diff --git a/.gitignore b/.gitignore
index 7175c78d4..ee2cfd052 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,10 +4,7 @@
 
 # dependencies
 node_modules/
-
-# build
-.next/
-dist/
+.idea/
 
 # build
 .next
@@ -22,9 +19,14 @@ apps/fo/.next/**/*
 #.env*
 .qodo
 
+# next-agents-md
+.next-docs/
+
 pnpm-lock.yaml
 settings.json
 .npmrc
 .cursor
+.agent
 
-
+apps/**/tsconfig.tsbuildinfo
+logs/
diff --git a/.husky/pre-push b/.husky/pre-push
index 0ddfdb46e..2adeaead9 100755
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -3,4 +3,8 @@ BRANCH=$(git rev-parse --abbrev-ref HEAD)
 if [ "$BRANCH" != "main" ]; then
   exit 0
 fi
+echo "Branch: $BRANCH"
+echo "Changed packages (dry-run):"
+pnpm turbo run build --filter="...[origin/$BRANCH]" --dry-run
+echo "Starting build..."
 pnpm turbo run build --filter="...[origin/$BRANCH]"
diff --git a/apps/_template/.env.example b/apps/_template/.env.example
index b2d706024..f9794a6f8 100644
--- a/apps/_template/.env.example
+++ b/apps/_template/.env.example
@@ -3,3 +3,6 @@ NEXT_PUBLIC_PORT=
 NEXT_PUBLIC_PROXY_HOST=
 NEXT_PUBLIC_SITE_ID=
 NEXT_PUBLIC_SERVER_API_URL=
+
+# 401 시 브라우저 리다이렉트 대상
+NEXT_PUBLIC_AUTH_LOGIN_REDIRECT_URL=/auth/login
diff --git a/apps/_template/package.json b/apps/_template/package.json
index fb27f8af7..17b53990f 100644
--- a/apps/_template/package.json
+++ b/apps/_template/package.json
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "eslint": "^9.0.0",
-    "eslint-config-next": "15.4.0",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/cm/package.json b/apps/cm/package.json
index 9d4e1da8f..bde698393 100644
--- a/apps/cm/package.json
+++ b/apps/cm/package.json
@@ -52,7 +52,7 @@
     "@types/node": "^22.13.1",
     "@types/webpack": "^5.28.5",
     "eslint": "^9.0.0",
-    "eslint-config-next": "15.4.0",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/cm/src/entities/auth/lib/auth-wrapper.tsx b/apps/cm/src/entities/auth/lib/auth-wrapper.tsx
index 1aa4f8e61..5366696f7 100644
--- a/apps/cm/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/cm/src/entities/auth/lib/auth-wrapper.tsx
@@ -5,16 +5,15 @@ import { useRouter } from "next/navigation";
 import { client } from "@/shared/api";
 import type { IUserInfo } from "@/shared/store";
 import { getCookie, useUserStore } from "@/shared/lib";
+import { isAtLoginRedirectUrl } from "@common/network";
 import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
-import { LoginApi } from "../api/login-service";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
   const router = useRouter();
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
-    // 로그인 페이지에서는 인증 체크를 건너뜀
-    if (window.location.pathname === '/auth/login') {
+    if (isAtLoginRedirectUrl("/auth/login")) {
       return;
     }
 
@@ -35,13 +34,8 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
-
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
+        setUserInfo(null);
+        if (!isAtLoginRedirectUrl("/auth/login")) {
           router.push("/auth/login");
         }
       }
diff --git a/apps/cm/src/pages/auth/login/ui/login-page.tsx b/apps/cm/src/pages/auth/login/ui/login-page.tsx
index fed7be4ad..297d28a8f 100644
--- a/apps/cm/src/pages/auth/login/ui/login-page.tsx
+++ b/apps/cm/src/pages/auth/login/ui/login-page.tsx
@@ -145,11 +145,11 @@ function LoginPage() {
         <div className="left_box fx">
           <div className="text">
             <h1>
-              유역하수도 통합플랫폼
+              유역하수도통합플랫폼
               <br />
-              <span>통합관리시스템</span>
+              <span>하수도 포탈</span>
             </h1>
-            <p>유역하수도 통합플랫폼에 오신 것을 환영합니다.</p>
+            <p>유역하수도통합플랫폼 하수도 포탈에 오신 것을 환영합니다.</p>
           </div>
           <div className="img">
             <Image src={images.logo} width={229} height={46} alt="logo" />
diff --git a/apps/common/features/next.config.ts b/apps/common/features/next.config.ts
index 34965cf32..8a50ea611 100644
--- a/apps/common/features/next.config.ts
+++ b/apps/common/features/next.config.ts
@@ -1,6 +1,21 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  output: "standalone",
+  experimental: {
+    proxyTimeout: 600000,
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  logging: {
+    fetches: {
+      fullUrl: true,
+    },
+  },  
   async rewrites() {
     return {
       afterFiles: [
diff --git a/apps/common/features/package.json b/apps/common/features/package.json
index 14a96b6f8..7118ae49d 100644
--- a/apps/common/features/package.json
+++ b/apps/common/features/package.json
@@ -46,7 +46,7 @@
     "@types/node": "^22.13.1",
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/common/features/src/entities/auth/lib/auth-wrapper.tsx b/apps/common/features/src/entities/auth/lib/auth-wrapper.tsx
index e518f938a..d514569e0 100644
--- a/apps/common/features/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/common/features/src/entities/auth/lib/auth-wrapper.tsx
@@ -4,13 +4,17 @@ import { useEffect } from "react";
 import { client } from "@/shared/api";
 import type { IUserInfo } from "@/shared/store";
 import { getCookie, useUserStore } from "@/shared/lib";
+import { getAuthLoginRedirectUrl, isAtLoginRedirectUrl } from "@common/network";
 import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
-import { LoginApi } from "../api/login-service";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
+    if (isAtLoginRedirectUrl(getAuthLoginRedirectUrl())) {
+      return;
+    }
+
     const userId = getCookie(AUTH_USER_ID);
     if (!userId) {
       throw new Error("Missing required authentication tokens");
@@ -28,8 +32,6 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
-        await LoginApi.silentRefresh();
-        await authCheck();
       }
     })();
   }, []);
diff --git a/apps/cs/.gitignore b/apps/cs/.gitignore
index b63718b61..f80a96304 100644
--- a/apps/cs/.gitignore
+++ b/apps/cs/.gitignore
@@ -38,4 +38,5 @@ yarn-error.log*
 next-env.d.ts
 
 .env*
-!.env.example
\ No newline at end of file
+!.env.example
+/start_cs.log
diff --git a/apps/cs/package.json b/apps/cs/package.json
index 03ec06fcf..27f43fcc1 100644
--- a/apps/cs/package.json
+++ b/apps/cs/package.json
@@ -52,7 +52,7 @@
     "@types/node": "^22.13.1",
     "@types/webpack": "^5.28.5",
     "eslint": "^9.0.0",
-    "eslint-config-next": "15.4.0",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/cs/src/entities/auth/lib/auth-wrapper.tsx b/apps/cs/src/entities/auth/lib/auth-wrapper.tsx
index c0be4c2dd..57ae75c34 100644
--- a/apps/cs/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/cs/src/entities/auth/lib/auth-wrapper.tsx
@@ -1,18 +1,24 @@
 "use client";
 
 import { useEffect } from "react";
-import { useRouter } from "next/navigation";
 import { client } from "@/shared/api";
 import type { IUserInfo } from "@/shared/store";
 import { getCookie, useUserStore } from "@/shared/lib";
-import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
-import { LoginApi } from "../api/login-service";
+import { isAtLoginRedirectUrl } from "@common/network";
+import {
+  ENDPOINT,
+  AUTH_USER_ID,
+  AUTH_LOGIN_REDIRECT_URL,
+} from "@/shared/config";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
-  const router = useRouter();
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
+    if (isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
+      return;
+    }
+
     const userId = getCookie(AUTH_USER_ID);
     if (!userId) {
       throw new Error("Missing required authentication tokens");
@@ -30,14 +36,9 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
-
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
-          router.push("/auth/login");
+        setUserInfo(null);
+        if (!isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
+          window.location.assign(AUTH_LOGIN_REDIRECT_URL);
         }
       }
     })();
diff --git a/apps/cs/src/pages/loginlog/ui/loginlog-page.tsx b/apps/cs/src/pages/loginlog/ui/loginlog-page.tsx
index 7ae7990a1..d94d79c9a 100644
--- a/apps/cs/src/pages/loginlog/ui/loginlog-page.tsx
+++ b/apps/cs/src/pages/loginlog/ui/loginlog-page.tsx
@@ -39,10 +39,10 @@ function LoginlogPage() {
   const [presetDateRange, setPresetDateRange] = useState("");
   const [dateRange, setDateRange] = useState<DateRange>(defaultDateRange);
   const [userId, setUserId] = useState("");
-  const [errOcrnYn, setErrOcrnYn] = useState("N");
+  const [errOcrnYn, setErrOcrnYn] = useState("ALL");
   const [searchParams, setSearchParams] = useState<LoginlogParams>({
     userId: "",
-    errOcrnYn: "N",
+    errOcrnYn: "",
     searchDateFrom: dayjs().subtract(7, "day").format("YYYY-MM-DD"),
     searchDateTo: dayjs().format("YYYY-MM-DD"),
     sort: "lgnDt,desc",
@@ -87,7 +87,7 @@ function LoginlogPage() {
     setSearchParams({
       ...searchParams,
       userId,
-      errOcrnYn,
+      errOcrnYn: errOcrnYn === "ALL" ? "" : errOcrnYn,
       searchDateFrom: dateRange.from
         ? dayjs(dateRange.from).format("YYYY-MM-DD")
         : "",
@@ -102,12 +102,12 @@ function LoginlogPage() {
 
   const handleReset = () => {
     setUserId("");
-    setErrOcrnYn("N");
+    setErrOcrnYn("ALL");
     setDateRange(defaultDateRange);
     setSearchParams({
       ...searchParams,
       userId: "",
-      errOcrnYn: "N",
+      errOcrnYn: "",
       searchDateFrom: dayjs().subtract(7, "day").format("YYYY-MM-DD"),
       searchDateTo: dayjs().format("YYYY-MM-DD"),
     });
@@ -180,6 +180,7 @@ function LoginlogPage() {
               <SelectValue placeholder="선택" />
             </SelectTrigger>
             <SelectContent>
+              <SelectItem value="ALL">전체</SelectItem>
               <SelectItem value="N">정상</SelectItem>
               <SelectItem value="Y">오류</SelectItem>
             </SelectContent>
diff --git a/apps/cs/src/shared/config/env.ts b/apps/cs/src/shared/config/env.ts
index c6373724f..95d1a4477 100644
--- a/apps/cs/src/shared/config/env.ts
+++ b/apps/cs/src/shared/config/env.ts
@@ -2,6 +2,8 @@ export const PORT = process.env.NEXT_PUBLIC_PORT || "3000";
 export const PROXY_HOST =
   process.env.NEXT_PUBLIC_PROXY_HOST || `http://localhost:${PORT}`;
 export const SERVER_API_URL = process.env.NEXT_PUBLIC_SERVER_API_URL;
+export const AUTH_LOGIN_REDIRECT_URL =
+  process.env.NEXT_PUBLIC_AUTH_LOGIN_REDIRECT_URL || "/auth/login";
 export const SITE_ID = process.env.NEXT_PUBLIC_SITE_ID || "CS";
 export const CLAIM_NAME = process.env.NEXT_PUBLIC_CLAIM_NAME || "Authorization";
 export const ACCESS_TOKEN =
diff --git a/apps/dc/package.json b/apps/dc/package.json
index 747cdf91e..5835b9ab6 100644
--- a/apps/dc/package.json
+++ b/apps/dc/package.json
@@ -41,7 +41,7 @@
     "@types/node": "^22.17.0",
     "@types/webpack": "^5.28.5",
     "eslint": "^9.0.0",
-    "eslint-config-next": "15.4.0",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/dc/src/entities/auth/lib/auth-wrapper.tsx b/apps/dc/src/entities/auth/lib/auth-wrapper.tsx
index 1f196ed52..57ae75c34 100644
--- a/apps/dc/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/dc/src/entities/auth/lib/auth-wrapper.tsx
@@ -1,20 +1,24 @@
 "use client";
 
 import { useEffect } from "react";
-import { useRouter } from "next/navigation";
 import { client } from "@/shared/api";
 import type { IUserInfo } from "@/shared/store";
 import { getCookie, useUserStore } from "@/shared/lib";
-import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
-import { LoginApi } from "../api/login-service";
-
-const CLAIM_NAME = process.env.NEXT_PUBLIC_CLAIM_NAME || "Authorization";
+import { isAtLoginRedirectUrl } from "@common/network";
+import {
+  ENDPOINT,
+  AUTH_USER_ID,
+  AUTH_LOGIN_REDIRECT_URL,
+} from "@/shared/config";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
-  const router = useRouter();
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
+    if (isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
+      return;
+    }
+
     const userId = getCookie(AUTH_USER_ID);
     if (!userId) {
       throw new Error("Missing required authentication tokens");
@@ -32,14 +36,9 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
-
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
-          router.push("/auth/login");
+        setUserInfo(null);
+        if (!isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
+          window.location.assign(AUTH_LOGIN_REDIRECT_URL);
         }
       }
     })();
diff --git a/apps/dc/src/shared/config/env.ts b/apps/dc/src/shared/config/env.ts
index 89d2c039c..9edea0e2d 100644
--- a/apps/dc/src/shared/config/env.ts
+++ b/apps/dc/src/shared/config/env.ts
@@ -3,10 +3,14 @@ export const PROXY_HOST =
   process.env.NEXT_PUBLIC_PROXY_HOST || `http://localhost:${PORT}`;
 
 export const SERVER_API_URL = process.env.NEXT_PUBLIC_SERVER_API_URL;
-export const NEXT_PUBLIC_DC_SERVICE_API_URL = process.env.NEXT_PUBLIC_DC_SERVICE_API_URL || `http://localhost:${PORT}`;
+export const NEXT_PUBLIC_DC_SERVICE_API_URL =
+  process.env.NEXT_PUBLIC_DC_SERVICE_API_URL || `http://localhost:${PORT}`;
+export const AUTH_LOGIN_REDIRECT_URL =
+  process.env.NEXT_PUBLIC_AUTH_LOGIN_REDIRECT_URL || "/auth/login";
 
 // Flask API URL
-export const FLASK_API_URL = process.env.NEXT_PUBLIC_FLASK_API_URL || "http://localhost:5000";
+export const FLASK_API_URL =
+  process.env.NEXT_PUBLIC_FLASK_API_URL || "http://localhost:5000";
 
 //export const SITE_ID = process.env.NEXT_PUBLIC_SITE_ID || "DC";
 export const SITE_ID = "DC";
diff --git a/apps/dm/package.json b/apps/dm/package.json
index 71d504f50..844e0b1aa 100644
--- a/apps/dm/package.json
+++ b/apps/dm/package.json
@@ -29,7 +29,7 @@
     "@eslint/eslintrc": "^3",
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
diff --git a/apps/dm_new/app/(landing)/reuse/apply/modal/SimilarCaseModal.tsx b/apps/dm_new/app/(landing)/reuse/apply/modal/SimilarCaseModal.tsx
index 5ea0d03cd..774ab81b8 100644
--- a/apps/dm_new/app/(landing)/reuse/apply/modal/SimilarCaseModal.tsx
+++ b/apps/dm_new/app/(landing)/reuse/apply/modal/SimilarCaseModal.tsx
@@ -82,7 +82,7 @@ export default function SimilarCaseModal({
   const titleId = useId();
 
   const [mounted, setMounted] = useState(false);
-  const [criterion, setCriterion] = useState<Criterion>("");
+  const [criterion, setCriterion] = useState<Criterion>("supplyAmt");
   const [selectedCaseId, setSelectedCaseId] = useState<string>("");
 
   useEffect(() => setMounted(true), []);
@@ -90,7 +90,8 @@ export default function SimilarCaseModal({
   // 모달 열릴 때 초기화
   useEffect(() => {
     if (!open) return;
-    setCriterion("");
+    setCriterion("supplyAmt");
+    onSearch("supplyAmt");
     setSelectedCaseId("");
   }, [open]);
 
@@ -201,7 +202,6 @@ export default function SimilarCaseModal({
                 }}
                 className="h-10 w-[180px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
               >
-                <option value="">유사기준선택</option>
                 <option value="supplyAmt">공급량</option>
                 <option value="usePurpose">이용용도</option>
               </select>
diff --git a/apps/dm_new/app/(landing)/reuse/apply/status/page.tsx b/apps/dm_new/app/(landing)/reuse/apply/status/page.tsx
index b69b0fdd9..3282f54a5 100644
--- a/apps/dm_new/app/(landing)/reuse/apply/status/page.tsx
+++ b/apps/dm_new/app/(landing)/reuse/apply/status/page.tsx
@@ -3,6 +3,7 @@
 
 import { useEffect, useMemo, useRef, useState } from "react";
 import SubPageHeader from "../../_components/SubPageHeader";
+//import { useDmStore } from "@/app/store";
 
 type WaterDetail = {
   toc: string;
@@ -114,12 +115,17 @@ type PairField = { label: string; value: string };
 export default function DemandStatusPage() {
   const rows = useMemo(() => MOCK, []);
 
-  // ✅ rows가 빈 경우도 대비 (런타임 오류 방지)
+  // rows가 빈 경우도 대비 (런타임 오류 방지)
   const [selectedId, setSelectedId] = useState<number | null>(rows[0]?.id ?? null);
 
-  // ✅ 상세영역 스크롤 이동용
+  // 상세영역 스크롤 이동용
   const detailRef = useRef<HTMLDivElement | null>(null);
 
+  // update
+  /* const updateSdmInfoData = useDmStore(
+    (state) => state.updateSdmInfoData
+  ); */
+
   // ✅ selected 계산 안정화
   const selected = useMemo(() => {
     if (!rows.length) return null;
diff --git a/apps/dm_new/app/(popup-layout)/map/popup/page.tsx b/apps/dm_new/app/(popup-layout)/map/popup/page.tsx
index e410ad2a7..bdce68a87 100644
--- a/apps/dm_new/app/(popup-layout)/map/popup/page.tsx
+++ b/apps/dm_new/app/(popup-layout)/map/popup/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import Gis from "@common/business_components/ui/map/Gis";
+import "@/app/commonOrigin.css";
 import { useEffect, useRef, useState } from "react";
 import { mapService } from "../service";
 import GisApp from "@common/business_components/ui/map/lib/gis.core";
@@ -29,10 +30,15 @@ const Map = () => {
       ruseUtztnFcltCd: fclt.pbnstRuseFcltId,
     }));
 
+    if (!window.opener || typeof window.opener.postMessage !== "function") {
+      alert("부모 창을 찾을 수 없습니다. 팝업이 'noopener'로 열렸거나, 보안 정책으로 차단되었을 수 있어요.");
+      return;
+    }
+
     window.opener.postMessage(
       {
         type: "SET_SUBS_INFO",
-        payload: subsInfoList, // 또는 필요한 데이터
+        payload: subsInfoList, // 배열로 전송 (최대 3개)
       },
       "*"
     );
@@ -52,9 +58,23 @@ const Map = () => {
 
   //하수처리시설코드로 재이용시설 목록 조회
   const reuseData = async (ruseFcltPk: any) => {
+    if (!ruseFcltPk) {
+      console.warn("[reuseData] ruseFcltPk가 없습니다.");
+      return;
+    }
     try {
+      console.log("[reuseData] API 호출 - ruseFcltPk:", ruseFcltPk);
       const response = await mapService.getPbnstRuseFclts(ruseFcltPk);
-      const data = response.data || [];
+      console.log("[reuseData] API 응답 전체:", response);
+      // 응답이 배열이면 바로 사용, 객체면 .data 추출
+      const data = Array.isArray(response)
+        ? response
+        : Array.isArray(response?.data)
+          ? response.data
+          : response?.data
+            ? [response.data]
+            : [];
+      console.log("[reuseData] 파싱된 data:", data);
       setSelectedFclts((prev) => {
         const newItems = data.filter(
           (item: any) =>
@@ -62,7 +82,7 @@ const Map = () => {
             Object.keys(item).length > 0 &&
             !prev.some((f) => f.pbnstRuseFcltId === item.pbnstRuseFcltId)
         );
-        console.log(newItems);
+        console.log("[reuseData] 추가될 newItems:", newItems);
         return [...prev, ...newItems];
       });
     } catch (error) {
@@ -75,11 +95,45 @@ const Map = () => {
     fetchData();
   }, []);
 
+  // 부모창에 초기 선택값 요청 (팝업 열릴 때 기존 선택 목록 받아오기)
+  useEffect(() => {
+    const origin = window.location.origin;
+    if (window.opener) {
+      window.opener.postMessage({ type: "REQUEST_INIT_SUBS_INFO" }, origin);
+    }
+  }, []);
+
+  // 부모창에서 초기 선택값 수신
+  useEffect(() => {
+    const origin = window.location.origin;
+
+    const handler = (event: MessageEvent) => {
+      if (event.origin !== origin) return;
+
+      const data = event.data;
+      if (!data || typeof data !== "object") return;
+
+      if (data.type === "INIT_SUBS_INFO") {
+        const list = Array.isArray(data.payload) ? data.payload : [];
+        setSelectedFclts(
+          list.map((x) => ({
+            ruseUtztnFcltNm: x.ruseUtztnFcltNm ?? "",
+            pbnstRuseFcltId: x.ruseUtztnFcltCd ?? "",
+          }))
+        );
+      }
+    };
+
+    window.addEventListener("message", handler);
+    return () => window.removeEventListener("message", handler);
+  }, []);
+
   // 레이어 생성 후 초기화 처리
   const onCheckedLayersChange = () => {
     //수요처 ID
     const urlParams = new URLSearchParams(window.location.search);
     const dmdInfoId = urlParams.get("dmdInfoId");
+    console.log("[하이라이트] dmdInfoId:", dmdInfoId);
 
     //수요처 위치로 화면 이동
     const maps = gisMaps.current;
@@ -88,22 +142,42 @@ const Map = () => {
     const featureId = `${layerNm}.${dmdInfoId}`;
     let foundFeature: any = null;
 
+    // 현재 로드된 레이어 목록 출력
+    const allLayerNames = maps
+      .getLayers()
+      .getArray()
+      .map((l: any) => l.get("lyrTyNm") || l.get("name") || "(unnamed)");
+    console.log("[하이라이트] 전체 레이어 목록:", allLayerNames);
+    console.log("[하이라이트] 탐색 대상 레이어:", layerNm);
+    console.log("[하이라이트] 탐색 대상 featureId:", featureId);
+
     maps
       .getLayers()
       .getArray()
       .forEach((layer: any) => {
         if (layer.get("lyrTyNm") == layerNm) {
+          console.log("[하이라이트] 레이어 발견:", layerNm);
           const source = layer.getSource?.();
           if (source?.getFeatureById) {
             const feature = source.getFeatureById(String(featureId).trim());
+            console.log("[하이라이트] feature 탐색결과:", feature);
             if (feature) {
               foundFeature = feature;
               return;
-            } 
+            }
+            // feature 못 찾을 때 소스 내 전체 feature ID 출력
+            if (source?.getFeatures) {
+              const allIds = source.getFeatures().map((f: any) => f.getId());
+              console.log("[하이라이트] 소스 내 전체 feature ID:", allIds);
+            }
           }
         }
       });
 
+    if (!foundFeature) {
+      console.warn("[하이라이트] feature를 찾지 못했습니다. 위 레이어 목록/ID를 확인하세요.");
+    }
+
     if (foundFeature) {
       const geometry = foundFeature.getGeometry();
 
@@ -133,7 +207,7 @@ const Map = () => {
         { width: 30 }
       );
     } else {
-      alert("수요처의 좌표정보를 찾을수 없으므로, 상단 조회조건의 시설명을 입력하여 위치를 조회하시기 바랍니다.");
+      console.warn("수요처의 좌표정보를 찾을 수 없습니다. dmdInfoId:", dmdInfoId);
     }
 
     const formatNumber = (val: any) => {
@@ -185,6 +259,7 @@ const Map = () => {
 
   // 검색해서 재이용시설 선택하면 해당 시설로 화면 이동 처리
   useEffect(() => {
+    console.warn(selectDataPk);
     if (!selectDataPk || Object.keys(selectDataPk).length === 0) return;
     const maps = gisMaps.current;
     let foundFeature: any = null;
@@ -226,8 +301,12 @@ const Map = () => {
 
   // 재이용시설 클릭 시 선택 시설목록에 추가
   const onFeatureSelect = (data: any) => {
+    // feature의 모든 속성 출력 (어떤 키가 있는지 확인)
+    const properties = data.getProperties?.() ?? {};
+    console.log("[onFeatureSelect] feature 속성 전체:", properties);
     // 처리시설코드
     const swtrmtFcltCd = data.get("swtrmt_fclt_cd");
+    console.log("[onFeatureSelect] swtrmt_fclt_cd:", swtrmtFcltCd);
     reuseData(swtrmtFcltCd);
   };
 
diff --git a/apps/dm_new/app/(popup-layout)/map/popup/selectedFcltList.tsx b/apps/dm_new/app/(popup-layout)/map/popup/selectedFcltList.tsx
index bdf4d7e2c..5c742684f 100644
--- a/apps/dm_new/app/(popup-layout)/map/popup/selectedFcltList.tsx
+++ b/apps/dm_new/app/(popup-layout)/map/popup/selectedFcltList.tsx
@@ -22,36 +22,32 @@ export default function SelectedFcltList({
 
   const TableContent = (
     <>
-      <thead className="bg-gray-100 text-gray-700 text-[13px]">
+      <thead className="bg-gray-100 text-gray-600 text-[11px] font-medium border-b border-cyan-800">
         <tr>
-          <th className="px-3 py-2 text-left border-b">시설명</th>
-          <th className="px-3 py-2 text-right border-b">
-            하수처리량
-            <br />
-            (㎥/일)
+          <th className="px-2 py-1.5 text-left w-1/3">시설명</th>
+          <th className="px-2 py-1.5 text-right whitespace-nowrap">
+            처리량(㎥/일)
           </th>
-          <th className="px-3 py-2 text-right border-b">
-            재이용량
-            <br />
-            (㎥/일)
+          <th className="px-2 py-1.5 text-right whitespace-nowrap">
+            재이용량(㎥/일)
           </th>
-          <th className="px-3 py-2 border-b">삭제</th>
+          <th className="px-2 py-1.5 text-center w-10">삭제</th>
         </tr>
       </thead>
       <tbody>
         {data.map((item) => (
-          <tr key={item.pbnstRuseFcltId} className="border-b last:border-none">
-            <td className="px-3 py-2 text-[12px]">{item.ruseUtztnFcltNm}</td>
-            <td className="px-3 py-2 text-right text-[12px]">
+          <tr key={item.pbnstRuseFcltId} className="border-b border-gray-100 last:border-none hover:bg-gray-50/50">
+            <td className="px-2 py-1.5 text-[11px] font-medium text-gray-800 break-keep">{item.ruseUtztnFcltNm}</td>
+            <td className="px-2 py-1.5 text-right text-[11px] text-gray-600">
               {Number(item.splyExtraCpct || 0).toLocaleString()}
             </td>
-            <td className="px-3 py-2 text-right text-[12px]">
+            <td className="px-2 py-1.5 text-right text-[11px] text-gray-600">
               {Number(item.ruseCpct || 0).toLocaleString()}
             </td>
-            <td className="px-3 py-2 text-center">
+            <td className="px-2 py-1.5 text-center">
               <button
                 onClick={() => handleDelete(item.pbnstRuseFcltId)}
-                className="text-red-500 hover:text-red-700 text-sm font-bold"
+                className="text-gray-400 hover:text-red-500 text-[11px] font-bold transition-colors"
                 aria-label="삭제"
                 title="삭제"
               >
@@ -64,15 +60,13 @@ export default function SelectedFcltList({
     </>
   );
 
-  if (data.length === 0) return null;
-
   return (
-    <div className="fixed right-40 top-[8rem] w-[40rem] max-h-[130rem] overflow-auto bg-white shadow-lg rounded p-4 border border-gray-300 z-50">
-      <h3 className="bg-cyan-700 text-white text-xl font-bold mb-2 p-2">
+    <div className="fixed right-20 top-[3.5rem] w-[22rem] max-h-[80vh] overflow-hidden bg-white/95 backdrop-blur-sm shadow-[0_4px_12px_rgba(0,0,0,0.1)] rounded-lg border border-gray-200 z-50 flex flex-col">
+      <h3 className="bg-cyan-700 text-white text-[13px] font-semibold p-2">
         선택된 시설
       </h3>
-      <div className="overflow-x-auto">
-        <table className="w-full text-sm text-gray-800 border border-gray-200">
+      <div className="overflow-y-auto w-full">
+        <table className="w-full text-sm text-gray-800 border-t border-gray-200 table-fixed">
           {TableContent}
         </table>
       </div>
diff --git a/apps/dm_new/app/(popup-layout)/map/service/map.ts b/apps/dm_new/app/(popup-layout)/map/service/map.ts
index 00e3ab561..dea14f0d0 100644
--- a/apps/dm_new/app/(popup-layout)/map/service/map.ts
+++ b/apps/dm_new/app/(popup-layout)/map/service/map.ts
@@ -6,7 +6,7 @@ import { DEV_URL_WR, DEV_URL_SN } from "@/components/ui/config";
 export type LyrStngProps = {
   lyr_sn: string
   lyr_nm: string
-  upper_lyr_sn: string  
+  upper_lyr_sn: string
   drawOrdr: string
   flterSql: string
   gobjTy: string
@@ -29,7 +29,7 @@ export type LyrStngProps = {
 export const mapService = {
   //레이어 설정 조회
   getLyrStngs: async () => {
-    const response = await fetch(`${DEV_URL_SN}/api/v1/map/lyrStngs/DM_NETWORK`, {
+    const response = await fetch(`${DEV_URL_SN}/map/lyrStngs/DM_NETWORK`, {
       method: 'GET',
       headers: {
         'Accept': 'application/json',
@@ -42,7 +42,7 @@ export const mapService = {
 
     return response.json();
   },
-  getPbnstRuseFclts: async (ruseFcltPk:any) => {
+  getPbnstRuseFclts: async (ruseFcltPk: any) => {
     const response = await fetch(`${DEV_URL_WR}/reuseFc/pubFc/${ruseFcltPk}`, {
       method: 'GET',
       headers: {
diff --git a/apps/dm_new/app/(with-layout)/apply/register/page.tsx b/apps/dm_new/app/(with-layout)/apply/register/page.tsx
index 24f2e5918..038e637f3 100644
--- a/apps/dm_new/app/(with-layout)/apply/register/page.tsx
+++ b/apps/dm_new/app/(with-layout)/apply/register/page.tsx
@@ -9,16 +9,19 @@
 "use client";
 
 import { useMemo, useState, useRef, useEffect } from "react";
+import { useRouter } from "next/navigation";
 import SubPageHeader from "@/components/SubPageHeader";
 import WaterQualityRefModal from "../modal/WaterQualityRefModal";
 import CandidateSiteModal, { type CandidateSite } from "@/components/CandidateSiteModal";
-import { useDmStore}  from "@/app/store";
+import { useDmStore } from "@/app/store";
 import type { SdmInfoFormData } from "@/app/store/sdmMng";
 import SimilarCaseModal, { type SimilarCaseDetail, type SimilarCaseRow } from "@/app/(landing)/reuse/apply/modal/SimilarCaseModal";
+//import type { SubsInfo } from "@/app/store/map/type";
 
 type PHRange = { min: string; max: string };
 
 export default function DemandRegisterPage() {
+  const router = useRouter();
   const today = useMemo(() => {
     const d = new Date();
     const yyyy = d.getFullYear();
@@ -58,15 +61,59 @@ export default function DemandRegisterPage() {
   const [cand1, setCand1] = useState("");
   const [cand2, setCand2] = useState("");
   const [cand3, setCand3] = useState("");
+  //const [candidateList, setCandidateList] = useState<SubsInfo[]>([]);
 
   const useTypesData = useDmStore((state) => state.Sdm.useTypesData);
   const getUseTypesData = useDmStore((state) => state.getUseTypesData);
   const [openSimilar, setOpenSimilar] = useState(false);
 
+  // 후보지 팝업 메시지 핸들러
+  const candsRef = useRef<{ name: string; code: string }[]>([]);
+
+  useEffect(() => {
+    const origin = window.location.origin;
+
+    const handleMessage = (event: MessageEvent) => {
+      const data = event.data;
+      if (!data || typeof data !== "object") return;
+
+      if (data.type === "SET_SUBS_INFO") {
+        // 팝업에서 배열로 전송 (최대 3개)
+        const list = Array.isArray(data.payload) ? data.payload : [];
+        setCand1(list[0]?.ruseUtztnFcltNm ?? "");
+        setCand2(list[1]?.ruseUtztnFcltNm ?? "");
+        setCand3(list[2]?.ruseUtztnFcltNm ?? "");
+        // 추후 REQUEST_INIT_SUBS_INFO 응답용 ref 갱신
+        candsRef.current = list.map((x: any) => ({
+          name: x.ruseUtztnFcltNm ?? "",
+          code: x.ruseUtztnFcltCd ?? "",
+        }));
+      }
+
+      if (data.type === "REQUEST_INIT_SUBS_INFO") {
+        // 팝업이 현재 선택된 후보지 초기값을 요청하면 응답
+        const initList = candsRef.current
+          .filter((x) => x.name)
+          .map((x) => ({
+            ruseUtztnFcltNm: x.name,
+            ruseUtztnFcltCd: x.code,
+          }));
+        const target = event.source as Window | null;
+        target?.postMessage(
+          { type: "INIT_SUBS_INFO", payload: initList },
+          { targetOrigin: origin }
+        );
+      }
+    };
+
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, []);
+
   // 유사사례
   const similarCaseList = useDmStore((state) => state.Sdm.similarCaseList);
   const getSimilarCaseList = useDmStore((state) => state.getSimilarCaseList);
-
+  const [farmText, setFarmText] = useState("이하");
 
   const insertSdmInfoData = useDmStore(
     (state) => state.insertSdmInfoData
@@ -76,16 +123,38 @@ export default function DemandRegisterPage() {
     getUseTypesData();
   }, [getUseTypesData]);
 
+  useEffect(() => {
+    const handler = (event: MessageEvent) => {
+      if (!event.data) return;
+
+      if (event.data.type === "SET_SUBS_INFO") {
+        const list = event.data.payload || [];
+
+        // 최대 3개
+        setCand1(list[0]?.ruseUtztnFcltNm || "");
+        setCand2(list[1]?.ruseUtztnFcltNm || "");
+        setCand3(list[2]?.ruseUtztnFcltNm || "");
+        //setCandidateList(list);
+      }
+    };
+
+    window.addEventListener("message", handler);
+
+    return () => {
+      window.removeEventListener("message", handler);
+    };
+  }, []);
+
   // option
   // 'req':필수 / 'num' : 숫자 / 'num+[숫자] : 자릿수 
-  const validation = (val, text, option :string[]=[] ) => {
-    if(option.includes('req')){
-      if(val.trim() === "" || val ===undefined) {
-        alert(`${text} 항목은 필수 입력값입니다.`); 
+  const validation = (val, text, option: string[] = []) => {
+    if (option.includes('req')) {
+      if (val.trim() === "" || val === undefined) {
+        alert(`${text} 항목은 필수 입력값입니다.`);
         return false;
       }
-    }else{
-      if(val.trim()===""){
+    } else {
+      if (val.trim() === "") {
         return true;
       }
     }
@@ -99,8 +168,7 @@ export default function DemandRegisterPage() {
 
       if (!regex.test(val)) {
         alert(
-          `${text}은(는) ${
-            isDot ? "숫자 또는 소수" : "숫자"
+          `${text}은(는) ${isDot ? "숫자 또는 소수" : "숫자"
           }만 입력 가능합니다.`
         );
         return false;
@@ -185,50 +253,62 @@ export default function DemandRegisterPage() {
   });
 
   // 데이터 저장
-  const saveInfo = async() => {
-    if(!validation(reqQty, '요구수량', ['req', 'numDot'])) return false;
-    if(!validation(usePurpose, '사용용도', ['req'])) return false;
-    if(!validation(hopePrice, '희망단가', ['req', 'numDot'])) return false;
-    if(!noDetect && !validation(coliform, '총대장균군수', ['req','numDot'])) return false;
-    if(!validation(residualCl, ['req', '결합잔류염소', 'numDot'])) return false;
-    if(!validation(turbidity, '탁도', ['req', 'numDot'])) return false;
-    if(!validation(bod, '생물화학적산소요구량', ['req', 'numDot'])) return false;
-    if(!validation(odor, '냄새', ['req'])) return false;
-    
+  const saveInfo = async () => {
+    if (!validation(reqQty, '요구수량', ['req', 'numDot'])) return false;
+    if (!validation(usePurpose, '사용용도', ['req'])) return false;
+    if (!validation(hopePrice, '희망단가', ['req', 'numDot'])) return false;
+    /*  if(!noDetect && !validation(coliform, '총대장균군수', ['req','numDot'])) return false;
+     if(!validation(residualCl, ['req', '결합잔류염소', 'numDot'])) return false;
+     if(!validation(turbidity, '탁도', ['req', 'numDot'])) return false;
+     if(!validation(bod, '생물화학적산소요구량', ['req', 'numDot'])) return false;
+     if(!validation(odor, '냄새', ['req'])) return false; */
+
     // 필수는 아니지만 숫자로는 들어와야함.
-    if(!validation(tn, '총질소', ['numDot'])) return false;
-    if(!validation(residualCl, '결합잔류염소', ['numDot'])) return false;
-    if(!validation(tp, '총인', ['numDot'])) return false;
-    if(!validation(ph.min, 'ph', ['numDot'])) return false;
-    if(!validation(ph.max, 'ph', ['numDot'])) return false;
-    if(!validation(chloride, '염화물', ['numDot'])) return false;
-    if(!validation(ec, '전기전도도', ['numDot'])) return false;
-    
+    /*   if(!validation(tn, '총질소', ['numDot'])) return false;
+      if(!validation(residualCl, '결합잔류염소', ['numDot'])) return false;
+      if(!validation(tp, '총인', ['numDot'])) return false;
+      if(!validation(ph.min, 'ph', ['numDot'])) return false;
+      if(!validation(ph.max, 'ph', ['numDot'])) return false;
+      if(!validation(chloride, '염화물', ['numDot'])) return false;
+      if(!validation(ec, '전기전도도', ['numDot'])) return false; */
+
     const userStr = sessionStorage.getItem("user");
     const user = userStr ? JSON.parse(userStr) : null;
 
-    if(user){
-      const payload : SdmInfoFormData = {
-        dmndTmng : new Date(reqDate),
-        dmdInfoId : user.dmdInfoId,
-        dmndQty : Number(reqQty),
-        wntUntprc : Number(hopePrice),
-        useUsgCd : usePurpose,
+    if (user) {
+      // 후보지 목록 (candsRef에 코드까지 보관됨)
+      const splyCndtList = candsRef.current
+        .filter((x) => x.name)
+        .map((x) => ({
+          ruseUtztnFcltNm: x.name,
+          ruseUtztnFcltCd: x.code,
+        }));
+
+      const payload: SdmInfoFormData = {
+        dmndTmng: new Date(reqDate),
+        dmdInfoId: user.dmdInfoId,
+        dmndQty: Number(reqQty),
+        wntUntprc: Number(hopePrice),
+        useUsgCd: usePurpose,
         // 수질
-        grssClfg : Number(coliform),
-        tn : Number(tn)||null,
-        combResdch: Number(residualCl)||null,
-        tph : Number(tp)||null,
-        trbt : Number(turbidity),
-        ph : ph.min||''+((ph.min||ph.max)?'~':'')+ph.max||'',
-        blgcOxygDmndQnt : Number(bod),
-        clIonQnt : Number(chloride)||null,
-        smll : odor,
-        cdtnv : Number(ec)||null, 
-        crmty : Number(color)||null,
-        rmrk : remark
+        grssClfg: Number(coliform),
+        tn: Number(tn) || null,
+        combResdch: Number(residualCl) || null,
+        tph: Number(tp) || null,
+        trbt: Number(turbidity),
+        ph: ph.min || '' + ((ph.min || ph.max) ? '~' : '') + ph.max || '',
+        blgcOxygDmndQnt: Number(bod),
+        clIonQnt: Number(chloride) || null,
+        smll: odor,
+        cdtnv: Number(ec) || null,
+        crmty: Number(color) || null,
+        rmrk: remark,
+        splyCndtList, // 후보지 목록 추가
+      }
+      const success = await insertSdmInfoData(payload);
+      if (success) {
+        router.push("/apply/status");
       }
-      insertSdmInfoData(payload);
     }
   }
 
@@ -267,292 +347,367 @@ export default function DemandRegisterPage() {
     setOpenSimilar(true);
   };
 
+  const initQualityForm = () => {
+    setColiform("");
+    setNoDetect(false);
+    setTn("");
+    setResidualCl("");
+    setTp("");
+    setTurbidity("");
+    setPh({ min: "", max: "" });
+    setBod("");
+    setChloride("");
+    setOdor("불쾌하지 않을 것");
+    setEc("");
+    setColor("");
+    setRemark("");
+    setFarmText("이하");
+  }
+
+  const fncSetOptionValue = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const value = e.target.value;
+    initQualityForm();
+
+    switch (value) {
+      // 청소화장실용도
+      case '01':
+        setTp('0.2');
+        setTurbidity('2');
+        setPh({ min: '5.8', max: '8.5' });
+        setBod('5');
+        setColor('20');
+        break;
+      // 세척살수용도  
+      case '02':
+        setTp('0.2');
+        setTurbidity('2');
+        setPh({ min: '5.8', max: '8.5' });
+        setBod('5');
+        break;
+      // 조경용도
+      case '03':
+        setTp('0.2');
+        setTurbidity('2');
+        setPh({ min: '5.8', max: '8.5' });
+        setBod('5');
+        setChloride('250');
+        break;
+      // 지하수
+      case '05':
+        break;
+      // 농업용도
+      case '06':
+        setTurbidity('5');
+        setPh({ min: '5.8', max: '8.5' });
+        setBod('8');
+        setEc('2000');
+        setFarmText("이하 (** 간접:2000,직접:700 )");
+        break;
+      // 하천 등 유지보수
+      case '07':
+        setColiform('1000');
+        setTn('10');
+        setTp('0.5');
+        setPh({ min: '5.8', max: '8.5' });
+        setBod('5');
+        break;
+      // 공업
+      case '08':
+        setPh({ min: '5.8', max: '8.5' });
+        break;
+      default:
+        console.log('잘못된 선택입니다.');
+    }
+
+    setUsePurpose(value);
+  }
+
   return (
     <>
-    
-        <main className="bg-white">
 
-            {/* 서브 타이틀 + 브레드크럼 */}
-            <SubPageHeader
-                title="수요정보등록"
-                crumbs={[
-                { label: "Home", href: "/reuse" },
-                { label: "수요신청", href: "/reuse/apply" },
-                { label: "수요정보등록" },
-                ]}
-            />
+      <main className="bg-white">
 
-            {/* 컨텐츠 영역 */}
-            <div>
+        {/* 서브 타이틀 + 브레드크럼 */}
+        <SubPageHeader
+          title="수요정보등록"
+          crumbs={[
+            { label: "Home", href: "/reuse" },
+            { label: "수요신청", href: "/reuse/apply" },
+            { label: "수요정보등록" },
+          ]}
+        />
 
-                {/* 기본정보 테이블 */}
-                <div className="border border-neutral-200 bg-white">
-                    <FormRow label="요구시기" required>
-                        <DateInput value={reqDate} onChange={setReqDate} />
-                    </FormRow>
+        {/* 컨텐츠 영역 */}
+        <div>
 
-                    <Divider />
+          {/* 기본정보 테이블 */}
+          <div className="border border-neutral-200 bg-white">
+            <FormRow label="요구시기" required>
+              <DateInput value={reqDate} onChange={setReqDate} />
+            </FormRow>
 
-                    <FormRow label="요구수량(m²/d)" required>
-                        <TextInput value={reqQty} onChange={setReqQty} placeholder="" />
-                    </FormRow>
+            <Divider />
 
-                    <Divider />
+            <FormRow label="요구수량(m²/d)" required>
+              <TextInput value={reqQty} onChange={setReqQty} placeholder="" />
+            </FormRow>
 
-                    <FormRow label="사용용도" required>
-                      <select
-                        value={usePurpose}
-                        onChange={(e) => setUsePurpose(e.target.value)}
-                        className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
-                      >
-                        <option value="">선택하세요</option>
-                        {useTypesData.map((item) => (
-                          <option key={item.val} value={item.val}>
-                            {item.text}
-                          </option>
-                        ))}
-                      </select>
-                    </FormRow>
+            <Divider />
 
-                    <Divider />
+            <FormRow label="사용용도" required>
+              <select
+                value={usePurpose}
+                onChange={(e) => fncSetOptionValue(e)}
+                className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
+              >
+                <option value="">선택하세요</option>
+                {useTypesData.map((item) => (
+                  <option key={item.val} value={item.val}>
+                    {item.text}
+                  </option>
+                ))}
+              </select>
+            </FormRow>
 
-                    <FormRow label="희망단가(원)" required>
-                        <TextInput value={hopePrice} onChange={setHopePrice} />
-                    </FormRow>
-                </div>
+            <Divider />
 
-                {/* 요구수질 섹션 타이틀 바 */}
-                <div className="grid grid-cols-12">
-                    <div className="col-span-12 lg:col-span-2 inline-flex justify-center items-center gap-3 px-6 py-6 text-center">
-                        <span className="text-lg font-semibold text-neutral-800">요구수질</span>
-                        <button
-                            type="button"
-                             onClick={() => setOpenRef(true)}
-                            className="rounded border-[2px] border-[#DE3412] px-2 py-3 text-[15px] font-medium text-[#4F4F4F] hover:bg-orange-50"
-                        >
-                            수질기준 참고
-                        </button>
-                        {/* 수질기준참고 모달 */}
-                        <WaterQualityRefModal
-                            open={openRef}
-                            onClose={() => setOpenRef(false)}
-                            imageSrc="/images/landing/water_quality_ref_1.png"
-                        />
-                    </div>
-                </div>
+            <FormRow label="희망단가(원)" required>
+              <TextInput value={hopePrice} onChange={setHopePrice} />
+            </FormRow>
+          </div>
 
-                {/* 요구수질 테이블 */}
-                <div className="border border-neutral-200 bg-white">
-                    {/* 1행 */}
-                    <QualityRow
-                        leftLabel="총대장균군수(개/mg)"
-                        leftRequired
-                        leftControl={
-                        <div className="flex items-center gap-4">
-                            <TextInput
-                            value={coliform}
-                            onChange={setColiform}
-                            disabled={noDetect}
-                            className={noDetect ? "bg-neutral-100 text-neutral-400" : ""}
-                            />
-                            <label className="flex items-center gap-2 text-sm text-neutral-700">
-                            <input
-                                type="checkbox"
-                                checked={noDetect}
-                                onChange={(e) => {
-                                setNoDetect(e.target.checked);
-                                if (e.target.checked) setColiform("");
-                                }}
-                                className="h-4 w-4 rounded border-neutral-300"
-                            />
-                            불검출
-                            </label>
-                        </div>
-                        }
-                        rightLabel="총질소(T-N)(mg/L)"
-                        rightControl={
-                        <InlineSuffixInput value={tn} onChange={setTn} suffix="이하" />
-                        }
-                    />
-                    <Divider />
-
-                    {/* 2행 */}
-                    <QualityRow
-                        leftLabel="결합잔류염소(mg/L)"
-                        leftRequired
-                        leftControl={<TextInput value={residualCl} onChange={setResidualCl} />}
-                        rightLabel="총인(T-P)(mg/L)"
-                        rightControl={
-                        <InlineSuffixInput value={tp} onChange={setTp} suffix="이하" />
-                        }
-                    />
-                    <Divider />
-
-                    {/* 3행 */}
-                    <QualityRow
-                        leftLabel="탁도(NTU)"
-                        leftRequired
-                        leftControl={
-                        <InlineSuffixInput value={turbidity} onChange={setTurbidity} suffix="이하" />
-                        }
-                        rightLabel="수소이온농도(pH)"
-                        rightControl={
-                        <div className="flex items-center gap-2">
-                            <TextInput
-                            value={ph.min}
-                            onChange={(v) => setPh((p) => ({ ...p, min: v }))}
-                            className="w-32"
-                            />
-                            <span className="text-neutral-500">~</span>
-                            <TextInput
-                            value={ph.max}
-                            onChange={(v) => setPh((p) => ({ ...p, max: v }))}
-                            className="w-32"
-                            />
-                        </div>
-                        }
-                    />
-                    <Divider />
-
-                    {/* 4행 */}
-                    <QualityRow
-                        leftLabel={
-                        <>
-                            생물화학적산소요구량
-                            <br />
-                            (BOD)(mg/L)
-                        </>
-                        }
-                        leftRequired
-                        leftControl={<InlineSuffixInput value={bod} onChange={setBod} suffix="이하" />}
-                        rightLabel="염화물(mgCL/L)"
-                        rightControl={<InlineSuffixInput value={chloride} onChange={setChloride} suffix="이하" />}
-                    />
-                    <Divider />
-
-                    {/* 5행 */}
-                    <QualityRow
-                        leftLabel="냄새"
-                        leftRequired
-                        leftControl={
-                        <select
-                            value={odor}
-                            onChange={(e) => setOdor(e.target.value)}
-                            className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
-                        >
-                            <option>불쾌하지 않을 것</option>
-                            <option>약간 있음</option>
-                            <option>있음</option>
-                        </select>
-                        }
-                        rightLabel="전기전도도(µs/cm)"
-                        rightControl={<InlineSuffixInput value={ec} onChange={setEc} suffix="이하" />}
-                    />
-                    <Divider />
-
-                    {/* 6행 */}
-                    <QualityRow
-                        leftLabel="색도(도)"
-                        leftRequired
-                        leftControl={<InlineSuffixInput value={color} onChange={setColor} suffix="이하" />}
-                        rightLabel="비고"
-                        rightControl={
-                        <textarea
-                            value={remark}
-                            onChange={(e) => setRemark(e.target.value)}
-                            className="h-11 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-sm outline-none focus:border-neutral-500"
-                        />
-                        }
-                    />
-                    <Divider />
-
-                    {/* 후보지 선택 */}
-                    <div className="grid grid-cols-12">
-                        <LabelCell>
-                        공급처 후보지 선택
-                        <br />
-                        (필수아님)
-                        </LabelCell>
-
-                        <div className="col-span-12 md:col-span-10 p-6">
-                            <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:gap-4">
-                                <TextInput value={cand1} onChange={setCand1} className="max-w-[220px]" />
-                                <TextInput value={cand2} onChange={setCand2} className="max-w-[220px]" />
-                                <TextInput value={cand3} onChange={setCand3} className="max-w-[220px]" />
-
-                                <div className="flex items-center gap-3 xl:ml-2">
-                                <button
-                                    type="button"
-                                    className="h-11 rounded-md bg-[#888] px-5 text-base text-white hover:bg-neutral-700"
-                                    onClick={(e) => {
-                                      searchCandidate(e);
-                    
-                                      //splyList => 해당객체가 대민에서 선택한 후보처 리스트
-                                      //setLastSub => 해당 스테이트가 선택한 마지막 후보처를 넣어야하는 스테이트
-                                    }}>
-                                    후보지 조회
-                                </button>
-                                    
-                                <button
-                                    type="button"
-                                    className="h-11 rounded-md bg-[#888] px-5 text-base text-white hover:bg-neutral-600"
-                                    onClick={(e) => {
-                                    // TODO: 유사사례 연결
-                                      searchSimilarCase(e);
-                                    }}
-                                >
-                                    유사사례
-                                </button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                {/* 하단 버튼 */}
-                <div className="flex justify-center py-12">
-                    <button
-                        type="button"
-                        className="h-11 rounded-md bg-[#0B4EA2] px-10 text-lg text-white hover:opacity-90"
-                        onClick={() => {
-                        // TODO: 저장 처리
-                          saveInfo();
-                        }}
-                    >
-                        수요정보 등록
-                    </button>
-                </div>
+          {/* 요구수질 섹션 타이틀 바 */}
+          <div className="grid grid-cols-12">
+            <div className="col-span-12 lg:col-span-2 inline-flex justify-center items-center gap-3 px-6 py-6 text-center">
+              <span className="text-lg font-semibold text-neutral-800">요구수질</span>
+              <button
+                type="button"
+                onClick={() => setOpenRef(true)}
+                className="rounded border-[2px] border-[#DE3412] px-2 py-3 text-[15px] font-medium text-[#4F4F4F] hover:bg-orange-50"
+              >
+                수질기준 참고
+              </button>
+              {/* 수질기준참고 모달 */}
+              <WaterQualityRefModal
+                open={openRef}
+                onClose={() => setOpenRef(false)}
+                imageSrc="/images/landing/water_quality_ref_1.png"
+              />
             </div>
-        </main>
+          </div>
 
-        <SimilarCaseModal
-          open={openSimilar}
-          onClose={() => setOpenSimilar(false)}
-          rows={rows} // 실제 데이터
-          detailsByCaseId={detailsByCaseId}
-          onSearch={async (criterion) => {
-            const code = getCriterionCode(criterion);
-            if (!code) return;
-            // 값은 상황에 맞게 (예시: usePurpose)
-            await getSimilarCaseList(code, code=='S'?reqQty:code=='U'?usePurpose:'');
-          }}
-        />
+          {/* 요구수질 테이블 */}
+          <div className="border border-neutral-200 bg-white">
+            {/* 1행 */}
+            <QualityRow
+              leftLabel="총대장균군수(개/mg)"
 
-        <CandidateSiteModal
-            open={openCand}
-            onClose={() => setOpenCand(false)}
-            initialSelected={selectedCands}
-            onApply={(list) => {
-                setSelectedCands(list);
+              leftControl={
+                <div className="flex items-center gap-4">
+                  <TextInput
+                    value={coliform}
+                    onChange={setColiform}
+                    disabled={noDetect}
+                    className={noDetect ? "bg-neutral-100 text-neutral-400" : ""}
+                  />
+                  <label className="flex items-center gap-2 text-sm text-neutral-700">
+                    <input
+                      type="checkbox"
+                      checked={noDetect}
+                      onChange={(e) => {
+                        setNoDetect(e.target.checked);
+                        if (e.target.checked) setColiform("");
+                      }}
+                      className="h-4 w-4 rounded border-neutral-300"
+                    />
+                    불검출
+                  </label>
+                </div>
+              }
+              rightLabel="총질소(T-N)(mg/L)"
+              rightControl={
+                <InlineSuffixInput value={tn} onChange={setTn} suffix="이하" />
+              }
+            />
+            <Divider />
 
-                // ✅ cand1~3 입력칸에 반영(시설명만 넣는 버전)
-                setCand1(list[0]?.name ?? "");
-                setCand2(list[1]?.name ?? "");
-                setCand3(list[2]?.name ?? "");
+            {/* 2행 */}
+            <QualityRow
+              leftLabel="결합잔류염소(mg/L)"
+              /* leftRequired */
+              leftControl={<TextInput value={residualCl} onChange={setResidualCl} />}
+              rightLabel="총인(T-P)(mg/L)"
+              rightControl={
+                <InlineSuffixInput value={tp} onChange={setTp} suffix="이하" />
+              }
+            />
+            <Divider />
 
-                setOpenCand(false);
-            }}
-        />
+            {/* 3행 */}
+            <QualityRow
+              leftLabel="탁도(NTU)"
+              /* leftRequired */
+              leftControl={
+                <InlineSuffixInput value={turbidity} onChange={setTurbidity} suffix="이하" />
+              }
+              rightLabel="수소이온농도(pH)"
+              rightControl={
+                <div className="flex items-center gap-2">
+                  <TextInput
+                    value={ph.min}
+                    onChange={(v) => setPh((p) => ({ ...p, min: v }))}
+                    className="w-32"
+                  />
+                  <span className="text-neutral-500">~</span>
+                  <TextInput
+                    value={ph.max}
+                    onChange={(v) => setPh((p) => ({ ...p, max: v }))}
+                    className="w-32"
+                  />
+                </div>
+              }
+            />
+            <Divider />
+
+            {/* 4행 */}
+            <QualityRow
+              leftLabel={
+                <>
+                  생물화학적산소요구량
+                  <br />
+                  (BOD)(mg/L)
+                </>
+              }
+              /* leftRequired */
+              leftControl={<InlineSuffixInput value={bod} onChange={setBod} suffix="이하" />}
+              rightLabel="염화물(mgCL/L)"
+              rightControl={<InlineSuffixInput value={chloride} onChange={setChloride} suffix="이하" />}
+            />
+            <Divider />
+
+            {/* 5행 */}
+            <QualityRow
+              leftLabel="냄새"
+              /* leftRequired */
+              leftControl={
+                <select
+                  value={odor}
+                  onChange={(e) => setOdor(e.target.value)}
+                  className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
+                >
+                  <option>불쾌하지 않을 것</option>
+                  <option>약간 있음</option>
+                  <option>있음</option>
+                </select>
+              }
+              rightLabel="전기전도도(µs/cm)"
+              rightControl={<InlineSuffixInput value={ec} onChange={setEc} suffix={farmText} />}
+            />
+            <Divider />
+
+            {/* 6행 */}
+            <QualityRow
+              leftLabel="색도(도)"
+              /* leftRequired */
+              leftControl={<InlineSuffixInput value={color} onChange={setColor} suffix="이하" />}
+              rightLabel="비고"
+              rightControl={
+                <textarea
+                  value={remark}
+                  onChange={(e) => setRemark(e.target.value)}
+                  className="h-11 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-sm outline-none focus:border-neutral-500"
+                />
+              }
+            />
+            <Divider />
+
+            {/* 후보지 선택 */}
+            <div className="grid grid-cols-12">
+              <LabelCell>
+                공급처 후보지 선택
+                <br />
+                (필수아님)
+              </LabelCell>
+
+              <div className="col-span-12 md:col-span-10 p-6">
+                <div className="flex flex-col gap-3 xl:flex-row xl:items-center xl:gap-4">
+                  <TextInput value={cand1} onChange={setCand1} className="max-w-[220px]" />
+                  <TextInput value={cand2} onChange={setCand2} className="max-w-[220px]" />
+                  <TextInput value={cand3} onChange={setCand3} className="max-w-[220px]" />
+
+                  <div className="flex items-center gap-3 xl:ml-2">
+                    <button
+                      type="button"
+                      className="h-11 rounded-md bg-[#888] px-5 text-base text-white hover:bg-neutral-700"
+                      onClick={(e) => {
+                        searchCandidate(e);
+
+                        //splyList => 해당객체가 대민에서 선택한 후보처 리스트
+                        //setLastSub => 해당 스테이트가 선택한 마지막 후보처를 넣어야하는 스테이트
+                      }}>
+                      후보지 조회
+                    </button>
+
+                    <button
+                      type="button"
+                      className="h-11 rounded-md bg-[#888] px-5 text-base text-white hover:bg-neutral-600"
+                      onClick={(e) => {
+                        // TODO: 유사사례 연결
+                        searchSimilarCase(e);
+                      }}
+                    >
+                      유사사례
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* 하단 버튼 */}
+          <div className="flex justify-center py-12">
+            <button
+              type="button"
+              className="h-11 rounded-md bg-[#0B4EA2] px-10 text-lg text-white hover:opacity-90"
+              onClick={() => {
+                // TODO: 저장 처리
+                saveInfo();
+              }}
+            >
+              수요정보 등록
+            </button>
+          </div>
+        </div>
+      </main>
+
+      <SimilarCaseModal
+        open={openSimilar}
+        onClose={() => setOpenSimilar(false)}
+        rows={rows} // 실제 데이터
+        detailsByCaseId={detailsByCaseId}
+        onSearch={async (criterion) => {
+          const code = getCriterionCode(criterion);
+          if (!code) return;
+          // 값은 상황에 맞게 (예시: usePurpose)
+          await getSimilarCaseList(code, code == 'S' ? reqQty : code == 'U' ? usePurpose : '');
+        }}
+      />
+
+      <CandidateSiteModal
+        open={openCand}
+        onClose={() => setOpenCand(false)}
+        initialSelected={selectedCands}
+        onApply={(list) => {
+          setSelectedCands(list);
+
+          // ✅ cand1~3 입력칸에 반영(시설명만 넣는 버전)
+          setCand1(list[0]?.name ?? "");
+          setCand2(list[1]?.name ?? "");
+          setCand3(list[2]?.name ?? "");
+
+          setOpenCand(false);
+        }}
+      />
     </>
   );
 }
@@ -687,7 +842,7 @@ function DateInput({
   value: string;
   onChange: (v: string) => void;
 }) {
-  
+
   const ref = useRef<HTMLInputElement | null>(null);
 
   const openPicker = () => {
@@ -731,7 +886,7 @@ function DateInput({
         aria-label="달력 열기"
       >
         <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-            <path d="M7.14286 7.99104H16.7812M6.48512 2.5625V4.19126M17.3125 2.5625V4.19106M20.5 7.19106L20.5 18.5625C20.5 20.2194 19.1569 21.5625 17.5 21.5625H6.5C4.84315 21.5625 3.5 20.2194 3.5 18.5625V7.19106C3.5 5.53421 4.84315 4.19106 6.5 4.19106H17.5C19.1569 4.19106 20.5 5.53421 20.5 7.19106Z" stroke="#1A1A1A" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+          <path d="M7.14286 7.99104H16.7812M6.48512 2.5625V4.19126M17.3125 2.5625V4.19106M20.5 7.19106L20.5 18.5625C20.5 20.2194 19.1569 21.5625 17.5 21.5625H6.5C4.84315 21.5625 3.5 20.2194 3.5 18.5625V7.19106C3.5 5.53421 4.84315 4.19106 6.5 4.19106H17.5C19.1569 4.19106 20.5 5.53421 20.5 7.19106Z" stroke="#1A1A1A" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
         </svg>
       </button>
     </div>
diff --git a/apps/dm_new/app/(with-layout)/apply/status/page.tsx b/apps/dm_new/app/(with-layout)/apply/status/page.tsx
index fc9e61134..afd1bfd96 100644
--- a/apps/dm_new/app/(with-layout)/apply/status/page.tsx
+++ b/apps/dm_new/app/(with-layout)/apply/status/page.tsx
@@ -1,12 +1,12 @@
 "use client";
 
-import { useEffect, useMemo, useRef, useState } from "react";
-import SubPageHeader from "@/components/SubPageHeader";
 import { useDmStore } from "@/app/store";
 import type { DemandCompBizType } from "@/app/store/sdmMng";
+import SubPageHeader from "@/components/SubPageHeader";
+import { useEffect, useMemo, useRef, useState } from "react";
 
-type TopField = { label: string; value: string; required?: boolean };
-type PairField = { label: string; value: string };
+type TopField = { label: string; key: string, value: string; required?: boolean };
+type PairField = { label: string; key: string, value: string };
 type SessionUser = { dmdInfoId?: string };
 
 const formatDate = (value: string | Date | "" | undefined) => {
@@ -35,6 +35,93 @@ function StatusBadge({ v }: { v: string }) {
   return <span className={["font-medium", cls].join(" ")}>{v || "-"}</span>;
 }
 
+function TextInput({
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  className,
+}: {
+  value: string;
+  onChange: (v: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}) {
+  return (
+    <input
+      value={value}
+      onChange={(e) => onChange(e.target.value)}
+      placeholder={placeholder}
+      disabled={disabled}
+      className={[
+        "h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none",
+        "focus:border-neutral-500",
+        disabled ? "cursor-not-allowed" : "",
+        className ?? "",
+      ].join(" ")}
+    />
+  );
+}
+
+function DateInput({
+  value,
+  onChange,
+}: {
+  value: string;
+  onChange: (v: string) => void;
+}) {
+  
+  const ref = useRef<HTMLInputElement | null>(null);
+
+  const openPicker = () => {
+    const el = ref.current;
+    if (!el) return;
+
+    // Chrome/Edge 등 지원
+    if (typeof (el as any).showPicker === "function") {
+      (el as any).showPicker();
+      return;
+    }
+
+    // fallback (일부 브라우저)
+    el.focus();
+    el.click();
+  };
+  return (
+    <div className="relative w-full max-w-[200px]">
+      <input
+        ref={ref}
+        type="date"
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        className={[
+          "h-11 w-full rounded-md border border-neutral-300 bg-white px-3 pr-10 text-sm outline-none focus:border-neutral-500",
+          // ✅ 기본 달력 아이콘 숨김 (Tailwind arbitrary selector)
+          "[&::-webkit-calendar-picker-indicator]:opacity-0",
+          "[&::-webkit-calendar-picker-indicator]:absolute",
+          "[&::-webkit-calendar-picker-indicator]:right-0",
+          "[&::-webkit-calendar-picker-indicator]:w-10",
+          "[&::-webkit-calendar-picker-indicator]:h-full",
+          "[&::-webkit-calendar-picker-indicator]:cursor-pointer",
+        ].join(" ")}
+      />
+
+      {/* ✅ 클릭 가능한 아이콘 버튼 */}
+      <button
+        type="button"
+        onClick={openPicker}
+        className="absolute right-2 top-1/2 -translate-y-1/2 p-1 text-neutral-500 hover:text-neutral-700"
+        aria-label="달력 열기"
+      >
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+            <path d="M7.14286 7.99104H16.7812M6.48512 2.5625V4.19126M17.3125 2.5625V4.19106M20.5 7.19106L20.5 18.5625C20.5 20.2194 19.1569 21.5625 17.5 21.5625H6.5C4.84315 21.5625 3.5 20.2194 3.5 18.5625V7.19106C3.5 5.53421 4.84315 4.19106 6.5 4.19106H17.5C19.1569 4.19106 20.5 5.53421 20.5 7.19106Z" stroke="#1A1A1A" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+      </button>
+    </div>
+  );
+}
+
 export default function DemandStatusPage() {
   const { getSdmInfoStatusList, Sdm, Common } = useDmStore((state) => state);
   const { successLogin, sdmInfoStatusList } = Sdm;
@@ -46,6 +133,16 @@ export default function DemandStatusPage() {
   const [selectedDmdInfoSn, setSelectedDmdInfoSn] = useState<number | "" | null>(null);
   const [transformedSdmInfoStatusList, setTransformedSdmInfoStatusList] = useState<DemandCompBizType[]>([]);
 
+  // 수정 유무
+  const [ isEditMode, setIsEditMode ] = useState(false);
+  // 수정용 (UI에서 바뀌는 값)
+  const [editData, setEditData] = useState<any>(null);
+  // 원본 백업 (취소용)
+  const [originData, setOriginData] = useState<any>(null);
+  // 사용용도
+  const useTypesData = useDmStore((state) => state.Sdm.useTypesData);
+  const getUseTypesData = useDmStore((state) => state.getUseTypesData);
+
   useEffect(() => {
     const user = sessionStorage.getItem("user");
     if (user) {
@@ -53,6 +150,10 @@ export default function DemandStatusPage() {
     }
   }, []);
 
+  useEffect(() => {
+    getUseTypesData();
+  }, [getUseTypesData]);
+
   useEffect(() => {
     if (!successLogin && !isLoginStorageInfo) return;
 
@@ -112,10 +213,10 @@ export default function DemandStatusPage() {
     if (!selectedSdmInfoStatus) return [];
 
     return [
-      { label: "요구시기", value: formatDate(selectedSdmInfoStatus.dmndTmng), required: true },
-      { label: "요구수량(㎥/d)", value: formatValue(selectedSdmInfoStatus.dmndQty) },
-      { label: "사용용도", value: formatValue(selectedSdmInfoStatus.useUsgCd) },
-      { label: "희망단가(원/㎥)", value: formatValue(selectedSdmInfoStatus.wntUntprc) },
+      { label: "요구시기", key: "dmndTmng", value: formatDate(selectedSdmInfoStatus.dmndTmng), required: true },
+      { label: "요구수량(㎥/d)", key: "dmndQty", value: formatValue(selectedSdmInfoStatus.dmndQty) },
+      { label: "사용용도", key: "useUsgCd",  value: formatValue(selectedSdmInfoStatus.useUsgCd) },
+      { label: "희망단가(원/㎥)", key: "wntUntprc", value: formatValue(selectedSdmInfoStatus.wntUntprc) },
     ];
   }, [selectedSdmInfoStatus]);
 
@@ -123,21 +224,21 @@ export default function DemandStatusPage() {
     if (!selectedSdmInfoStatus) return [];
 
     return [
-      { label: "총대장균군수(개/100mL)", value: formatBelow(selectedSdmInfoStatus.grssClfg) },
-      { label: "결합잔류염소(mg/L)", value: formatBelow(selectedSdmInfoStatus.combResdch) },
-      { label: "탁도(NTU)", value: formatBelow(selectedSdmInfoStatus.trbt) },
+      { label: "총대장균군수(개/100mL)", key: "grssClfg", value: formatBelow(selectedSdmInfoStatus.grssClfg) },
+      { label: "결합잔류염소(mg/L)", key:"combResdch", value: formatBelow(selectedSdmInfoStatus.combResdch) },
+      { label: "탁도(NTU)", key:"trbt", value: formatBelow(selectedSdmInfoStatus.trbt) },
 
-      { label: "생물학적산소요구량(BOD)(mg/L)", value: formatBelow(selectedSdmInfoStatus.blgcOxygDmndQnt) },
-      { label: "냄새", value: formatValue(selectedSdmInfoStatus.smll) },
-      { label: "색도(도)", value: formatBelow(selectedSdmInfoStatus.crmty) },
+      { label: "생물학적산소요구량(BOD)(mg/L)", key:"blgcOxygDmndQnt", value: formatBelow(selectedSdmInfoStatus.blgcOxygDmndQnt) },
+      { label: "냄새", key:"smll", value: formatValue(selectedSdmInfoStatus.smll) },
+      { label: "색도(도)", key:"crmty", value: formatBelow(selectedSdmInfoStatus.crmty) },
 
-      { label: "총질소(T-N)(mg/L)", value: formatBelow(selectedSdmInfoStatus.tn) },
-      { label: "총인(T-P)(mg/L)", value: formatBelow(selectedSdmInfoStatus.tph) },
-      { label: "수소이온농도(pH)", value: formatValue(selectedSdmInfoStatus.ph) },
+      { label: "총질소(T-N)(mg/L)", key:"tn", value: formatBelow(selectedSdmInfoStatus.tn) },
+      { label: "총인(T-P)(mg/L)", key:"tph", value: formatBelow(selectedSdmInfoStatus.tph) },
+      { label: "수소이온농도(pH)", key:"ph", value: formatValue(selectedSdmInfoStatus.ph) },
 
-      { label: "염화물(mgCL/L)", value: formatBelow(selectedSdmInfoStatus.clIonQnt) },
-      { label: "전기전도도(μS/cm)", value: formatBelow(selectedSdmInfoStatus.cdtnv) },
-      { label: "비고", value: formatValue(selectedSdmInfoStatus.rmrk) },
+      { label: "염화물(mgCL/L)", key:"clIonQnt", value: formatBelow(selectedSdmInfoStatus.clIonQnt) },
+      { label: "전기전도도(μS/cm)", key:"cdtnv", value: formatBelow(selectedSdmInfoStatus.cdtnv) },
+      { label: "비고", key:"rmrk", value: formatValue(selectedSdmInfoStatus.rmrk) },
     ];
   }, [selectedSdmInfoStatus]);
 
@@ -151,13 +252,25 @@ export default function DemandStatusPage() {
   }, [selectedSdmInfoStatus]);
 
   const onSelectSdmInfoStatus = (dmdInfoSn: number | "") => {
+    if(isEditMode){
+      if(confirm('저장되지 않은 데이터는 사라집니다.\n진행하시겠습니까?')){
+        setIsEditMode(false);
+      }
+    }
     setSelectedDmdInfoSn(dmdInfoSn);
     requestAnimationFrame(() => {
       detailRef.current?.scrollIntoView({ behavior: "smooth", block: "start" });
     });
   };
 
+  // ph 전후로 나눔
+  const getRange = (val: string) => {
+    const a = val.split('~')[0]||''; const b = val.split('~')[1]||'';
+    return { a, b };
+  };
+
   return (
+    
     <main className="bg-white">
       <SubPageHeader
         title="수요신청현황"
@@ -208,7 +321,7 @@ export default function DemandStatusPage() {
                         onKeyDown={(e) => {
                           if (e.key === "Enter" || e.key === " ") {
                             onSelectSdmInfoStatus(sdmInfoStatus.dmdInfoSn);
-                          }
+                          } 
                         }}
                         className={[
                           "border-t border-neutral-200 outline-none",
@@ -240,12 +353,49 @@ export default function DemandStatusPage() {
         <section className="mt-10 pb-16" ref={detailRef}>
           <div className="flex justify-between items-center">
             <div className="text-2xl font-bold text-slate-700">수요신청 상세현황</div>
-            <button
-              type="button"
-              className="h-8 rounded-md bg-[#888] px-4 text-base text-white hover:bg-neutral-700"
-            >
-              수정
-            </button>
+            {
+              !isEditMode ? (
+                <button
+                  type="button"
+                  className="h-8 rounded-md bg-[#888] px-4 text-base text-white hover:bg-neutral-700"
+                  onClick={() => {
+                    setOriginData(selectedSdmInfoStatus);
+                    setEditData({...selectedSdmInfoStatus});
+                    setIsEditMode(true)}
+                  }
+                >
+                  수정
+                </button>
+            ) : ( 
+               <div className="flex gap-2">
+                <button
+                  type="button"
+                  className="h-8 rounded-md bg-[#888] px-4 text-base text-white hover:bg-neutral-700"
+                  onClick={() => {
+                    setOriginData(editData);
+                    setIsEditMode(false);
+
+                    if(confirm('수정된 데이터를 저장하시겠습니까?')){
+                      //todo 
+                      // updateSdmInfoData(editData);
+                    }
+                  }}
+                >
+                  저장
+                </button>
+                <button
+                  type="button"
+                  className="h-8 rounded-md bg-[#888] px-4 text-base text-white hover:bg-neutral-700"
+                  onClick={() => {
+                    setEditData(originData);
+                    setIsEditMode(false)
+                  }}
+                >
+                  취소
+                </button>
+              </div>
+            )
+          }
           </div>
 
           {!selectedSdmInfoStatus ? (
@@ -268,9 +418,47 @@ export default function DemandStatusPage() {
                       {field.label}
                       {field.required ? <span className="ml-1 text-red-500">*</span> : null}
                     </div>
-                    <div className="col-span-8 px-4 py-4 flex items-center justify-center text-center">
-                      {field.value}
-                    </div>
+                    {
+                      !isEditMode ?
+                        <div className="col-span-8 px-4 py-4 flex items-center justify-center text-center">
+                          {field.key==='useUsgCd'? useTypesData.filter(item=>item.val===field.value)[0]?.text: field.value}
+                        </div>
+                      : <div className="col-span-8 px-4 py-4 flex items-center justify-center text-center">
+                          {field.key ==='dmndTmng'?
+                          <DateInput value={editData?.[field.key] ?? ""} onChange={(v) =>
+                              setEditData((prev) => ({
+                                ...prev,
+                                [field.key]: v,
+                              }))
+                            } />
+                          : field.key ==='useUsgCd'?
+                          <select
+                            value={editData?.[field.key] ?? ""}
+                            onChange={(e) =>
+                              setEditData((prev) => ({
+                                ...prev,
+                                [field.key]: e.target.value,
+                              }))
+                            }
+                            className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500"
+                          >
+                            <option value="">선택하세요</option>
+                              {useTypesData.map((item) => (
+                                <option key={item.val} value={item.val}>
+                                  {item.text}
+                                </option>
+                              ))}
+                          </select>
+
+                          : <TextInput value={editData?.[field.key] ?? ""} onChange={(v) =>
+                              setEditData((prev) => ({
+                                ...prev,
+                                [field.key]: v,
+                              }))
+                            }></TextInput> 
+                          }
+                        </div>
+                    }
                   </div>
                 ))}
 
@@ -278,19 +466,119 @@ export default function DemandStatusPage() {
                   요구수질
                 </div>
 
-                {waterFields.map((field) => (
+                {waterFields.map((field) => {
+                  const { a, b } = editData?.ph ? getRange(editData.ph) : { a: "", b: "" };
+                  return (
                   <div
-                    key={field.label}
-                    className="col-span-12 md:col-span-4 grid grid-cols-12 border-b border-neutral-200"
+                  key={field.label}
+                  className="col-span-12 md:col-span-4 grid grid-cols-12 border-b border-neutral-200"
                   >
                     <div className="col-span-5 bg-sky-50 px-3 py-4 flex items-center justify-center text-center font-semibold text-slate-700">
                       {field.label}
                     </div>
                     <div className="col-span-7 px-3 py-4 flex items-center justify-center text-center">
-                      {field.value}
+                      {
+                        !isEditMode ? field.value 
+                        :
+                          field.key === "grssClfg" ? (
+                            <div className="flex items-center gap-4">
+                              <TextInput
+                                value={
+                                  editData?.grssClfg === -1
+                                    ? ""
+                                    : editData?.grssClfg ?? ""
+                                }
+                                onChange={(v) =>
+                                  setEditData((prev) => ({
+                                    ...prev,
+                                    grssClfg: v,
+                                  }))
+                                }
+                                disabled={editData?.grssClfg === -1}
+                                className={
+                                  editData?.grssClfg === -1
+                                    ? "bg-neutral-100 text-neutral-400"
+                                    : ""
+                                }
+                              />
+                              <label className="flex items-center gap-2 w-3/4 text-sm text-neutral-700">
+                                <input
+                                  type="checkbox"
+                                  checked={editData?.grssClfg === -1}
+                                  onChange={(e) => {
+                                    const checked = e.target.checked;
+
+                                    setEditData((prev) => ({
+                                      ...prev,
+                                      grssClfg: checked ? -1 : "",
+                                    }));
+                                  }}
+                                  className="h-4 w-4 rounded border-neutral-300"
+                                />
+                                불검출
+                              </label>
+                            </div>
+                          ) : field.key === 'smll' ? (
+                            <select
+                              value={
+                                  editData?.smll === -1
+                                    ? ""
+                                    : editData?.smll ?? ""
+                                }
+                              onChange={(v) =>
+                                  setEditData((prev) => ({
+                                    ...prev,
+                                    grssClfg: v,
+                                  }))
+                                }
+                              className="h-11 w-full max-w-[200px] rounded-md border border-neutral-300 bg-white px-3 text-sm outline-none focus:border-neutral-500">
+                              <option>불쾌하지 않을 것</option>
+                              <option>약간 있음</option>
+                              <option>있음</option>
+                          </select>
+                          ) : field.key === 'ph' ? (
+                            <>
+                              <TextInput
+                                value={a}
+                                onChange={(v) =>
+                                  setEditData((prev) => ({
+                                    ...prev,
+                                    [field.key]: `${v}~${b}`,
+                                  }))
+                                }
+                              />
+                              ~
+                              <TextInput
+                                value={b}
+                                onChange={(v) =>
+                                  setEditData((prev) => ({
+                                    ...prev,
+                                    [field.key]: `${a}~${v}`,
+                                  }))
+                                }
+                              />
+                            </>
+                          ) : (
+                            <>
+                              <TextInput
+                                value={editData?.[field.key] ?? ""}
+                                onChange={(v) =>
+                                  setEditData((prev) => ({
+                                    ...prev,
+                                    [field.key]: v,
+                                  }))
+                                }
+                              />
+                            {
+                              field.key==='tn'||field.key === 'tph'||field.key === 'trbt'||field.key==='blgcOxygDmndQnt'||field.key==='clIonQnt'||field.key==='cdtnv'|| field.key=='crmty'
+                              ?<>이하</>:<></>
+                            }
+                            </>
+                          )
+                        }
                     </div>
                   </div>
-                ))}
+                )})}
 
                 <div className="col-span-12 bg-sky-50 px-4 py-3 text-sm font-semibold text-slate-700 border-b border-neutral-200">
                   공급처 후보지
diff --git a/apps/dm_new/app/commonOrigin.css b/apps/dm_new/app/commonOrigin.css
new file mode 100644
index 000000000..fdc8d0eb8
--- /dev/null
+++ b/apps/dm_new/app/commonOrigin.css
@@ -0,0 +1,82 @@
+@import "../../../packages/common/components/src/base.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+    --radius: 0.5rem
+  }
+  .dark {
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+    --ring: 0 0% 83.1%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+@font-face {
+  font-family: "NotoSansKR";
+  src: url("/fonts/NotoSansKR-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+body {
+  font-family: "NotoSansKR", sans-serif;
+}
\ No newline at end of file
diff --git a/apps/dm_new/app/store/sdmMng/index.tsx b/apps/dm_new/app/store/sdmMng/index.tsx
index 539bcd629..c0b0536b0 100644
--- a/apps/dm_new/app/store/sdmMng/index.tsx
+++ b/apps/dm_new/app/store/sdmMng/index.tsx
@@ -1,4 +1,4 @@
-import { fetchType, getFetch, postFetch, getFetchWithCount } from "@/components/ui/api";
+import { fetchType, getFetch, postFetch, getFetchWithCount } from "@/components/ui/api";
 import type { SelectDataType } from "@common/business_components/ui";
 import type { TableUpperProps } from "../common";
 import toast from "react-hot-toast";
@@ -454,13 +454,15 @@ const postSdmData = async (data: DemandCompType) => {
 }
 
 // 수요정보 등록
-const postSdmInfoData = async (data: SdmInfoFormData) => {
+const postSdmInfoData = async (data: SdmInfoFormData): Promise<boolean> => {
   try {
     await postFetch("/reuseFc/request/demandInfo", data);
     alert('수요 정보 등록에 성공하였습니다.');
+    return true;
   } catch (error) {
     console.log(error);
     alert('수요 정보 등록에 실패하였습니다.');
+    return false;
   }
 }
 
@@ -536,7 +538,7 @@ const fetchGetSimilarCaseList = async (part: string, value: number | string) =>
 export type SdmActions = {
   initializeSdmData: () => void;
   insertSdmData: (data: DemandCompType) => Promise<void>;
-  insertSdmInfoData: (data: SdmInfoFormData) => Promise<void>;
+  insertSdmInfoData: (data: SdmInfoFormData) => Promise<boolean>;
   getDemandCompList: (searchText: string, pageCnt: number) => Promise<void>;
   actionLogin: (data: DemandCompType) => Promise<void>;
   getSdmInfoStatusList: (dmdInfoId: string) => Promise<void>;
@@ -611,8 +613,8 @@ export const SdmReducer = (set: any): SdmActions => {
       }
     },
 
-    insertSdmInfoData: async (data: SdmInfoFormData) => {
-      postSdmInfoData(data);
+    insertSdmInfoData: async (data: SdmInfoFormData): Promise<boolean> => {
+      return await postSdmInfoData(data);
     },
 
     // 수요처 정보
@@ -709,7 +711,6 @@ export const SdmReducer = (set: any): SdmActions => {
           ruseBizNm: maskedBizNm,
         };
       });
-      console.log(similarCaseList);
 
       if (similarCaseList && similarCaseList.length !== 0) {
         set((state: SdmType) => ({
diff --git a/apps/dm_new/components/ui/config/index.ts b/apps/dm_new/components/ui/config/index.ts
index 1585bb767..8dc7bdb50 100644
--- a/apps/dm_new/components/ui/config/index.ts
+++ b/apps/dm_new/components/ui/config/index.ts
@@ -1,6 +1,6 @@
 import { PROXY_HOST } from "@/src/shared/config/env";
 
 export const LOCAL_URL = PROXY_HOST;
-export const DEV_URL_FO = "/operation-service";
-export const DEV_URL_WR = "/reuse-service";
-export const DEV_URL_SN = "/sewerage-service";
+export const DEV_URL_FO = "/operation-service/api/v1";
+export const DEV_URL_WR = "/reuse-service/api/v1";
+export const DEV_URL_SN = "/sewerage-service/api/v1";
diff --git a/apps/dm_new/components/ui/map/SearchInputText/SearchInputText.tsx b/apps/dm_new/components/ui/map/SearchInputText/SearchInputText.tsx
index 05f41d09b..b37fdb788 100644
--- a/apps/dm_new/components/ui/map/SearchInputText/SearchInputText.tsx
+++ b/apps/dm_new/components/ui/map/SearchInputText/SearchInputText.tsx
@@ -94,7 +94,7 @@ export default function SearchInputText({
         value={textValue || ""}
         onChange={handleInputChange}
         onKeyDown={handleKeyDown}
-        className="w-full h-[3.2rem] !text-xl pl-3 text-gray-600 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+        className="w-full h-8 text-xs pl-2 pr-2 text-gray-600 border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500"
         placeholder={`${label}을(를) 입력하세요`}
         onClick={() => {
           setTextValue("");
@@ -109,10 +109,10 @@ export default function SearchInputText({
               searchList.map((item, index) => (
                 <div
                   key={index}
-                  className={`w-full cursor-pointer overflow-auto px-5 py-3 text-left !text-xl ${
+                  className={`w-full cursor-pointer px-3 py-2 text-left text-xs ${
                     highlightIndex === index
-                      ? "bg-blue-100"
-                      : "hover:bg-gray-100"
+                      ? "bg-blue-50"
+                      : "hover:bg-gray-50"
                   }`}
                   onClick={() => handleSuggestionClick(item.bscFctNm)}
                   role="button"
@@ -127,7 +127,7 @@ export default function SearchInputText({
                 </div>
               ))
             ) : (
-              <div className="!text-xl w-full px-5 py-3 hover:bg-gray-100 cursor-pointer overflow-auto">
+              <div className="text-xs w-full px-3 py-2 hover:bg-gray-50 cursor-pointer text-gray-500">
                 검색 결과가 없습니다.
               </div>
             )}
diff --git a/apps/dm_new/components/ui/map/searchBar/searchBar.tsx b/apps/dm_new/components/ui/map/searchBar/searchBar.tsx
index 7ca64bbce..c52b85b0a 100644
--- a/apps/dm_new/components/ui/map/searchBar/searchBar.tsx
+++ b/apps/dm_new/components/ui/map/searchBar/searchBar.tsx
@@ -62,50 +62,51 @@ export function SearchBar({
   );
 
   return (
-    <div className="flex justify-center w-full px-4 py-3">
-      <div className="flex items-center w-full max-w-screen-lg rounded-xl bg-white shadow-md px-6 py-4 space-x-3">
+    <div className="flex justify-center w-full px-4 py-2">
+      <div className="flex items-center w-auto shadow-md px-4 py-2 space-x-2 bg-white/95 backdrop-blur-sm rounded-lg text-sm border border-gray-200">
         <SelectBox
-          labelClass="w-[40px]"
-          className="w-[200px]"
+          labelClass="w-[50px] text-xs font-medium text-gray-700"
+          className="w-[110px]"
           label="시도"
-          selectClass="rounded-lg bg-white"
+          selectClass="rounded bg-white text-xs h-8"
           selectArray={Common.selectSidoData || []}
           onSelectValue={(val) => onSelectValue(val.toString(), "ctpvCd")}
           value={sidoValue || Common.selectSidoData[0]?.val || ""}
         />
         <SelectBox
-          labelClass="w-[65px]"
-          className="w-[200px]"
+          labelClass="w-[70px] text-xs font-medium text-gray-700"
+          className="w-[110px]"
           label="시군구"
-          selectClass="rounded-lg bg-white"
+          selectClass="rounded bg-white text-xs h-8"
           selectArray={filteredSigunData || []}
           onSelectValue={(val) => onSelectValue(val.toString(), "sggCd")}
           value={sigunValue}
         />
-        <Label className="text-gray-600">하수재이용시설</Label>
-        <SearchInputText
-          label="시설명"
-          initValue={undefined}
-          setValue={(searchNm?: string) => {
-            let sggOrCity = "";
-            if (searchNm) {
-              if (sigunValue === "0" || sigunValue === "") {
-                sggOrCity = sidoValue;
-              } else {
-                sggOrCity = sigunValue;
+        <Label className="text-gray-700 text-xs font-medium pl-2 pr-1">하수재이용시설</Label>
+        <div className="w-[180px]">
+          <SearchInputText
+            label="시설명 입력"
+            initValue={undefined}
+            setValue={(searchNm?: string) => {
+              let sggOrCity = "";
+              if (searchNm) {
+                if (sigunValue === "0" || sigunValue === "") {
+                  sggOrCity = sidoValue;
+                } else {
+                  sggOrCity = sigunValue;
+                }
+                findRuseFclt(sggOrCity, searchNm);
               }
-              findRuseFclt(sggOrCity, searchNm);
-            }
-          }}
-          setRtnData={(rtnData: any) => {
-            setHasuPk(rtnData);
-          }}
-          searchList={map.ruseFcltList || []}
-        />
+            }}
+            setRtnData={(rtnData: any) => {
+              setHasuPk(rtnData);
+            }}
+            searchList={map.ruseFcltList || []}
+          />
+        </div>
         <Button
           color="sky"
-          className="ml-2 text-white"
-          size="sm"
+          className="ml-2 text-white !h-8 !py-0 !px-3 !text-xs font-semibold rounded"
           onClick={() => {
             onApply();
           }}
diff --git a/apps/dm_new/middleware.ts b/apps/dm_new/middleware.ts
index e7d7a1509..e55f65515 100644
--- a/apps/dm_new/middleware.ts
+++ b/apps/dm_new/middleware.ts
@@ -8,6 +8,7 @@ const serverApiUrl = process.env.NEXT_PUBLIC_CS_SERVER_API_URL;
 const GEOSERVER_URL = process.env.NEXT_PUBLIC_GEOSERVER_URL || "";
 const LX_GEOSERVER_URL = process.env.NEXT_PUBLIC_LX_GEOSERVER_URL || "";
 const GATEWAY_URL = process.env.NEXT_PUBLIC_GATEWAY_URL || "";
+const SEWERAGE_API_URL = process.env.NEXT_PUBLIC_SEWERAGE_API_URL || "";
 const BUSINESS_JUSO_API_URL = process.env.NEXT_PUBLIC_FINDADRESS_URL || "";
 const AdressKey = process.env.NEXT_PRIVATE_WR_ADDRESS_KEY || "";
 
@@ -28,15 +29,6 @@ export function middleware(req: NextRequest) {
   console.log(`[Middleware] Request URL: ${req.url}`);
   const searchParams = req.nextUrl.searchParams;
 
-  // if (pathname.startsWith("/server")) {
-  //   const queryParams = searchParams.toString();
-  //   const newUrl = `${serverApiUrl}${pathname.replace("/server", "")}${
-  //     queryParams ? `?${queryParams}` : ""
-  //   }`;
-  //   console.log(`[Middleware] Rewriting from '/server' path to: ${newUrl}`);
-  //   return NextResponse.rewrite(new URL(newUrl));
-  // }
-
   if (pathname.startsWith("/server")) {
     const decodedParams = Array.from(searchParams.entries())
       .map(([key, value]) => `${key}=${decodeURIComponent(value)}`)
@@ -81,6 +73,8 @@ export function middleware(req: NextRequest) {
   if (pathname.startsWith("/geoserver")) {
     let queryParams = searchParams.toString();
     const typename = searchParams.get("TYPENAME");
+    const startYmd = searchParams.get("START_YMD") ?? null;
+    const endYmd = searchParams.get("END_YMD") ?? null;
     console.log("typename  ", typename);
 
     let newUrl = `${GEOSERVER_URL}${pathname.replace("/geoserver", "")}${queryParams ? `?${queryParams}` : ""}`;
@@ -111,8 +105,10 @@ export function middleware(req: NextRequest) {
     ) {
       const url = req.nextUrl.clone();
       url.searchParams.set("TYPENAME", typename.replace("hasudo:", ""));
+      if (startYmd) url.searchParams.set("startYmd", startYmd);
+      if (endYmd) url.searchParams.set("endYmd", endYmd);
       queryParams = url.searchParams.toString();
-      newUrl = `${GATEWAY_URL}/api/v1/map/geometry${queryParams ? `?${queryParams}` : ""}`;
+      newUrl = `${GATEWAY_URL}/sewerage-service/api/v1/map/geometry${queryParams ? `?${queryParams}` : ""}`;
     }
 
     console.log(`[Middleware] Rewriting from '/geoserver' path to: ${newUrl}`);
diff --git a/apps/dm_new/package.json b/apps/dm_new/package.json
index f318baf0b..3df43f28e 100644
--- a/apps/dm_new/package.json
+++ b/apps/dm_new/package.json
@@ -29,8 +29,8 @@
     "@eslint/eslintrc": "^3",
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
-    "postcss": "^8",
+    "eslint-config-next": "15.3.8",
+    "postcss": "^8",  
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
   }
diff --git a/apps/fo/.env.local b/apps/fo/.env.local
index 1b80d302e..646d80c2c 100644
--- a/apps/fo/.env.local
+++ b/apps/fo/.env.local
@@ -16,8 +16,8 @@ NEXT_PUBLIC_DC_URL     = https://apigateway.apps.rsonesoft.com/dc-service
 NEXT_PUBLIC_SEWERAGE_API_URL = http://con.mind-one.co.kr:11083/sewerage-service  # 개발 서버 API
 NEXT_PUBLIC_NGII_URL = https://map.ngii.go.kr
 NEXT_PUBLIC_NGII_PARAM = 04trYP9_xwLAfALjwZ-B8g&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={x}&tilerow={y}
-NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
-
+# NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = /
 
 #NEXT_PUBLIC_SERVER_API_URL = http://localhost:8883/operation-service
 
diff --git a/apps/fo/.env.mindone b/apps/fo/.env.mindone
index f014168c2..2fd7e91c2 100644
--- a/apps/fo/.env.mindone
+++ b/apps/fo/.env.mindone
@@ -7,7 +7,6 @@ NEXT_PUBLIC_REFRESH_TOKEN = refresh-token
 NEXT_PUBLIC_PROXY_HOST = http://con.mind-one.co.kr:11300
 NEXT_PUBLIC_SUB_DOMAIN = http://con.mind-one.co.kr:13000
 NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
-#NEXT_PUBLIC_SERVER_API_URL = http://con.mind-one.co.kr:11082
 NEXT_PUBLIC_SERVER_API_URL = http://con.mind-one.co.kr:11083/operation-service
 NEXT_PUBLIC_WR_SERVER_API_URL = http://con.mind-one.co.kr:11083/reuse-service/
 NEXT_PUBLIC_CS_SERVER_API_URL = http://dev.onasys.co.kr:8000
@@ -17,3 +16,4 @@ NEXT_PUBLIC_DC_URL     = https://apigateway.apps.rsonesoft.com/dc-service
 NEXT_PUBLIC_SEWERAGE_API_URL = http://con.mind-one.co.kr:11083/sewerage-service
 NEXT_PUBLIC_NGII_URL = https://map.ngii.go.kr
 NEXT_PUBLIC_NGII_PARAM = 04trYP9_xwLAfALjwZ-B8g&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={x}&tilerow={y}
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = /
\ No newline at end of file
diff --git a/apps/fo/.env.production b/apps/fo/.env.production
index d6940b0e9..bd0d0f04b 100644
--- a/apps/fo/.env.production
+++ b/apps/fo/.env.production
@@ -17,3 +17,4 @@ NEXT_PUBLIC_DC_URL     = http://apigateway.iipbs-was.svc.cluster.local:8000/dc-s
 NEXT_PUBLIC_SEWERAGE_API_URL = http://apigateway.iipbs-was.svc.cluster.local:8000/sewerage-service
 NEXT_PUBLIC_NGII_URL = http://172.29.143.87/poiact
 NEXT_PUBLIC_NGII_PARAM = BDE2BEF39DAFEC293AB6730150F222AC&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={y}&tilerow={x}
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
\ No newline at end of file
diff --git a/apps/fo/package.json b/apps/fo/package.json
index 6993fe17c..9408ca885 100644
--- a/apps/fo/package.json
+++ b/apps/fo/package.json
@@ -37,7 +37,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.6.3"
diff --git a/apps/fo/src/entities/auth/lib/auth-wrapper.tsx b/apps/fo/src/entities/auth/lib/auth-wrapper.tsx
index 864b54ce0..21fd87180 100644
--- a/apps/fo/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/fo/src/entities/auth/lib/auth-wrapper.tsx
@@ -1,21 +1,23 @@
 "use client";
 
 import { useEffect } from "react";
-import { useRouter } from "next/navigation";
 import { client } from "@/src/shared/api";
 import type { IUserInfo } from "@/src/shared/store";
+import { isAtLoginRedirectUrl } from "@common/network";
 import { useUserStore, getCookie } from "@/src/shared/lib";
 import { ENDPOINT, AUTH_USER_ID } from "@/src/shared/config";
-import { LoginApi } from "../api/login-service";
 
-const LOGIN_PAGE_URL = process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL || "http://localhost:3001/auth/login"; // 개발 환경 URL
+const LOGIN_PAGE_URL =
+  process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL || "/auth/login";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
-  const router = useRouter();
-  // const pathname = usePathname();
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
+    if (isAtLoginRedirectUrl(LOGIN_PAGE_URL)) {
+      return;
+    }
+
     const userId = getCookie(AUTH_USER_ID);
     if (!userId) {
       throw new Error("Missing required authentication tokens");
@@ -33,24 +35,29 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
-
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
-
-          const hostname = window.location.hostname;
-
-          // 개발 환경에서는 localhost 도메인 사용
-          if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "con.mind-one.co.kr")
-            router.push("/"); // 개발시 홈으로 돌아가기
-
-          // 운영 환경에서는 서브도메인을 포함한 최상위 도메인 사용
-          // router.push는 같은 Next.js 앱 내에서만 작동하므로 다른 앱으로 이동할 때는 window.location.href 사용
-          if (hostname.includes("hasuon.or.kr")) window.location.href = LOGIN_PAGE_URL; // 세션 만료 시 CM 로그인 페이지로 리다이렉트
+        setUserInfo(null);
+        if (isAtLoginRedirectUrl(LOGIN_PAGE_URL)) {
+          return;
         }
+
+        // const hostname = window.location.hostname;
+
+        // // 개발 환경에서는 localhost 도메인 사용
+        // if (
+        //   hostname === "localhost" ||
+        //   hostname === "127.0.0.1" ||
+        //   hostname === "con.mind-one.co.kr"
+        // ) {
+        //   router.push("/"); // 개발시 홈으로 돌아가기
+        // }
+
+        // // 운영 환경에서는 서브도메인을 포함한 최상위 도메인 사용
+        // // router.push는 같은 Next.js 앱 내에서만 작동하므로 다른 앱으로 이동할 때는 window.location.href 사용
+        // if (hostname.includes("hasuon.or.kr"))
+        //   window.location.assign(LOGIN_PAGE_URL); // 세션 만료 시 CM 로그인 페이지로 리다이렉트
+
+        // 개발/운영 환경에서 로그인 URL 분기는 환경 변수로 처리 (.env.*)
+        window.location.assign(LOGIN_PAGE_URL);
       }
     })();
   }, []);
@@ -58,4 +65,4 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
   return <>{children}</>;
 };
 
-export { AuthWrapper };
\ No newline at end of file
+export { AuthWrapper };
diff --git a/apps/sn/.env.local b/apps/sn/.env.local
index 997f50518..1d4c11d21 100644
--- a/apps/sn/.env.local
+++ b/apps/sn/.env.local
@@ -14,7 +14,6 @@ NEXT_PUBLIC_NGII_PARAM = 04trYP9_xwLAfALjwZ-B8g&service=WMTS&request=GetTile&ver
 NEXT_PUBLIC_SERVER_API_URL = http://dev.onasys.co.kr:8000
 NEXT_PUBLIC_SEWERAGE_API_URL = http://con.mind-one.co.kr:11083
 NEXT_PUBLIC_DC_URL     = https://apigateway.apps.rsonesoft.com
-NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
-#NEXT_PUBLIC_SEWERAGE_API_URL=http://con.mind-one.co.kr:11083
-#NEXT_PUBLIC_SEWERAGE_API_URL=http://192.168.1.222:8883
+# NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = /
 # NEXT_PUBLIC_SEWERAGE_API_URL=http://192.168.1.66:8883
diff --git a/apps/sn/.env.mindone b/apps/sn/.env.mindone
index cea5518db..847103c97 100644
--- a/apps/sn/.env.mindone
+++ b/apps/sn/.env.mindone
@@ -12,4 +12,5 @@ NEXT_PUBLIC_LX_GEOSERVER_URL = http://con.mind-one.co.kr:11306/geoserver
 NEXT_PUBLIC_NGII_URL = https://map.ngii.go.kr
 NEXT_PUBLIC_NGII_PARAM = 04trYP9_xwLAfALjwZ-B8g&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={x}&tilerow={y}
 NEXT_PUBLIC_SEWERAGE_API_URL = http://con.mind-one.co.kr:11083
-NEXT_PUBLIC_DC_URL = https://apigateway.apps.rsonesoft.com
\ No newline at end of file
+NEXT_PUBLIC_DC_URL = https://apigateway.apps.rsonesoft.com
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = /
\ No newline at end of file
diff --git a/apps/sn/.env.production b/apps/sn/.env.production
index c68db7859..4a7c15edc 100644
--- a/apps/sn/.env.production
+++ b/apps/sn/.env.production
@@ -15,4 +15,4 @@ NEXT_PUBLIC_NGII_URL = http://172.29.143.87/poiact
 NEXT_PUBLIC_NGII_PARAM = BDE2BEF39DAFEC293AB6730150F222AC&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={y}&tilerow={x}
 NEXT_PUBLIC_SEWERAGE_API_URL = http://apigateway.iipbs-was.svc.cluster.local:8000
 NEXT_PUBLIC_DC_URL     = http://apigateway.iipbs-was.svc.cluster.local:8000
-
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
diff --git a/apps/sn/package.json b/apps/sn/package.json
index 1041df157..20aa6581d 100644
--- a/apps/sn/package.json
+++ b/apps/sn/package.json
@@ -49,7 +49,7 @@
     "@types/node": "^22.13.1",
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/sn/src/entities/auth/lib/auth-wrapper.tsx b/apps/sn/src/entities/auth/lib/auth-wrapper.tsx
index 1c27e6fe3..bc4a82aab 100644
--- a/apps/sn/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/sn/src/entities/auth/lib/auth-wrapper.tsx
@@ -1,23 +1,26 @@
 "use client";
 
 import { useEffect } from "react";
-import { useRouter, usePathname } from "next/navigation";
+import { usePathname } from "next/navigation";
 import { client } from "@/shared/api";
 import type { IUserInfo } from "@/shared/store";
 import { useUserStore } from "@/shared/lib";
 import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
+import { isAtLoginRedirectUrl } from "@common/network";
 import { getCookie } from "@/shared/lib";
-import { LoginApi } from "../api/login-service";
 
-
-const LOGIN_PAGE_URL = process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL || "http://dev.onasys.co.kr:3000/auth/login"; // 로그인 페이지 URL
+const LOGIN_PAGE_URL =
+  process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL || "/auth/login";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
-  const router = useRouter();
   const pathname = usePathname();
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
+    if (isAtLoginRedirectUrl(LOGIN_PAGE_URL)) {
+      return;
+    }
+
     const userId = getCookie(AUTH_USER_ID);
     if (!userId) {
       throw new Error("Missing required authentication tokens");
@@ -35,24 +38,27 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
+        setUserInfo(null);
 
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
+        if (isAtLoginRedirectUrl(LOGIN_PAGE_URL)) return;
 
-          const hostname = window.location.hostname;
+        // const hostname = window.location.hostname;
 
-          // 개발 환경에서는 localhost 도메인 사용
-          if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "con.mind-one.co.kr")
-            window.location.href = "/";
+        // // 개발 환경에서는 localhost 도메인 사용
+        // if (
+        //   hostname === "localhost" ||
+        //   hostname === "127.0.0.1" ||
+        //   hostname === "con.mind-one.co.kr"
+        // )
+        //   window.location.href = "/";
 
-          // 운영 환경에서는 서브도메인을 포함한 최상위 도메인 사용
-          // router.push는 같은 Next.js 앱 내에서만 작동하므로 다른 앱으로 이동할 때는 window.location.href 사용
-          if (hostname.includes("hasuon.or.kr")) window.location.href = LOGIN_PAGE_URL; // 세션 만료 시 CM 로그인 페이지로 리다이렉트
-        }
+        // // 운영 환경에서는 서브도메인을 포함한 최상위 도메인 사용
+        // // router.push는 같은 Next.js 앱 내에서만 작동하므로 다른 앱으로 이동할 때는 window.location.href 사용
+        // if (hostname.includes("hasuon.or.kr"))
+        //   window.location.href = LOGIN_PAGE_URL; // 세션 만료 시 CM 로그인 페이지로 리다이렉트
+
+        // 개발/운영 환경에서 로그인 URL 분기는 환경 변수로 처리 (.env.*)
+        window.location.assign(LOGIN_PAGE_URL);
       }
     })();
   }, [pathname]);
diff --git a/apps/st/.gitignore b/apps/st/.gitignore
index f06d9d40b..3f74d9ee3 100644
--- a/apps/st/.gitignore
+++ b/apps/st/.gitignore
@@ -39,4 +39,7 @@ next-env.d.ts
 
 .env*
 !.env.example
-*.md
\ No newline at end of file
+*.md
+
+# next-agents-md
+.next-docs/
diff --git a/apps/st/app/(auth)/auth/layout.tsx b/apps/st/app/(auth)/auth/layout.tsx
new file mode 100644
index 000000000..33651c590
--- /dev/null
+++ b/apps/st/app/(auth)/auth/layout.tsx
@@ -0,0 +1,17 @@
+import "@/app/styles/base.css";
+
+export const metadata = {
+    title: "유역하수도 통합 정보플랫폼",
+};
+
+export default function AuthLayout({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    return (
+        <html lang="ko">
+            <body>{children}</body>
+        </html>
+    );
+}
diff --git a/apps/st/app/auth/login/page.tsx b/apps/st/app/(auth)/auth/login/page.tsx
similarity index 100%
rename from apps/st/app/auth/login/page.tsx
rename to apps/st/app/(auth)/auth/login/page.tsx
diff --git a/apps/st/app/(main)/(with-base-layout)/layout.tsx b/apps/st/app/(main)/(with-base-layout)/layout.tsx
new file mode 100644
index 000000000..6faa92cc1
--- /dev/null
+++ b/apps/st/app/(main)/(with-base-layout)/layout.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { useCallback, useEffect, useMemo } from "react";
+import { usePathname } from "next/navigation";
+
+import {
+    getTabStoreState as getGridTabStoreState,
+    useTabStore as gridTabStore,
+} from "@rsone/components";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { ENDPOINT } from "@/shared/config";
+import { getCookie, useAlertStore, useMenuStore } from "@/shared/lib";
+import { StatisticsPageLayout } from "@/shared/ui/statistics-page-layout";
+import { MenuApi } from "@/entities/menu";
+import type { MenuItem } from "@/entities/menu";
+import { BaseLayout } from "@common/components";
+import { getConfig } from "@common/config";
+
+import { getTabStoreState, useTabStore } from "@/store/tab-store";
+
+const appConfig = getConfig();
+const userId = getCookie(appConfig.AUTH_USER_ID ?? "");
+const appSiteId = getCookie("site-id-key") ?? "";
+const isLoggedIn = !!userId;
+
+export default function WithBaseLayout({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    const pathname = usePathname();
+    const queryClient = useQueryClient();
+
+    const setCurrentMenuInfo = useMenuStore(
+        (state) => state.setCurrentMenuInfo,
+    );
+    const currentMenuInfo = useMenuStore((state) => state.currentMenuInfo);
+
+    const addTab = useTabStore((state) => state.addTab);
+    const setActiveTab = useTabStore((state) => state.setActiveTab);
+    const setMenuList = useTabStore((state) => state.setMenuList);
+    const activeTabId = useTabStore((state) => state.activeTabId);
+    const menuList = useTabStore((state) => state.menuList);
+    const tabs = useTabStore((state) => state.tabs);
+    const addTabForGrid = gridTabStore((state) => state.addTab);
+    const setActiveTabForGrid = gridTabStore((state) => state.setActiveTab);
+    const setMenuListForGrid = gridTabStore((state) => state.setMenuList);
+    const alert = useAlertStore((state) => state.setMessage);
+
+    const { data: menuListData } = useQuery({
+        queryKey: [ENDPOINT.CMS_SERVICE.MENU_ROLES],
+        queryFn: () => MenuApi.getMenuRoles(appSiteId),
+        enabled: isLoggedIn,
+    });
+
+    useEffect(() => {
+        if (menuListData) {
+            setMenuList(menuListData);
+            setMenuListForGrid(menuListData);
+        }
+    }, [menuListData, setMenuList, setMenuListForGrid]);
+
+    // 새로고침 후 persist로 앱 탭만 복원된 경우 rsone 그리드 스토어에 탭을 맞춤
+    useEffect(() => {
+        if (!menuList) return;
+        const appTabs = getTabStoreState().tabs;
+        if (appTabs.length === 0) return;
+        if (getGridTabStoreState().tabs.length > 0) return;
+
+        for (const tab of appTabs) {
+            getGridTabStoreState().addTab(tab.menuItem);
+        }
+
+        const activeId = getTabStoreState().activeTabId;
+        if (activeId) {
+            const activeTab = appTabs.find((t) => t.id === activeId);
+            const gridActiveId = activeTab?.menuItem.menuEngNm;
+            if (gridActiveId) {
+                getGridTabStoreState().setActiveTab(gridActiveId);
+            }
+        }
+    }, [menuList, tabs]);
+
+    useEffect(() => {
+        if (!pathname) return;
+
+        // pathname이 변경될 때만 실행되도록 tabs를 직접 가져옴
+        const currentTabs = getTabStoreState().tabs;
+        const tab = currentTabs.find((t) => t.path === pathname);
+        if (tab) {
+            setActiveTab(tab.id);
+            const gridActiveId = tab.menuItem.menuEngNm;
+            if (gridActiveId) {
+                setActiveTabForGrid(gridActiveId);
+            }
+        }
+    }, [pathname, setActiveTab, setActiveTabForGrid]);
+
+    // 활성 탭의 메뉴를 찾아서 urlPath를 가져옴. 탭이 전부 닫히면 ''를 넘겨 LNB에서 메뉴 강조 제거
+    const currentPath = useMemo(() => {
+        if (tabs.length === 0) return "";
+
+        if (activeTabId && menuList) {
+            // menuList에서 활성 탭의 메뉴 찾기
+            const findMenuByEngNm = (items: MenuItem[]): MenuItem | null => {
+                for (const item of items) {
+                    if (item.urlPath === activeTabId) {
+                        return item;
+                    }
+                    if (item.children) {
+                        const found = findMenuByEngNm(item.children);
+                        if (found) return found;
+                    }
+                }
+                return null;
+            };
+
+            const activeMenu = findMenuByEngNm(menuList);
+
+            if (activeMenu?.urlPath) {
+                return activeMenu.urlPath;
+            }
+        }
+
+        // 탭에서 직접 찾기
+        if (activeTabId) {
+            const currentTabs = getTabStoreState().tabs;
+            const activeTab = currentTabs.find((t) => t.id === activeTabId);
+            if (activeTab?.menuItem?.urlPath) {
+                return activeTab.menuItem.urlPath;
+            }
+        }
+
+        // currentMenuInfo에서 가져오기
+        if (currentMenuInfo?.urlPath) {
+            return currentMenuInfo.urlPath;
+        }
+
+        // 기본값으로 pathname 사용
+        return pathname ?? "";
+    }, [tabs.length, activeTabId, menuList, currentMenuInfo, pathname]);
+
+    const handleMenuClick = useCallback(
+        (item: MenuItem) => {
+            setCurrentMenuInfo(item);
+            const addTabResult: boolean = addTab(item);
+
+            // packages/rsone의 스토어에도 동기화
+            if (addTabResult) {
+                addTabForGrid(item);
+            }
+
+            if (!addTabResult) {
+                alert(`최대 추가 할 수 있는 화면 수를 초과 하였습니다.
+            기존 화면을 닫은 후 이용해주세요.`);
+            }
+        },
+        [setCurrentMenuInfo, addTab, addTabForGrid, alert],
+    );
+
+    return (
+        <BaseLayout
+            queryClient={queryClient}
+            currentPath={currentPath}
+            handleMenuClick={handleMenuClick}
+        >
+            <StatisticsPageLayout>{children}</StatisticsPageLayout>
+        </BaseLayout>
+    );
+}
diff --git a/apps/st/app/(with-base-layout)/loading.tsx b/apps/st/app/(main)/(with-base-layout)/loading.tsx
similarity index 100%
rename from apps/st/app/(with-base-layout)/loading.tsx
rename to apps/st/app/(main)/(with-base-layout)/loading.tsx
diff --git a/apps/st/app/(with-base-layout)/statistics/page.tsx b/apps/st/app/(main)/(with-base-layout)/statistics/page.tsx
similarity index 98%
rename from apps/st/app/(with-base-layout)/statistics/page.tsx
rename to apps/st/app/(main)/(with-base-layout)/statistics/page.tsx
index f32417f76..23feaf7e1 100644
--- a/apps/st/app/(with-base-layout)/statistics/page.tsx
+++ b/apps/st/app/(main)/(with-base-layout)/statistics/page.tsx
@@ -1,3 +1,2 @@
 import { StatisticsPage } from "@/pages/statistics";
-
 export default StatisticsPage;
diff --git a/apps/st/app/layout.tsx b/apps/st/app/(main)/layout.tsx
similarity index 100%
rename from apps/st/app/layout.tsx
rename to apps/st/app/(main)/layout.tsx
diff --git a/apps/st/app/(with-base-layout)/layout.tsx b/apps/st/app/(with-base-layout)/layout.tsx
deleted file mode 100644
index 3fe61855e..000000000
--- a/apps/st/app/(with-base-layout)/layout.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-"use client";
-
-import { useEffect, useCallback, useMemo } from "react";
-import { usePathname } from "next/navigation";
-import { useQueryClient, useQuery } from "@tanstack/react-query";
-
-import type { MenuItem } from "@/entities/menu";
-import { useMenuStore, useAlertStore } from "@/shared/lib";
-import { useTabStore, getTabStoreState } from "@/store/tab-store";
-import { useTabStore as gridTabStore } from "@rsone/components";
-import { getConfig } from "@common/config";
-import { getCookie } from "@/shared/lib";
-import { getMenuList } from "../../../../packages/common/components/src/api";
-import { ENDPOINT } from "@/shared/config";
-
-import { BaseLayout } from "@common/components";
-import { StatisticsPageLayout } from "@/shared/ui/statistics-page-layout";
-
-const appConfig = getConfig();
-const userId = getCookie(appConfig.AUTH_USER_ID ?? "");
-const appSiteId = getCookie("site-id-key") ?? "";
-const isLoggedIn = !!userId;
-
-export default function WithBaseLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  const pathname = usePathname();
-  const queryClient = useQueryClient();
-
-  const setCurrentMenuInfo = useMenuStore((state) => state.setCurrentMenuInfo);
-  const currentMenuInfo = useMenuStore((state) => state.currentMenuInfo);
-
-  const addTab = useTabStore((state) => state.addTab);
-  const setActiveTab = useTabStore((state) => state.setActiveTab);
-  const setMenuList = useTabStore((state) => state.setMenuList);
-  const activeTabId = useTabStore((state) => state.activeTabId);
-  const menuList = useTabStore((state) => state.menuList);
-  const tabs = useTabStore((state) => state.tabs);
-  const addTabForGrid = gridTabStore((state) => state.addTab);
-  const setActiveTabForGrid = gridTabStore((state) => state.setActiveTab);
-  const setMenuListForGrid = gridTabStore((state) => state.setMenuList);
-  const alert = useAlertStore((state) => state.setMessage);
-
-  const { data: menuListData } = useQuery({
-    queryKey: [ENDPOINT.CMS_SERVICE.MENU_ROLES],
-    queryFn: () => getMenuList(appSiteId),
-    enabled: isLoggedIn,
-  });
-
-  useEffect(() => {
-    if (menuListData) {
-      setMenuList(menuListData);
-      setMenuListForGrid(menuListData);
-    }
-  }, [menuListData, setMenuList, setMenuListForGrid]);
-
-  useEffect(() => {
-    if (!pathname) return;
-
-    // pathname이 변경될 때만 실행되도록 tabs를 직접 가져옴
-    const currentTabs = getTabStoreState().tabs;
-    const tab = currentTabs.find((t) => t.path === pathname);
-    if (tab) {
-      setActiveTab(tab.id);
-      setActiveTabForGrid(tab.id);
-    }
-  }, [pathname, setActiveTab, setActiveTabForGrid]);
-
-  // 활성 탭의 메뉴를 찾아서 urlPath를 가져옴. 탭이 전부 닫히면 ''를 넘겨 LNB에서 메뉴 강조 제거
-  const currentPath = useMemo(() => {
-    if (tabs.length === 0) return "";
-
-    if (activeTabId && menuList) {
-      // menuList에서 활성 탭의 메뉴 찾기
-      const findMenuByEngNm = (items: MenuItem[]): MenuItem | null => {
-        for (const item of items) {
-          if (item.menuEngNm === activeTabId) {
-            return item;
-          }
-          if (item.children) {
-            const found = findMenuByEngNm(item.children);
-            if (found) return found;
-          }
-        }
-        return null;
-      };
-
-      const activeMenu = findMenuByEngNm(menuList);
-
-      if (activeMenu?.urlPath) {
-        return activeMenu.urlPath;
-      }
-    }
-
-    // 탭에서 직접 찾기
-    if (activeTabId) {
-      const currentTabs = getTabStoreState().tabs;
-      const activeTab = currentTabs.find((t) => t.id === activeTabId);
-      if (activeTab?.menuItem?.urlPath) {
-        return activeTab.menuItem.urlPath;
-      }
-    }
-
-    // currentMenuInfo에서 가져오기
-    if (currentMenuInfo?.urlPath) {
-      return currentMenuInfo.urlPath;
-    }
-
-    // 기본값으로 pathname 사용
-    return pathname ?? "";
-  }, [tabs.length, activeTabId, menuList, currentMenuInfo, pathname]);
-
-  const handleMenuClick = useCallback((item: MenuItem) => {
-    setCurrentMenuInfo(item);
-    const addTabResult: boolean = addTab(item);
-    
-    // packages/rsone의 스토어에도 동기화
-    if (addTabResult) {
-      addTabForGrid(item);
-    }
-
-    if (!addTabResult) {
-      alert(`최대 추가 할 수 있는 화면 수를 초과 하였습니다.
-            기존 화면을 닫은 후 이용해주세요.`);
-    }
-  }, [setCurrentMenuInfo, addTab, addTabForGrid, alert]);
-
-  return (
-    <BaseLayout
-      queryClient={queryClient}
-      currentPath={currentPath}
-      handleMenuClick={handleMenuClick}
-    >
-      <StatisticsPageLayout>{children}</StatisticsPageLayout>
-    </BaseLayout>
-  );
-}
diff --git a/apps/st/app/api/proxy/[...url]/route.ts b/apps/st/app/api/proxy/[...url]/route.ts
index 7442c702f..c9f0d3730 100644
--- a/apps/st/app/api/proxy/[...url]/route.ts
+++ b/apps/st/app/api/proxy/[...url]/route.ts
@@ -1,104 +1,106 @@
 import {
-  ACCESS_TOKEN,
-  AUTH_USER_ID,
-  CLAIM_NAME,
-  REFRESH_TOKEN,
-  SERVER_API_URL,
-  SITE_ID,
+    ACCESS_TOKEN,
+    AUTH_USER_ID,
+    CLAIM_NAME,
+    REFRESH_TOKEN,
+    SERVER_API_URL,
+    SITE_ID,
 } from "@/shared/config";
 import { cookies } from "next/headers";
 import { NextResponse } from "next/server";
 
 async function handler(
-  request: Request,
-  params: { url: string[] },
-  method: "GET" | "POST" | "PUT" | "DELETE",
+    request: Request,
+    params: { url: string[] },
+    method: "GET" | "POST" | "PUT" | "DELETE",
 ) {
-  const cookieStore = await cookies();
-  const headers: Record<string, string> = {
-    "Content-Type": "application/json",
-    "X-Site-Id": SITE_ID,
-  };
-  let body = {};
-  const isRefreshHandler = params.url.includes("refresh");
+    const cookieStore = await cookies();
+    const headers: Record<string, string> = {
+        "Content-Type": "application/json",
+        "X-Site-Id": SITE_ID,
+    };
+    let body = {};
+    const isRefreshHandler = params.url.includes("refresh");
 
-  // silent refresh
-  if (isRefreshHandler) {
-    const refreshToken = cookieStore.get(REFRESH_TOKEN);
-    headers[CLAIM_NAME] = refreshToken?.value ?? "";
+    // silent refresh
+    if (isRefreshHandler) {
+        const refreshToken = cookieStore.get(REFRESH_TOKEN);
+        headers[CLAIM_NAME] = refreshToken?.value ?? "";
 
-    if (!headers[CLAIM_NAME]) {
-      return NextResponse.json({ message: "Can't refresh" }, { status: 401 });
-    }
-  }
-
-  try {
-    if (!isRefreshHandler) {
-      body = await request.json();
+        if (!headers[CLAIM_NAME]) {
+            return NextResponse.json(
+                { message: "Can't refresh" },
+                { status: 401 },
+            );
+        }
     }
 
-    const result = await fetch(`${SERVER_API_URL}/${params.url.join("/")}`, {
-      method,
-      headers,
-      body: JSON.stringify(body),
-    });
+    try {
+        if (!isRefreshHandler) {
+            body = await request.json();
+        }
 
-    if (!result.ok) {
-      return NextResponse.json(
-        { message: "Invalid Credentials" },
-        { status: 401 },
-      );
+        const result = await fetch(
+            `${SERVER_API_URL}/${params.url.join("/")}`,
+            {
+                method,
+                headers,
+                body: JSON.stringify(body),
+            },
+        );
+
+        if (!result.ok) {
+            return NextResponse.json(
+                { message: "Invalid Credentials" },
+                { status: 401 },
+            );
+        }
+
+        const accessToken = result.headers.get(ACCESS_TOKEN);
+        const refreshToken = result.headers.get(REFRESH_TOKEN);
+        const userId = result.headers.get(AUTH_USER_ID);
+
+        if (accessToken && userId) {
+            const response = NextResponse.json({
+                [ACCESS_TOKEN]: accessToken,
+                [AUTH_USER_ID]: userId,
+            });
+
+            if (refreshToken) {
+                cookieStore.set(REFRESH_TOKEN, refreshToken, {
+                    httpOnly: true,
+                    sameSite: "lax",
+                    path: "/",
+                });
+            }
+
+            return response;
+        }
+
+        return NextResponse.json(
+            { message: "Invalid Credentials" },
+            { status: 401 },
+        );
+    } catch (error) {
+        return NextResponse.json(
+            { message: "Server Error", error },
+            { status: 500 },
+        );
     }
-
-    const accessToken = result.headers.get(ACCESS_TOKEN);
-    const refreshToken = result.headers.get(REFRESH_TOKEN);
-    const userId = result.headers.get(AUTH_USER_ID);
-
-    if (accessToken && userId) {
-      const response = NextResponse.json({
-        [ACCESS_TOKEN]: accessToken,
-        [AUTH_USER_ID]: userId,
-      });
-
-      
-
-      if (refreshToken) {
-        cookieStore.set(REFRESH_TOKEN, refreshToken, {
-          httpOnly: true,
-          sameSite: "lax",
-//          domain: domain,
-          path: "/",
-        });
-      }
-
-      return response;
-    }
-
-    return NextResponse.json(
-      { message: "Invalid Credentials" },
-      { status: 401 },
-    );
-  } catch (error) {
-    return NextResponse.json(
-      { message: "Server Error", error },
-      { status: 500 },
-    );
-  }
 }
 
-
 export async function POST(
-  request: Request,
-  props: { params: Promise<{ url: string[] }> },
+    request: Request,
+    props: { params: Promise<{ url: string[] }> },
 ) {
-  const params = await props.params;
-  return handler(request, params, "POST");
+    const params = await props.params;
+    return handler(request, params, "POST");
 }
 
 export async function PUT(
-  request: Request,
-  props: { params: Promise<{ url: string[] }> },
+    request: Request,
+    props: { params: Promise<{ url: string[] }> },
 ) {
-  const params = await props.params;
-  return handler(request, params, "PUT");
+    const params = await props.params;
+    return handler(request, params, "PUT");
 }
diff --git a/apps/st/eslint.config.mjs b/apps/st/eslint.config.mjs
index 18107f0ca..55ef02fb5 100644
--- a/apps/st/eslint.config.mjs
+++ b/apps/st/eslint.config.mjs
@@ -1,6 +1,7 @@
+import { FlatCompat } from "@eslint/eslintrc";
 import { dirname } from "path";
 import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
+import baseEsLintConfig from "../../eslint.config.mjs";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -11,6 +12,7 @@ const compat = new FlatCompat({
 
 const eslintConfig = [
     ...compat.extends("next/core-web-vitals", "next/typescript"),
+    ...baseEsLintConfig,
     {
         rules: {
             "react-hooks/exhaustive-deps": "off",
diff --git a/apps/st/middleware.ts b/apps/st/middleware.ts
index 8b1ecb501..9a2a48cb1 100644
--- a/apps/st/middleware.ts
+++ b/apps/st/middleware.ts
@@ -12,10 +12,10 @@ import {
 const serverApiUrl =
   process.env.NEXT_PUBLIC_SERVER_API_URL ?? "http://localhost:3000";
 
-const linkBackendApiHost = process.env.NEXT_PUBLIC_LINK_BACKEND_API_HOST ?? "http://localhost:8080";
-
 const stServiceUrl = ST_SERVICE_URL;
 
+const linkBackendApiHost = process.env.NEXT_PUBLIC_LINK_BACKEND_API_HOST ?? "http://localhost:8080";
+
 // CSP 헤더 설정 함수 (img-src만)
 function addSecurityHeaders(response: NextResponse): NextResponse {
   response.headers.set("Content-Security-Policy", "img-src 'self' data: https: blob:;");
@@ -28,41 +28,46 @@ export function middleware(req: NextRequest) {
 
   const logMessages: string[] = [
     `[Middleware Request] ${new Date().toISOString()}`,
-    `[Environment]\n  Mode: ${process.env.NODE_ENV}\n  Port: ${PORT}\n  Proxy Host: ${PROXY_HOST}\n  Server API URL: ${SERVER_API_URL}\n  Site ID: ${SITE_ID}`,
+    `[Environment]\n  Mode: ${process.env.NODE_ENV}\n  Port: ${PORT}\n  Proxy Host: ${PROXY_HOST}\n  Server API URL: ${SERVER_API_URL}\n  Site ID: ${SITE_ID}\n  ST Service URL: ${stServiceUrl}`,
     `[Request]\n  Original Pathname: ${pathname}`,
   ];
 
-  if (pathname.startsWith("/st-management-service") || pathname.startsWith("/st-input-service")) {
+  // ST Service 처리 (dc의 /server/dc-service 패턴과 동일)
+  if (pathname.startsWith("/server/st-management-service") || pathname.startsWith("/server/st-input-service")) {
     const requestHeaders = new Headers(req.headers);
     const token = req.cookies.get(CLAIM_NAME)?.value;
     const userId = req.cookies.get(AUTH_USER_ID)?.value;
-    
+
     const queryParams = searchParams.toString();
-    const newUrl = `${stServiceUrl}${pathname}${
+    const newUrl = `${stServiceUrl}${pathname.replace("/server", "")}${
       queryParams ? `?${queryParams}` : ""
     }`;
 
     if (token) requestHeaders.set(CLAIM_NAME, token);
     if (userId) requestHeaders.set(AUTH_USER_ID, userId);
-    
-    // 디버깅을 위한 토큰 정보 로그
-    logMessages.push(`  Token Debug: ${token ? 'EXISTS' : 'MISSING'}`);
-    logMessages.push(`  UserId Debug: ${userId ? 'EXISTS' : 'MISSING'}`);
+
+    logMessages.push(`  Token Debug: ${token ? "EXISTS" : "MISSING"}`);
+    logMessages.push(`  UserId Debug: ${userId ? "EXISTS" : "MISSING"}`);
     logMessages.push(`  ST Service Rewritten URL: ${newUrl}`);
     logMessages.push("\n--------------------------------\n");
     console.log(logMessages.join("\n"));
-    
+
     const response = NextResponse.rewrite(new URL(newUrl), {
       headers: requestHeaders,
     });
     return addSecurityHeaders(response);
   }
 
-  if (pathname.startsWith("/server")) {
+  // 일반 Server API 처리 (ST 서비스 제외)
+  if (
+    pathname.startsWith("/server") &&
+    !pathname.startsWith("/server/st-management-service") &&
+    !pathname.startsWith("/server/st-input-service")
+  ) {
     const requestHeaders = new Headers(req.headers);
     const token = req.cookies.get(CLAIM_NAME)?.value;
     const userId = req.cookies.get(AUTH_USER_ID)?.value;
-    
+
     const queryParams = searchParams.toString();
     const newUrl = `${serverApiUrl}${pathname.replace("/server", "")}${
       queryParams ? `?${queryParams}` : ""
@@ -138,5 +143,5 @@ export function middleware(req: NextRequest) {
 }
 
 export const config = {
-  matcher: ["/server/:path*", "/attach-service/:path*", "/api/link/:path*", "/st-management-service/:path*", "/st-input-service/:path*", "/"],
+  matcher: ["/server/:path*", "/attach-service/:path*", "/api/link/:path*", "/"],
 };
diff --git a/apps/st/package.json b/apps/st/package.json
index cd951af0d..0c120b1e2 100644
--- a/apps/st/package.json
+++ b/apps/st/package.json
@@ -34,6 +34,7 @@
     "@types/xlsx": "^0.0.36",
     "axios": "^1.8.1",
     "chart.js": "^4.4.8",
+    "chartjs-plugin-zoom": "^2.2.0",
     "dayjs": "^1.11.13",
     "js-cookie": "^3.0.5",
     "jszip": "^3.10.1",
@@ -61,7 +62,8 @@
     "@types/node": "^22.13.1",
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint-config-next": "15.3.8",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "postcss": "^8",
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.11",
diff --git a/apps/st/src/app/styles/components.css b/apps/st/src/app/styles/components.css
index 5b9742c0f..e69de29bb 100644
--- a/apps/st/src/app/styles/components.css
+++ b/apps/st/src/app/styles/components.css
@@ -1,129 +0,0 @@
-.card {
-  position: relative;
-  margin: 0.6rem;
-  box-sizing: border-box;
-  min-height: 2rem;
-  border-radius: 0.5rem;
-  padding: 0.6rem;
-  font-size: 1.3rem;
-  color: #666;
-}
-
-.card_width10 {
-  width: calc(10% - 12px);
-}
-
-.card_width20 {
-  width: calc(20% - 12px);
-}
-
-.card_width25 {
-  width: calc(25% - 12px);
-}
-
-.card_width30 {
-  width: calc(30% - 12px);
-}
-
-.card_width33 {
-  width: calc(33.333% - 12px);
-}
-
-.card_width40 {
-  width: calc(40% - 12px);
-}
-
-.card_width45 {
-  width: calc(45% - 12px);
-}
-
-.card_width50 {
-  width: calc(50% - 12px);
-}
-
-.card_width60 {
-  width: calc(60% - 12px);
-}
-
-.card_width66 {
-  width: calc(66.666% - 12px);
-}
-
-.card_width70 {
-  width: calc(70% - 12px);
-}
-
-.card_width75 {
-  width: calc(75% - 12px);
-}
-
-.card_width80 {
-  width: calc(80% - 12px);
-}
-
-.card_width90 {
-  width: calc(90% - 12px);
-}
-
-.card_width100 {
-  width: calc(100% - 12px);
-}
-
-.card_nopadding {
-  padding: 0 !important;
-}
-
-.card_nomargin {
-  width: 100%;
-  margin: 0 !important;
-  padding: 0 !important;
-}
-
-.topline {
-  border-top: 1px solid #ccc;
-}
-
-.bottomline {
-  border-bottom: 1px solid #e6eef3;
-  background: #fff;
-}
-
-.card-border {
-  border: 1px solid #dbe2e6;
-  background-color: rgba(255, 255, 255, 0.6);
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
-
-.card-header {
-  margin-top: -0.6rem;
-  margin-left: -0.6rem;
-  margin-right: -0.6rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: 1px solid #e1e7eb;
-  padding: 1rem;
-}
-
-.card-footer {
-  margin-left: -0.6rem;
-  margin-right: -0.6rem;
-  margin-top: 0.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-top: 1px solid #e1e7eb;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-/* 블랙 테마 */
-[data-theme="black"] {
-  .card-border {
-    background-color: rgba(255, 255, 255, 0.065);
-    border-color: #38383a;
-  }
-  .card-header {
-    border-bottom-color: #3f4042;
-  }
-}
diff --git a/apps/st/src/components/button/CancelSubmitButton.tsx b/apps/st/src/components/button/CancelSubmitButton.tsx
new file mode 100644
index 000000000..c8b7c510f
--- /dev/null
+++ b/apps/st/src/components/button/CancelSubmitButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface CancelSubmitButtonProps {
+    cnacelSubmitFunc: () => void;
+}
+
+const CancelSubmitButton = ({ cnacelSubmitFunc }: CancelSubmitButtonProps) => {
+    return (
+        <Button className="h-[3.2rem] w-[96px]" color="red" onClick={cnacelSubmitFunc}>
+            <i className="ri-arrow-reset"></i>
+            <span>제출 취소</span>
+        </Button>
+    );
+};
+
+export default CancelSubmitButton;
\ No newline at end of file
diff --git a/apps/st/src/components/css/DataGrid.css b/apps/st/src/components/css/DataGrid.css
index f602400c7..68ab82f50 100644
--- a/apps/st/src/components/css/DataGrid.css
+++ b/apps/st/src/components/css/DataGrid.css
@@ -4,9 +4,24 @@
     .rg-grid .rg-header .rg-table .rg-header-group-cell {
         @apply !bg-[#466995] !text-[#fff];
     }
-    .rg-grid .rg-header .rg-table .rg-header-cell {
+    .rg-grid .rg-header .rg-table {
         @apply !bg-[#5987bf] !text-[#fff];
     }
+
+    /* 상태바·체크바 헤더 */
+    .rg-grid .rg-head .rg-table tr:first-child td:first-child,
+    .rg-grid .rg-head .rg-table tr:first-child td:nth-child(2),
+    .rg-grid .rg-header .rg-table tr:first-child td:first-child,
+    .rg-grid .rg-header .rg-table tr:first-child td:nth-child(2) {
+        @apply !bg-[#5987bf] !text-[#fff];
+    }
+
+    .rg-grid .rg-header .rg-table tr td,
+    .rg-grid .rg-head .rg-table tr td {
+        border: none;
+        border-bottom: 1px solid #e5e7eb;
+    }
+
     .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell {
         @apply !bg-white;
     }
@@ -17,9 +32,30 @@
     .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell.rg-cell-verify-error {
         @apply !bg-[#ffe6e6] !text-[#c00];
     }
+    .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell.rg-cell-verify-error-imr {
+        @apply !bg-[#fff7bf] !text-[#b45309];
+    }
     .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell.rg-cell-total {
         @apply !bg-[#e3eaf2];
     }
+    .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell.rg-cell-rowtype-biz-sum {
+        @apply !bg-[#ffe9cf];
+    }
+    .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell.rg-cell-rowtype-other {
+        @apply !bg-[#fff7bf];
+    }
+
+    /* 진행상황: 소프트 인라인 요약 (툴바와 자연스럽게 blend) */
+    .data-grid-status-bubble {
+        @apply rounded-lg border border-slate-200/80 bg-slate-50/90 px-4 py-2.5;
+        box-shadow: none;
+    }
+    .data-grid-status-bubble span {
+        @apply text-base text-slate-700;
+    }
+    .data-grid-status-bubble span + span {
+        @apply ml-4 border-l border-slate-200/70 pl-4;
+    }
 
     [data-theme="black"] {
         .rg-grid .rg-header .rg-table .rg-header-group-cell {
@@ -28,6 +64,12 @@
         .rg-grid .rg-header .rg-table .rg-header-cell {
             @apply !bg-[#62686d] !text-[#fff];
         }
+        .rg-grid .rg-head .rg-table tr:first-child td:first-child,
+        .rg-grid .rg-head .rg-table tr:first-child td:nth-child(2),
+        .rg-grid .rg-header .rg-table tr:first-child td:first-child,
+        .rg-grid .rg-header .rg-table tr:first-child td:nth-child(2) {
+            @apply !bg-[#62686d] !text-[#fff];
+        }
         .rg-grid .rg-body .rg-table .rg-data-row .rg-data-cell {
             @apply !bg-[#545556] !text-[#fff];
         }
@@ -40,6 +82,12 @@
         .rg-grid .rg-header .rg-table .rg-header-cell {
             @apply !bg-[#8d8d94] !text-[#fff];
         }
+        .rg-grid .rg-head .rg-table tr:first-child td:first-child,
+        .rg-grid .rg-head .rg-table tr:first-child td:nth-child(2),
+        .rg-grid .rg-header .rg-table tr:first-child td:first-child,
+        .rg-grid .rg-header .rg-table tr:first-child td:nth-child(2) {
+            @apply !bg-[#8d8d94] !text-[#fff];
+        }
     }
 
     [data-theme="green"] {
@@ -49,5 +97,15 @@
         .rg-grid .rg-header .rg-table .rg-header-cell {
             @apply !bg-[#6bafae] !text-[#fff];
         }
+        .rg-grid .rg-head .rg-table tr:first-child td:first-child,
+        .rg-grid .rg-head .rg-table tr:first-child td:nth-child(2),
+        .rg-grid .rg-header .rg-table tr:first-child td:first-child,
+        .rg-grid .rg-header .rg-table tr:first-child td:nth-child(2) {
+            @apply !bg-[#6bafae] !text-[#fff];
+        }
     }
 }
+
+.tabs-content {
+    margin-top: 0.6rem !important;
+}
\ No newline at end of file
diff --git a/apps/st/src/components/module/CompactDataGrid.tsx b/apps/st/src/components/module/CompactDataGrid.tsx
index 4377eb762..b1f97eb14 100644
--- a/apps/st/src/components/module/CompactDataGrid.tsx
+++ b/apps/st/src/components/module/CompactDataGrid.tsx
@@ -1,9 +1,9 @@
-import { useRef, useEffect } from "react"
+import { useRef, useEffect, useLayoutEffect } from "react"
 import { ValueType } from "realgrid"
 
 import RealGrid, { GridFitStyle } from "realgrid"
 import { RealGridReact, RGDataColumn } from "realgrid-react"
-import type { DataGridProps, RealGridColumnInfo, GridViewWithSetColumns, FooterItemWithCallback } from "../type/DataGrid.type"
+import type { DataGridProps, RealGridColumnInfo, GridViewWithSetColumns, FooterItemWithCallback, CellStyleCallback } from "../type/DataGrid.type"
 import { getComputedValueCallback } from "@/components/util/grid/computedFieldCallbacks"
 
 // RealGrid 타입 확장
@@ -62,15 +62,37 @@ function createNumberComparer(dp: RealGridDataProviderComparer): (field: string
     };
 }
 
-const CompactDataGrid = ({ columnInfo, fixedColumns, showHeaderCheckbox = false, rowData, setRowData }: DataGridProps) => {
+const CompactDataGrid = ({
+    columnInfo,
+    fixedColumns,
+    showHeaderCheckbox = false,
+    rowData,
+    enableSort = false,
+    // setRowData,
+    getGridDataRef,
+    cellStyleCallback,
+    onRowClick,
+}: DataGridProps) => {
     const { columns, columnLayout } = columnInfo;
     const gridRef = useRef<RealGridReact>(null);
+    const rowDataRef = useRef<Record<string, string | number>[]>(rowData);
+    const cellStyleCallbackRef = useRef<CellStyleCallback | undefined>(cellStyleCallback);
+    rowDataRef.current = rowData;
+    cellStyleCallbackRef.current = cellStyleCallback;
+
+    useLayoutEffect(() => {
+        if (!cellStyleCallback || !gridRef.current?.gridView) return;
+        gridRef.current.gridView.refresh();
+    }, [cellStyleCallback, rowData]);
 
     useEffect(() => {
         if (!gridRef.current?.gridView || !gridRef.current?.dataProvider) return;
 
         const gridView = gridRef.current.gridView;
         const dataProvider = gridRef.current.dataProvider;
+        if ((dataProvider as { setRows?: (r: unknown[]) => void })?.setRows && rowData) {
+            (dataProvider as { setRows: (r: unknown[]) => void }).setRows(rowData);
+        }
 
         // setDataComparer로 숫자 정렬 (setFields 미사용 → 데이터 유실·필드 중복 오류 없음)
         const dp = dataProvider as RealGridDataProviderComparer;
@@ -231,11 +253,11 @@ const CompactDataGrid = ({ columnInfo, fixedColumns, showHeaderCheckbox = false,
             // footer가 단일 객체이고 valueCallback이 있는 경우
             columns.forEach(col => {
                 if (!col.footer || Array.isArray(col.footer)) return;
-                
+
                 try {
                     const column = currentGridView.columnByName(col.name);
                     if (!column || !column.footer) return;
-                    
+
                     if (col.footer.valueCallback) {
                         (column.footer as { valueCallback?: typeof col.footer.valueCallback }).valueCallback = col.footer.valueCallback;
                     }
@@ -243,9 +265,75 @@ const CompactDataGrid = ({ columnInfo, fixedColumns, showHeaderCheckbox = false,
                     console.warn(`Error setting footer valueCallback for column ${col.name}:`, e);
                 }
             });
+
+            // cellStyleCallback이 있으면 컬럼별 styleCallback 설정
+            if (cellStyleCallbackRef.current) {
+                columns.forEach((column) => {
+                    const baseStyleName = column.styleName;
+                    const gridCol = currentGridView.columnByName(column.name) as {
+                        styleCallback?: (g: unknown, dataCell: { itemIndex?: number; index?: { itemIndex?: number }; dataField?: string; fieldName?: string }) => string;
+                    } | null;
+                    if (gridCol) {
+                        gridCol.styleCallback = (_g, dataCell) => {
+                            const itemIndex = dataCell?.index?.itemIndex ?? dataCell?.itemIndex ?? -1;
+                            const fieldName = (dataCell?.dataField ?? dataCell?.fieldName ?? column.fieldName) ?? '';
+                            const data = rowDataRef.current;
+                            if (itemIndex < 0 || itemIndex >= data.length) return baseStyleName ?? '';
+                            const row = data[itemIndex] as Record<string, string | number>;
+                            const extra = cellStyleCallbackRef.current?.({ rowIndex: itemIndex, fieldName, row });
+                            if (!extra) return baseStyleName ?? '';
+                            return baseStyleName ? `${extra} ${baseStyleName}` : extra;
+                        };
+                    }
+                });
+            }
+            currentGridView.refresh?.();
         }, 200);
 
-    }, [columns, columnLayout, fixedColumns, rowData, showHeaderCheckbox]);
+        if (getGridDataRef) {
+            const fieldNames = columns.map((c) => c.fieldName).filter(Boolean) as string[];
+            getGridDataRef.current = () => {
+                const gv = gridRef.current?.gridView as {
+                    getDataSource?: () => { getRowCount(): number; getValue(r: number, f: string): unknown };
+                } | undefined;
+                if (!gv?.getDataSource) return [];
+                const ds = gv.getDataSource();
+                if (!ds) return [];
+                const cnt = ds.getRowCount();
+                const rows: Record<string, string | number>[] = [];
+                for (let i = 0; i < cnt; i++) {
+                    const r: Record<string, string | number> = {};
+                    for (const f of fieldNames) r[f] = ds.getValue(i, f) as string | number;
+                    rows.push(r);
+                }
+                return rows;
+            };
+        }
+
+        return () => {
+            if (getGridDataRef) getGridDataRef.current = null;
+        };
+    }, [columns, columnLayout, fixedColumns, rowData, showHeaderCheckbox, getGridDataRef]);
+
+    // 행 클릭 이벤트
+    useEffect(() => {
+        const gridView = gridRef.current?.gridView;
+        if (!gridView || !onRowClick) return;
+
+        gridView.onCellClicked = (grid, clickData) => {
+            if (clickData.cellType !== "data" || clickData.itemIndex === undefined) return;
+            try {
+                const row = rowDataRef.current[clickData.itemIndex];
+                onRowClick((row ?? {}) as Record<string, string | number>);
+            } catch (error) {
+                console.error("행 데이터 가져오기 오류:", error);
+            }
+        };
+
+        return () => {
+            gridView.onCellClicked = undefined;
+        };
+    }, [onRowClick]);
 
     return (
         <div className="flex flex-col gap-[0.6rem] mx-[0.6rem] w-1/2">
@@ -255,11 +343,16 @@ const CompactDataGrid = ({ columnInfo, fixedColumns, showHeaderCheckbox = false,
                     autoGenerateField={true}
                     layout={columnLayout}
                     rows={rowData}
-                    onInitialized={(grid) => {
-                        const dp = gridRef.current?.dataProvider as { setFields?: (fields: unknown[]) => void } | undefined;
+                    onInitialized={() => {
+                        const dp = gridRef.current?.dataProvider as
+                            | { setFields?(f: unknown[]): void; setRows?(r: Record<string, string | number>[]): void }
+                            | undefined;
                         if (dp?.setFields) {
                             dp.setFields(buildFieldsFromColumns(columns));
                         }
+                        if (dp?.setRows && rowData?.length) {
+                            dp.setRows(rowData);
+                        }
                     }}
                 >
                     {columns.map((column) => (
@@ -283,7 +376,7 @@ const CompactDataGrid = ({ columnInfo, fixedColumns, showHeaderCheckbox = false,
                                 numberFormat: column.footer.numberFormat,
                             } : undefined}
                             mergeRule={column.mergeCells ? { criteria: 'value' } : undefined}
-                            sortable={!column.sortdisable}
+                            sortable={enableSort && !column.sortdisable}
                         />
                     ))}
                 </RealGridReact>
diff --git a/apps/st/src/components/module/DataGrid.tsx b/apps/st/src/components/module/DataGrid.tsx
index 7d7f925ee..d85693a53 100644
--- a/apps/st/src/components/module/DataGrid.tsx
+++ b/apps/st/src/components/module/DataGrid.tsx
@@ -1,23 +1,25 @@
-import { useRef, useEffect, useLayoutEffect } from "react";
-import { ValueType } from "realgrid";
+import { useEffect, useLayoutEffect, useRef } from "react";
 
-import RealGrid, { GridFitStyle, type DisplayOptions } from "realgrid";
-import { RealGridReact, RGDataColumn } from "realgrid-react";
-import type {
-    DataGridProps,
-    RealGridColumnInfo,
-    GridViewWithSetColumns,
-    FooterItemWithCallback,
-    ColumnLayoutItem,
-    CellStyleCallback,
-} from "../type/DataGrid.type";
-import { getComputedValueCallback } from "@/components/util/grid/computedFieldCallbacks";
 import JSZip from "jszip";
+import { ValueType } from "realgrid";
+import RealGrid, { type DisplayOptions, GridFitStyle } from "realgrid";
+import { RealGridReact, RGDataColumn } from "realgrid-react";
 import * as XLSX from "xlsx";
 
 import { useAlertStore } from "@/shared/lib";
-
 import { Button } from "@common/components";
+
+import type {
+    CellStyleCallback,
+    CellTooltipCallback,
+    ColumnLayoutItem,
+    DataGridProps,
+    FooterItemWithCallback,
+    GridViewWithSetColumns,
+    RealGridColumnInfo,
+} from "../type/DataGrid.type";
+
+import { getComputedValueCallback } from "@/components/util/grid/computedFieldCallbacks";
 import { useTabStore } from "@/store/tab-store";
 
 // RealGrid 타입 확장
@@ -86,110 +88,6 @@ function toNum(v: unknown): number {
     return parseFloat(String(v).replace(/,/g, "")) || NaN;
 }
 
-/** 헤더에 정렬 화살표 표시 (CSS 방식) */
-function updateHeaderSortIndicator(
-    gridView: {
-        columnByIndex?: (
-            i: number,
-        ) => { fieldName?: string; name?: string } | undefined;
-        columnByName?: (
-            name: string,
-        ) => { fieldName?: string; name?: string } | undefined;
-        getColumn?: (
-            i: number,
-        ) => { fieldName?: string; name?: string } | undefined;
-    },
-    columns: { fieldName?: string; name: string }[],
-    sortDir: Record<string, "asc" | "desc" | "none">,
-) {
-    try {
-        columns.forEach((col) => {
-            if (!col.fieldName && !col.name) return;
-
-            // 컬럼 찾기
-            let gridCol: { fieldName?: string; name?: string } | undefined;
-            for (let i = 0; i < 100; i++) {
-                const c =
-                    gridView.columnByIndex?.(i) ?? gridView.getColumn?.(i);
-                if (!c) break;
-                if (
-                    c.fieldName === (col.fieldName || col.name) ||
-                    c.name === (col.fieldName || col.name)
-                ) {
-                    gridCol = c;
-                    break;
-                }
-            }
-            if (!gridCol) {
-                gridCol = gridView.columnByName?.(col.name);
-            }
-
-            if (!gridCol) return;
-
-            const fieldName =
-                gridCol.fieldName || gridCol.name || col.fieldName || col.name;
-            const direction = sortDir[fieldName] || sortDir[col.name] || "none";
-
-            // DOM에서 헤더 요소 찾기
-            const gridEl1 = document.querySelector(
-                "[data-grid-id]",
-            ) as HTMLElement | null;
-            const gridEl2 = document.querySelector(
-                ".rg-grid",
-            ) as HTMLElement | null;
-            const gridEl = gridEl1 || gridEl2;
-            if (!gridEl) return;
-
-            // 헤더 셀 찾기 (fieldName 또는 name으로)
-            const headerCells = gridEl.querySelectorAll(
-                '.rg-header-cell, [class*="header"]',
-            );
-            let targetCell: HTMLElement | null = null;
-
-            headerCells.forEach((cell) => {
-                const el = cell as HTMLElement;
-                const text = el.textContent?.trim();
-                const colName = col.name;
-                const colFieldName = col.fieldName;
-                if (
-                    text &&
-                    (text.includes(colName) ||
-                        (colFieldName && text.includes(colFieldName)))
-                ) {
-                    targetCell = el;
-                }
-            });
-
-            if (!targetCell) return;
-
-            const headerCell = targetCell as HTMLElement;
-
-            // 기존 화살표 제거
-            const existingIndicator = headerCell.querySelector(
-                ".rg-sort-indicator",
-            ) as HTMLElement | null;
-            if (existingIndicator) {
-                existingIndicator.remove();
-            }
-
-            // 화살표 추가
-            if (direction === "asc" || direction === "desc") {
-                const indicator = document.createElement("span");
-                indicator.className = "rg-sort-indicator";
-                indicator.textContent = direction === "asc" ? "▲" : "▼";
-                indicator.style.marginLeft = "4px";
-                indicator.style.fontSize = "10px";
-                indicator.style.color = "#666";
-                indicator.style.display = "inline-block";
-                indicator.style.verticalAlign = "middle";
-                headerCell.appendChild(indicator);
-            }
-        });
-    } catch (e) {
-        console.warn("updateHeaderSortIndicator error:", e);
-    }
-}
-
 /** onSorting: mergeCells: true인 컬럼이 있으면 그룹 내 순서 유지 정렬, 없으면 RealGrid 기본 정렬 */
 function createOnSortingHandler(
     columns: {
@@ -215,12 +113,14 @@ function createOnSortingHandler(
         ),
     ];
     // mergeCells: true인 컬럼 찾기 (시군구 등) - 그룹 필드로 사용
-    // 시군구를 우선으로 찾고, 없으면 첫 번째 mergeCells 컬럼 사용
+    // 시군구(sggNm) 우선, 없으면 행정구역명(admdstNm), 없으면 첫 번째 mergeCells 컬럼
     const mergeCellCols = columns.filter(
         (c) => c.mergeCells === true && c.fieldName,
     );
     const mergeCellCol =
-        mergeCellCols.find((c) => c.fieldName === "gugun") || mergeCellCols[0];
+        mergeCellCols.find((c) => c.fieldName === "sggNm") ||
+        mergeCellCols.find((c) => c.fieldName === "admdstNm") ||
+        mergeCellCols[0];
     const groupField = mergeCellCol?.fieldName || null;
     const orderByField = "displayYear"; // 고정값 또는 설정 가능하게 할 수 있음
     const hasMergeCells = mergeCellCols.length > 0;
@@ -251,7 +151,8 @@ function createOnSortingHandler(
         const col = columns.find(
             (c) => c.fieldName === sortField || c.name === sortField,
         );
-        if (!col || col.sortdisable) return true;
+        // sortdisable 컬럼은 정렬 불가(클릭 무시)
+        if (!col || col.sortdisable) return false;
 
         // mergeCells: true인 컬럼이 없으면 RealGrid 기본 정렬 사용
         if (!hasMergeCells || !groupField) return true;
@@ -276,6 +177,7 @@ function createOnSortingHandler(
             if (orig && setRows) {
                 setRows(orig);
                 setRowData(orig);
+                (g as { refresh?: () => void }).refresh?.();
             }
             sortDirRef.current[sortField] = "none";
             return false;
@@ -294,11 +196,13 @@ function createOnSortingHandler(
         );
         setRows?.(sorted);
         setRowData(sorted);
+        // 데이터 변경 후 merge 재적용
+        (g as { refresh?: () => void }).refresh?.();
         return false;
     };
 }
 
-/** sortPreserveGroupOrder: 그룹 간에는 sortField로 정렬, 그룹 내에서는 원본 순서 유지. */
+/** sortPreserveGroupOrder: 그룹 간에는 sortField로 정렬, 그룹 내에서는 원본 순서 유지(구분 포함). */
 function sortRowsGroupPreserving(
     rows: Record<string, string | number>[],
     sortField: string,
@@ -415,17 +319,46 @@ const DataGrid = ({
     setRowData,
     getGridDataRef,
     cellStyleCallback,
+    cellTooltipCallback,
     onRowClick,
+    statusInfo,
+    highlightedRowId,
+    idFieldName = "id",
+    enableSort = false,
 }: DataGridProps) => {
     const { columns, columnLayout } = columnInfo;
     const gridRef = useRef<RealGridReact>(null);
     const fileInputRef = useRef<HTMLInputElement>(null);
     const sortDirRef = useRef<Record<string, "asc" | "desc" | "none">>({});
-    const originalRowsRef = useRef<Record<string, Record<string, string | number>[]>>({});
+    const originalRowsRef = useRef<
+        Record<string, Record<string, string | number>[]>
+    >({});
     const rowDataRef = useRef<Record<string, string | number>[]>(rowData);
-    const cellStyleCallbackRef = useRef<CellStyleCallback | undefined>(cellStyleCallback);
+    const cellStyleCallbackRef = useRef<CellStyleCallback | undefined>(
+        cellStyleCallback,
+    );
+    const cellTooltipCallbackRef = useRef<CellTooltipCallback | undefined>(
+        cellTooltipCallback,
+    );
     rowDataRef.current = rowData;
     cellStyleCallbackRef.current = cellStyleCallback;
+    cellTooltipCallbackRef.current = cellTooltipCallback;
+
+    // highlightedRowId가 변경될 때 해당 행으로 스크롤 및 선택
+    useEffect(() => {
+        if (!gridRef.current?.gridView || highlightedRowId == null) return;
+
+        const gridView = gridRef.current.gridView;
+        const index = rowData.findIndex(
+            (row) => String(row[idFieldName]) === String(highlightedRowId),
+        );
+
+        if (index !== -1) {
+            // 해당 행으로 포커스 이동 및 스크롤
+            gridView.setCurrent({ itemIndex: index });
+            gridView.setFocus();
+        }
+    }, [highlightedRowId, rowData, idFieldName]);
 
     useLayoutEffect(() => {
         if (!cellStyleCallback || !gridRef.current?.gridView) return;
@@ -542,6 +475,7 @@ const DataGrid = ({
             target: "local",
             fileName: `${menuName}.xlsx`,
             footer: "hidden",
+            allColumns: true, // 숨김(visible: false) 컬럼도 엑셀에 포함
             done: () => {
                 // 헤더 원복
                 columns.forEach((col) => {
@@ -624,10 +558,10 @@ const DataGrid = ({
                         ) {
                             const cell =
                                 worksheet[
-                                    XLSX.utils.encode_cell({
-                                        r: rowIndex,
-                                        c: col,
-                                    })
+                                XLSX.utils.encode_cell({
+                                    r: rowIndex,
+                                    c: col,
+                                })
                                 ];
                             if (
                                 cell &&
@@ -703,7 +637,7 @@ const DataGrid = ({
                             const col = range.s.c + colIndex;
                             const cell =
                                 worksheet[
-                                    XLSX.utils.encode_cell({ r: row, c: col })
+                                XLSX.utils.encode_cell({ r: row, c: col })
                                 ];
                             const headerName =
                                 headers[colIndex] || `Column${colIndex + 1}`;
@@ -826,12 +760,14 @@ const DataGrid = ({
             gridView as {
                 onSorting?: (g: unknown, f: unknown[], d: unknown[]) => boolean;
             }
-        ).onSorting = createOnSortingHandler(
-            columns,
-            setRowData,
-            sortDirRef,
-            originalRowsRef,
-        );
+        ).onSorting = enableSort
+                ? createOnSortingHandler(
+                    columns,
+                    setRowData,
+                    sortDirRef,
+                    originalRowsRef,
+                )
+                : () => false;
 
         (gridView.displayOptions as DisplayOptions).fitStyle =
             GridFitStyle.EVEN;
@@ -945,12 +881,14 @@ const DataGrid = ({
                             editable: col.editable,
                             valueType: col.valueType,
                             dataFormat: col.dataFormat,
+                            ...(col.width != null && { width: col.width }),
                             ...(col.styleName != null && {
                                 styleName: col.styleName,
                             }),
                             ...(col.mergeCells && {
                                 mergeRule: { criteria: "value" as const },
                             }),
+                            sortable: !col.sortdisable,
                         };
 
                         if (col.footer) {
@@ -999,7 +937,7 @@ const DataGrid = ({
                                         ) {
                                             (
                                                 column.footer[
-                                                    index
+                                                index
                                                 ] as FooterItemWithCallback
                                             ).valueCallback =
                                                 footerItem.valueCallback;
@@ -1041,6 +979,8 @@ const DataGrid = ({
                     );
                 }
             });
+            // valueCallback 적용 후 푸터 셀 다시 그리기 (API 합계 등 우선 표시 반영)
+            currentGridView.refresh?.();
         }, 200);
 
         if (getGridDataRef) {
@@ -1050,11 +990,11 @@ const DataGrid = ({
             getGridDataRef.current = () => {
                 const gv = gridRef.current?.gridView as
                     | {
-                          getDataSource?: () => {
-                              getRowCount(): number;
-                              getValue(r: number, f: string): unknown;
-                          };
-                      }
+                        getDataSource?: () => {
+                            getRowCount(): number;
+                            getValue(r: number, f: string): unknown;
+                        };
+                    }
                     | undefined;
                 if (!gv?.getDataSource) return [];
                 const ds = gv.getDataSource();
@@ -1083,38 +1023,72 @@ const DataGrid = ({
         getGridDataRef,
     ]);
 
-    // 행 클릭 이벤트 설정
+    // 행 클릭 이벤트 + 검증 오류 셀 클릭 시 showMessage (공식 문서 방식)
     useEffect(() => {
-        if (!gridRef.current?.gridView || !onRowClick) return;
+        const gridView = gridRef.current?.gridView;
+        if (!gridView || (!onRowClick && !cellTooltipCallback)) return;
 
-        const gridView = gridRef.current.gridView;
-
-        // onCellClicked 이벤트 핸들러 설정
         gridView.onCellClicked = (grid, clickData) => {
-            // 데이터 셀만 처리 (헤더, 푸터 등 제외)
             if (
-                clickData.cellType === "data" &&
-                clickData.itemIndex !== undefined
-            ) {
-                try {
-                    // 행 전체 데이터 가져오기
-                    const row = rowData[clickData.itemIndex];
-
-                    // 부모 컴포넌트로 데이터 전달
-                    onRowClick(row ?? {});
-                } catch (error) {
-                    console.error("행 데이터 가져오기 오류:", error);
+                clickData.cellType !== "data" ||
+                clickData.itemIndex === undefined
+            )
+                return;
+            try {
+                const row = rowDataRef.current[clickData.itemIndex];
+                const cellIndex = (
+                    grid as {
+                        getCurrent?: () => {
+                            itemIndex: number;
+                            column?: string;
+                            fieldName?: string;
+                        };
+                    }
+                ).getCurrent?.();
+                // cellTooltipCallback 있으면 해당 셀 메시지로 showMessage (공식 문서: TooltipOptions + CellIndex)
+                if (cellTooltipCallbackRef.current && row && cellIndex) {
+                    const fieldName =
+                        cellIndex.fieldName ?? cellIndex.column ?? "";
+                    const msg = cellTooltipCallbackRef.current({
+                        row: row as Record<string, string | number>,
+                        fieldName,
+                    });
+                    if (msg) {
+                        const colName =
+                            columns.find(
+                                (c) =>
+                                    c.fieldName === fieldName ||
+                                    c.name === cellIndex.column,
+                            )?.name ??
+                            cellIndex.column ??
+                            fieldName;
+                        (
+                            gridView as {
+                                showMessage?: (
+                                    opts: {
+                                        message: string;
+                                        hideDuration?: number;
+                                    },
+                                    idx: { itemIndex: number; column: string },
+                                ) => void;
+                            }
+                        ).showMessage?.(
+                            { message: msg, hideDuration: 5000 },
+                            { itemIndex: cellIndex.itemIndex, column: colName },
+                        );
+                    }
                 }
+                if (onRowClick)
+                    onRowClick((row ?? {}) as Record<string, string | number>);
+            } catch (error) {
+                console.error("행 데이터 가져오기 오류:", error);
             }
         };
 
-        // cleanup: 컴포넌트 언마운트 시 이벤트 핸들러 제거
         return () => {
-            if (gridView.onCellClicked) {
-                gridView.onCellClicked = undefined;
-            }
+            if (gridView.onCellClicked) gridView.onCellClicked = undefined;
         };
-    }, [onRowClick]);
+    }, [onRowClick, cellTooltipCallback, columns]);
 
     return (
         <div className="mx-[0.6rem] flex flex-col gap-[0.6rem]">
@@ -1126,6 +1100,44 @@ const DataGrid = ({
                 onChange={handleFileChange}
             />
             <div className="flex items-center justify-end gap-[0.6rem] px-[1.2rem]">
+                {statusInfo && (
+                    <div className="data-grid-status-bubble flex flex-wrap items-center gap-x-4 gap-y-1">
+                        <span>
+                            진행상황:{" "}
+                            {statusInfo.laeSbmsnSttsCd === null ||
+                                statusInfo.laeSbmsnSttsCd === "0"
+                                ? "미작성"
+                                : statusInfo.laeSbmsnSttsCd === "1"
+                                    ? "작성중"
+                                    : statusInfo.laeSbmsnSttsCd === "2"
+                                        ? "제출"
+                                        : statusInfo.laeSbmsnSttsCd === "3"
+                                            ? "승인"
+                                            : statusInfo.laeSbmsnSttsCd === "4"
+                                            ? "반려"
+                                            : "검증중"}
+                        </span>
+                        <span>
+                            제출일:{" "}
+                            {statusInfo.laeSbmsnYmd
+                                ? statusInfo.laeSbmsnYmd.length === 8 &&
+                                    /^\d{8}$/.test(statusInfo.laeSbmsnYmd)
+                                    ? `${statusInfo.laeSbmsnYmd.slice(0, 4)}-${statusInfo.laeSbmsnYmd.slice(4, 6)}-${statusInfo.laeSbmsnYmd.slice(6, 8)}`
+                                    : statusInfo.laeSbmsnYmd
+                                : "미제출"}
+                        </span>
+                        <span>
+                            담당자:{" "}
+                            {statusInfo.laePicNm ? statusInfo.laePicNm : "-"}
+                        </span>
+                        <span>
+                            연락처:{" "}
+                            {statusInfo.laePicTelNo
+                                ? statusInfo.laePicTelNo
+                                : "-"}
+                        </span>
+                    </div>
+                )}
                 {isExcelImport && (
                     <Button
                         className="h-[3.2rem] w-[96px] bg-gradient-green px-6 hover:bg-gradient-green-hover"
@@ -1148,48 +1160,158 @@ const DataGrid = ({
                 )}
             </div>
             <div className="h-[65vh]">
-                    <RealGridReact
-                        ref={gridRef}
-                        autoGenerateField={true}
-                        layout={columnLayout}
-                        rows={rowData}
-                        onInitialized={(grid) => {
-                            if (!grid) return;
-                            (grid as { onSorting?: (g: unknown, f: unknown[], d: unknown[]) => boolean }).onSorting = createOnSortingHandler(columns, setRowData, sortDirRef, originalRowsRef);
-                            const dataProvider = gridRef.current?.dataProvider as unknown as
-                                | { setFields?(f: unknown[]): void; setRows?(r: Record<string, string | number>[]): void; getJsonRow?(r: number): Record<string, unknown> }
-                                | undefined;
-                            if (dataProvider?.setFields) {
-                                dataProvider.setFields(buildFieldsFromColumns(columns));
+                <RealGridReact
+                    ref={gridRef}
+                    autoGenerateField={true}
+                    layout={columnLayout}
+                    rows={rowData}
+                    onInitialized={(grid) => {
+                        if (!grid) return;
+                        (
+                            grid as {
+                                onSorting?: (
+                                    g: unknown,
+                                    f: unknown[],
+                                    d: unknown[],
+                                ) => boolean;
                             }
-                            if (dataProvider?.setRows && rowData?.length) {
-                                dataProvider.setRows(rowData);
+                        ).onSorting = enableSort
+                                ? createOnSortingHandler(
+                                    columns,
+                                    setRowData,
+                                    sortDirRef,
+                                    originalRowsRef,
+                                )
+                                : () => false;
+                        const dataProvider = gridRef.current
+                            ?.dataProvider as unknown as
+                            | {
+                                setFields?(f: unknown[]): void;
+                                setRows?(
+                                    r: Record<string, string | number>[],
+                                ): void;
+                                getJsonRow?(
+                                    r: number,
+                                ): Record<string, unknown>;
                             }
-                            const gridView = gridRef.current?.gridView ?? grid;
-                            if (!gridView?.columnByName) return;
-                            setTimeout(() => {
-                                const gv = gridRef.current?.gridView;
-                                if (!gv?.columnByName) return;
-                                columns.forEach((column) => {
-                                    const baseStyleName = column.styleName;
-                                    const gridCol = gv.columnByName(column.name) as { styleCallback?: (g: unknown, dataCell: { itemIndex?: number; index?: { itemIndex?: number }; dataField?: string; fieldName?: string }) => string } | null;
-                                    if (gridCol) {
-                                        gridCol.styleCallback = (_g, dataCell) => {
-                                            const itemIndex = dataCell?.index?.itemIndex ?? dataCell?.itemIndex ?? -1;
-                                            const fieldName = dataCell?.dataField ?? dataCell?.fieldName ?? column.fieldName;
-                                            const data = rowDataRef.current;
-                                            if (itemIndex < 0 || itemIndex >= data.length) return baseStyleName ?? '';
-                                            const row = data[itemIndex] as Record<string, string | number>;
-                                            const extra = cellStyleCallbackRef.current?.({ rowIndex: itemIndex, fieldName, row });
-                                            if (!extra) return baseStyleName ?? '';
-                                            return baseStyleName ? `${extra} ${baseStyleName}` : extra;
-                                        };
+                            | undefined;
+                        if (dataProvider?.setFields) {
+                            dataProvider.setFields(
+                                buildFieldsFromColumns(columns),
+                            );
+                        }
+                        if (dataProvider?.setRows && rowData?.length) {
+                            dataProvider.setRows(rowData);
+                        }
+                        const gridView = gridRef.current?.gridView ?? grid;
+                        if (!gridView?.columnByName) return;
+                        setTimeout(() => {
+                            const gv = gridRef.current?.gridView;
+                            if (!gv?.columnByName) return;
+                            // 공식 문서: 데이터 영역 툴팁 = renderer.showTooltip + onShowTooltip (displayOptions는 Ellipsis용이라 사용 안 함)
+                            if (cellTooltipCallbackRef.current) {
+                                (
+                                    gv as {
+                                        onShowTooltip?: (
+                                            grid: unknown,
+                                            index: {
+                                                itemIndex: number;
+                                                column: string;
+                                            },
+                                            value: string,
+                                        ) => string | undefined;
                                     }
-                                });
-                                gv.refresh();
-                            }, 0);
-                        }}
-                    >
+                                ).onShowTooltip = (_grid, index, value) => {
+                                    const row =
+                                        rowDataRef.current[index?.itemIndex];
+                                    if (row == null) return value;
+                                    const column = index.column;
+                                    const col = columns.find(
+                                        (c) => c.name === column,
+                                    );
+                                    const fieldName = col?.fieldName ?? column;
+                                    const custom =
+                                        cellTooltipCallbackRef.current?.({
+                                            row: row as Record<
+                                                string,
+                                                string | number
+                                            >,
+                                            fieldName,
+                                        });
+                                    // verificationResult 등 메시지가 있을 때만 툴팁 표시 (없으면 undefined 반환 → 툴팁 안 띄움)
+                                    return custom && custom.length > 0
+                                        ? custom
+                                        : undefined;
+                                };
+                            }
+                            columns.forEach((column) => {
+                                const baseStyleName = column.styleName;
+                                const gridCol = gv.columnByName(
+                                    column.name,
+                                ) as {
+                                    styleCallback?: (
+                                        g: unknown,
+                                        dataCell: {
+                                            itemIndex?: number;
+                                            index?: { itemIndex?: number };
+                                            dataField?: string;
+                                            fieldName?: string;
+                                        },
+                                    ) => string;
+                                    renderer?: { showTooltip?: boolean };
+                                } | null;
+                                if (gridCol) {
+                                    if (cellTooltipCallbackRef.current) {
+                                        (
+                                            gv as {
+                                                setColumnProperty?: (
+                                                    col: string,
+                                                    key: string,
+                                                    value: unknown,
+                                                ) => void;
+                                            }
+                                        ).setColumnProperty?.(
+                                            column.name,
+                                            "renderer",
+                                            { showTooltip: true },
+                                        );
+                                    }
+                                    gridCol.styleCallback = (_g, dataCell) => {
+                                        const itemIndex =
+                                            dataCell?.index?.itemIndex ??
+                                            dataCell?.itemIndex ??
+                                            -1;
+                                        const fieldName =
+                                            dataCell?.dataField ??
+                                            dataCell?.fieldName ??
+                                            column.fieldName;
+                                        const data = rowDataRef.current;
+                                        if (
+                                            itemIndex < 0 ||
+                                            itemIndex >= data.length
+                                        )
+                                            return baseStyleName ?? "";
+                                        const row = data[itemIndex] as Record<
+                                            string,
+                                            string | number
+                                        >;
+                                        const extra =
+                                            cellStyleCallbackRef.current?.({
+                                                rowIndex: itemIndex,
+                                                fieldName,
+                                                row,
+                                            });
+                                        if (!extra) return baseStyleName ?? "";
+                                        return baseStyleName
+                                            ? `${extra} ${baseStyleName}`
+                                            : extra;
+                                    };
+                                }
+                            });
+                            gv.refresh();
+                        }, 0);
+                    }}
+                >
                     {columns.map((column) => {
                         const baseStyleName = column.styleName;
 
@@ -1198,19 +1320,48 @@ const DataGrid = ({
                                 key={column.name}
                                 name={column.name}
                                 fieldName={column.fieldName}
-                                valueType={column.valueType ? column.valueType : ValueType.TEXT}
-                                {...(column.valueType === ValueType.NUMBER && { numberFormat: column.dataFormat ? column.dataFormat : '#,##0.000' })}
+                                valueType={
+                                    column.valueType
+                                        ? column.valueType
+                                        : ValueType.TEXT
+                                }
+                                {...(column.valueType === ValueType.NUMBER && {
+                                    numberFormat: column.dataFormat
+                                        ? column.dataFormat
+                                        : "#,##0.000",
+                                })}
                                 header={column.header}
                                 editable={column.editable}
-                                {...(baseStyleName != null && { styleName: baseStyleName })}
-                                {...(column.visible === false && { visible: false })}
-                                footer={column.footer && !Array.isArray(column.footer) ? {
-                                    text: column.footer.text,
-                                    expression: column.footer.expression,
-                                    numberFormat: column.footer.numberFormat,
-                                } : undefined}
-                                mergeRule={column.mergeCells ? { criteria: 'value' } : undefined}
-                                sortable={!column.sortdisable}
+                                {...(column.width != null && {
+                                    width: column.width,
+                                })}
+                                {...(baseStyleName != null && {
+                                    styleName: baseStyleName,
+                                })}
+                                {...(column.visible === false && {
+                                    visible: false,
+                                })}
+                                {...(cellTooltipCallback && {
+                                    renderer: { showTooltip: true },
+                                })}
+                                footer={
+                                    column.footer &&
+                                        !Array.isArray(column.footer)
+                                        ? {
+                                            text: column.footer.text,
+                                            expression:
+                                                column.footer.expression,
+                                            numberFormat:
+                                                column.footer.numberFormat,
+                                        }
+                                        : undefined
+                                }
+                                mergeRule={
+                                    column.mergeCells
+                                        ? { criteria: "value" }
+                                        : undefined
+                                }
+                                sortable={enableSort && !column.sortdisable}
                             />
                         );
                     })}
diff --git a/apps/st/src/components/module/SearchForm.tsx b/apps/st/src/components/module/SearchForm.tsx
index 91d823ed6..af35891cf 100644
--- a/apps/st/src/components/module/SearchForm.tsx
+++ b/apps/st/src/components/module/SearchForm.tsx
@@ -11,7 +11,8 @@ import {
     SelectTrigger,
     SelectContent,
     SelectItem,
-    SelectValue
+    SelectValue,
+    Checkbox
 }
 from "@common/components";
 
@@ -64,10 +65,15 @@ const SearchForm = (props: SearchFormProps = {}) => {
         order: props.defaultValues?.order || '',
         fctName: props.defaultValues?.fctName || '',
         bsnmCd: props.defaultValues?.bsnmCd || '',
+        isDetail: false,
     });
 
+    const sggKey: [string, string] | null =
+        values.sido && values.sido !== "ALL"
+            ? ["sgg-list", values.sido]
+            : null;
     const { data: sggList } = useSWR<ApiResponse<Sgg[]>>(
-        values.sido && values.sido !== "ALL" ? ["sgg-list", values.sido] : null,
+        sggKey,
         getSggListFetcher,
         {
             revalidateOnFocus: false,
@@ -87,7 +93,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
             },
         }
     );
-
+    const sggOptions = sggList?.data ?? [];
 
     const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
         e.preventDefault();
@@ -102,6 +108,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
             order: '',
             fctName: '',
             bsnmCd: '',
+            isDetail: false,
         };
         setValues(resetValues);
         props.onReset?.();
@@ -109,7 +116,6 @@ const SearchForm = (props: SearchFormProps = {}) => {
 
     const handleSidoChange = (value: string) => {
         const selectedBsnm = sidoList?.data.sidoList.find((v) => v.sido === value)?.bsnmCd || '';
-
         setValues((prev) => ({
             ...prev,
             sido: value,
@@ -119,9 +125,10 @@ const SearchForm = (props: SearchFormProps = {}) => {
     };
 
     const handleSggChange = (value: string) => {
+        const listForBsnm = sggList?.data ?? [];
         const selectedBsnm = value === 'ALL'
             ? (sidoList?.data.sidoList.find((v) => v.sido === values.sido)?.bsnmCd || '')
-            : (sggList?.data?.find((v) => v.gugun === value)?.bsnmCd || '');
+            : (listForBsnm.find((v) => v.gugun === value)?.bsnmCd || '');
 
         setValues((prev) => ({
             ...prev,
@@ -169,7 +176,7 @@ const SearchForm = (props: SearchFormProps = {}) => {
                                 </SelectTrigger>
                                 <SelectContent>
                                     <SelectItem value="ALL">전체</SelectItem>
-                                    {sggList?.data?.map((sgg) => (
+                                    {sggOptions?.map((sgg) => (
                                         <SelectItem key={sgg.adstDstrCd} value={sgg.gugun}>
                                             {sgg.gugun}
                                         </SelectItem>
@@ -197,6 +204,19 @@ const SearchForm = (props: SearchFormProps = {}) => {
                             </Select>
                         </div>
                     }
+                    {mergedProps.isDetail &&
+                        <div className="flex items-center gap-2">
+                            <Label className="text-label">
+                                세부 데이터 포함
+                            </Label>
+                            <Checkbox
+                                checked={values.isDetail}
+                                onCheckedChange={(value) =>
+                                    setValues({ ...values, isDetail: value === true })
+                                }
+                            />
+                        </div>
+                    }
                     {mergedProps.order &&
                         <div className="flex items-center gap-2">
                             <Label className="text-label">
@@ -225,12 +245,12 @@ const SearchForm = (props: SearchFormProps = {}) => {
                     <div className="flex items-center p-2">
                         {mergedProps.fctName &&
                             <div className="flex items-center gap-2">
-                                <Label htmlFor="liSnSearchInput" className="mr-2 text-label">
+                                <Label htmlFor="fctNmSearchInput" className="mr-2 text-label">
                                     시설명
                                 </Label>
                                 <Input
                                     className="h-[3.2rem] w-[14rem] rounded-sm !text-[1.3rem] mr-4"
-                                    id="liSnSearchInput"
+                                    id="fctNmSearchInput"
                                     value={values.fctName}
                                     onChange={(e) => setValues({ ...values, fctName: e.target.value })}
                                     autoComplete="off"
diff --git a/apps/st/src/components/module/SplitDataGrid.tsx b/apps/st/src/components/module/SplitDataGrid.tsx
index 7d24c96c0..47ca47012 100644
--- a/apps/st/src/components/module/SplitDataGrid.tsx
+++ b/apps/st/src/components/module/SplitDataGrid.tsx
@@ -11,6 +11,7 @@ const SplitDataGrid = ({
     rightRowData,
     setLeftRowData,
     setRightRowData,
+    enableSort = false,
 }: SplitDataGridProps) => {
     return (
         <div className="flex gap-[0.6rem] mx-[0.6rem]">
@@ -18,6 +19,7 @@ const SplitDataGrid = ({
                 columnInfo={leftColumnInfo}
                 fixedColumns={leftFixedColumns}
                 showHeaderCheckbox={showHeaderCheckbox}
+                enableSort={enableSort}
                 rowData={leftRowData}
                 setRowData={setLeftRowData}
             />
@@ -25,6 +27,7 @@ const SplitDataGrid = ({
                 columnInfo={rightColumnInfo}
                 fixedColumns={rightFixedColumns}
                 showHeaderCheckbox={showHeaderCheckbox}
+                enableSort={enableSort}
                 rowData={rightRowData}
                 setRowData={setRightRowData}
             />
diff --git a/apps/st/src/components/module/TabDataGrid.tsx b/apps/st/src/components/module/TabDataGrid.tsx
index 71d94fad3..8611ef4dd 100644
--- a/apps/st/src/components/module/TabDataGrid.tsx
+++ b/apps/st/src/components/module/TabDataGrid.tsx
@@ -56,115 +56,23 @@ function toNum(v: unknown): number {
     return parseFloat(String(v).replace(/,/g, "")) || NaN;
 }
 
-/** 헤더에 정렬 화살표 표시 (CSS 방식) */
-function updateHeaderSortIndicator(
-    gridView: {
-        columnByIndex?: (i: number) => { fieldName?: string; name?: string } | undefined;
-        columnByName?: (name: string) => { fieldName?: string; name?: string } | undefined;
-        getColumn?: (i: number) => { fieldName?: string; name?: string } | undefined;
-        getElement?: () => HTMLElement | null;
-        container?: HTMLElement;
-    },
-    columns: { fieldName?: string; name: string }[],
-    sortDir: Record<string, "asc" | "desc" | "none">,
-    gridElement?: HTMLElement | null
-) {
-    try {
-        // 그리드 DOM 요소 찾기
-        let gridEl: HTMLElement | null = null;
-        if (gridElement) {
-            gridEl = gridElement;
-        } else if (gridView.getElement) {
-            gridEl = gridView.getElement();
-        } else if (gridView.container) {
-            gridEl = gridView.container;
-        } else {
-            // 폴백: 모든 그리드 중에서 찾기
-            const allGrids = document.querySelectorAll('.rg-grid, [data-grid-id]');
-            if (allGrids.length > 0) {
-                // 활성 탭의 그리드를 찾기 위해 TabsContent 내부의 그리드 찾기
-                const activeTabContent = document.querySelector('[data-state="active"]')?.closest('[role="tabpanel"]');
-                if (activeTabContent) {
-                    gridEl = activeTabContent.querySelector('.rg-grid, [data-grid-id]') as HTMLElement;
-                }
-                if (!gridEl && allGrids.length === 1) {
-                    gridEl = allGrids[0] as HTMLElement;
-                }
-            }
-        }
-        
-        if (!gridEl) return;
-        
-        columns.forEach((col) => {
-            if (!col.fieldName && !col.name) return;
-            
-            const fieldName = col.fieldName || col.name;
-            const direction = sortDir[fieldName] || sortDir[col.name] || "none";
-            if (direction === "none") return;
-            
-            // 헤더 셀 찾기 (fieldName 또는 name으로)
-            const headerCells = gridEl.querySelectorAll('.rg-header-cell, [class*="header"], .rg-header');
-            let targetCell: HTMLElement | null = null;
-            
-            headerCells.forEach((cell) => {
-                const el = cell as HTMLElement;
-                const text = el.textContent?.trim();
-                const colName = col.name;
-                const colFieldName = col.fieldName;
-                // 헤더 텍스트와 컬럼 이름이 일치하는지 확인
-                if (text && (
-                    text === colName || 
-                    text === colFieldName ||
-                    text.includes(colName) || 
-                    (colFieldName && text.includes(colFieldName))
-                )) {
-                    targetCell = el;
-                }
-            });
-            
-            if (!targetCell) return;
-            
-            const headerCell = targetCell as HTMLElement;
-            
-            // 기존 화살표 제거
-            const existingIndicator = headerCell.querySelector(".rg-sort-indicator") as HTMLElement | null;
-            if (existingIndicator) {
-                existingIndicator.remove();
-            }
-            
-            // 화살표 추가
-            const indicator = document.createElement("span");
-            indicator.className = "rg-sort-indicator";
-            indicator.textContent = direction === "asc" ? "▲" : "▼";
-            indicator.style.marginLeft = "4px";
-            indicator.style.fontSize = "10px";
-            indicator.style.color = "#666";
-            indicator.style.display = "inline-block";
-            indicator.style.verticalAlign = "middle";
-            headerCell.appendChild(indicator);
-        });
-    } catch (e) {
-        console.warn("updateHeaderSortIndicator error:", e);
-    }
-}
-
 /** onSorting: mergeCells: true인 컬럼이 있으면 그룹 내 순서 유지 정렬, 없으면 RealGrid 기본 정렬 */
 function createOnSortingHandler(
     columns: { fieldName?: string; name: string; mergeCells?: boolean; sortdisable?: boolean; valueType?: ValueType }[],
     setRowData: React.Dispatch<React.SetStateAction<Record<string, string | number>[]>>,
     sortDirRef: { current: Record<string, "asc" | "desc" | "none"> },
     originalRowsRef: { current: Record<string, Record<string, string | number>[]> },
-    findGridElement?: () => HTMLElement | null
+    _findGridElement?: () => HTMLElement | null
 ) {
     const fieldNames = [...new Set(columns.map((c) => c.fieldName).filter((x): x is string => typeof x === "string"))];
     // mergeCells: true인 컬럼 찾기 (시군구 등) - 그룹 필드로 사용
     // 시군구를 우선으로 찾고, 없으면 첫 번째 mergeCells 컬럼 사용
     const mergeCellCols = columns.filter((c) => c.mergeCells === true && c.fieldName);
-    const mergeCellCol = mergeCellCols.find((c) => c.fieldName === 'gugun') || mergeCellCols[0];
+    const mergeCellCol = mergeCellCols.find((c) => c.fieldName === 'sggNm') || mergeCellCols[0];
     const groupField = mergeCellCol?.fieldName || null;
     const orderByField = 'displayYear'; // 고정값 또는 설정 가능하게 할 수 있음
     const hasMergeCells = mergeCellCols.length > 0;
-    
+
     return function onSorting(g: unknown, fields: unknown[], _directions: unknown[]) {
         const grid = g as { getColumn?: (i: number) => { fieldName?: string; name?: string } | undefined; getDataSource?: () => { getRowCount(): number; getValue(r: number, f: string): unknown } };
         const idx = fields?.[0];
@@ -178,10 +86,10 @@ function createOnSortingHandler(
         if (!sortField) return true;
         const col = columns.find((c) => (c.fieldName === sortField || c.name === sortField));
         if (!col || col.sortdisable) return true;
-        
+
         // mergeCells: true인 컬럼이 없으면 RealGrid 기본 정렬 사용
         if (!hasMergeCells || !groupField) return true;
-        
+
         const ds = grid.getDataSource?.();
         if (!ds) return true;
         const cnt = ds.getRowCount();
@@ -229,7 +137,7 @@ function sortRowsGroupPreserving(
         if (!groups.has(k)) groups.set(k, []);
         groups.get(k)!.push(r);
     }
-    
+
     // valueType에 따라 비교 함수 선택
     const compareValue = (val: unknown): number | string => {
         if (valueType === ValueType.NUMBER) {
@@ -238,7 +146,7 @@ function sortRowsGroupPreserving(
         // 텍스트나 기타 타입은 문자열로 비교
         return String(val ?? "");
     };
-    
+
     const rep = (arr: Record<string, string | number>[]): number | string => {
         const values = arr.map((r) => compareValue(r[sortField]));
         if (valueType === ValueType.NUMBER) {
@@ -253,7 +161,7 @@ function sortRowsGroupPreserving(
             return sortAsc ? (strs[0] as string) : (strs[strs.length - 1] as string);
         }
     };
-    
+
     const entries = [...groups.entries()].sort((a, b) => {
         const valA = rep(a[1]);
         const valB = rep(b[1]);
@@ -265,7 +173,7 @@ function sortRowsGroupPreserving(
         const strB = String(valB);
         return (sortAsc ? 1 : -1) * strA.localeCompare(strB);
     });
-    
+
     return entries.flatMap(([, arr]) => arr);
 }
 
@@ -306,9 +214,10 @@ function createNumberComparer(dp: RealGridDataProviderComparer): (field: string
     };
 }
 
-const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, rows = [], showHeaderCheckbox = false, rowDataMap, setRowDataMap, activeTab: activeTabProp, onActiveTabChange }: TabDataGridProps) => {
+const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, rows = [], showHeaderCheckbox = false, rowDataMap, setRowDataMap, activeTab: activeTabProp, onActiveTabChange, getGridDataRef, enableSort = false }: TabDataGridProps) => {
     // 각 탭별로 그리드 ref와 데이터를 관리
     const gridRefs = useRef<Map<string, RealGridReact>>(new Map());
+    const activeTabRef = useRef<string>("");
     const fileInputRefs = useRef<Map<string, HTMLInputElement>>(new Map());
     // 각 탭별로 정렬 상태 관리
     const sortDirRefs = useRef<Map<string, React.MutableRefObject<Record<string, "asc" | "desc" | "none">>>>(new Map());
@@ -323,7 +232,8 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
     });
     const isControlled = activeTabProp !== undefined;
     const activeTab = isControlled ? activeTabProp : internalActiveTab;
-    const setActiveTab = isControlled ? (onActiveTabChange ?? (() => {})) : setInternalActiveTab;
+    const setActiveTab = isControlled ? (onActiveTabChange ?? (() => { })) : setInternalActiveTab;
+    activeTabRef.current = activeTab;
 
     const exportExcel = (tabKey: string) => {
         const currentRowData = rowDataMap.get(tabKey) || [];
@@ -345,7 +255,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
 
         const columnInfoItem = columnInfo.find(info => info.tabKey === tabKey);
         if (!columnInfoItem) return;
-        
+
         const tabLabel = columnInfoItem.tabLabel || tabKey;
         const columns = columnInfoItem.columns || [];
         const columnLayout = columnInfoItem.columnLayout || [];
@@ -419,6 +329,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
             target: 'local',
             fileName: `${menuName}_${tabLabel}.xlsx`,
             footer: 'hidden',
+            allColumns: true, // 숨김(visible: false) 컬럼도 엑셀에 포함
             done: () => {
                 // 헤더 원복
                 columns.forEach((col) => {
@@ -519,7 +430,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                     const columns = columnInfoItem.columns || [];
                     headers.forEach((headerText, colIndex) => {
                         let fieldName: string | null = null;
-                        
+
                         // 헤더에 fieldName이 포함된 경우 (예: "합계 (swgeProcZoneInnerSm)")
                         const fieldNameMatch = headerText.match(/\(([a-zA-Z_][a-zA-Z0-9_]*)\)$/);
                         if (fieldNameMatch && fieldNameMatch[1]) {
@@ -528,13 +439,13 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                                 fieldName = extractedFieldName;
                             }
                         }
-                        
+
                         // 매칭 실패 시 원본 헤더 텍스트 사용
                         if (!fieldName) {
                             console.warn(`엑셀 컬럼 ${colIndex + 1} (헤더: "${headerText}") 매칭 실패 → 헤더 텍스트를 fieldName으로 사용`);
                             fieldName = headerText;
                         }
-                        
+
                         headerToFieldNameMap.set(headerText, fieldName);
                     });
 
@@ -655,6 +566,41 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
         });
     }, [rowDataMap, columnInfo]);
 
+    // getGridDataRef: 현재 활성 탭 그리드 데이터 반환 함수 할당
+    useEffect(() => {
+        if (!getGridDataRef) return;
+        getGridDataRef.current = () => {
+            const tabKey = activeTabRef.current;
+            const gridRef = gridRefs.current.get(tabKey);
+            const gv = gridRef?.gridView as
+                | {
+                    getDataSource?: () => {
+                        getRowCount(): number;
+                        getValue(r: number, f: string): unknown;
+                    };
+                }
+                | undefined;
+            if (!gv?.getDataSource) return [];
+            const ds = gv.getDataSource();
+            if (!ds) return [];
+            const currentInfo = columnInfo.find((info) => info.tabKey === tabKey);
+            const columns = currentInfo?.columns ?? [];
+            const fieldNames = columns
+                .map((c) => c.fieldName)
+                .filter((x): x is string => Boolean(x));
+            const cnt = ds.getRowCount();
+            const rows: Record<string, string | number>[] = [];
+            for (let i = 0; i < cnt; i++) {
+                const r: Record<string, string | number> = {};
+                for (const f of fieldNames) r[f] = ds.getValue(i, f) as string | number;
+                rows.push(r);
+            }
+            return rows;
+        };
+        return () => {
+            if (getGridDataRef) getGridDataRef.current = null;
+        };
+    }, [columnInfo, getGridDataRef]);
 
     // 탭 전환 시 그리드 레이아웃·푸터·포맷 재적용 (여러 시점 + ResizeObserver)
     const appliedTabRef = useRef<string | null>(null);
@@ -708,7 +654,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                             valueType: col.valueType,
                             dataFormat: col.dataFormat,
                             ...(col.styleName != null && { styleName: col.styleName }),
-                            ...(col.mergeCells && { mergeRule: { criteria: 'value' as const } }),
+                            ...(col.mergeCells && { mergeRule: { criteria: col.mergeGroupField ? `values['${col.mergeGroupField}'] + value` : 'value' as const } }),
                         };
                         if (col.footer) {
                             if (Array.isArray(col.footer)) c.footer = col.footer;
@@ -727,7 +673,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                                     if (item.valueCallback && footerArr[i])
                                         (footerArr[i] as FooterItemWithCallback).valueCallback = item.valueCallback;
                                 });
-                        } catch (_) {}
+                        } catch (_) { }
                     });
                 }
                 columns.forEach(col => {
@@ -737,7 +683,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                         const fo = col.footer as { valueCallback?: (g: unknown, col: unknown, fi: number, cf: unknown, v: unknown) => unknown };
                         if (column?.footer && fo.valueCallback)
                             (column.footer as { valueCallback?: typeof fo.valueCallback }).valueCallback = fo.valueCallback;
-                    } catch (_) {}
+                    } catch (_) { }
                 });
 
                 if (dp?.setRows && tabRowData.length) dp.setRows(tabRowData);
@@ -772,8 +718,8 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
 
     return (
         <div className="flex flex-col gap-[0.6rem] mx-[0.6rem]">
-            <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full" variant="outline">
-                <TabsList className="mb-4">
+            <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full" variant="default">
+                <TabsList>
                     {columnInfo.map((info) => {
                         const tabKey = info.tabKey;
                         const tabLabel = info.tabLabel || tabKey;
@@ -787,7 +733,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
 
                 {columnInfo.map((info) => {
                     const tabKey = info.tabKey;
-                    
+
                     // isSplitGrid가 true이고 left, right가 있으면 SplitDataGrid 사용
                     if (info.isSplitGrid && info.left && info.right) {
                         const leftRowData = rowDataMap.get(info.left.tabKey || `${tabKey}_left`) || [];
@@ -811,6 +757,7 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                                     leftFixedColumns={info.left.fixedColumns}
                                     rightFixedColumns={info.right.fixedColumns}
                                     showHeaderCheckbox={showHeaderCheckbox}
+                                    enableSort={enableSort}
                                     leftRowData={leftRowData}
                                     rightRowData={rightRowData}
                                     setLeftRowData={(updater) => {
@@ -885,277 +832,277 @@ const TabDataGrid = ({ columnInfo, isExcelImport = true, isExcelExport = true, r
                                 </div>
                                 <div className="h-[60vh]" data-tab-key={tabKey}>
                                     {activeTab === tabKey ? (
-                                    <RealGridReact
-                                        key={tabKey}
-                                        ref={(el) => {
-                                            if (el) {
-                                                gridRefs.current.set(tabKey, el);
-                                                // 그리드가 생성된 직후 fitStyle 설정
-                                                if (el.gridView) {
-                                                    setTimeout(() => {
-                                                        const gridView = el.gridView;
-                                                        if (!gridView) return;
-
-                                                        const currentInfo = columnInfo.find(info => info.tabKey === tabKey);
-                                                        if (!currentInfo || !currentInfo.columns) return;
-                                                        
-                                                        const columns = currentInfo.columns;
-
-                                                        const dp = el.dataProvider as { setFields?: (fields: unknown[]) => void; setRows?: (rows: Record<string, string | number>[]) => void } | undefined;
-                                                        if (dp?.setFields) {
-                                                            dp.setFields(buildFieldsFromColumns(columns));
-                                                        }
-                                                        // setFields 호출 직후 행 데이터 적용 (realgrid-react의 setRows 타이밍 이슈 방지)
-                                                        const tabRowData = rowDataMap.get(tabKey) || [];
-                                                        if (dp?.setRows && tabRowData.length) {
-                                                            dp.setRows(tabRowData);
-                                                        }
-
-                                                        gridView.setDisplayOptions({
-                                                            fitStyle: GridFitStyle.EVEN
-                                                        });
-                                                        gridView.header.height = 60;
-
-                                                        // 헤더 체크박스 표시 여부 설정
-                                                        gridView.setOptions({
-                                                            checkBar: { visible: showHeaderCheckbox },
-                                                            rowIndicator: { visible: false },
-                                                        });
-
-                                                        // footer가 있는 컬럼이 있으면 footer 높이 설정
-                                                        const hasFooter = columns.some(col => col.footer);
-                                                        if (hasFooter) {
-                                                            // footer가 배열이거나 multiRow가 true인 footer가 있으면 멀티푸터 설정 (여러 행)
-                                                            const hasArrayFooter = columns.some(col => col.footer && Array.isArray(col.footer));
-                                                            const hasMultiRowFooter = columns.some(col => {
-                                                                const footer = col.footer;
-                                                                return footer && !Array.isArray(footer) && 'multiRow' in footer && footer.multiRow === true;
-                                                            });
-                                                            if (hasArrayFooter || hasMultiRowFooter) {
-                                                                // footer 배열의 길이를 확인하여 행 수 결정
-                                                                const arrayFooterLengths = columns
-                                                                    .filter(col => col.footer && Array.isArray(col.footer))
-                                                                    .map(col => (col.footer as unknown[]).length);
-                                                                const maxFooterLength = arrayFooterLengths.length > 0 
-                                                                    ? Math.max(...arrayFooterLengths)
-                                                                    : 2; // 기본값 2
-                                                                const footerHeights = Array.from({ length: maxFooterLength }, () => ({ height: 40 }));
-                                                                gridView.setFooters?.(footerHeights);
-                                                            } else {
-                                                                gridView.footer.height = 40;
-                                                            }
-                                                        }
-
-                                                        gridView.setOptions({
-                                                            summaryMode: "aggregate"
-                                                        });
-
-                                                        // footerUserSpans가 있는 경우 setColumnLayout으로 설정
-                                                        const checkFooterUserSpans = (layout: unknown[]): boolean => {
-                                                            return layout.some(item => {
-                                                                if (typeof item === 'string') return false;
-                                                                if (item && typeof item === 'object' && 'footerUserSpans' in item) return true;
-                                                                if (item && typeof item === 'object' && 'items' in item && Array.isArray(item.items)) {
-                                                                    return checkFooterUserSpans(item.items);
-                                                                }
-                                                                return false;
-                                                            });
-                                                        };
-                                                        
-                                                        if (checkFooterUserSpans(columnLayout)) {
-                                                            // setColumnLayout은 그리드가 완전히 렌더링된 후 호출해야 함
-                                                            setTimeout(() => {
-                                                                if (gridView && columnLayout) {
-                                                                    gridView.setColumnLayout?.(columnLayout);
-                                                                }
-                                                            }, 100);
-                                                        }
-
-                                                        // footer 설정 (배열 또는 단일 객체 모두 처리)
-                                                        // setFooters 호출 후 footer 배열 설정
+                                        <RealGridReact
+                                            key={tabKey}
+                                            ref={(el) => {
+                                                if (el) {
+                                                    gridRefs.current.set(tabKey, el);
+                                                    // 그리드가 생성된 직후 fitStyle 설정
+                                                    if (el.gridView) {
                                                         setTimeout(() => {
-                                                            const currentGridView = gridView;
-                                                            if (!currentGridView || !currentGridView.columnByName) {
-                                                                console.warn('GridView not available for footer setup');
-                                                                return;
+                                                            const gridView = el.gridView;
+                                                            if (!gridView) return;
+
+                                                            const currentInfo = columnInfo.find(info => info.tabKey === tabKey);
+                                                            if (!currentInfo || !currentInfo.columns) return;
+
+                                                            const columns = currentInfo.columns;
+
+                                                            const dp = el.dataProvider as { setFields?: (fields: unknown[]) => void; setRows?: (rows: Record<string, string | number>[]) => void } | undefined;
+                                                            if (dp?.setFields) {
+                                                                dp.setFields(buildFieldsFromColumns(columns));
                                                             }
-                                                            
-                                                            // footer가 배열인 컬럼이 있으면 setColumns를 다시 호출하여 footer 설정
-                                                            const hasArrayFooter = columns.some(col => col.footer && Array.isArray(col.footer));
-                                                            if (hasArrayFooter) {
-                                                                // 모든 컬럼 정보를 다시 가져와서 footer 배열을 포함하여 setColumns 호출
-                                                                const columnsWithFooter: RealGridColumnInfo[] = columns.map(col => {
-                                                                    const colInfo: RealGridColumnInfo = {
-                                                                        name: col.name,
-                                                                        fieldName: col.fieldName,
-                                                                        header: col.header,
-                                                                        editable: col.editable,
-                                                                        valueType: col.valueType,
-                                                                        dataFormat: col.dataFormat,
-                                                                        ...(col.styleName != null && { styleName: col.styleName }),
-                                                                        ...(col.mergeCells && { mergeRule: { criteria: 'value' as const } }),
-                                                                    };
-                                                                    
-                                                                    if (col.footer) {
-                                                                        if (Array.isArray(col.footer)) {
-                                                                            colInfo.footer = col.footer;
-                                                                        } else {
-                                                                            colInfo.footer = {
-                                                                                text: col.footer.text,
-                                                                                expression: col.footer.expression,
-                                                                                numberFormat: col.footer.numberFormat,
-                                                                            };
-                                                                        }
-                                                                    }
-                                                                    
-                                                                    return colInfo;
+                                                            // setFields 호출 직후 행 데이터 적용 (realgrid-react의 setRows 타이밍 이슈 방지)
+                                                            const tabRowData = rowDataMap.get(tabKey) || [];
+                                                            if (dp?.setRows && tabRowData.length) {
+                                                                dp.setRows(tabRowData);
+                                                            }
+
+                                                            gridView.setDisplayOptions({
+                                                                fitStyle: GridFitStyle.EVEN
+                                                            });
+                                                            gridView.header.height = 60;
+
+                                                            // 헤더 체크박스 표시 여부 설정
+                                                            gridView.setOptions({
+                                                                checkBar: { visible: showHeaderCheckbox },
+                                                                rowIndicator: { visible: false },
+                                                            });
+
+                                                            // footer가 있는 컬럼이 있으면 footer 높이 설정
+                                                            const hasFooter = columns.some(col => col.footer);
+                                                            if (hasFooter) {
+                                                                // footer가 배열이거나 multiRow가 true인 footer가 있으면 멀티푸터 설정 (여러 행)
+                                                                const hasArrayFooter = columns.some(col => col.footer && Array.isArray(col.footer));
+                                                                const hasMultiRowFooter = columns.some(col => {
+                                                                    const footer = col.footer;
+                                                                    return footer && !Array.isArray(footer) && 'multiRow' in footer && footer.multiRow === true;
                                                                 });
-                                                                
-                                                                try {
-                                                                    (currentGridView as GridViewWithSetColumns).setColumns?.(columnsWithFooter);
-                                                                    
-                                                                    // setColumns 호출 후 footer 배열의 valueCallback을 다시 설정
-                                                                    setTimeout(() => {
-                                                                        columns.forEach(col => {
-                                                                            if (!col.footer || !Array.isArray(col.footer)) return;
-                                                                            
-                                                                            try {
-                                                                                const column = currentGridView.columnByName(col.name);
-                                                                                if (!column) return;
-                                                                                
-                                                                                // footer 배열의 각 요소에 valueCallback 설정
-                                                                                col.footer.forEach((footerItem, index) => {
-                                                                                    if (footerItem.valueCallback && column.footer) {
-                                                                                        // footer가 배열인 경우
-                                                                                        if (Array.isArray(column.footer) && column.footer[index]) {
-                                                                                            (column.footer[index] as FooterItemWithCallback).valueCallback = footerItem.valueCallback;
-                                                                                        }
-                                                                                    }
-                                                                                });
-                                                                            } catch (e) {
-                                                                                console.warn(`Error setting footer array valueCallback for column ${col.name}:`, e);
+                                                                if (hasArrayFooter || hasMultiRowFooter) {
+                                                                    // footer 배열의 길이를 확인하여 행 수 결정
+                                                                    const arrayFooterLengths = columns
+                                                                        .filter(col => col.footer && Array.isArray(col.footer))
+                                                                        .map(col => (col.footer as unknown[]).length);
+                                                                    const maxFooterLength = arrayFooterLengths.length > 0
+                                                                        ? Math.max(...arrayFooterLengths)
+                                                                        : 2; // 기본값 2
+                                                                    const footerHeights = Array.from({ length: maxFooterLength }, () => ({ height: 40 }));
+                                                                    gridView.setFooters?.(footerHeights);
+                                                                } else {
+                                                                    gridView.footer.height = 40;
+                                                                }
+                                                            }
+
+                                                            gridView.setOptions({
+                                                                summaryMode: "aggregate"
+                                                            });
+
+                                                            // footerUserSpans가 있는 경우 setColumnLayout으로 설정
+                                                            const checkFooterUserSpans = (layout: unknown[]): boolean => {
+                                                                return layout.some(item => {
+                                                                    if (typeof item === 'string') return false;
+                                                                    if (item && typeof item === 'object' && 'footerUserSpans' in item) return true;
+                                                                    if (item && typeof item === 'object' && 'items' in item && Array.isArray(item.items)) {
+                                                                        return checkFooterUserSpans(item.items);
+                                                                    }
+                                                                    return false;
+                                                                });
+                                                            };
+
+                                                            if (checkFooterUserSpans(columnLayout)) {
+                                                                // setColumnLayout은 그리드가 완전히 렌더링된 후 호출해야 함
+                                                                setTimeout(() => {
+                                                                    if (gridView && columnLayout) {
+                                                                        gridView.setColumnLayout?.(columnLayout);
+                                                                    }
+                                                                }, 100);
+                                                            }
+
+                                                            // footer 설정 (배열 또는 단일 객체 모두 처리)
+                                                            // setFooters 호출 후 footer 배열 설정
+                                                            setTimeout(() => {
+                                                                const currentGridView = gridView;
+                                                                if (!currentGridView || !currentGridView.columnByName) {
+                                                                    console.warn('GridView not available for footer setup');
+                                                                    return;
+                                                                }
+
+                                                                // footer가 배열인 컬럼이 있으면 setColumns를 다시 호출하여 footer 설정
+                                                                const hasArrayFooter = columns.some(col => col.footer && Array.isArray(col.footer));
+                                                                if (hasArrayFooter) {
+                                                                    // 모든 컬럼 정보를 다시 가져와서 footer 배열을 포함하여 setColumns 호출
+                                                                    const columnsWithFooter: RealGridColumnInfo[] = columns.map(col => {
+                                                                        const colInfo: RealGridColumnInfo = {
+                                                                            name: col.name,
+                                                                            fieldName: col.fieldName,
+                                                                            header: col.header,
+                                                                            editable: col.editable,
+                                                                            valueType: col.valueType,
+                                                                            dataFormat: col.dataFormat,
+                                                                            ...(col.styleName != null && { styleName: col.styleName }),
+                                                                            ...(col.mergeCells && { mergeRule: { criteria: col.mergeGroupField ? `values['${col.mergeGroupField}'] + value` : 'value' as const } }),
+                                                                        };
+
+                                                                        if (col.footer) {
+                                                                            if (Array.isArray(col.footer)) {
+                                                                                colInfo.footer = col.footer;
+                                                                            } else {
+                                                                                colInfo.footer = {
+                                                                                    text: col.footer.text,
+                                                                                    expression: col.footer.expression,
+                                                                                    numberFormat: col.footer.numberFormat,
+                                                                                };
                                                                             }
-                                                                        });
-                                                                    }, 50);
-                                                                } catch (e) {
-                                                                    console.warn('Failed to set columns with footer array:', e);
-                                                                }
-                                                            }
-                                                            
-                                                            // footer가 단일 객체이고 valueCallback이 있는 경우
-                                                            columns.forEach(col => {
-                                                                if (!col.footer || Array.isArray(col.footer)) return;
-                                                                
-                                                                try {
-                                                                    const column = currentGridView.columnByName(col.name);
-                                                                    if (!column || !column.footer) return;
-                                                                    
-                                                                    const footerObj = col.footer as { valueCallback?: (grid: unknown, column: unknown, footerIndex: number, columnFooter: unknown, value: unknown) => unknown };
-                                                                    if (footerObj.valueCallback) {
-                                                                        (column.footer as { valueCallback?: typeof footerObj.valueCallback }).valueCallback = footerObj.valueCallback;
-                                                                    }
-                                                                } catch (e) {
-                                                                    console.warn(`Error setting footer valueCallback for column ${col.name}:`, e);
-                                                                }
-                                                            });
-                                                        }, 200);
-
-                                                        // 고정 컬럼 설정
-                                                        if (currentInfo.fixedColumns !== undefined && currentInfo.fixedColumns > 0) {
-                                                            gridView.setFixedOptions({
-                                                                colCount: currentInfo.fixedColumns,
-                                                            });
-                                                        }
-
-                                                        // 각 탭별 ref 초기화
-                                                        if (!sortDirRefs.current.has(tabKey)) {
-                                                            sortDirRefs.current.set(tabKey, { current: {} });
-                                                        }
-                                                        if (!originalRowsRefs.current.has(tabKey)) {
-                                                            originalRowsRefs.current.set(tabKey, { current: {} });
-                                                        }
-                                                        
-                                                        const sortDirRef = sortDirRefs.current.get(tabKey)!;
-                                                        const originalRowsRef = originalRowsRefs.current.get(tabKey)!;
-                                                        
-                                                        // mergeCells: true인 컬럼이 있으면 onSorting에서 클라이언트 정렬로 처리
-                                                        const hasMergeCells = columns.some((col) => col.mergeCells === true);
-                                                        
-                                                        // setDataComparer로 숫자 정렬 (mergeCells가 있으면 onSorting에서 클라이언트 정렬로 처리)
-                                                        if (el.dataProvider) {
-                                                            const dp = el.dataProvider as RealGridDataProviderComparer;
-                                                            if (typeof dp.setDataComparer === "function" && typeof dp.getValue === "function") {
-                                                                const numberComparer = createNumberComparer(dp);
-                                                                const seen = new Set<string>();
-                                                                columns.forEach((col) => {
-                                                                    if (hasMergeCells) return; // mergeCells가 있으면 모든 컬럼을 클라이언트 정렬로 처리
-                                                                    if (col.valueType === ValueType.NUMBER && col.fieldName && !seen.has(col.fieldName)) {
-                                                                        seen.add(col.fieldName);
-                                                                        try {
-                                                                            dp.setDataComparer!(col.fieldName, numberComparer);
-                                                                        } catch (e) {
-                                                                            console.warn("setDataComparer:", e);
                                                                         }
+
+                                                                        return colInfo;
+                                                                    });
+
+                                                                    try {
+                                                                        (currentGridView as GridViewWithSetColumns).setColumns?.(columnsWithFooter);
+
+                                                                        // setColumns 호출 후 footer 배열의 valueCallback을 다시 설정
+                                                                        setTimeout(() => {
+                                                                            columns.forEach(col => {
+                                                                                if (!col.footer || !Array.isArray(col.footer)) return;
+
+                                                                                try {
+                                                                                    const column = currentGridView.columnByName(col.name);
+                                                                                    if (!column) return;
+
+                                                                                    // footer 배열의 각 요소에 valueCallback 설정
+                                                                                    col.footer.forEach((footerItem, index) => {
+                                                                                        if (footerItem.valueCallback && column.footer) {
+                                                                                            // footer가 배열인 경우
+                                                                                            if (Array.isArray(column.footer) && column.footer[index]) {
+                                                                                                (column.footer[index] as FooterItemWithCallback).valueCallback = footerItem.valueCallback;
+                                                                                            }
+                                                                                        }
+                                                                                    });
+                                                                                } catch (e) {
+                                                                                    console.warn(`Error setting footer array valueCallback for column ${col.name}:`, e);
+                                                                                }
+                                                                            });
+                                                                        }, 50);
+                                                                    } catch (e) {
+                                                                        console.warn('Failed to set columns with footer array:', e);
+                                                                    }
+                                                                }
+
+                                                                // footer가 단일 객체이고 valueCallback이 있는 경우
+                                                                columns.forEach(col => {
+                                                                    if (!col.footer || Array.isArray(col.footer)) return;
+
+                                                                    try {
+                                                                        const column = currentGridView.columnByName(col.name);
+                                                                        if (!column || !column.footer) return;
+
+                                                                        const footerObj = col.footer as { valueCallback?: (grid: unknown, column: unknown, footerIndex: number, columnFooter: unknown, value: unknown) => unknown };
+                                                                        if (footerObj.valueCallback) {
+                                                                            (column.footer as { valueCallback?: typeof footerObj.valueCallback }).valueCallback = footerObj.valueCallback;
+                                                                        }
+                                                                    } catch (e) {
+                                                                        console.warn(`Error setting footer valueCallback for column ${col.name}:`, e);
                                                                     }
                                                                 });
+                                                            }, 200);
+
+                                                            // 고정 컬럼 설정
+                                                            if (currentInfo.fixedColumns !== undefined && currentInfo.fixedColumns > 0) {
+                                                                gridView.setFixedOptions({
+                                                                    colCount: currentInfo.fixedColumns,
+                                                                });
                                                             }
-                                                        }
-                                                        
-                                                        // mergeCells: true인 컬럼이 있으면 onSorting에서 그룹 내 순서 유지 정렬 적용
-                                                        const setRowData = (updater: React.SetStateAction<Record<string, string | number>[]>) => {
-                                                            setRowDataMap(prev => {
-                                                                const newMap = new Map(prev);
-                                                                const currentData = newMap.get(tabKey) || [];
-                                                                const newData = typeof updater === 'function' ? updater(currentData) : updater;
-                                                                newMap.set(tabKey, newData);
-                                                                return newMap;
-                                                            });
-                                                        };
-                                                        
-                                                        // 그리드 DOM 요소 찾기 (나중에 화살표 업데이트에 사용)
-                                                        // 탭별로 그리드 요소를 찾기 위해 data-tab-key 사용
-                                                        const findGridElement = () => {
-                                                            const tabContent = document.querySelector(`[data-tab-key="${tabKey}"]`);
-                                                            return tabContent?.querySelector('.rg-grid, [data-grid-id]') as HTMLElement | null;
-                                                        };
-                                                        
-                                                        const onSortingHandler = createOnSortingHandler(columns, setRowData, sortDirRef, originalRowsRef, findGridElement);
-                                                        (gridView as { onSorting?: (g: unknown, f: unknown[], d: unknown[]) => boolean }).onSorting = onSortingHandler;
-                                                    }, 150);
+
+                                                            // 각 탭별 ref 초기화
+                                                            if (!sortDirRefs.current.has(tabKey)) {
+                                                                sortDirRefs.current.set(tabKey, { current: {} });
+                                                            }
+                                                            if (!originalRowsRefs.current.has(tabKey)) {
+                                                                originalRowsRefs.current.set(tabKey, { current: {} });
+                                                            }
+
+                                                            const sortDirRef = sortDirRefs.current.get(tabKey)!;
+                                                            const originalRowsRef = originalRowsRefs.current.get(tabKey)!;
+
+                                                            // mergeCells: true인 컬럼이 있으면 onSorting에서 클라이언트 정렬로 처리
+                                                            const hasMergeCells = columns.some((col) => col.mergeCells === true);
+
+                                                            // setDataComparer로 숫자 정렬 (mergeCells가 있으면 onSorting에서 클라이언트 정렬로 처리)
+                                                            if (el.dataProvider) {
+                                                                const dp = el.dataProvider as RealGridDataProviderComparer;
+                                                                if (typeof dp.setDataComparer === "function" && typeof dp.getValue === "function") {
+                                                                    const numberComparer = createNumberComparer(dp);
+                                                                    const seen = new Set<string>();
+                                                                    columns.forEach((col) => {
+                                                                        if (hasMergeCells) return; // mergeCells가 있으면 모든 컬럼을 클라이언트 정렬로 처리
+                                                                        if (col.valueType === ValueType.NUMBER && col.fieldName && !seen.has(col.fieldName)) {
+                                                                            seen.add(col.fieldName);
+                                                                            try {
+                                                                                dp.setDataComparer!(col.fieldName, numberComparer);
+                                                                            } catch (e) {
+                                                                                console.warn("setDataComparer:", e);
+                                                                            }
+                                                                        }
+                                                                    });
+                                                                }
+                                                            }
+
+                                                            // mergeCells: true인 컬럼이 있으면 onSorting에서 그룹 내 순서 유지 정렬 적용
+                                                            const setRowData = (updater: React.SetStateAction<Record<string, string | number>[]>) => {
+                                                                setRowDataMap(prev => {
+                                                                    const newMap = new Map(prev);
+                                                                    const currentData = newMap.get(tabKey) || [];
+                                                                    const newData = typeof updater === 'function' ? updater(currentData) : updater;
+                                                                    newMap.set(tabKey, newData);
+                                                                    return newMap;
+                                                                });
+                                                            };
+
+                                                            // 그리드 DOM 요소 찾기 (나중에 화살표 업데이트에 사용)
+                                                            // 탭별로 그리드 요소를 찾기 위해 data-tab-key 사용
+                                                            const findGridElement = () => {
+                                                                const tabContent = document.querySelector(`[data-tab-key="${tabKey}"]`);
+                                                                return tabContent?.querySelector('.rg-grid, [data-grid-id]') as HTMLElement | null;
+                                                            };
+
+                                                            const onSortingHandler = createOnSortingHandler(columns, setRowData, sortDirRef, originalRowsRef, findGridElement);
+                                                            (gridView as { onSorting?: (g: unknown, f: unknown[], d: unknown[]) => boolean }).onSorting = enableSort ? onSortingHandler : () => false;
+                                                        }, 150);
+                                                    }
+                                                } else {
+                                                    gridRefs.current.delete(tabKey);
                                                 }
-                                            } else {
-                                                gridRefs.current.delete(tabKey);
-                                            }
-                                        }}
-                                        autoGenerateField={true}
-                                        layout={columnLayout}
-                                        rows={currentRowData}
-                                    >
-                                        {columns.map((column) => (
-                                            <RGDataColumn
-                                                key={column.name}
-                                                name={column.name}
-                                                fieldName={column.fieldName}
-                                                valueType={column.valueType ? column.valueType : ValueType.TEXT}
-                                                {...(column.valueType === ValueType.NUMBER && { numberFormat: column.dataFormat ? column.dataFormat : '#,##0.00' })}
-                                                header={column.header}
-                                                editable={column.editable}
-                                                {...(column.styleName != null
-                                                    ? { styleName: column.styleName }
-                                                    : column.editable === false
-                                                        ? { styleName: 'rg-cell-readonly' as const }
-                                                        : {})}
-                                                {...(column.visible === false && { visible: false })}
-                                                footer={column.footer && !Array.isArray(column.footer) ? {
-                                                    text: (column.footer as { text?: string }).text,
-                                                    expression: (column.footer as { expression?: 'sum' | 'avg' | 'count' | 'max' | 'min' }).expression,
-                                                    numberFormat: (column.footer as { numberFormat?: string }).numberFormat,
-                                                } : undefined}
-                                                mergeRule={column.mergeCells ? { criteria: 'value' } : undefined}
-                                                sortable={!column.sortdisable}
-                                            />
-                                        ))}
-                                    </RealGridReact>
+                                            }}
+                                            autoGenerateField={true}
+                                            layout={columnLayout}
+                                            rows={currentRowData}
+                                        >
+                                            {columns.map((column) => (
+                                                <RGDataColumn
+                                                    key={column.name}
+                                                    name={column.name}
+                                                    fieldName={column.fieldName}
+                                                    valueType={column.valueType ? column.valueType : ValueType.TEXT}
+                                                    {...(column.valueType === ValueType.NUMBER && { numberFormat: column.dataFormat ? column.dataFormat : '#,##0.00' })}
+                                                    header={column.header}
+                                                    editable={column.editable}
+                                                    {...(column.styleName != null
+                                                        ? { styleName: column.styleName }
+                                                        : column.editable === false
+                                                            ? { styleName: 'rg-cell-readonly' as const }
+                                                            : {})}
+                                                    {...(column.visible === false && { visible: false })}
+                                                    footer={column.footer && !Array.isArray(column.footer) ? {
+                                                        text: (column.footer as { text?: string }).text,
+                                                        expression: (column.footer as { expression?: 'sum' | 'avg' | 'count' | 'max' | 'min' }).expression,
+                                                        numberFormat: (column.footer as { numberFormat?: string }).numberFormat,
+                                                    } : undefined}
+                                                    mergeRule={column.mergeCells ? { criteria: column.mergeGroupField ? `values['${column.mergeGroupField}'] + value` : 'value' } : undefined}
+                                                    sortable={enableSort && !column.sortdisable}
+                                                />
+                                            ))}
+                                        </RealGridReact>
                                     ) : null}
                                 </div>
                             </div>
diff --git a/apps/st/src/components/statistics/input/SewagePipeInp.tsx b/apps/st/src/components/statistics/input/SewagePipeInp.tsx
index 4eac16126..bdd404b0e 100644
--- a/apps/st/src/components/statistics/input/SewagePipeInp.tsx
+++ b/apps/st/src/components/statistics/input/SewagePipeInp.tsx
@@ -1,31 +1,87 @@
-import { useState } from "react";
+import { useState, useMemo } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from '@rsone/components';
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 
-import { RegionalFactStatusInpColumn } from "@/components/util/column/input/sewagePipe/RegionalFactStatusInpColumn";
-import { FactInstallStatusInpColumn } from "@/components/util/column/input/sewagePipe/FactInstallStatusInpColumn";
-import { PipeTypeStatusInpColumn } from "@/components/util/column/input/sewagePipe/PipeTypeStatusInpColumn";
-import { PipeDiameterStatusInpColumn } from "@/components/util/column/input/sewagePipe/PipeDiameterStatusInpColumn";
-import { ManholeStatusInpColumn } from "@/components/util/column/input/sewagePipe/ManholeStatusInpColumn";
-import { ConnectionStatusInpColumn } from "@/components/util/column/input/sewagePipe/ConnectionStatusInpColumn";
+import { SewagePipeInpColumnInfoList } from "@/components/util/column/input/sewagePipe/SewagePipeInpColumn";
+import type { ColumnInfoList, ColumnConfig } from "@/components/type/DataGrid.type";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { useAlertStore } from "@/shared/lib";
+import { useAdminStore } from "@/store/admin-store";
 
-// 하수도 통계 관리 > 02. 하수관로 
+// 하수도 통계 관리 > 02. 하수관로
 const SewagePipeInp = () => {
-    
-    // tab List
-    const SewagePipeInpTapList = [
-        RegionalFactStatusInpColumn,
-        FactInstallStatusInpColumn,
-        PipeTypeStatusInpColumn,
-        PipeDiameterStatusInpColumn,
-        ManholeStatusInpColumn,
-        ConnectionStatusInpColumn,
-    ];
+    const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
+    const { setMessage: alert } = useAlertStore((state) => state);
+    const [_isLoading, setIsLoading] = useState<boolean>(false);
+    const [activeTab, setActiveTab] = useState<string>(SewagePipeInpColumnInfoList[0]?.tabKey ?? "ST00020001");
+    const [isEnterable, _setIsEnterable] = useState<boolean>(true);
+    const { isAdminInfo } = useAdminStore();
+
+    const columnInfo = useMemo(() => {
+        const canEdit = isEnterable || isAdminInfo;
+        return SewagePipeInpColumnInfoList.map((tab: ColumnInfoList) => {
+            const applyEditable = (cols: ColumnConfig[] | undefined) =>
+                (cols ?? []).map((col: ColumnConfig) =>
+                    canEdit
+                        ? col
+                        : { ...col, editable: false as const, styleName: col.styleName ?? "rg-cell-readonly" }
+                );
+
+            if (tab.left && tab.right) {
+                return {
+                    ...tab,
+                    left: { ...tab.left, columns: applyEditable(tab.left.columns) },
+                    right: { ...tab.right, columns: applyEditable(tab.right.columns) },
+                };
+            }
+            return {
+                ...tab,
+                columns: applyEditable(tab.columns),
+            };
+        });
+    }, [isEnterable, isAdminInfo]);
+
+    // const handleSearch = async (values: SearchFormValues) => {
+    //     if (!values.sido || values.sido === 'ALL') {
+    //         alert('시도를 선택해주세요.');
+    //         return;
+    //     }
+
+    //     setActiveTab('ST00020001');
+
+    //     setRowDataMap(new Map());
+
+    //     try {
+    //         setIsLoading(true);
+
+    //         // const searchParam: SewagePipeReviewRequestParams = {
+    //         //     statsYr: values.year,
+    //         //     sewerBzmnCd: values.bsnmCd,
+    //         //     ctpvNm: values.sido,
+    //         //     sggNm: values.gugun === 'ALL' ? '' : values.gugun
+    //         // };
+
+    //         // searchParamRef.current = searchParam;
+    //         // const response = await statisticsManagementApi.getSewagePipeReviewRegionalList(searchParam);
+
+    //         // if (response?.status === 'success' && response.data) {
+    //         //     const newRowDataMap = new Map<string, Record<string, string | number>[]>();
+    //         //     newRowDataMap.set('ST00020001', toGridRows(response.data as object[]));
+    //         //     setRowDataMap(newRowDataMap);
+    //         // } else {
+    //         //     alert(response?.message || "데이터가 없습니다.");
+    //         // }
+    //     } catch {
+    //         alert('데이터 조회 중 오류가 발생했습니다.');
+    //     } finally {
+    //         setIsLoading(false);
+    //     }
+    // };
 
     const SubmitExceptionFunc = () => {
         console.log('submit exception');
@@ -47,7 +103,6 @@ const SewagePipeInp = () => {
         // 저장 로직
     };
 
-    const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
 
     return (
         <>
@@ -60,10 +115,12 @@ const SewagePipeInp = () => {
                     <SaveButton saveFunc={saveFunc} />
                 </div>
             </div>
-            <TabDataGrid 
-                columnInfo={SewagePipeInpTapList} 
-                rowDataMap={rowDataMap} 
-                setRowDataMap={setRowDataMap} 
+            <TabDataGrid
+                columnInfo={columnInfo}
+                rowDataMap={rowDataMap}
+                setRowDataMap={setRowDataMap}
+                activeTab={activeTab}
+                onActiveTabChange={setActiveTab}
             />
         </>
     );
diff --git a/apps/st/src/components/statistics/input/SeweragePenetrationRateInp.tsx b/apps/st/src/components/statistics/input/SeweragePenetrationRateInp.tsx
index 2c1b15f5e..e3253995e 100644
--- a/apps/st/src/components/statistics/input/SeweragePenetrationRateInp.tsx
+++ b/apps/st/src/components/statistics/input/SeweragePenetrationRateInp.tsx
@@ -7,34 +7,53 @@ import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
+import CancelSubmitButton from "@/components/button/CancelSubmitButton";
 import { LoadingWithAnimation } from "@common/components";
 import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
+import SubmitDailog from "./SubmitDailog";
 
 import { useAlertStore } from "@/shared/lib";
-import { statisticsInputAPi } from "@/entities/statistics/api/statistics-input-service";
+import { useAdminStore } from "@/store/admin-store";
+import { statisticsInputSewSupplyRateApi } from "@/entities/statistics/api/input/statistics-input-sew-supply-rate-service";
+import { statisticsAPi } from "@/entities/statistics/api/statistics-service";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import { getFooterSummary } from "@/components/util/grid/footerSummary";
+import { getUserInfo } from "../../../../../../packages/common/components/src/api";
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+
 import type { SearchFormValues } from "@/components/type/SearchForm.type";
 import type {
     SewerageSupplyRateItem,
     SewerageSupplyRateRequestParams,
     SewerageSupplyRateSaveItem,
     SewerageSupplyRateVerificationResult,
-    SewerageSupplyRateSaveRequest
-} from "@/entities/statistics/model/statistics-input-interface";
+    SewerageSupplyRateSaveRequest,
+    SewerageSupplyRateStatusInfo,
+} from "@/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface";
+import type { cancelSubmitRequest } from "@/entities/statistics/model/statistics-interface";
+import type { StatisticsInputSubmitInfoFormData } from "@/entities/statistics/model/statistics-input-submit-info-schema";
 import { SeweragePenetrationRateInpColumn } from "@/components/util/column/input/SeweragePenetrationRateInpColumn";
-import { toGridRows } from "@/components/util/grid/gridFunction";
-import { getFooterSummary } from "@/components/util/grid/footerSummary";
-import { getUserInfo } from "../../../../../../packages/common/components/src/api";
-import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { doList } from "@/components/util/column/input/DoList";
+
+
+type GridRowWithVerification = Record<string, string | number> & {
+    verificationResult?: SewerageSupplyRateVerificationResult;
+};
+
+const hasVerificationErrors = (verification?: SewerageSupplyRateVerificationResult | null): boolean => {
+    if (!verification) return false;
+    return Object.values(verification).some((errors) => Array.isArray(errors) && errors.length > 0);
+};
 
 function getSewerageSupplyRateParams(
     values: SearchFormValues,
     overrides?: { yr?: string; demoYr?: string; mode?: string }
 ): SewerageSupplyRateRequestParams {
     return {
-        sido: values.sido,
-        gugun: values.gugun === 'ALL' ? '' : values.gugun,
-        bsnmCd: values.bsnmCd,
-        yr: overrides?.yr ?? values.year,
+        ctpvNm: values.sido,
+        sggNm: values.gugun === 'ALL' ? '' : values.gugun,
+        sewerBzmnCd: values.bsnmCd,
+        statsYr: overrides?.yr ?? values.year,
         ...(overrides?.mode && { mode: overrides.mode }),
     };
 }
@@ -47,13 +66,19 @@ const SeweragePenetrationRateInp = () => {
     const [searchValues, setSearchValues] = useState<SearchFormValues | null>(null);
     const [isEnterable, setIsEnterable] = useState<boolean>(true);
     const [lastSearchedYear, setLastSearchedYear] = useState<string | null>(null);
+    const [lastSearchedValues, setLastSearchedValues] = useState<SearchFormValues | null>(null);
+    const [statusInfo, setStatusInfo] = useState<SewerageSupplyRateStatusInfo | null>(null);
+    const [showDailog, setShowDailog] = useState<boolean>(false);
+    const [statsCd, setStatsCd] = useState<string>('');
+    const [footerFromApi, setFooterFromApi] = useState<{ sewerBzmnWholPpltnCnt?: number; sewerBzmnDomplWholPpltnCnt?: number; sewerBzmnFrgnrWholPpltnCnt?: number; sewerBzmnArea?: number } | null>(null);
     const { confirm } = useConfirm();
 
-    const [footerFromApi, setFooterFromApi] = useState<{ totalPopl?: number; poplSm?: number; frgnrPoplSm?: number } | null>(null);
+    const { isAdminInfo } = useAdminStore();
+
     const getGridDataRef = useRef<(() => Record<string, string | number>[]) | null>(null);
 
-    const footerFieldNames = ['totalPopl', 'poplSm', 'frgnrPoplSm'] as const;
-    const footerWithApiDefault = (fieldName: (typeof footerFieldNames)[number], numberFormat: string) => ({
+    const _footerFieldNames = ['sewerBzmnWholPpltnCnt', 'sewerBzmnDomplWholPpltnCnt', 'sewerBzmnFrgnrWholPpltnCnt', 'sewerBzmnArea'] as const;
+    const footerWithApiDefault = (fieldName: (typeof _footerFieldNames)[number], numberFormat: string) => ({
         expression: 'sum' as const,
         numberFormat,
         valueCallback: (grid: Parameters<typeof getFooterSummary>[0], column: Parameters<typeof getFooterSummary>[1]) =>
@@ -63,59 +88,79 @@ const SeweragePenetrationRateInp = () => {
     // 최상위 관리자일땐 모든 상황에서 edit 가능하게 수정 필요.
     const columnInfo = useMemo(() => {
         const { columns, columnLayout } = SeweragePenetrationRateInpColumn;
-        const base = isEnterable ? columns : columns.map((col) => ({ ...col, editable: false as const }));
+        const base = (isEnterable || isAdminInfo) ? columns : columns.map((col) => ({ ...col, editable: false as const }));
+
         return {
             columnLayout,
             columns: base.map((col) => {
-                if (col.fieldName === 'totalPopl') return { ...col, footer: footerWithApiDefault('totalPopl', '#,##0') };
-                if (col.fieldName === 'poplSm') return { ...col, footer: footerWithApiDefault('poplSm', '#,##0') };
-                if (col.fieldName === 'frgnrPoplSm') return { ...col, footer: footerWithApiDefault('frgnrPoplSm', '#,##0') };
+                if (col.fieldName === 'pbadmsWholPpltnCnt') return { ...col, footer: footerWithApiDefault('sewerBzmnWholPpltnCnt', '#,##0') };
+                if (col.fieldName === 'domplWholPpltnCnt') return { ...col, footer: footerWithApiDefault('sewerBzmnDomplWholPpltnCnt', '#,##0') };
+                if (col.fieldName === 'frgnrWholPpltnCnt') return { ...col, footer: footerWithApiDefault('sewerBzmnFrgnrWholPpltnCnt', '#,##0') };
+                // 그리드 필드명은 refArea(행정참고자료면적). API commonInfo.sewerBzmnArea와 매핑
+                if (col.fieldName === 'refArea') return { ...col, footer: footerWithApiDefault('sewerBzmnArea', '#,##0.000') };
                 return col;
             }),
         };
-    }, [isEnterable, footerFromApi]);
+    }, [isEnterable, isAdminInfo, footerFromApi]);
 
     const handleReset = () => {
         setRowData([]);
+        setStatusInfo(null);
         setLastSearchedYear(null);
+        setLastSearchedValues(null);
         setFooterFromApi(null);
     };
 
-    const fetchSewerageSupplyRate = async (params: SewerageSupplyRateRequestParams) => {
+    const fetchSewerageSupplyRate = async (params: SewerageSupplyRateRequestParams, isEnterable: boolean) => {
         try {
             setIsLoading(true);
-            const response = await statisticsInputAPi.getSewerageSupplyRateList(params);
+            const response = await statisticsInputSewSupplyRateApi.getSewerageSupplyRateList(params);
             if (response.status === 'success' && response.data) {
                 const commonInfo = response.data.commonInfo;
-                const convertedData: SewerageSupplyRateItem[] = response.data.sewerageSupplyRateList.map((d) => ({
+                const statusInfo = response.data.statusInfo;
+                const convertedData: SewerageSupplyRateItem[] = response.data.sewerageSupplyRateList.map((d: SewerageSupplyRateItem) => ({
                     ...d,
-                    sido: commonInfo.sido,
-                    speclCntrplnAr: d.speclCntrplnAr === '' || d.speclCntrplnAr === null ? '해당없음' : d.speclCntrplnAr,
-                    piplSupprt: commonInfo.piplSupprt,
+                    ctpvNm: commonInfo.ctpvNm,
+                    spcCtpnRgnCn: d.spcCtpnRgnCn === '' || d.spcCtpnRgnCn === null ? '해당없음' : d.spcCtpnRgnCn,
+                    swagePplPsplyRt: commonInfo.swagePplPsplyRt,
                 }));
                 setRowData(
                     convertedData.map((d) => {
-                        const row = toGridRows([d])[0] as Record<string, string | number> & { verificationResult?: SewerageSupplyRateVerificationResult };
+                        const row = toGridRows([d])[0] as GridRowWithVerification;
                         if (d.verificationResult) row.verificationResult = d.verificationResult;
                         return row;
                     })
                 );
 
+                setStatusInfo(statusInfo);
                 setFooterFromApi(
                     commonInfo
                         ? {
-                            totalPopl: commonInfo.bsnmTotalPopl,
-                            poplSm: commonInfo.bsnmPoplSm,
-                            frgnrPoplSm: commonInfo.bsnmFrgnrPoplSm,
+                            sewerBzmnWholPpltnCnt: commonInfo.sewerBzmnWholPpltnCnt,
+                            sewerBzmnDomplWholPpltnCnt: commonInfo.sewerBzmnDomplWholPpltnCnt,
+                            sewerBzmnFrgnrWholPpltnCnt: commonInfo.sewerBzmnFrgnrWholPpltnCnt,
+                            sewerBzmnArea: commonInfo.sewerBzmnArea,
                         }
                         : null
                 );
+                setStatsCd(commonInfo.statsCd);
+                if (statusInfo && statusInfo.laeSbmsnSttsCd) {
+                    if (['2', '3'].includes(statusInfo.laeSbmsnSttsCd)) {
+                        setIsEnterable(false);
+                    } else {
+                        setIsEnterable(isEnterable);
+                    }
+                } else {
+                    setIsEnterable(isEnterable);
+                }
+
             } else {
                 alert(response.message);
             }
         } catch {
             alert('데이터 조회 중 오류가 발생했습니다.');
             setRowData([]);
+            setStatusInfo(null);
             setFooterFromApi(null);
         } finally {
             setIsLoading(false);
@@ -129,13 +174,14 @@ const SeweragePenetrationRateInp = () => {
         }
 
         try {
-            const response = await statisticsInputAPi.checkInputPeriod(values.year || '');
+            const response = await statisticsInputSewSupplyRateApi.checkInputPeriod(values.year || '');
 
             if (response.status === 'success') {
-                setIsEnterable(response.data);
+                const checkEnterable = response.data;
+                // setIsEnterable(response.data);
                 setLastSearchedYear(values.year || null);
-
-                await fetchSewerageSupplyRate(getSewerageSupplyRateParams(values));
+                await fetchSewerageSupplyRate(getSewerageSupplyRateParams(values), checkEnterable);
+                setLastSearchedValues(values);
             } else {
                 alert(response.message);
             }
@@ -145,7 +191,7 @@ const SeweragePenetrationRateInp = () => {
     };
 
     const SubmitExceptionFunc = () => {
-        // 예외 제출 로직
+        
     };
 
     const getLastYearDataFunc = async (values: SearchFormValues) => {
@@ -160,26 +206,145 @@ const SeweragePenetrationRateInp = () => {
             return;
         }
 
-        await fetchSewerageSupplyRate(getSewerageSupplyRateParams(values, { mode: 'PRE' }));
+        await fetchSewerageSupplyRate(getSewerageSupplyRateParams(values, { mode: 'PRE' }), true);
     };
 
-    const submitFunc = () => {
-        // 제출 로직
+    const submitFunc = async () => {
+        const isError = rowData.filter((d) =>
+            hasVerificationErrors((d as GridRowWithVerification).verificationResult)
+        );
+
+        if (isError.length > 0) {
+            alert(`데이터에 오류가 있습니다.
+                수정 후 제출해주세요.`);
+            return;
+        }
+        if (await confirm('제출 하시겠습니까?')) {
+            setShowDailog(true);
+        }
+    };
+
+    const executeSubmit = async (submitInfo: StatisticsInputSubmitInfoFormData) => {
+        try {
+            setIsLoading(true);
+            const userInfo = await getUserInfo();
+            const currentData = getGridDataRef.current?.();
+
+            if (!currentData || currentData.length === 0) {
+                alert('제출할 데이터가 없습니다.');
+                return;
+            }
+
+            const columnFormatMap = new Map<string, string>();
+
+            SeweragePenetrationRateInpColumn.columns.forEach((col) => {
+                if (col.fieldName && col.dataFormat) {
+                    columnFormatMap.set(col.fieldName, col.dataFormat);
+                }
+            });
+
+            const formatNumber = (value: string | number | null | undefined, fieldName: string): number => {
+                if (value === null || value === undefined || value === '') return 0;
+                const num = typeof value === 'string' ? parseFloat(value.replace(/,/g, '')) : value;
+                if (isNaN(num)) return 0;
+                const format = columnFormatMap.get(fieldName);
+                if (!format) return num;
+                const decimalPlaces = format.match(/\.(\d+)/)?.[1]?.length ?? 0;
+                return decimalPlaces > 0 ? parseFloat(num.toFixed(decimalPlaces)) : Math.round(num);
+            };
+
+            const convertedData: SewerageSupplyRateSaveItem[] = currentData.map((d) => ({
+                sggNm: (d.sggNm as string) || null,
+                admdstCd: d.admdstCd as string,
+                admdstNm: d.admdstNm as string,
+                trbtrNm: d.trbtrNm as string,
+                spcCtpnRgnCn: d.spcCtpnRgnCn === '해당없음' ? null : (d.spcCtpnRgnCn as string | null),
+                ts1SwtrmtPpltnCnt: formatNumber(d.ts1SwtrmtPpltnCnt, 'ts1SwtrmtPpltnCnt'),
+                ts2SwtrmtPpltnCnt: formatNumber(d.ts2SwtrmtPpltnCnt, 'ts2SwtrmtPpltnCnt'),
+                ts3SwtrmtPpltnCnt: formatNumber(d.ts3SwtrmtPpltnCnt, 'ts3SwtrmtPpltnCnt'),
+                ts1WwtPrcsPpltnCnt: formatNumber(d.ts1WwtPrcsPpltnCnt, 'ts1WwtPrcsPpltnCnt'),
+                ts2WwtPrcsPpltnCnt: formatNumber(d.ts2WwtPrcsPpltnCnt, 'ts2WwtPrcsPpltnCnt'),
+                ts3WwtPrcsPpltnCnt: formatNumber(d.ts3WwtPrcsPpltnCnt, 'ts3WwtPrcsPpltnCnt'),
+                yetCntnPpltnCnt: formatNumber(d.yetCntnPpltnCnt, 'yetCntnPpltnCnt'),
+                staaArea: formatNumber(d.staaArea, 'staaArea'),
+                unprcsPpltnCnt: formatNumber(d.unprcsPpltnCnt, 'unprcsPpltnCnt'),
+                drtwPrcsPpltnCnt: formatNumber(d.drtwPrcsPpltnCnt, 'drtwPrcsPpltnCnt'),
+                spctnkPpltnCnt: formatNumber(d.spctnkPpltnCnt, 'spctnkPpltnCnt'),
+                staaExcpArea: formatNumber(d.staaExcpArea, 'staaExcpArea'),
+                rmrk: (d.rmrk as string) ?? '',
+                wholPpltnCnt: formatNumber(d.wholPpltnCnt, 'wholPpltnCnt'),
+                wholArea: formatNumber(d.wholArea, 'wholArea'),
+                wholSwtrmtPpltnCnt: formatNumber(d.wholSwtrmtPpltnCnt, 'wholSwtrmtPpltnCnt'),
+                wholPblSwtrmtPpltnCnt: formatNumber(d.wholPblSwtrmtPpltnCnt, 'wholPblSwtrmtPpltnCnt'),
+                wholWwtPrcsPpltnCnt: formatNumber(d.wholWwtPrcsPpltnCnt, 'wholWwtPrcsPpltnCnt'),
+                wholStaaExcpPpltnCnt: formatNumber(d.wholStaaExcpPpltnCnt, 'wholStaaExcpPpltnCnt'),
+                staaPsplyRt: formatNumber(d.staaPsplyRt, 'staaPsplyRt'),
+                altdPrcsPsplyRt: formatNumber(d.altdPrcsPsplyRt, 'altdPrcsPsplyRt'),
+                sewerInstlRt: formatNumber(d.sewerInstlRt, 'sewerInstlRt'),
+            }));
+
+            const requestData: SewerageSupplyRateSaveRequest = {
+                sewerBzmnCd: searchValues?.bsnmCd ?? '',
+                ctpvNm: searchValues?.sido ?? '',
+                sggNm: searchValues?.gugun ?? '',
+                statsYr: searchValues?.year ?? '',
+                userId: userInfo.userUnqId,
+                submitList: convertedData,
+                sewerBzmnFrgnrWholPpltnCnt: footerFromApi?.sewerBzmnFrgnrWholPpltnCnt,
+                laePicNm: submitInfo.laePicNm,
+                laeKbrdrJbgdNm: submitInfo.laeKbrdrJbgdNm,
+                laeKbrdrDeptNm: submitInfo.laeKbrdrDeptNm,
+                laePicTelNo: submitInfo.laePicTelNo,
+                laeIdfrNm: submitInfo.laeIdfrNm,
+                laeIdfrJbgdNm: submitInfo.laeIdfrJbgdNm,
+                laeIdfrDeptNm: submitInfo.laeIdfrDeptNm,
+                laeIdfrTelNo: submitInfo.laeIdfrTelNo,
+            };
+
+            const response = await statisticsInputSewSupplyRateApi.submitSewerageSupplyRate(requestData);
+            if (response.status === 'success') {
+                const imrParam = {
+                    user_id: userInfo.userUnqId,
+                    sewer_bzmn_cd: searchValues?.bsnmCd ?? '',
+                    stats_cd: statsCd,
+                    stats_yr: searchValues?.year ?? '',
+                    lae_sbmsn_stts_cd: (statusInfo?.laeSbmsnSttsCd === '4' ? '4' : '2'),
+                };
+
+                try {
+                    await statisticsAPi.callImrService(imrParam);
+                } catch {
+                    await fetchSewerageSupplyRate(getSewerageSupplyRateParams(searchValues ?? {}), true);
+                    setIsLoading(false);
+                    alert('IMR 검증 중 오류가 발생했습니다.\n관리자에게 문의하세요.');
+                    return;
+                }
+
+                await fetchSewerageSupplyRate(getSewerageSupplyRateParams(searchValues ?? {}), false);
+                alert('제출되었습니다.');
+            } else {
+                alert(response.message || '데이터 제출 중 오류가 발생했습니다.');
+            }
+        } catch {
+            alert('데이터 제출 중 오류가 발생했습니다.');
+        } finally {
+            setIsLoading(false);
+        }
     };
 
     const saveFunc = async () => {
         try {
             if (await confirm('저장 하시겠습니까?')) {
                 setIsLoading(true);
-    
+
                 const userInfo = await getUserInfo();
                 const currentData = getGridDataRef.current?.();
-        
+
                 if (!currentData || currentData.length === 0) {
                     alert('저장할 데이터가 없습니다.');
                     return;
                 }
-        
+
                 // 컬럼 정의에서 dataFormat 추출 (소수점 자리수 맞추기 위해)
                 const columnFormatMap = new Map<string, string>();
                 SeweragePenetrationRateInpColumn.columns.forEach((col) => {
@@ -193,56 +358,90 @@ const SeweragePenetrationRateInp = () => {
                     if (value === null || value === undefined || value === '') return 0;
                     const num = typeof value === 'string' ? parseFloat(value.replace(/,/g, '')) : value;
                     if (isNaN(num)) return 0;
-                    
+
                     const format = columnFormatMap.get(fieldName);
                     if (!format) return num;
-                    
+
                     // #,##0.000 → 소수점 3자리, #,##0.0 → 소수점 1자리, #,##0 → 정수
                     const decimalPlaces = format.match(/\.(\d+)/)?.[1]?.length ?? 0;
                     return decimalPlaces > 0 ? parseFloat(num.toFixed(decimalPlaces)) : Math.round(num);
                 };
 
                 const convertedData: SewerageSupplyRateSaveItem[] = currentData.map((d) => ({
-                    gugun: (d.gugun as string) || null,
-                    adstCd: d.adstCd as string,
-                    adstDong: d.adstDong as string,
-                    bstrm: d.bstrm as string,
-                    speclCntrplnAr: d.speclCntrplnAr === '해당없음' ? null : (d.speclCntrplnAr as string | null),
-                    pblswrgPrmTrt: formatNumber(d.pblswrgPrmTrt, 'pblswrgPrmTrt'),
-                    pblswrgScdTrt: formatNumber(d.pblswrgScdTrt, 'pblswrgScdTrt'),
-                    pblswrgTertTrt: formatNumber(d.pblswrgTertTrt, 'pblswrgTertTrt'),
-                    wstrPrmTrt: formatNumber(d.wstrPrmTrt, 'wstrPrmTrt'),
-                    wstrScdTrt: formatNumber(d.wstrScdTrt, 'wstrScdTrt'),
-                    wstrTertTrt: formatNumber(d.wstrTertTrt, 'wstrTertTrt'),
-                    notConectPopltn: formatNumber(d.notConectPopltn, 'notConectPopltn'),
-                    swgeProcZoneInnerAr: formatNumber(d.swgeProcZoneInnerAr, 'swgeProcZoneInnerAr'),
-                    townUnprocPopltn: formatNumber(d.townUnprocPopltn, 'townUnprocPopltn'),
-                    townSwttPopltn: formatNumber(d.townSwttPopltn, 'townSwttPopltn'),
-                    townWrrtnPopltn: formatNumber(d.townWrrtnPopltn, 'townWrrtnPopltn'),
-                    swgeProcZoneOuterAr: formatNumber(d.swgeProcZoneOuterAr, 'swgeProcZoneOuterAr'),
-                    rmk: (d.rmk as string) ?? '',
-                    popltnSm: formatNumber(d.popltnSm, 'popltnSm'),
-                    arSm: formatNumber(d.arSm, 'arSm'),
-                    swgeProcZoneInnerSm: formatNumber(d.swgeProcZoneInnerSm, 'swgeProcZoneInnerSm'),
-                    pblswrgPopltnSm: formatNumber(d.pblswrgPopltnSm, 'pblswrgPopltnSm'),
-                    wstrPopltnSm: formatNumber(d.wstrPopltnSm, 'wstrPopltnSm'),
-                    swgeProcZoneOuterSm: formatNumber(d.swgeProcZoneOuterSm, 'swgeProcZoneOuterSm'),
-                    pblswrgPopltnSuprt: formatNumber(d.pblswrgPopltnSuprt, 'pblswrgPopltnSuprt'),
-                    adtrtPopltnSuprt: formatNumber(d.adtrtPopltnSuprt, 'adtrtPopltnSuprt'),
-                    swrgInstlrt: formatNumber(d.swrgInstlrt, 'swrgInstlrt'),
+                    // 행정구역
+                    sggNm: (d.sggNm as string) || null,                           // 시군구
+                    admdstCd: d.admdstCd as string,                               // 행정코드
+                    admdstNm: d.admdstNm as string,                               // 행정구역명
+                    trbtrNm: d.trbtrNm as string,                                 // 지류
+                    spcCtpnRgnCn: d.spcCtpnRgnCn === '해당없음' ? null : (d.spcCtpnRgnCn as string | null), // 특별대책지역
+                    // 공공하수처리인구(명) - 물리적/생물학적/고도처리
+                    ts1SwtrmtPpltnCnt: formatNumber(d.ts1SwtrmtPpltnCnt, 'ts1SwtrmtPpltnCnt'),   // 물리적처리
+                    ts2SwtrmtPpltnCnt: formatNumber(d.ts2SwtrmtPpltnCnt, 'ts2SwtrmtPpltnCnt'),   // 생물학적처리
+                    ts3SwtrmtPpltnCnt: formatNumber(d.ts3SwtrmtPpltnCnt, 'ts3SwtrmtPpltnCnt'),   // 고도처리
+                    // 폐수처리인구(명) - 물리적/생물학적/고도처리
+                    ts1WwtPrcsPpltnCnt: formatNumber(d.ts1WwtPrcsPpltnCnt, 'ts1WwtPrcsPpltnCnt'),
+                    ts2WwtPrcsPpltnCnt: formatNumber(d.ts2WwtPrcsPpltnCnt, 'ts2WwtPrcsPpltnCnt'),
+                    ts3WwtPrcsPpltnCnt: formatNumber(d.ts3WwtPrcsPpltnCnt, 'ts3WwtPrcsPpltnCnt'),
+                    yetCntnPpltnCnt: formatNumber(d.yetCntnPpltnCnt, 'yetCntnPpltnCnt'),         // 미접속인구
+                    staaArea: formatNumber(d.staaArea, 'staaArea'),                               // 하수처리구역 내 면적(㎢)
+                    // 하수처리구역 외
+                    unprcsPpltnCnt: formatNumber(d.unprcsPpltnCnt, 'unprcsPpltnCnt'),         // 미처리인구
+                    drtwPrcsPpltnCnt: formatNumber(d.drtwPrcsPpltnCnt, 'drtwPrcsPpltnCnt'),     // 오수처리인구
+                    spctnkPpltnCnt: formatNumber(d.spctnkPpltnCnt, 'spctnkPpltnCnt'),           // 정화조인구
+                    staaExcpArea: formatNumber(d.staaExcpArea, 'staaExcpArea'),                 // 하수처리구역 외 면적(㎢)
+                    rmrk: (d.rmrk as string) ?? '',                                              // 비고
+                    // 합계·소계(계산필드 저장용)
+                    wholPpltnCnt: formatNumber(d.wholPpltnCnt, 'wholPpltnCnt'),                 // 총인구(명)
+                    wholArea: formatNumber(d.wholArea, 'wholArea'),                             // 총면적(㎢)
+                    wholSwtrmtPpltnCnt: formatNumber(d.wholSwtrmtPpltnCnt, 'wholSwtrmtPpltnCnt'),   // 하수처리구역 내 합계
+                    wholPblSwtrmtPpltnCnt: formatNumber(d.wholPblSwtrmtPpltnCnt, 'wholPblSwtrmtPpltnCnt'), // 공공하수처리인구 소계
+                    wholWwtPrcsPpltnCnt: formatNumber(d.wholWwtPrcsPpltnCnt, 'wholWwtPrcsPpltnCnt'),       // 폐수처리인구 소계
+                    wholStaaExcpPpltnCnt: formatNumber(d.wholStaaExcpPpltnCnt, 'wholStaaExcpPpltnCnt'),   // 하수처리구역 외 합계
+                    // 보급률(%)
+                    staaPsplyRt: formatNumber(d.staaPsplyRt, 'staaPsplyRt'),                    // 공공하수처리구역 인구보급률
+                    altdPrcsPsplyRt: formatNumber(d.altdPrcsPsplyRt, 'altdPrcsPsplyRt'),          // 고도처리 인구보급률
+                    sewerInstlRt: formatNumber(d.sewerInstlRt, 'sewerInstlRt'),                  // 하수도 설치율
                 }));
 
                 const requestData: SewerageSupplyRateSaveRequest = {
-                    bsnmCd: searchValues?.bsnmCd ?? '',
-                    sido: searchValues?.sido ?? '',
-                    yr: searchValues?.year ?? '',
-                    userId: userInfo.userName,
-                    saveList: convertedData,
-                }
+                    sewerBzmnCd: searchValues?.bsnmCd ?? '', // 하수도 사업자 코드
+                    ctpvNm: searchValues?.sido ?? '', // 시도
+                    sggNm: searchValues?.gugun ?? '',
+                    statsYr: searchValues?.year ?? '', // 통계 연도
+                    userId: userInfo.userUnqId, // 사용자
+                    saveList: convertedData, // 저장 데이터
+                    sewerBzmnFrgnrWholPpltnCnt: footerFromApi?.sewerBzmnFrgnrWholPpltnCnt // 행정참고자료 외국인 합계
+                };
 
-                const response = await statisticsInputAPi.saveSewerageSupplyRate(requestData);
-                console.log(convertedData)
-                console.log(response);
+                // if (isAdminInfo) {
+                //     requestData.superAdmin = 'superAdmin';
+                // }
+
+                const response = await statisticsInputSewSupplyRateApi.saveSewerageSupplyRate(requestData);
+
+                if (response.status === 'success') {
+                    const imrParam = {
+                        user_id: userInfo.userUnqId,
+                        sewer_bzmn_cd: searchValues?.bsnmCd ?? '',
+                        stats_cd: statsCd,
+                        stats_yr: searchValues?.year ?? '',
+                        lae_sbmsn_stts_cd: (statusInfo?.laeSbmsnSttsCd === '4' ? '3' : '1'),
+                    };
+
+                    try {
+                        await statisticsAPi.callImrService(imrParam);
+                    } catch {
+                        await fetchSewerageSupplyRate(getSewerageSupplyRateParams(searchValues ?? {}), true);
+                        setIsLoading(false);
+                        alert('IMR 검증 중 오류가 발생했습니다.\n관리자에게 문의하세요.');
+                        return;
+                    }
+
+                    await fetchSewerageSupplyRate(getSewerageSupplyRateParams(searchValues ?? {}), true);
+                    alert('저장되었습니다.');
+                } else {
+                    alert(response.message || '데이터 저장 중 오류가 발생했습니다.');
+                }
             } else {
                 // 저장 취소
             }
@@ -253,48 +452,112 @@ const SeweragePenetrationRateInp = () => {
         }
     };
 
+    const cnacelSubmitFunc = async () => {
+        try {
+            if (await confirm('제출된 내용을 취소하시겠습니까?')) {
+
+                const userInfo = await getUserInfo();
+                
+                const requestData: cancelSubmitRequest = {
+                    sewerBzmnCd: searchValues?.bsnmCd ?? '',
+                    ctpvNm: searchValues?.sido ?? '',
+                    sggNm: searchValues?.gugun ?? '',
+                    statsYr: searchValues?.year ?? '',
+                    mdfrId: userInfo.userUnqId,
+                    statsCd: statsCd,
+                };
+
+                const response = await statisticsAPi.cancelSubmit(requestData);
+
+                if (response.status === 'success') {
+                    fetchSewerageSupplyRate(getSewerageSupplyRateParams(searchValues ?? {}), true);
+                    alert('제출 취소되었습니다.');
+                } else {
+                    alert(response.message ?? '제출 취소 중 오류가 발생했습니다.');
+                }
+            }
+        } catch {
+            alert('제출 취소 중 오류가 발생했습니다.');
+        }
+    };
+
+    const gugunOkOrNotDoList = doList.includes(lastSearchedValues?.bsnmCd || '')
+        ? Boolean(lastSearchedValues?.gugun && lastSearchedValues.gugun !== 'ALL')
+        : true;
+
+    const showSaveInToolbar = (isEnterable || isAdminInfo) && gugunOkOrNotDoList;
+    const showEnterableToolbarButtons = isEnterable && gugunOkOrNotDoList;
+    /** 카드는 저장/제출줄/제출취소 중 하나라도 보일 때만 (관리자만으로 빈 카드 방지) */
+    const showActionToolbarCard =
+        rowData.length > 0 &&
+        (showSaveInToolbar ||
+            (statusInfo?.laeSbmsnSttsCd === '2' && (isAdminInfo || (isEnterable && gugunOkOrNotDoList))));
+
     return (
         <>
-        <div className="relative">
-            <SearchForm onSubmit={handleSearch} onReset={handleReset} onValuesChange={setSearchValues} />
-            {rowData.length > 0 &&
-                <div className="card !py-0">
-                    <div className="flex justify-end items-center gap-[0.6rem] mx-[0.6rem]">
-                        {isEnterable && <SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />}
-                        {isEnterable && <LastYearDataButton getLastYearDataFunc={() => getLastYearDataFunc(searchValues ?? {})} />}
-                        {isEnterable && <SubmitButton submitFunc={submitFunc} />}
-                        {
-                            // 최고 관리자일땐 저장 가능하게 
-                            <SaveButton saveFunc={saveFunc} />
-                        }
+            <div className="relative">
+                <SearchForm onSubmit={handleSearch} onReset={handleReset} onValuesChange={setSearchValues} />
+                {showActionToolbarCard && (
+                    <div className="card !py-0">
+                        <div className="flex justify-end items-center gap-[0.6rem] mx-[0.6rem]">
+                            {showEnterableToolbarButtons && (
+                                <>
+                                    {isAdminInfo && statusInfo && statusInfo.laeSbmsnSttsCd !== '0' && (
+                                        <SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
+                                    )}
+                                    <LastYearDataButton getLastYearDataFunc={() => getLastYearDataFunc(searchValues ?? {})} />
+                                    <SubmitButton submitFunc={submitFunc} />
+                                    
+                                </>
+                            )}
+                            {statusInfo?.laeSbmsnSttsCd === '2' && <CancelSubmitButton cnacelSubmitFunc={cnacelSubmitFunc} />}
+                            {showSaveInToolbar && <SaveButton saveFunc={saveFunc} />}
+                        </div>
                     </div>
-                </div>
-            }
-            {isLoading && <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
-                <div className="relative size-[5rem]">
-                    <LoadingWithAnimation color="primary" />
-                </div>
-            </div>}
-            <DataGrid
-                key={isEnterable ? 'enterable' : 'readonly'}
-                columnInfo={columnInfo}
-                isExcelImport={(rowData.length > 0) && isEnterable}
-                rowStartNum={3}
-                fixedColumns={1}
-                rowData={rowData}
-                setRowData={setRowData}
-                getGridDataRef={getGridDataRef}
-                cellStyleCallback={({ row, fieldName }) => {
-                    const verification = (row as any).verificationResult as SewerageSupplyRateVerificationResult | undefined;
-                    if (!verification) return;
-                    const errors = verification[fieldName];
-                    if (Array.isArray(errors) && errors.length > 0) {
-                        return 'rg-cell-verify-error';
-                    }
-                }}
-            />
-        </div>
-        <ConfirmDialog isOpen={false} />
+                )}
+                {isLoading && <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>}
+                <DataGrid
+                    key={(isEnterable || isAdminInfo) ? 'enterable' : 'readonly'}
+                    columnInfo={columnInfo}
+                    isExcelImport={(rowData.length > 0) && isEnterable && (doList.includes(lastSearchedValues?.bsnmCd || '') ? Boolean(lastSearchedValues?.gugun && lastSearchedValues.gugun !== 'ALL') : true)}
+                    rowStartNum={3}
+                    fixedColumns={1}
+                    rowData={rowData}
+                    setRowData={setRowData}
+                    statusInfo={statusInfo}
+                    getGridDataRef={getGridDataRef}
+                    cellStyleCallback={({ row, fieldName }) => {
+                        const verification = (row as GridRowWithVerification).verificationResult;
+                        if (!verification) return;
+                        const errors = verification[fieldName];
+                        if (Array.isArray(errors) && errors.length > 0) {
+                            // IMR 검증은 노란색으로 구분
+                            const hasImr = errors.some((e) => e.vrfcCd === 'IMR');
+                            return hasImr ? 'rg-cell-verify-error-imr' : 'rg-cell-verify-error';
+                        }
+                    }}
+                    cellTooltipCallback={({ row, fieldName }) => {
+                        const verification = (row as GridRowWithVerification).verificationResult;
+                        if (!verification) return;
+                        const errors = verification[fieldName];
+                        if (Array.isArray(errors) && errors.length > 0) {
+                            return errors
+                                .map((e) => {
+                                    const prefix = e.vrfcCd === 'IMR' ? 'IMR검증 - ' : '일반검증 - ';
+                                    return `${prefix}${e.rsnExpln}`;
+                                })
+                                .filter(Boolean)
+                                .join('\n');
+                        }
+                    }}
+                />
+            </div>
+            <ConfirmDialog isOpen={false} />
+            <SubmitDailog open={showDailog} onOpenChange={setShowDailog} statusInfo={statusInfo} onConfirm={executeSubmit} isLoading={isLoading} />
         </>
     );
 };
diff --git a/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx b/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx
index 46f8620c2..919231fde 100644
--- a/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx
+++ b/apps/st/src/components/statistics/input/StatsInputStatusInp.tsx
@@ -1,14 +1,78 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
+import useSWR, { useSWRConfig } from "swr";
 
 import SearchForm from "@/components/module/SearchForm";
-import { DataGrid } from "@rsone/components";
+import { useTabStore } from "@/store/tab-store";
+import DataGrid from "@/components/module/DataGrid";
 import ApproveButton from "@/components/button/ApproveButton";
 import RejectButton from "@/components/button/RejectButton";
+import { LoadingWithAnimation } from "@common/components";
 
 import { StatsInputStatusInpColumn } from "@/components/util/column/input/StatsInputStatusInpColumn";
+import { StatisticsInputStatusApi } from "@/entities/statistics/api/input/statistics-input-status-service";
+import type { StatsInputStatusListRequestParams } from "@/entities/statistics/model/input/statistics-input-status-interface";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { useAlertStore } from "@/shared/lib";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { StatsInputStatusListApiResponse } from "@/entities/statistics/model/input/statistics-input-status-interface";
+
+const getStatsInputStatusFetcher = async (key: [string, StatsInputStatusListRequestParams]): Promise<StatsInputStatusListApiResponse> => {
+    return StatisticsInputStatusApi.getStatisticsInputStatusList(key[1]);
+};
 
 // 하수도 통계 관리 > 00. 통계 입력 현황
 const StatsInputStatusInp = () => {
+    const { setMessage: alert } = useAlertStore((state) => state);
+    const activeTabId = useTabStore((state) => state.activeTabId);
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+    const [searchParams, setSearchParams] = useState<StatsInputStatusListRequestParams | null>(null);
+
+    const swrKey = searchParams ? (["stats-input-status", searchParams] as const) : null;
+    const { mutate } = useSWRConfig();
+    const { isLoading } = useSWR<StatsInputStatusListApiResponse>(
+        swrKey,
+        getStatsInputStatusFetcher,
+        {
+            revalidateOnFocus: true,
+            onSuccess: (data) => {
+                if (data.status === "success" && data.data) {
+                    setRowData(toGridRows(data.data));
+                } else {
+                    alert(data.message ?? "조회에 실패했습니다.");
+                }
+            },
+            onError: () => {
+                alert("데이터 조회 중 오류가 발생했습니다.");
+                setRowData([]);
+            },
+        },
+    );
+
+    useEffect(() => {
+        if (activeTabId === 'StatsInputStatusInp' && swrKey) {
+            mutate(swrKey);
+        }
+    }, [activeTabId]);
+
+    const handleSearch = (values: SearchFormValues) => {
+        if (values.sido === "" || values.sido === "ALL") {
+            alert("시도를 선택해주세요.");
+            return;
+        }
+        const params: StatsInputStatusListRequestParams = {
+            ctpvNm: values.sido,
+            sewerBzmnCd: values.bsnmCd,
+            sggNm: values.gugun === "ALL" ? "" : values.gugun,
+            statsYr: values.year,
+        };
+        setSearchParams(params);
+        mutate(["stats-input-status", params]);
+    };
+
+    const handleReset = () => {
+        setSearchParams(null);
+        setRowData([]);
+    };
 
     const rejectFunc = () => {
         // 보완 요청 로직
@@ -18,25 +82,31 @@ const StatsInputStatusInp = () => {
         // 승인 요청 로직
     };
 
-    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
-
     return (
         <>
-            <SearchForm />
-            <div className="card !py-0">
-                <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
-                    <RejectButton rejectFunc={rejectFunc} />
-                    <ApproveButton approveFunc={approveFunc} />
+            <div className="relative">
+                <SearchForm onSubmit={handleSearch} onReset={handleReset} />
+                <div className="card !py-0">
+                    <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
+                        <RejectButton rejectFunc={rejectFunc} />
+                        <ApproveButton approveFunc={approveFunc} />
+                    </div>
                 </div>
+                {isLoading && <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>}
+                <DataGrid 
+                    columnInfo={ StatsInputStatusInpColumn } 
+                    rowStartNum={2} 
+                    fixedColumns={3} 
+                    rowData={rowData} 
+                    setRowData={setRowData} 
+                    isExcelImport={false}
+                    showHeaderCheckbox={true}
+                />
             </div>
-            <DataGrid 
-                columnInfo={ StatsInputStatusInpColumn } 
-                rowStartNum={2} 
-                fixedColumns={3} 
-                rowData={rowData} 
-                setRowData={setRowData} 
-                isExcelImport={false} 
-            />
         </>
     );
 };
diff --git a/apps/st/src/components/statistics/input/SubmitDailog.tsx b/apps/st/src/components/statistics/input/SubmitDailog.tsx
new file mode 100644
index 000000000..d2de6ab14
--- /dev/null
+++ b/apps/st/src/components/statistics/input/SubmitDailog.tsx
@@ -0,0 +1,176 @@
+"use client";
+
+import { useEffect } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { statisticsInputSubmitInfoSchema, type StatisticsInputSubmitInfoFormData } from "@/entities/statistics/model/statistics-input-submit-info-schema";
+import { type SewerageSupplyRateStatusInfo } from "@/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface";
+
+import {
+    Button,
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    Input,
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableRow,
+    LoadingWithAnimation,
+} from "@common/components";
+
+/** 숫자만 추출 후 하이픈 포맷 (010-1234-5678, 02-123-4567 등) */
+function formatPhoneWithHyphen(value: string): string {
+    const digits = value.replace(/\D/g, "");
+    if (digits.length <= 3) return digits;
+    if (digits.startsWith("010")) {
+        if (digits.length <= 7) return `010-${digits.slice(3)}`;
+        return `010-${digits.slice(3, 7)}-${digits.slice(7, 11)}`;
+    }
+    if (digits.startsWith("02")) {
+        if (digits.length <= 5) return `02-${digits.slice(2)}`;
+        if (digits.length <= 9) return `02-${digits.slice(2, 5)}-${digits.slice(5, 9)}`;
+        return `02-${digits.slice(2, 6)}-${digits.slice(6, 10)}`;
+    }
+    if (digits.length <= 6) return `${digits.slice(0, 3)}-${digits.slice(3)}`;
+    return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6, 10)}`;
+}
+
+const PHONE_FIELDS: (keyof StatisticsInputSubmitInfoFormData)[] = ["laePicTelNo", "laeIdfrTelNo"];
+
+interface SubmitDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    statusInfo: SewerageSupplyRateStatusInfo | null;
+    /** 다이얼로그에서 저장 클릭 시 호출. 제출 정보를 넘기면 부모에서 requestData에 포함해 제출 API 호출 */
+    onConfirm?: (data: StatisticsInputSubmitInfoFormData) => void | Promise<void>;
+    onExceptionConfirm?: (data: any) => void | Promise<void>;
+    isLoading?: boolean;
+}
+
+const defaultValues: StatisticsInputSubmitInfoFormData = {
+    laePicNm: "",
+    laeKbrdrJbgdNm: "",
+    laeKbrdrDeptNm: "",
+    laePicTelNo: "",
+    laeIdfrNm: "",
+    laeIdfrJbgdNm: "",
+    laeIdfrDeptNm: "",
+    laeIdfrTelNo: "",
+};
+
+function statusInfoToFormData(info: SewerageSupplyRateStatusInfo): StatisticsInputSubmitInfoFormData {
+    return {
+        laePicNm: info.laePicNm ?? "",
+        laeKbrdrJbgdNm: info.laeKbrdrJbgdNm ?? "",
+        laeKbrdrDeptNm: info.laeKbrdrDeptNm ?? "",
+        laePicTelNo: info.laePicTelNo ?? "",
+        laeIdfrNm: info.laeIdfrNm ?? "",
+        laeIdfrJbgdNm: info.laeIdfrJbgdNm ?? "",
+        laeIdfrDeptNm: info.laeIdfrDeptNm ?? "",
+        laeIdfrTelNo: info.laeIdfrTelNo ?? "",
+    };
+};
+
+const SubmitDailog = ({ open, onOpenChange, statusInfo, onConfirm, onExceptionConfirm, isLoading }: SubmitDialogProps) => {
+    const { control, handleSubmit, reset, formState: { errors } } = useForm<StatisticsInputSubmitInfoFormData>({
+        resolver: zodResolver(statisticsInputSubmitInfoSchema),
+        defaultValues,
+    });
+
+    useEffect(() => {
+        if (open) {
+            reset(statusInfo ? statusInfoToFormData(statusInfo) : defaultValues);
+        }
+    }, [open, statusInfo, reset]);
+
+    async function onSubmit(data: StatisticsInputSubmitInfoFormData) {
+        await onConfirm?.(data);
+        onOpenChange(false);
+        reset(defaultValues);
+    }
+
+    function handleCancel() {
+        onOpenChange(false);
+        reset(defaultValues);
+    }
+
+    const rows: { name: keyof StatisticsInputSubmitInfoFormData; label: string; placeholder: string }[] = [
+        { name: "laePicNm", label: "작성자 명", placeholder: "작성자 명 입력" },
+        { name: "laeKbrdrJbgdNm", label: "작성자 직제", placeholder: "작성자 직제 입력" },
+        { name: "laeKbrdrDeptNm", label: "작성자 부서", placeholder: "작성자 부서 입력" },
+        { name: "laePicTelNo", label: "작성자 연락처", placeholder: "작성자 연락처 입력" },
+        { name: "laeIdfrNm", label: "승인자명", placeholder: "승인자명 입력" },
+        { name: "laeIdfrJbgdNm", label: "승인자 직제", placeholder: "승인자 직제 입력" },
+        { name: "laeIdfrDeptNm", label: "승인자 부서", placeholder: "승인자 부서 입력" },
+        { name: "laeIdfrTelNo", label: "승인자 연락처", placeholder: "승인자 연락처" },
+    ];
+
+    return (
+        <Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogContent className="max-w-[800px]">
+                <DialogHeader>
+                    <DialogTitle>제출 정보</DialogTitle>
+                </DialogHeader>
+                {isLoading && <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>}
+                <form onSubmit={handleSubmit(onSubmit)}>
+                    <Table variant="secondary">
+                        <TableBody>
+                            {rows.map(({ name, label, placeholder }) => (
+                                <TableRow key={name}>
+                                    <TableHead className="w-[150px] bg-muted font-medium" data-required>
+                                        {label}
+                                    </TableHead>
+                                    <TableCell>
+                                        <Controller
+                                            name={name}
+                                            control={control}
+                                            render={({ field }) => {
+                                                const isPhone = PHONE_FIELDS.includes(name);
+                                                return (
+                                                    <div className="space-y-1">
+                                                        <Input
+                                                            {...field}
+                                                            value={field.value ?? ""}
+                                                            placeholder={placeholder}
+                                                            onChange={(e) => {
+                                                                const v = e.target.value;
+                                                                field.onChange(isPhone ? formatPhoneWithHyphen(v) : v);
+                                                            }}
+                                                        />
+                                                        {errors[name]?.message && (
+                                                            <p className="text-sm text-destructive ml-1">
+                                                                {errors[name]?.message}
+                                                            </p>
+                                                        )}
+                                                    </div>
+                                                );
+                                            }}
+                                        />
+                                    </TableCell>
+                                </TableRow>
+                            ))}
+                        </TableBody>
+                    </Table>
+                    <DialogFooter className="mt-6">
+                        <Button type="button" color="gray" onClick={handleCancel}>
+                            취소
+                        </Button>
+                        <Button type="submit" color="primary">
+                            제출
+                        </Button>
+                    </DialogFooter>
+                </form>
+            </DialogContent>
+        </Dialog>
+    );
+};
+
+export default SubmitDailog;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/management/LogHistory.tsx b/apps/st/src/components/statistics/management/LogHistory.tsx
new file mode 100644
index 000000000..2938343f8
--- /dev/null
+++ b/apps/st/src/components/statistics/management/LogHistory.tsx
@@ -0,0 +1,112 @@
+"use client";
+
+import { useState } from 'react';
+// import useSWR from 'swr';
+
+import {
+    Button,
+    // Input,
+    Label,
+    // Select,
+    // SelectTrigger,
+    // SelectContent,
+    // SelectItem,
+    // SelectValue
+}
+    from "@common/components";
+import DataGrid from '@/components/module/DataGrid';
+import { CodeSelect } from '@/entities/code';
+
+import { LogHistoryColumn } from '@/components/util/column/management/LogHistoryColumn';
+// import { LwpoCodeApi } from "@/entities/code";
+
+// const getStateCdListFetcher = async () => {
+//     return LwpoCodeApi.getLwpoCodeList({
+//         sort: 'regDt,desc',
+//         upCd: 'STITEM',
+//         page: 0,
+//         size: 100,
+//     });
+// }
+
+const LogHistory = () => {
+    // const { setMessage: alert } = useAlertStore((state) => state);
+    const [statsCd, setStatsCd] = useState('');
+
+    // const { data: lwpoCdList } = useSWR(
+    //     "lwpo-code-list",
+    //     getStateCdListFetcher,
+    //     {
+    //         revalidateOnFocus: false,
+    //         revalidateOnReconnect: false,
+    //         revalidateIfStale: false,
+    //         dedupingInterval: 2000,
+    //         shouldRetryOnError: false,
+    //         onSuccess: (data) => {
+    //             if (!data.content || data.content.length == 0) {
+    //                 alert(`시도 목록을 불러오는데 실패했습니다.
+    //                     새로고침 후 다시 시도해주세요.`);
+    //             }
+    //         },
+    //         onError: () => {
+    //             alert(`시도 목록을 불러오는데 실패했습니다.
+    //                 새로고침 후 다시 시도해주세요.`);
+    //         },
+    //     }
+    // );
+
+    return (
+        <div className="relative">
+            <div className="card card-border">
+                <form>
+                    <div className="flex items-center gap-8 p-2">
+                        <div className="flex items-center gap-2">
+                            <Label className="text-label">
+                                통계항목
+                            </Label>
+                            {/* <Select value={lwpoCd} onValueChange={setLwpoCd}>
+                                <SelectTrigger className="w-[22rem]">
+                                    <SelectValue placeholder="전체"></SelectValue>
+                                </SelectTrigger>
+                                <SelectContent>
+                                    <SelectItem value="ALL">전체</SelectItem>
+                                    {lwpoCdList?.content?.map((l) => (
+                                        <SelectItem key={l.lwpoCd} value={l.lwpoCd}>
+                                            {l.lwpoCdNm}
+                                        </SelectItem>
+                                    ))}
+                                </SelectContent>
+                            </Select> */}
+                            <CodeSelect
+                                upCd="STITEM"
+                                value={statsCd}
+                                onValueChange={setStatsCd}
+                                placeholder="선택"
+                                className="w-[16rem]"
+                            />
+                        </div>
+                        <div className="flex items-center gap-2 ml-auto">
+                            <Button color="green" className="h-[3.2rem] w-[96px]" type="button">
+                                초기화
+                            </Button>
+                            <Button className="h-[3.2rem] w-[96px]" type="submit">
+                                조회
+                            </Button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <DataGrid 
+                columnInfo={LogHistoryColumn}
+                // rowStartNum={1}
+                // fixedColumns={1}
+                isExcelImport={false}
+                // showHeaderCheckbox={true}
+                rowData={[]} 
+                setRowData={() => {}} 
+            />
+        </div>
+    );
+};
+
+export default LogHistory;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/review/PumpingStationRvw.tsx b/apps/st/src/components/statistics/review/PumpingStationRvw.tsx
index 8a9df541a..fc5d8c2c6 100644
--- a/apps/st/src/components/statistics/review/PumpingStationRvw.tsx
+++ b/apps/st/src/components/statistics/review/PumpingStationRvw.tsx
@@ -1,26 +1,92 @@
-import { useState } from "react";
-
-import { DataGrid } from "@rsone/components";
+import { useState, useMemo } from "react";
+import DataGrid from "@/components/module/DataGrid";
 import SearchForm from "@/components/module/SearchForm";
 import SaveButton from "@/components/button/SaveButton";
 import ApproveButton from "@/components/button/ApproveButton";
 import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
 import ReturnButton from "@/components/button/ReturnButton";
+import { LoadingWithAnimation } from "@common/components"; 
 
+import { useAlertStore } from "@/shared/lib";
 import { PumpingStationInfoList } from "@/components/util/column/review/PumpingStationRvwColumn";
+import { statisticsManagementApi } from "@/entities/statistics/api/statistics-management-service";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { MediationPumpStationItem } from "@/entities/statistics/model/statistics-pumping-station-review-interface";
 
-// 하수도 통계 관리 05.펌프장
+/**
+ * 하수도 통계 검토 05.중계펌프장
+ */
 const PumpingStationRvw = () => {
+    const { setMessage: alert } = useAlertStore((state) => state);
     const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
 
-    const approveFunc = () => { console.log('approveFunc'); };
-    const saveFunc = () => { console.log('submit'); };
-    const reviewOpinionFunc = () => { console.log('reviewOpinionFunc'); };
-    const returnFunc = () => { console.log('returnFunc'); };
+    const columnInfo = useMemo(() => {
+        const { columns, columnLayout, fixedColumns, rowStartNum } = PumpingStationInfoList;
+        return {
+            columnLayout,
+            fixedColumns,
+            rowStartNum,
+            columns: columns.map((col) => ({
+                ...col,
+                editable: false as const,
+                styleName: col.styleName ?? ("rg-cell-readonly" as const),
+            })),
+        };
+    }, []);
+
+    const handleReset = () => {
+        setRowData([]);
+    };
+
+    const handleSearch = async (values: SearchFormValues) => {
+        if (!values.sido || values.sido === 'ALL') {
+            alert('시도를 선택해주세요.');
+            return;
+        }
+
+        try {
+            setIsLoading(true);
+
+            const response = await statisticsManagementApi.getMediationPumpStationList({
+                ctpvNm: values.sido,
+                sggNm: values.gugun === 'ALL' ? '' : values.gugun,
+                sewerBzmnCd: values.bsnmCd,
+                statsYr: values.year,
+                pumpstNm: values.fctName,
+            });
+
+            if (response.status === 'success' && response.data) {
+                const rawList = response.data as MediationPumpStationItem[];
+                
+                const convertedData = rawList.map(item => ({
+                    ...item,
+                    rmrk: item.rmrk || ''
+                }));
+
+                setRowData(toGridRows(convertedData));
+            } else {
+                setRowData([]);
+                alert(response.message || "데이터가 없습니다.");
+            }
+        } catch (error) {
+            console.error("중계펌프장 조회 중 에러 발생:", error);
+            alert('데이터 조회 중 오류가 발생했습니다.');
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const approveFunc = () => console.log('approveFunc');
+    const saveFunc = () => console.log('submit');
+    const reviewOpinionFunc = () => console.log('reviewOpinionFunc');
+    const returnFunc = () => console.log('returnFunc');
 
     return (
-        <>
-            <SearchForm fctName={true} />
+        <div className="relative">
+            <SearchForm fctName={true} onSubmit={handleSearch} onReset={handleReset} />
+
             <div className="card !py-0">
                 <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
                     <ReviewOpinionButton reviewOpinionFunc={reviewOpinionFunc} />
@@ -29,8 +95,24 @@ const PumpingStationRvw = () => {
                     <SaveButton saveFunc={saveFunc} />
                 </div>
             </div>
-            <DataGrid columnInfo={PumpingStationInfoList} isExcelImport={false} rowStartNum={3} fixedColumns={3} rowData={rowData} setRowData={setRowData} />
-        </>
+
+            {isLoading && (
+                <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>
+            )}
+
+            <DataGrid
+                columnInfo={columnInfo}
+                isExcelImport={false}
+                fixedColumns={columnInfo.fixedColumns}
+                rowStartNum={columnInfo.rowStartNum}
+                rowData={rowData}
+                setRowData={setRowData}
+            />
+        </div>
     );
 };
 
diff --git a/apps/st/src/components/statistics/review/SewagePipeMaintainRvw.tsx b/apps/st/src/components/statistics/review/SewagePipeMaintainRvw.tsx
index 03549083e..26629d3a5 100644
--- a/apps/st/src/components/statistics/review/SewagePipeMaintainRvw.tsx
+++ b/apps/st/src/components/statistics/review/SewagePipeMaintainRvw.tsx
@@ -1,51 +1,161 @@
-import { useState } from "react";
-
-import { TabDataGrid } from "@rsone/components";
+import { useState, useMemo, useRef } from "react";
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SearchForm from "@/components/module/SearchForm";
 import SaveButton from "@/components/button/SaveButton";
 import ApproveButton from "@/components/button/ApproveButton";
 import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
 import ReturnButton from "@/components/button/ReturnButton";
+import { LoadingWithAnimation } from "@common/components";
 
+import { useAlertStore } from "@/shared/lib";
+import { statisticsManagementApi } from "@/entities/statistics/api/statistics-management-service";
 import { SewagePipeMaintainColumnInfoList } from "@/components/util/column/review/SewagePipeMaintainRvwColumn";
+import type { ColumnInfoList, ColumnConfig } from "@/components/type/DataGrid.type";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { SewerPipeMtcRequestParams } from "@/entities/statistics/model/statistics-sewage-pipe-mtc-review-interface";
 
-// 하수도 통계 관리 03. 하수관로 유지 관리
+
+// 하수도 통계 검토 03. 하수관로 유지 관리
 const SewagePipeMaintainRvw = () => {
+    const { setMessage: alert } = useAlertStore((state) => state);
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [activeTab, setActiveTab] = useState<string>('ST00030001');
 
-    const approveFunc = () => {
-        console.log('approveFunc');
-        // 승인 로직
+    const searchParamRef = useRef<SewerPipeMtcRequestParams | null>(null);
+
+    const columnInfo = useMemo(() => {
+        return SewagePipeMaintainColumnInfoList.map((tab: ColumnInfoList) => ({
+            ...tab,
+            columns: (tab.columns ?? []).map((col: ColumnConfig) => ({
+                ...col,
+                editable: false as const,
+                styleName: col.styleName ?? ("rg-cell-readonly" as const),
+            })),
+        }));
+    }, []);
+
+    const handleReset = () => {
+        setRowDataMap(new Map());
+        setActiveTab('ST00030001');
+        searchParamRef.current = null;
     };
 
-    const saveFunc = () => {
-        console.log('submit');
-        // 저장 로직
+    const handleSearch = async (values: SearchFormValues) => {
+        if (!values.sido || values.sido === 'ALL') {
+            alert('시도를 선택해주세요.');
+            return;
+        }
+
+        setActiveTab('ST00030001');
+        setRowDataMap(new Map());
+
+        try {
+            setIsLoading(true);
+
+            const searchParam: SewerPipeMtcRequestParams = {
+                statsYr: values.year,
+                sewerBzmnCd: values.bsnmCd,
+                ctpvNm: values.sido,
+                sggNm: values.gugun === 'ALL' ? '' : values.gugun
+            };
+
+            searchParamRef.current = searchParam;
+            const response = await statisticsManagementApi.getSewerPipeMtcList(searchParam);
+
+            if (response?.status === 'success' && response.data) {
+                const newRowDataMap = new Map<string, Record<string, string | number>[]>();
+
+                const listData = Array.isArray(response.data)
+                    ? response.data
+                    : (response.data.mtcStatusList || []);
+
+                newRowDataMap.set('ST00030001', toGridRows(listData as object[]));
+                setRowDataMap(newRowDataMap);
+            } else {
+                alert(response?.message || "데이터가 없습니다.");
+            }
+        } catch {
+            alert('데이터 조회 중 오류가 발생했습니다.');
+        } finally {
+            setIsLoading(false);
+        }
     };
 
-    const reviewOpinionFunc = () => {
-        console.log('reviewOpinionFunc');
-        // 검토의견 작성
-    };
+    const handleActiveTabChange = async (tabKey: string) => {
+        setActiveTab(tabKey);
 
-    const returnFunc = () => {
-        console.log('returnFunc');
-        // 반려 
+        const existingAData = rowDataMap.get('ST00030001');
+        const activeTabData = rowDataMap.get(tabKey);
+
+        const hasAData = Array.isArray(existingAData) && existingAData.length > 0;
+        const hasActiveTabData = Array.isArray(activeTabData) && activeTabData.length > 0;
+
+        if (hasAData && !hasActiveTabData && searchParamRef.current) {
+            try {
+                setIsLoading(true);
+
+                let response;
+
+                if (tabKey === 'ST00030001') {
+                    response = await statisticsManagementApi.getSewerPipeMtcList(searchParamRef.current);
+                } else if (tabKey === 'ST00030002') {
+                    response = await statisticsManagementApi.getSewerPipeDrdgList(searchParamRef.current);
+                }
+
+                if (response?.status === 'success' && response.data) {
+                    setRowDataMap(prev => {
+                        const next = new Map(prev);
+
+                        const listData = Array.isArray(response.data)
+                            ? response.data
+                            : (response.data.mtcStatusList || []);
+
+                        next.set(tabKey, toGridRows(listData as object[]));
+                        return next;
+                    });
+                } else {
+                    alert(response?.message || "데이터가 없습니다.");
+                }
+            } catch {
+                alert('데이터 조회 중 오류가 발생했습니다.');
+            } finally {
+                setIsLoading(false);
+            }
+        }
     };
 
     return (
-        <>
-            <SearchForm fctName={true} />
+        <div className="relative">
+            <SearchForm onSubmit={handleSearch} onReset={handleReset} />
+
             <div className="card !py-0">
                 <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
-                    <ReviewOpinionButton reviewOpinionFunc={reviewOpinionFunc} />
-                    <ApproveButton approveFunc={approveFunc} />
-                    <ReturnButton returnFunc={returnFunc} />
-                    <SaveButton saveFunc={saveFunc} />
+                    <ReviewOpinionButton reviewOpinionFunc={() => { }} />
+                    <ApproveButton approveFunc={() => { }} />
+                    <ReturnButton returnFunc={() => { }} />
+                    <SaveButton saveFunc={() => { }} />
                 </div>
             </div>
-            <TabDataGrid columnInfo={SewagePipeMaintainColumnInfoList} isExcelImport={false} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
-        </>
+
+            {isLoading && (
+                <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>
+            )}
+
+            <TabDataGrid
+                columnInfo={columnInfo}
+                isExcelImport={false}
+                rowDataMap={rowDataMap}
+                setRowDataMap={setRowDataMap}
+                activeTab={activeTab}
+                onActiveTabChange={handleActiveTabChange}
+            />
+        </div>
     );
 };
 
diff --git a/apps/st/src/components/statistics/review/SewagePipeRvw.tsx b/apps/st/src/components/statistics/review/SewagePipeRvw.tsx
index 34fe00910..77d3a5d88 100644
--- a/apps/st/src/components/statistics/review/SewagePipeRvw.tsx
+++ b/apps/st/src/components/statistics/review/SewagePipeRvw.tsx
@@ -13,15 +13,17 @@ import { SewagePipeColumnInfoListRvw } from "@/components/util/column/review/Sew
 import type { ColumnInfoList, ColumnConfig } from "@/components/type/DataGrid.type";
 import type { SearchFormValues } from "@/components/type/SearchForm.type";
 import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { SewagePipeReviewRequestParams } from "@/entities/statistics/model/statistics-sewage-pipe-review-interface";
+
 
 // 하수도 통계 검토 02.하수관로 
 const SewagePipeRvw = () => {
     const { setMessage: alert } = useAlertStore((state) => state);
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
     const [isLoading, setIsLoading] = useState<boolean>(false);
-    const [activeTab, setActiveTab] = useState<string>('a');
+    const [activeTab, setActiveTab] = useState<string>('ST00020001');
 
-    const searchParamRef = useRef<SearchFormValues | null>(null);
+    const searchParamRef = useRef<SewagePipeReviewRequestParams | null>(null);
 
     const columnInfo = useMemo(() => {
         return SewagePipeColumnInfoListRvw.map((tab: ColumnInfoList) => ({
@@ -36,7 +38,7 @@ const SewagePipeRvw = () => {
 
     const handleReset = () => {
         setRowDataMap(new Map());
-        setActiveTab('a');
+        setActiveTab('ST00020001');
     };
 
     const handleSearch = async (values: SearchFormValues) => {
@@ -45,18 +47,18 @@ const SewagePipeRvw = () => {
             return;
         }
 
-        setActiveTab('a');
+        setActiveTab('ST00020001');
 
         setRowDataMap(new Map());
 
         try {
             setIsLoading(true);
 
-            const searchParam = {
-                sido: values.sido,
-                gugun: values.gugun === 'ALL' ? '' : values.gugun,
-                bsnmCd: values.bsnmCd,
-                yr: values.year,
+        const searchParam: SewagePipeReviewRequestParams = {
+                statsYr: values.year,                
+                sewerBzmnCd: values.bsnmCd,        
+                ctpvNm: values.sido,                
+                sggNm: values.gugun === 'ALL' ? '' : values.gugun 
             };
 
             searchParamRef.current = searchParam;
@@ -64,12 +66,12 @@ const SewagePipeRvw = () => {
 
             if (response?.status === 'success' && response.data) {
                 const newRowDataMap = new Map<string, Record<string, string | number>[]>();
-                newRowDataMap.set('a', toGridRows(response.data as object[]));
+                newRowDataMap.set('ST00020001', toGridRows(response.data as object[]));
                 setRowDataMap(newRowDataMap);
             } else {
                 alert(response?.message || "데이터가 없습니다.");
             }
-        } catch (error) {
+        } catch {
             alert('데이터 조회 중 오류가 발생했습니다.');
         } finally {
             setIsLoading(false);
@@ -79,7 +81,7 @@ const SewagePipeRvw = () => {
     const handleActiveTabChange = async (tabKey: string) => {
         setActiveTab(tabKey);
 
-        const existingAData = rowDataMap.get('a');
+        const existingAData = rowDataMap.get('ST00020001');
         const activeTabData = rowDataMap.get(tabKey);
 
         const hasAData = Array.isArray(existingAData) && existingAData.length > 0;
@@ -92,11 +94,16 @@ const SewagePipeRvw = () => {
 
                 let response;
 
-                if (tabKey === 'b') {
+                if (tabKey === 'ST00020002') {
                     response = await statisticsManagementApi.getSewagePipeFacilityList(searchParamRef.current);
+                }else if(tabKey === 'ST00020003'){
+                     response = await statisticsManagementApi.getSewagePipeTypeList(searchParamRef.current);
+                }else if(tabKey === 'ST00020004'){
+                     response = await statisticsManagementApi.getSewagePipeDiamList(searchParamRef.current);
                 }
 
                 if (response?.status === 'success' && response.data) {
+                    
                     setRowDataMap(prev => {
                         const next = new Map(prev);
                         next.set(tabKey, toGridRows(response.data as object[]));
diff --git a/apps/st/src/components/statistics/review/SewageReservoirPumpRvw.tsx b/apps/st/src/components/statistics/review/SewageReservoirPumpRvw.tsx
index a2b5e8de7..4a250d2aa 100644
--- a/apps/st/src/components/statistics/review/SewageReservoirPumpRvw.tsx
+++ b/apps/st/src/components/statistics/review/SewageReservoirPumpRvw.tsx
@@ -1,52 +1,156 @@
-import { useState } from "react";
-
-import { TabDataGrid } from "@rsone/components";
+import { useState, useMemo, useRef } from "react";
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SearchForm from "@/components/module/SearchForm";
 import SaveButton from "@/components/button/SaveButton";
 import ApproveButton from "@/components/button/ApproveButton";
 import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
 import ReturnButton from "@/components/button/ReturnButton";
+import { LoadingWithAnimation } from "@common/components";
 
+import { useAlertStore } from "@/shared/lib";
+import { statisticsManagementApi } from "@/entities/statistics/api/statistics-management-service";
 import { SewageReservoirPumpInfoListRvw } from "@/components/util/column/review/SewageReservoirPumpRvwColumn";
+import type { ColumnInfoList, ColumnConfig } from "@/components/type/DataGrid.type";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { SewerReservoirRequestParams } from "@/entities/statistics/model/sewage-reservoir-pump-review-interface";
 
-// 하수도 통계 관리 04. 하수저류 시설 및 빗물 펌프장
+/**
+ * 하수도 통계 검토 04. 하수저류 시설 및 빗물 펌프장
+ * Tab A: 하수저류시설 (ST00040001)
+ * Tab B: 빗물펌프장   (ST00040002)
+ */
 const SewageReservoirPumpRvw = () => {
+    const { setMessage: alert } = useAlertStore((state) => state);
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [activeTab, setActiveTab] = useState<string>('ST00040001');
 
-    const approveFunc = () => {
-        console.log('approveFunc'); 
-        // 승인 로직
+    const searchParamRef = useRef<SewerReservoirRequestParams | null>(null);
+
+    const columnInfo = useMemo(() => {
+        return SewageReservoirPumpInfoListRvw.map((tab: ColumnInfoList) => ({
+            ...tab,
+            columns: (tab.columns ?? []).map((col: ColumnConfig) => ({
+                ...col,
+                editable: false as const,
+                styleName: col.styleName ?? ("rg-cell-readonly" as const),
+            })),
+        }));
+    }, []);
+
+    const handleReset = () => {
+        setRowDataMap(new Map());
+        setActiveTab('ST00040001');
+        searchParamRef.current = null;
     };
 
-    const saveFunc = () => {
-        console.log('submit');
-        // 저장 로직
+    const handleSearch = async (values: SearchFormValues) => {
+        if (!values.sido || values.sido === 'ALL') {
+            alert('시도를 선택해주세요.');
+            return;
+        }
+
+        setActiveTab('ST00040001');
+        setRowDataMap(new Map());
+
+        try {
+            setIsLoading(true);
+
+            const searchParam: SewerReservoirRequestParams = { 
+                statsYr: values.year,
+                sewerBzmnCd: values.bsnmCd,
+                ctpvNm: values.sido,
+                sggNm: values.gugun === 'ALL' ? '' : values.gugun,
+            };
+
+            searchParamRef.current = searchParam;
+
+            const response = await statisticsManagementApi.getSewerReservoirList(searchParam);
+
+            if (response?.status === 'success' && response.data) {
+                const newRowDataMap = new Map<string, Record<string, string | number>[]>();
+                newRowDataMap.set('ST00040001', toGridRows(response.data as object[]));
+                setRowDataMap(newRowDataMap);
+            } else {
+                alert(response?.message || "데이터가 없습니다.");
+            }
+        } catch {
+            alert('데이터 조회 중 오류가 발생했습니다.');
+        } finally {
+            setIsLoading(false);
+        }
     };
 
-    const reviewOpinionFunc = () => {
-        console.log('reviewOpinionFunc');
-        // 검토의견 작성
-    };
+    const handleActiveTabChange = async (tabKey: string) => {
+        setActiveTab(tabKey);
 
-    const returnFunc = () => {
-        console.log('returnFunc');
-        // 반려 
+        const existingAData = rowDataMap.get('ST00040001');
+        const activeTabData = rowDataMap.get(tabKey);
+
+        const hasAData = Array.isArray(existingAData) && existingAData.length > 0;
+        const hasActiveTabData = Array.isArray(activeTabData) && activeTabData.length > 0;
+
+        if (hasAData && !hasActiveTabData && searchParamRef.current) {
+            try {
+                setIsLoading(true);
+
+                let response;
+
+                if (tabKey === 'ST00040001') {
+                    response = await statisticsManagementApi.getSewerReservoirList(searchParamRef.current);
+                } else if (tabKey === 'ST00040002') {
+                    response = await statisticsManagementApi.getPumpStationList(searchParamRef.current);
+                }
+
+                if (response?.status === 'success' && response.data) {
+                    setRowDataMap(prev => {
+                        const next = new Map(prev);
+                        next.set(tabKey, toGridRows(response.data as object[]));
+                        return next;
+                    });
+                } else if (response) {
+                    alert(response?.message || "데이터가 없습니다.");
+                }
+            } catch {
+                alert('데이터 조회 중 오류가 발생했습니다.');
+            } finally {
+                setIsLoading(false);
+            }
+        }
     };
 
     return (
-        <>
-            <SearchForm fctName={true} />
+        <div className="relative">
+            <SearchForm onSubmit={handleSearch} onReset={handleReset} />
+
             <div className="card !py-0">
                 <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
-                    <ReviewOpinionButton reviewOpinionFunc={reviewOpinionFunc} />
-                    <ApproveButton approveFunc={approveFunc} />
-                    <ReturnButton returnFunc={returnFunc} />
-                    <SaveButton saveFunc={saveFunc} />
+                    <ReviewOpinionButton reviewOpinionFunc={() => { }} />
+                    <ApproveButton approveFunc={() => { }} />
+                    <ReturnButton returnFunc={() => { }} />
+                    <SaveButton saveFunc={() => { }} />
                 </div>
             </div>
-            <TabDataGrid columnInfo={SewageReservoirPumpInfoListRvw} isExcelImport={false} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
-        </>
+
+            {isLoading && (
+                <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>
+            )}
+
+            <TabDataGrid
+                columnInfo={columnInfo}
+                isExcelImport={false}
+                rowDataMap={rowDataMap}
+                setRowDataMap={setRowDataMap}
+                activeTab={activeTab}
+                onActiveTabChange={handleActiveTabChange}
+            />
+        </div>
     );
 };
 
-export default SewageReservoirPumpRvw;
+export default SewageReservoirPumpRvw;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/review/SeweragePenetrationRateRvw.tsx b/apps/st/src/components/statistics/review/SeweragePenetrationRateRvw.tsx
index 8ad001c4c..b404015a4 100644
--- a/apps/st/src/components/statistics/review/SeweragePenetrationRateRvw.tsx
+++ b/apps/st/src/components/statistics/review/SeweragePenetrationRateRvw.tsx
@@ -1,11 +1,9 @@
 import { useState, useMemo } from "react";
 import DataGrid from "@/components/module/DataGrid";
 import SearchForm from "@/components/module/SearchForm";
-import SaveButton from "@/components/button/SaveButton";
-import ApproveButton from "@/components/button/ApproveButton";
 import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
 import ReturnButton from "@/components/button/ReturnButton";
-import { LoadingWithAnimation } from "@common/components"; 
+import { LoadingWithAnimation } from "@common/components";
 
 import { useAlertStore } from "@/shared/lib";
 import { SeweragePenetrationRateInfoList } from "@/components/util/column/review/SeweragePenetrationRateRvwColumn";
@@ -17,8 +15,8 @@ import { toGridRows } from "@/components/util/grid/gridFunction";
 // 하수도 통계 검토 01.하수도 보급률
 const SeweragePenetrationRateRvw = () => {
     const { setMessage: alert } = useAlertStore((state) => state);
-    const [rowData, setRowData] = useState<any[]>([]);
-    const [isLoading, setIsLoading] = useState<boolean>(false); 
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
 
     const columnInfo = useMemo(() => {
         const { columns, columnLayout, fixedColumns, rowStartNum } = SeweragePenetrationRateInfoList;
@@ -39,6 +37,7 @@ const SeweragePenetrationRateRvw = () => {
     };
 
     const handleSearch = async (values: SearchFormValues) => {
+
         if (values.sido === '' || values.sido === 'ALL') {
             alert('시도를 선택해주세요.');
             return;
@@ -48,17 +47,18 @@ const SeweragePenetrationRateRvw = () => {
             setIsLoading(true);
 
             const response = await statisticsManagementApi.getSewerageSupplyRateReviewList({
-                sido: values.sido,
-                gugun: values.gugun === 'ALL' ? '' : values.gugun,
-                bsnmCd: values.bsnmCd,
-                yr: values.year,
+                ctpvNm: values.sido,
+                sggNm: values.gugun === 'ALL' ? '' : values.gugun,
+                sewerBzmnCd: values.bsnmCd,
+                statsYr: values.year,
             });
 
             if (response.status === 'success' && response.data) {
                 const rawList = response.data.sewerageSupplyRateList;
                 const convertedData: SewerageSupplyRateReviewItem[] = rawList.map((item) => ({
                     ...item,
-                    speclCntrplnAr: !item.speclCntrplnAr ? '해당없음' : item.speclCntrplnAr,
+
+                    spcCtpnRgnCn: !item.spcCtpnRgnCn ? '해당없음' : item.spcCtpnRgnCn,
                 }));
 
                 setRowData(toGridRows(convertedData));
@@ -70,7 +70,7 @@ const SeweragePenetrationRateRvw = () => {
             console.error("조회 중 에러 발생:", error);
             alert('데이터 조회 중 오류가 발생했습니다.');
         } finally {
-            setIsLoading(false); 
+            setIsLoading(false);
         }
     };
 
@@ -80,15 +80,13 @@ const SeweragePenetrationRateRvw = () => {
     const returnFunc = () => console.log('returnFunc');
 
     return (
-        <div className="relative"> 
+        <div className="relative">
             <SearchForm onSubmit={handleSearch} onReset={handleReset} />
-            
+
             <div className="card !py-0">
                 <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
                     <ReviewOpinionButton reviewOpinionFunc={reviewOpinionFunc} />
-                    <ApproveButton approveFunc={approveFunc} />
                     <ReturnButton returnFunc={returnFunc} />
-                    <SaveButton saveFunc={saveFunc} />
                 </div>
             </div>
 
diff --git a/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx b/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx
index 2c11f7abc..8fdd74d4f 100644
--- a/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx
+++ b/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx
@@ -11,12 +11,13 @@ import { useAlertStore } from "@/shared/lib";
 import { StatsInputStatusInfoList } from "@/components/util/column/review/StatsInputStatusRvwColumn";
 import { statisticsManagementApi } from "@/entities/statistics/api/statistics-management-service";
 import type { StatsInputStatusReviewItem } from "@/entities/statistics/model/statistics-input-review-interface";
-import { toGridRows } from "@/components/util/grid/gridFunction"; 
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
 
 // 하수도 통계 검토 00. 통계 입력 현황
 const StatsInputStatusRvw = () => {
     const { setMessage: alert } = useAlertStore((state) => state);
-    const [rowData, setRowData] = useState<any[]>([]);
+    const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
     const [isLoading, setIsLoading] = useState<boolean>(false);
 
     const columnInfo = useMemo(() => {
@@ -34,7 +35,7 @@ const StatsInputStatusRvw = () => {
         setRowData([]);
     };
 
-    const handleSearch = async (values: any) => {
+    const handleSearch = async (values: SearchFormValues) => {
         if (!values.sido || values.sido === 'ALL') {
             alert('시도를 선택해주세요.');
             return;
@@ -46,14 +47,13 @@ const StatsInputStatusRvw = () => {
             const response = await statisticsManagementApi.getStatsInputStatusList({
                 sido: values.sido,
                 gugun: values.gugun === 'ALL' ? '' : values.gugun, 
-                yr: values.year || values.yr, 
+                yr: values.year, 
                 bsnmCd: values.bsnmCd
             });
 
             if (response.status === 'success' && response.data) {
-                const rawList = response.data.sewerageSupplyRateList || response.data;
-                
-                const convertedData: StatsInputStatusReviewItem[] = rawList.map((item: any) => ({
+                const rawList = response.data.sewerageSupplyRateList ?? [];
+                const convertedData: StatsInputStatusReviewItem[] = rawList.map((item: StatsInputStatusReviewItem) => ({
                     ...item,
                     status: item.status || '미확인',
                 }));
diff --git a/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx b/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx
index fe266e743..597cb8b6c 100644
--- a/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx
+++ b/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx
@@ -1,140 +1,69 @@
-import SearchForm from "@/components/module/SearchForm";
-import DataGrid from "@/components/module/DataGrid";
-import SubmitButton from "@/components/button/SumitButton";
-import SaveButton from "@/components/button/SaveButton";
-import LastYearDataButton from "@/components/button/LastYearDataButton";
-import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 import { useState } from "react";
 
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { SeweragePentrationRateTotColumn } from "@/components/util/column/total/SeweragePentrationRateTotColumn";
+import { statisticsTotalStatusApi } from "@/entities/statistics/api/statistics-total-service";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import { useAlertStore } from "@/shared/lib";
+
+import SearchForm from "@/components/module/SearchForm";
+import DataGrid from "@/components/module/DataGrid";
+import { LoadingWithAnimation } from "@common/components";
+
 const SeweragePenetrationRateTot = () => {
-    const columns = [
-        { name: 'sido', fieldName: '시도', header: { text: '시도' } },
-        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' } },
-        { name: 'rvbsn', fieldName: '수계', header: { text: '수계' } },
-        { name: 'bstrm', fieldName: '지류', header: { text: '지류' } },
-        { name: 'mdbsn', fieldName: '세부단위유역', header: { text: '세부단위유역' } },
-        { name: 'lgbsn', fieldName: '중권역', header: { text: '중권역' } },
-        { name: 'mdmbsn', fieldName: '소권역', header: { text: '소권역' } },
-        { name: 'specl_cntrpln_ar', fieldName: '특별대책지역', header: { text: '특별대책지역' } },
-        { name: 'total_popl', fieldName: '총인구', header: { text: '총인구' } },
-        { name: 'popl_sm', fieldName: '내국인', header: { text: '내국인' } },
-        { name: 'frgnr_popl_sm', fieldName: '외국인', header: { text: '외국인' } },
-        { name: 'area', fieldName: '행정참고자료면적(㎢)', header: { text: '행정참고자료면적(㎢)' } },
-        { name: 'popltn_sm', fieldName: '총인구(명)', header: { text: '총인구(명)' } },
-        { name: 'ar_sm', fieldName: '총면적(㎢)', header: { text: '총면적(㎢)' } },
-        { name: 'swge_proc_zone_inner_sm', fieldName: '합계', header: { text: '합계' } },
-        { name: 'pblswrg_popltn_sm', fieldName: '소계', header: { text: '소계' } },
-        { name: 'pblswrg_prm_trt', fieldName: '물리적처리', header: { text: '물리적처리' } },
-        { name: 'pblswrg_scd_trt', fieldName: '생물학적처리', header: { text: '생물학적처리' } },
-        { name: 'pblswrg_tert_trt', fieldName: '고도처리', header: { text: '고도처리' } },
-        { name: 'wstr_popltn_sm', fieldName: '소계', header: { text: '소계' } },
-        { name: 'wstr_prm_trt', fieldName: '물리적처리', header: { text: '물리적처리' } },
-        { name: 'wstr_scd_trt', fieldName: '생물학적처리', header: { text: '생물학적처리' } },
-        { name: 'wstr_tert_trt', fieldName: '고도처리', header: { text: '고도처리' } },
-        { name: 'not_conect_popltn', fieldName: '미접속인구', header: { text: '미접속인구' } },
-        { name: 'swge_proc_zone_inner_ar', fieldName: '면적(㎢)', header: { text: '면적(㎢)' } },
-        { name: 'swge_proc_zone_outer_sm', fieldName: '합계', header: { text: '합계' } },
-        { name: 'town_unproc_popltn', fieldName: '미처리인구', header: { text: '미처리인구' } },
-        { name: 'town_swtt_popltn', fieldName: '오수처리인구', header: { text: '오수처리인구' } },
-        { name: 'town_wrrtn_popltn', fieldName: '정화조인구', header: { text: '정화조인구' } },
-        { name: 'swge_proc_zone_outer_ar', fieldName: '면적(㎢)', header: { text: '면적(㎢)' } },
-        { name: 'pblswrg_popltn_suprt', fieldName: '공공하수처리구역인구보급율(%)', header: { text: '공공하수처리구역인구보급율(%)' } },
-        { name: 'adtrt_popltn_suprt', fieldName: '고도처리인구보급율(%)', header: { text: `고도처리인구보급율(%)` } },
-        { name: 'swrg_instlrt', fieldName: '하수도설치율(%)', header: { text: '하수도설치율(%)' } },
-        { name: 'rmk', fieldName: '비고', header: { text: '비고' } },
-    ];
-
-    const columnLayout = [
-        {
-            name: 'groupA',
-            hideChildHeaders: false,
-            header: { text: '행정구역' },
-            items: ['sido', 'sgg'],
-        },
-        'rvbsn',
-        'bstrm',
-        {
-            name: 'groupB',
-            hideChildHeaders: false,
-            header: { text: '수계영향권별분류류' },
-            items: ['mdbsn', 'lgbsn', 'mdmbsn'],
-        },
-        'specl_cntrpln_ar',
-        {
-            name: 'groupC',
-            hideChildHeaders: false,
-            header: { text: '행정참고자료인구' },
-            items: ['total_popl', 'popl_sm', 'frgnr_popl_sm'],
-        },
-        'area',
-        'popltn_sm',
-        'ar_sm',
-        {
-            name: 'groupD',
-            hideChildHeaders: false,
-            header: { text: '하수처리구역내' },
-            items: [
-                'swge_proc_zone_inner_sm',
-                {
-                    name: 'pblswrgGroup',
-                    hideChildHeaders: false,
-                    header: { text: '공공하수처리인구(명)' },
-                    items: ['pblswrg_popltn_sm', 'pblswrg_prm_trt', 'pblswrg_scd_trt', 'pblswrg_tert_trt'],
-                },
-                {
-                    name: 'wstrGroup',
-                    hideChildHeaders: false,
-                    header: { text: '폐수처리인구(명)' },
-                    items: ['wstr_popltn_sm', 'wstr_prm_trt', 'wstr_scd_trt', 'wstr_tert_trt'],
-                },
-                'not_conect_popltn',
-                'swge_proc_zone_inner_ar'
-            ],
-        },
-        {
-            name: 'groupE',
-            hideChildHeaders: false,
-            header: { text: '하수처리구역외' },
-            items: ['swge_proc_zone_outer_sm', 'town_swtt_popltn', 'town_unproc_popltn', 'town_wrrtn_popltn', 'swge_proc_zone_outer_ar'],
-        },
-        'pblswrg_popltn_suprt',
-        'adtrt_popltn_suprt',
-        'swrg_instlrt',
-        'rmk',
-    ];
-
-    const submitFunc = () => {
-        console.log('submit');
-        // 제출 로직
-    };
-
-    const saveFunc = () => {
-        console.log('submit');
-        // 저장 로직
-    };
-
-    const getLastYearDataFunc = () => {
-        console.log('get last year data');
-        // 지난연도 데이터 가져오기 로직
-    };
-
-    const SubmitExceptionFunc = () => {
-        console.log('submit exception');
-        // 예외 제출 로직
-    };
-
     const [rowData, setRowData] = useState<Record<string, string | number>[]>([]);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const { setMessage: alert } = useAlertStore((state) => state);
+
+    const handleSearch = async (values: SearchFormValues) => {
+        try {
+            setIsLoading(true);
+
+            const param = {
+                ctpvNm: values.sido === 'ALL' ? '' : values.sido,
+                sggNm: values.gugun === 'ALL' ? '' : values.gugun,
+                sewerBzmnCd: values.bsnmCd,
+                statsYr: values.year,
+                rowDataYn: values.isDetail
+            };
+
+            const response = await statisticsTotalStatusApi.getSewerageSupplyRateList(param);
+
+            if (response.status === 'success') {
+                setRowData(toGridRows(response.data));
+
+            } else {
+                alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
+            }
+        } catch {
+            alert('데이터 조회 중 오류가 발생했습니다.');
+        } finally {
+            setIsLoading(false);
+        }
+    };
 
     return (
         <>
-            <SearchForm />
-            <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
-                <SubmitButton submitFunc={submitFunc} />
-                <SaveButton saveFunc={saveFunc} />
-                <LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
-                <SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
-            </div>
-            <DataGrid columnInfo={{columns, columnLayout}} rowStartNum={2} isExcelImport={true} fixedColumns={1} rowData={rowData} setRowData={setRowData} />
+            <SearchForm isDetail={true} onSubmit={handleSearch} />
+            {isLoading && <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                <div className="relative size-[5rem]">
+                    <LoadingWithAnimation color="primary" />
+                </div>
+            </div>}
+            <DataGrid
+                columnInfo={SeweragePentrationRateTotColumn}
+                rowStartNum={2}
+                isExcelImport={false}
+                fixedColumns={1}
+                rowData={rowData}
+                setRowData={setRowData}
+                cellStyleCallback={({ row }) => {
+                    const rowType = String(row.rowType ?? '');
+                    if (rowType === 'DETAIL') return undefined;
+                    if (rowType === 'BIZ_SUM') return 'rg-cell-rowtype-biz-sum';
+                    return 'rg-cell-rowtype-other';
+                }}
+            />
         </>
     );
 };
diff --git a/apps/st/src/components/statistics/verification/GeneralVerificationManagement.tsx b/apps/st/src/components/statistics/verification/GeneralVerificationManagement.tsx
new file mode 100644
index 000000000..474b2993b
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/GeneralVerificationManagement.tsx
@@ -0,0 +1,241 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+
+import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
+
+import { useAlertStore } from "@/shared/lib";
+import { NoData } from "@/shared/ui/no-data";
+import { CodeSelectWithAll } from "@/entities/code";
+import { generalverificationApiService } from "@/entities/statistics/api/general-verification-service";
+import type { GeneralverificationList } from "@/entities/statistics/model/general-verification-interface";
+import {
+    Button,
+    DataTable,
+    Label,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@common/components";
+import { LoadingWithAnimation } from "@common/components";
+
+import DetailComponent from "./generalVerification/DetailComponent";
+import RegistDialog from "./generalVerification/RegistDialog";
+
+import { getGeneralVerificationColumns } from "@/components/util/column/management/GeneralVerificationColumn";
+
+const GeneralVerificationManagement = () => {
+    const [searchValues, setSearchValues] = useState<{
+        statsCd: string;
+        useYn: string;
+        vrfcClsfCd: string;
+    }>({
+        statsCd: "",
+        useYn: "",
+        vrfcClsfCd: "",
+    });
+    const [vrfcMasterData, setVrfcMasterData] = useState<
+        GeneralverificationList[]
+    >([]);
+    const [rowSelection, setRowSelection] = useState<Record<string, boolean>>(
+        {},
+    );
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [selectedVrfcRow, setSelectedVrfcRow] = useState<number | null>(null);
+    const [showRegistForm, setShowRegistForm] = useState<boolean>(false);
+
+    const { setMessage: alert } = useAlertStore((state) => state);
+
+    const handleSearch = async () => {
+        try {
+            setIsLoading(true);
+
+            const params = Object.fromEntries(
+                Object.entries({
+                    trgtStatsCd: searchValues.statsCd,
+                    vrfcClsfCd: searchValues.vrfcClsfCd,
+                    useYn: searchValues.useYn,
+                }).filter(([, value]) => value !== "" && value !== "ALL"),
+            );
+
+            const response =
+                await generalverificationApiService.getGeneralverificationList(
+                    params,
+                );
+
+            if (response.status === "success") {
+                setVrfcMasterData(response.data);
+                setRowSelection({});
+                setSelectedVrfcRow(null);
+                setShowRegistForm(false);
+            } else {
+                alert(
+                    response.message || "데이터 조회 중 오류가 발생했습니다.",
+                );
+            }
+        } catch {
+            alert("데이터 조회 중 오류가 발생했습니다.");
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const columns = useMemo(
+        () => getGeneralVerificationColumns(handleSearch),
+        [searchValues.statsCd, searchValues.vrfcClsfCd, searchValues.useYn],
+    );
+
+    const table = useReactTable({
+        data: vrfcMasterData,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        getRowId: (row) => String(row.vrfcSn),
+        state: { rowSelection },
+        onRowSelectionChange: setRowSelection,
+    });
+
+    const handleVrfcMasterRowClick = async (row: GeneralverificationList) => {
+        setRowSelection({ [row.vrfcSn]: true });
+        setSelectedVrfcRow(row.vrfcSn);
+        setShowRegistForm(false);
+    };
+
+    const handleReset = () => {
+        setRowSelection({});
+        setSelectedVrfcRow(null);
+        handleSearch();
+        setShowRegistForm(false);
+    };
+
+    useEffect(() => {
+        handleSearch();
+    }, []);
+
+    return (
+        <>
+            <div className="card card-border !mx-0">
+                <div className="flex items-center gap-6 pl-2">
+                    <div className="flex items-center gap-4">
+                        <Label className="text-label">통계항목</Label>
+                        <CodeSelectWithAll
+                            upCd="STITEM"
+                            value={searchValues.statsCd}
+                            onValueChange={(value) =>
+                                setSearchValues({
+                                    ...searchValues,
+                                    statsCd: value,
+                                })
+                            }
+                            placeholder="전체"
+                            className="w-[16rem]"
+                        />
+                    </div>
+                    <div className="flex items-center gap-4">
+                        <Label className="text-label">검증분류</Label>
+                        <Select
+                            value={searchValues.vrfcClsfCd}
+                            onValueChange={(value) =>
+                                setSearchValues({
+                                    ...searchValues,
+                                    vrfcClsfCd: value,
+                                })
+                            }
+                        >
+                            <SelectTrigger className="w-[10rem]">
+                                <SelectValue placeholder="전체"></SelectValue>
+                            </SelectTrigger>
+                            <SelectContent>
+                                <SelectItem value="ALL">전체</SelectItem>
+                                <SelectItem value="DO_SI">
+                                    도단위 검증
+                                </SelectItem>
+                                <SelectItem value="SI_GU">
+                                    시단위 검증
+                                </SelectItem>
+                            </SelectContent>
+                        </Select>
+                    </div>
+                    <div className="flex items-center gap-4">
+                        <Label className="text-label">사용여부</Label>
+                        <Select
+                            value={searchValues.useYn}
+                            onValueChange={(value) =>
+                                setSearchValues({
+                                    ...searchValues,
+                                    useYn: value,
+                                })
+                            }
+                        >
+                            <SelectTrigger className="w-[10rem]">
+                                <SelectValue placeholder="전체"></SelectValue>
+                            </SelectTrigger>
+                            <SelectContent>
+                                <SelectItem value="ALL">전체</SelectItem>
+                                <SelectItem value="Y">Y</SelectItem>
+                                <SelectItem value="N">N</SelectItem>
+                            </SelectContent>
+                        </Select>
+                    </div>
+                    <div className="ml-auto flex items-center gap-2">
+                        <Button
+                            color="green"
+                            className="h-[3.2rem]"
+                            onClick={handleSearch}
+                        >
+                            조회
+                        </Button>
+                        <Button
+                            color="gray"
+                            className="h-[3.2rem]"
+                            onClick={handleReset}
+                        >
+                            초기화
+                        </Button>
+                    </div>
+                </div>
+            </div>
+            <div className="flex h-[65vh] justify-center gap-5 !p-0">
+                <div className="card card-border !mx-0 flex w-1/2 flex-col">
+                    <div className="card-header">
+                        <h3 className="text-2xl font-medium text-label">
+                            일반 검증 목록
+                        </h3>
+                        <RegistDialog
+                            open={showRegistForm}
+                            onOpenChange={setShowRegistForm}
+                            onSuccess={handleSearch}
+                        >
+                            <Button>등록</Button>
+                        </RegistDialog>
+                    </div>
+                    <div className="card !mx-2 !my-4 h-full overflow-auto !p-0">
+                        {isLoading && (
+                            <div className="[data-theme='black']:bg-transparent absolute inset-0 z-50 flex items-center justify-center rounded-lg p-10">
+                                <div className="relative size-[5rem]">
+                                    <LoadingWithAnimation color="primary" />
+                                </div>
+                            </div>
+                        )}
+                        {isLoading ? null : vrfcMasterData.length > 0 ? (
+                            <DataTable
+                                table={table}
+                                onRowClick={(value) =>
+                                    handleVrfcMasterRowClick(value)
+                                }
+                            />
+                        ) : (
+                            <div className="flex h-full items-center justify-center">
+                                <NoData />
+                            </div>
+                        )}
+                    </div>
+                </div>
+                <DetailComponent selectedVrfcRow={selectedVrfcRow} />
+            </div>
+        </>
+    );
+};
+
+export default GeneralVerificationManagement;
diff --git a/apps/st/src/components/statistics/verification/HbStatisticsVerification.tsx b/apps/st/src/components/statistics/verification/HbStatisticsVerification.tsx
index 81fa83b2a..722fd3eca 100644
--- a/apps/st/src/components/statistics/verification/HbStatisticsVerification.tsx
+++ b/apps/st/src/components/statistics/verification/HbStatisticsVerification.tsx
@@ -1,482 +1,775 @@
 "use client";
 
-import { useState } from "react";
-// import { DataGrid } from "@rsone/components";
-import DataGrid from "@/components/module/DataGrid";
-import SearchForm from "@/components/module/SearchForm";
+import { useEffect, useMemo, useState } from "react";
+
+import {
+    keepPreviousData,
+    useMutation,
+    useQuery,
+    useQueryClient,
+} from "@tanstack/react-query";
+import {
+    getCoreRowModel,
+    getPaginationRowModel,
+    useReactTable,
+} from "@tanstack/react-table";
+import type { AxiosError } from "axios";
+import dayjs from "dayjs";
+
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore } from "@/shared/lib";
+import type { ApiErrorResponse } from "@/shared/model";
+import { CodeSelect } from "@/entities/code";
+import type {
+    AnalysisRequestPayload,
+    AnalysisResponseDto,
+    StAnlsMstResponse,
+    StAnlsMstSearchParams,
+    StAnlsOutlierListResponse,
+} from "@/entities/statistics";
+import { verificationHistoryColumns } from "@/entities/statistics";
+import { analysisApi } from "@/entities/statistics/api/analysis-api";
+import { stAnlsMstApi } from "@/entities/statistics/api/statistics-analysis-master-api";
+import { verificationTargetManagementApi } from "@/entities/statistics/api/verification-target-management-service";
+import type { VerificationTargetCodeResponse } from "@/entities/statistics/model/verification-target-management-interface";
 import {
     Button,
+    Checkbox,
+    DataTable,
+    DateRangePicker,
+    Dialog,
+    DialogContent,
+    DialogHeader,
+    DialogTitle,
     Input,
     Label,
+    LoadingWithAnimation,
+    RadioGroup,
+    RadioGroupItem,
     Select,
-    SelectTrigger,
     SelectContent,
     SelectItem,
+    SelectTrigger,
     SelectValue,
-    Checkbox,
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
 } from "@common/components";
-import { verificationHistoryColumnInfo } from "@/entities/statistics/model/verification-history-column";
-import { verificationHistoryMockData } from "@/entities/statistics/model/verification-history-mock";
 
-interface VerificationFormValues {
+import HbVerificationDetail from "./detail/HbVerificationDetail";
+
+type DateRangeValue = {
+    from: Date;
+    to?: Date;
+};
+
+type VerifyType = "ALL" | "SELECT";
+
+interface VerificationFormState {
     mu: string;
     percentile: string;
     a: string;
     c: string;
     verificationYear: string;
-    checkboxOptions: {
-        sidoDistribution: boolean;
-        countyDistribution: boolean;
-        countyDistributionUserManagement: boolean;
-        lowerDistribution: boolean;
-        sidoServiceAvailability: boolean;
-        individualService: boolean;
-        legalServiceUsage: boolean;
-        excessUse: boolean;
-        lowerOrgStatistics: boolean;
-        studentStatistics: boolean;
-        developmentStatistics: boolean;
-        lowerManagementEnterprise: boolean;
-    };
+}
+
+interface OutlierDialogState {
+    open: boolean;
+    anlsSn: number | null;
+}
+
+function getDefaultHistoryDateRange(): DateRangeValue {
+    const to = dayjs().endOf("day").toDate();
+    const from = dayjs().subtract(7, "day").startOf("day").toDate();
+    return { from, to };
+}
+
+function getVerificationYearOptions(): string[] {
+    const currentYear = dayjs().year();
+    const startYear = 2017;
+    const endYear = currentYear - 1;
+    if (endYear < startYear) return [];
+    return Array.from({ length: endYear - startYear + 1 }, (_, index) =>
+        String(startYear + index),
+    );
+}
+
+function toNumber(value: string): number {
+    const parsed = Number(value);
+    return Number.isNaN(parsed) ? 0 : parsed;
 }
 
 const HbStatisticsVerification = () => {
-    const [verificationHistoryRowData, setVerificationHistoryRowData] =
-        useState<Record<string, string | number>[]>(
-            verificationHistoryMockData,
-        );
+    const { setMessage: alert } = useAlertStore((state) => state);
+    const queryClient = useQueryClient();
 
-    const [formValues, setFormValues] = useState<VerificationFormValues>({
+    const yearOptions = useMemo(() => getVerificationYearOptions(), []);
+    const defaultYear: string =
+        yearOptions.length > 0
+            ? (yearOptions[yearOptions.length - 1] ?? "")
+            : "";
+
+    const [verifyType, setVerifyType] = useState<VerifyType>("ALL");
+    const [formState, setFormState] = useState<VerificationFormState>({
         mu: "0",
         percentile: "0",
         a: "0",
         c: "0",
-        verificationYear: "2025",
-        checkboxOptions: {
-            sidoDistribution: false,
-            countyDistribution: false,
-            countyDistributionUserManagement: false,
-            lowerDistribution: false,
-            sidoServiceAvailability: false,
-            individualService: false,
-            legalServiceUsage: false,
-            excessUse: false,
-            lowerOrgStatistics: false,
-            studentStatistics: false,
-            developmentStatistics: false,
-            lowerManagementEnterprise: false,
+        verificationYear: defaultYear,
+    });
+    const [selectedTargets, setSelectedTargets] = useState<string[]>([]);
+    const [outlierDialog, setOutlierDialog] = useState<OutlierDialogState>({
+        open: false,
+        anlsSn: null,
+    });
+    const [selectedStatsCd, setSelectedStatsCd] = useState<string>("");
+    const [selectedAnlsSn, setSelectedAnlsSn] = useState<number | null>(null);
+
+    const defaultHistoryDateRange = useMemo(
+        () => getDefaultHistoryDateRange(),
+        [],
+    );
+    const [historyDateRange, setHistoryDateRange] = useState<
+        DateRangeValue | undefined
+    >(defaultHistoryDateRange);
+    const [appliedHistoryDateRange, setAppliedHistoryDateRange] = useState<
+        DateRangeValue | undefined
+    >(defaultHistoryDateRange);
+
+    const [historyPagination, setHistoryPagination] = useState({
+        pageIndex: 0,
+        pageSize: 10,
+    });
+
+    const { data: verificationTargetCodes } = useQuery<
+        VerificationTargetCodeResponse[]
+    >({
+        queryKey: [ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG, "codes"],
+        queryFn: () =>
+            verificationTargetManagementApi.getVerificationTargetCodes(),
+    });
+
+    const filteredVerificationTargetCodes = useMemo(() => {
+        return verificationTargetCodes?.filter((item) =>
+            selectedStatsCd
+                ? item.vrfcTrgtSn.startsWith(selectedStatsCd)
+                : true,
+        );
+    }, [verificationTargetCodes, selectedStatsCd]);
+
+    const allVerificationTargetIds = useMemo(
+        () =>
+            (filteredVerificationTargetCodes ?? []).map(
+                (item) => item.vrfcTrgtSn,
+            ),
+        [filteredVerificationTargetCodes],
+    );
+
+    const isAllSelected = useMemo(() => {
+        const count = filteredVerificationTargetCodes?.length ?? 0;
+        return count > 0 && selectedTargets.length === count;
+    }, [filteredVerificationTargetCodes, selectedTargets]);
+
+    const handleToggleAll = () => {
+        setSelectedTargets(isAllSelected ? [] : allVerificationTargetIds);
+    };
+
+    useEffect(() => {
+        setSelectedTargets(allVerificationTargetIds);
+    }, [allVerificationTargetIds]);
+
+    const { data: analysisHistory } = useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST,
+            historyPagination,
+            appliedHistoryDateRange,
+        ],
+        queryFn: () => {
+            const params: StAnlsMstSearchParams = {
+                page: historyPagination.pageIndex,
+                size: historyPagination.pageSize,
+                sort: "anlsSn,desc",
+                vrfcMthdCd: "HB",
+            };
+
+            if (appliedHistoryDateRange?.from) {
+                params.verifyDtStart = dayjs(
+                    appliedHistoryDateRange.from,
+                ).format("YYYY-MM-DD");
+            }
+
+            if (appliedHistoryDateRange?.to || appliedHistoryDateRange?.from) {
+                const to =
+                    appliedHistoryDateRange.to ?? appliedHistoryDateRange.from!;
+                params.verifyDtEnd = dayjs(to).format("YYYY-MM-DD");
+            }
+
+            return stAnlsMstApi.getAnalysisHistoryList(params);
+        },
+        refetchInterval: (query) => {
+            const data = query.state.data;
+            if (!data?.content?.length) return false;
+            const hasProcessing = (data.content as StAnlsMstResponse[]).some(
+                (item) => item.anlsSttsCd === "PROCESSING",
+            );
+            return hasProcessing ? 3000 : false;
+        },
+        placeholderData: keepPreviousData,
+    });
+
+    const historyRowData: StAnlsMstResponse[] = analysisHistory?.content ?? [];
+
+    const table = useReactTable({
+        data: historyRowData,
+        columns: verificationHistoryColumns,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        manualPagination: true,
+        pageCount: analysisHistory?.totalPages ?? 0,
+        state: {
+            pagination: historyPagination,
+        },
+        onPaginationChange: setHistoryPagination,
+        meta: {
+            onOutlierCellClick: (row: StAnlsMstResponse) => {
+                setOutlierDialog({ open: true, anlsSn: row.anlsSn });
+            },
         },
     });
 
-    const handleCheckboxChange = (
-        key: keyof VerificationFormValues["checkboxOptions"],
-    ) => {
-        setFormValues((prev) => ({
-            ...prev,
-            checkboxOptions: {
-                ...prev.checkboxOptions,
-                [key]: !prev.checkboxOptions[key],
-            },
-        }));
-    };
+    const { data: outlierList, isLoading: isLoadingOutlier } = useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST,
+            "outlier",
+            outlierDialog.anlsSn,
+        ],
+        queryFn: async () => {
+            if (!outlierDialog.anlsSn) return [];
+            const response = await stAnlsMstApi.getOutlierList(
+                outlierDialog.anlsSn,
+            );
+            return response;
+        },
+        enabled: outlierDialog.open && !!outlierDialog.anlsSn,
+    });
 
-    const handleInputChange = (
-        key: keyof Omit<VerificationFormValues, "checkboxOptions">,
+    const analysisMutation = useMutation<
+        AnalysisResponseDto,
+        AxiosError<ApiErrorResponse>,
+        AnalysisRequestPayload
+    >({
+        mutationFn: async (payload) => analysisApi.analyze(payload),
+        onSuccess: () => {
+            alert("검증을 요청했습니다.");
+            queryClient.invalidateQueries({
+                queryKey: [ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST],
+            });
+        },
+        onError: (error) => {
+            alert(
+                error.response?.data?.message ??
+                    "검증 실행 중 오류가 발생했습니다.",
+            );
+        },
+    });
+
+    function handleFormChange<Key extends keyof VerificationFormState>(
+        key: Key,
         value: string,
-    ) => {
-        setFormValues((prev) => ({
+    ) {
+        setFormState((prev) => ({
             ...prev,
             [key]: value,
         }));
-    };
+    }
 
-    const handleSubmit = () => {
-        console.log("검증 실행:", formValues);
-    };
+    function handleTargetToggle(statsCd: string) {
+        setSelectedTargets((prev) =>
+            prev.includes(statsCd)
+                ? prev.filter((cd) => cd !== statsCd)
+                : [...prev, statsCd],
+        );
+    }
 
-    const handleReset = () => {
-        console.log("초기화");
-    };
+    async function handleSubmit() {
+        if (!formState.verificationYear) {
+            alert("검증년도를 선택해 주세요.");
+            return;
+        }
+
+        if (verifyType === "SELECT" && selectedTargets.length === 0) {
+            alert("검증 대상을 1개 이상 선택해 주세요.");
+            return;
+        }
+
+        const yearNew = toNumber(formState.verificationYear);
+        const payload: AnalysisRequestPayload = {
+            dataset:
+                verifyType === "ALL"
+                    ? allVerificationTargetIds.length > 0
+                        ? allVerificationTargetIds.join(",")
+                        : undefined
+                    : selectedTargets.length > 0
+                      ? selectedTargets.join(",")
+                      : undefined,
+            yearNew,
+            yearOld: yearNew - 1,
+            mu: toNumber(formState.mu),
+            percentile: toNumber(formState.percentile),
+            a: toNumber(formState.a),
+            c: toNumber(formState.c),
+            vrfcMthdCd: "HB",
+            allVerifyYn: verifyType === "ALL" ? "Y" : "N",
+        };
+
+        analysisMutation.mutate(payload);
+    }
+
+    function handleReset() {
+        setFormState({
+            mu: "0",
+            percentile: "0",
+            a: "0",
+            c: "0",
+            verificationYear: defaultYear,
+        });
+        setSelectedTargets([]);
+    }
+
+    function handleHistoryRowClick(row: StAnlsMstResponse) {
+        const anlsSn = Number(row.anlsSn ?? 0);
+        if (!anlsSn) return;
+        setSelectedAnlsSn(anlsSn);
+    }
+
+    function applyHistoryDateSearch(nextRange: DateRangeValue | undefined) {
+        setAppliedHistoryDateRange(nextRange);
+        setHistoryPagination((prev) => ({
+            ...prev,
+            pageIndex: 0,
+        }));
+    }
+
+    function handleHistoryDateSearch() {
+        applyHistoryDateSearch(historyDateRange);
+    }
+
+    function handleHistoryDateReset() {
+        const resetRange = getDefaultHistoryDateRange();
+        setHistoryDateRange(resetRange);
+        applyHistoryDateSearch(resetRange);
+    }
+
+    function closeOutlierDialog() {
+        setOutlierDialog({ open: false, anlsSn: null });
+    }
 
     return (
-        <div className="card card-border mt-4">
-            <div className="p-2">
-                {/* 통계 검증 섹션 */}
-                <div className="mb-6">
-                    <h3 className="px-2 text-[1.5rem] font-semibold text-title">
-                        통계 검증
-                    </h3>
-
-                    <div className="flex gap-2">
-                        {/* 왼쪽: 검증 변수 */}
-                        <div className="card card-border flex-[0.5] rounded p-4">
-                            <h4 className="mb-3 rounded bg-gray-100 p-2 text-[1.4rem] font-medium">
-                                검증 변수
-                            </h4>
-
-                            <div className="space-y-3">
-                                <div className="flex items-center gap-4">
-                                    <Label className="w-32 text-label">μ</Label>
-                                    <Input
-                                        type="number"
-                                        value={formValues.mu}
-                                        onChange={(e) =>
-                                            handleInputChange(
-                                                "mu",
-                                                e.target.value,
-                                            )
-                                        }
-                                        className="flex-1"
-                                    />
-                                </div>
-
-                                <div className="flex items-center gap-4">
-                                    <Label className="w-32 text-label">
-                                        Percentile
-                                    </Label>
-                                    <Input
-                                        type="number"
-                                        value={formValues.percentile}
-                                        onChange={(e) =>
-                                            handleInputChange(
-                                                "percentile",
-                                                e.target.value,
-                                            )
-                                        }
-                                        className="flex-1"
-                                    />
-                                </div>
-
-                                <div className="flex items-center gap-4">
-                                    <Label className="w-32 text-label">A</Label>
-                                    <Input
-                                        type="number"
-                                        value={formValues.a}
-                                        onChange={(e) =>
-                                            handleInputChange(
-                                                "a",
-                                                e.target.value,
-                                            )
-                                        }
-                                        className="flex-1"
-                                    />
-                                </div>
-
-                                <div className="flex items-center gap-4">
-                                    <Label className="w-32 text-label">C</Label>
-                                    <Input
-                                        type="number"
-                                        value={formValues.c}
-                                        onChange={(e) =>
-                                            handleInputChange(
-                                                "c",
-                                                e.target.value,
-                                            )
-                                        }
-                                        className="flex-1"
-                                    />
-                                </div>
-
-                                <div className="flex items-center gap-4">
-                                    <Label className="w-32 text-label">
+        <>
+            {selectedAnlsSn ? (
+                <HbVerificationDetail
+                    anlsSn={selectedAnlsSn}
+                    onBack={() => setSelectedAnlsSn(null)}
+                />
+            ) : (
+                <>
+                    <div className="card card-border flex flex-col gap-6">
+                        {/* 검증 종류 선택 */}
+                        <div className="flex items-center justify-between">
+                            <div className="flex items-center gap-6">
+                                <div className="flex items-center gap-4 pl-2">
+                                    <Label className="text-[1.3rem] font-medium text-label">
                                         검증 년도
                                     </Label>
                                     <Select
-                                        value={formValues.verificationYear}
+                                        value={formState.verificationYear}
                                         onValueChange={(value) =>
-                                            handleInputChange(
+                                            handleFormChange(
                                                 "verificationYear",
                                                 value,
                                             )
                                         }
                                     >
-                                        <SelectTrigger className="flex-1">
+                                        <SelectTrigger className="w-[10rem] flex-1">
                                             <SelectValue />
                                         </SelectTrigger>
                                         <SelectContent>
-                                            <SelectItem value="2025">
-                                                2025년
-                                            </SelectItem>
+                                            {yearOptions.map((year) => (
+                                                <SelectItem
+                                                    key={year}
+                                                    value={year}
+                                                >
+                                                    {year}년
+                                                </SelectItem>
+                                            ))}
                                         </SelectContent>
                                     </Select>
                                 </div>
-                            </div>
-                        </div>
-
-                        {/* 오른쪽: 검증 대상 */}
-                        <div className="card card-border flex-1 rounded p-4">
-                            <h4 className="mb-3 rounded bg-gray-100 p-2 text-[1.4rem] font-medium">
-                                검증 대상
-                            </h4>
-
-                            <div className="space-y-4 p-2">
-                                <div className="grid grid-cols-4 gap-4">
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .sidoDistribution
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "sidoDistribution",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수도 보급률
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .countyDistribution
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "countyDistribution",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수관로
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .countyDistributionUserManagement
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "countyDistributionUserManagement",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수관로 유지관리
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .lowerDistribution
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "lowerDistribution",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수저류시설 및 빗물펌프장
-                                        </Label>
-                                    </div>
-                                </div>
-
-                                <div className="grid grid-cols-4 gap-4">
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .sidoServiceAvailability
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "sidoServiceAvailability",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            펌프장
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .individualService
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "individualService",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            공공하수처리시설
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .sidoServiceAvailability
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "sidoServiceAvailability",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            분뇨처리시설
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .individualService
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "individualService",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            개인하수처리시설
-                                        </Label>
-                                    </div>
-                                </div>
-
-                                <div className="grid grid-cols-4 gap-4">
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .lowerOrgStatistics
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "lowerOrgStatistics",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수도재정
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .studentStatistics
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "studentStatistics",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            물 재이용
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .lowerOrgStatistics
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "lowerOrgStatistics",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수 및 분뇨찌꺼기(슬러지) 처리
-                                        </Label>
-                                    </div>
-
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .studentStatistics
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "studentStatistics",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수 및 분뇨관련산업
-                                        </Label>
-                                    </div>
-                                </div>
-
-                                <div className="grid grid-cols-4 gap-4">
-                                    <div className="flex items-center gap-2">
-                                        <Checkbox
-                                            checked={
-                                                formValues.checkboxOptions
-                                                    .lowerManagementEnterprise
-                                            }
-                                            onCheckedChange={() =>
-                                                handleCheckboxChange(
-                                                    "lowerManagementEnterprise",
-                                                )
-                                            }
-                                        />
-                                        <Label className="cursor-pointer text-label">
-                                            하수도 서비스 수준
-                                        </Label>
-                                    </div>
+                                <div className="flex items-center gap-4 pl-2">
+                                    <Label className="text-[1.3rem] font-medium text-label">
+                                        검증 방식
+                                    </Label>
+                                    <RadioGroup
+                                        value={verifyType}
+                                        onValueChange={(value) =>
+                                            setVerifyType(value as VerifyType)
+                                        }
+                                        className="flex items-center gap-4"
+                                    >
+                                        <label className="flex cursor-pointer items-center gap-2 text-label">
+                                            <RadioGroupItem value="ALL" />
+                                            <span>일괄 검증</span>
+                                        </label>
+                                        <label className="flex cursor-pointer items-center gap-2 text-label">
+                                            <RadioGroupItem value="SELECT" />
+                                            <span>선택 검증</span>
+                                        </label>
+                                    </RadioGroup>
                                 </div>
                             </div>
+                            <div className="flex gap-2">
+                                <Button
+                                    color="green"
+                                    className="h-[3.6rem] w-[120px]"
+                                    onClick={handleSubmit}
+                                    disabled={analysisMutation.isPending}
+                                >
+                                    검증 실행
+                                </Button>
+                                <Button
+                                    color="gray"
+                                    className="h-[3.6rem] w-[120px]"
+                                    type="button"
+                                    onClick={handleReset}
+                                >
+                                    초기화
+                                </Button>
+                            </div>
                         </div>
+                        {/* //검증 종류 선택 */}
+
+                        {verifyType === "SELECT" && (
+                            <div className="flex gap-4">
+                                {/* 검증 대상 */}
+                                <div className="flex-1">
+                                    <h4 className="mb-3 rounded bg-gray-100 px-4 py-2 text-[1.4rem] font-medium">
+                                        검증 대상
+                                    </h4>
+                                    <div className="mb-3 flex items-center gap-4 px-4">
+                                        <Label className="text-[1.3rem] font-medium text-label">
+                                            통계항목
+                                        </Label>
+                                        <CodeSelect
+                                            upCd="STITEM"
+                                            value={selectedStatsCd}
+                                            onValueChange={setSelectedStatsCd}
+                                            className="w-[24rem]"
+                                        />
+                                        <Button
+                                            type="button"
+                                            color="gray"
+                                            className="h-[3.2rem] px-4 text-[1.3rem]"
+                                            onClick={() =>
+                                                setSelectedStatsCd("")
+                                            }
+                                        >
+                                            초기화
+                                        </Button>
+                                    </div>
+                                    <div className="max-h-[16rem] space-y-4 overflow-auto rounded-md border p-4">
+                                        {verifyType === "SELECT" &&
+                                        filteredVerificationTargetCodes &&
+                                        filteredVerificationTargetCodes.length >
+                                            0 ? (
+                                            <>
+                                                <div className="flex items-center gap-2">
+                                                    <Checkbox
+                                                        id="select-all-targets"
+                                                        checked={isAllSelected}
+                                                        onCheckedChange={
+                                                            handleToggleAll
+                                                        }
+                                                    />
+                                                    <Label
+                                                        htmlFor="select-all-targets"
+                                                        className="cursor-pointer !font-bold"
+                                                    >
+                                                        전체 선택
+                                                    </Label>
+                                                </div>
+                                                <div className="grid grid-cols-3 gap-4">
+                                                    {filteredVerificationTargetCodes.map(
+                                                        (item) => (
+                                                            <div
+                                                                key={
+                                                                    item.vrfcTrgtSn
+                                                                }
+                                                                className="flex items-center gap-2"
+                                                            >
+                                                                <Checkbox
+                                                                    id={
+                                                                        item.vrfcTrgtSn
+                                                                    }
+                                                                    checked={selectedTargets.includes(
+                                                                        item.vrfcTrgtSn,
+                                                                    )}
+                                                                    onCheckedChange={() =>
+                                                                        handleTargetToggle(
+                                                                            item.vrfcTrgtSn,
+                                                                        )
+                                                                    }
+                                                                />
+                                                                <Label
+                                                                    htmlFor={
+                                                                        item.vrfcTrgtSn
+                                                                    }
+                                                                    className="cursor-pointer text-label"
+                                                                >
+                                                                    {
+                                                                        item.vrfcTrgtNm
+                                                                    }
+                                                                </Label>
+                                                            </div>
+                                                        ),
+                                                    )}
+                                                </div>
+                                            </>
+                                        ) : (
+                                            <div className="flex items-center justify-center py-4">
+                                                <p className="text-[1.3rem] text-muted-foreground">
+                                                    검증 대상이 없습니다.
+                                                </p>
+                                            </div>
+                                        )}
+                                    </div>
+                                </div>
+                                {/* //검증 대상 */}
+
+                                {/* 검증 변수 */}
+                                <div className="flex-[0.5]">
+                                    <h4 className="mb-3 rounded bg-gray-100 px-4 py-2 text-[1.4rem] font-medium">
+                                        검증 변수
+                                    </h4>
+
+                                    <div className="space-y-3">
+                                        <div className="flex items-center gap-4">
+                                            <Label className="w-32 text-label">
+                                                μ
+                                            </Label>
+                                            <Input
+                                                type="number"
+                                                value={formState.mu}
+                                                onChange={(event) =>
+                                                    handleFormChange(
+                                                        "mu",
+                                                        event.target.value,
+                                                    )
+                                                }
+                                                className="flex-1"
+                                            />
+                                        </div>
+
+                                        <div className="flex items-center gap-4">
+                                            <Label className="w-32 text-label">
+                                                Percentile
+                                            </Label>
+                                            <Input
+                                                type="number"
+                                                value={formState.percentile}
+                                                onChange={(event) =>
+                                                    handleFormChange(
+                                                        "percentile",
+                                                        event.target.value,
+                                                    )
+                                                }
+                                                className="flex-1"
+                                            />
+                                        </div>
+
+                                        <div className="flex items-center gap-4">
+                                            <Label className="w-32 text-label">
+                                                A
+                                            </Label>
+                                            <Input
+                                                type="number"
+                                                value={formState.a}
+                                                onChange={(event) =>
+                                                    handleFormChange(
+                                                        "a",
+                                                        event.target.value,
+                                                    )
+                                                }
+                                                className="flex-1"
+                                            />
+                                        </div>
+
+                                        <div className="flex items-center gap-4">
+                                            <Label className="w-32 text-label">
+                                                C
+                                            </Label>
+                                            <Input
+                                                type="number"
+                                                value={formState.c}
+                                                onChange={(event) =>
+                                                    handleFormChange(
+                                                        "c",
+                                                        event.target.value,
+                                                    )
+                                                }
+                                                className="flex-1"
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                                {/* //검증 변수 */}
+                            </div>
+                        )}
                     </div>
-                </div>
 
-                {/* 버튼 */}
-                <div className="mt-6 flex justify-center gap-4 pt-4">
-                    <Button
-                        color="green"
-                        className="h-[3.6rem] w-[120px]"
-                        onClick={handleSubmit}
-                    >
-                        검증 실행
-                    </Button>
-                    <Button
-                        color="gray"
-                        className="h-[3.6rem] w-[120px]"
-                        onClick={handleReset}
-                    >
-                        초기화
-                    </Button>
-                </div>
+                    <div className="mt-10 px-2 pb-8">
+                        <h3 className="mb-4 text-[1.6rem] font-semibold text-title">
+                            검증 이력
+                        </h3>
+                        <div className="card card-border !m-0 !mb-2 flex justify-between">
+                            <div className="flex items-center gap-4 px-2">
+                                <span className="text-[1.3rem] font-medium text-label">
+                                    검증일시
+                                </span>
+                                <DateRangePicker
+                                    value={historyDateRange}
+                                    defaultValue={defaultHistoryDateRange}
+                                    onValueChange={(value) =>
+                                        setHistoryDateRange(
+                                            value?.from
+                                                ? (value as DateRangeValue)
+                                                : undefined,
+                                        )
+                                    }
+                                    className="max-w-[26rem]"
+                                />
+                            </div>
+                            <div className="flex gap-2">
+                                <Button
+                                    type="button"
+                                    className="h-[3.2rem] px-4 text-[1.3rem]"
+                                    onClick={handleHistoryDateSearch}
+                                >
+                                    조회
+                                </Button>
+                                <Button
+                                    type="button"
+                                    color="gray"
+                                    className="h-[3.2rem] px-4 text-[1.3rem]"
+                                    onClick={handleHistoryDateReset}
+                                >
+                                    초기화
+                                </Button>
+                            </div>
+                        </div>
+                        <DataTable
+                            table={table}
+                            variant="secondary"
+                            onRowClick={handleHistoryRowClick}
+                            viewPagination={true}
+                            className="[&_td]:!p-0"
+                        />
+                    </div>
+                </>
+            )}
 
-                {/* 검증 이력 섹션 */}
-                <div className="mt-8 border-t border-border pt-6">
-                    <h3 className="mb-4 px-2 text-[1.5rem] font-semibold text-title">
-                        검증 이력
-                    </h3>
-                    <DataGrid
-                        columnInfo={verificationHistoryColumnInfo}
-                        rowData={verificationHistoryRowData}
-                        setRowData={setVerificationHistoryRowData}
-                        isExcelImport={false}
-                        isExcelExport={false}
-                        showHeaderCheckbox={false}
-                    />
-                </div>
-            </div>
-        </div>
+            <Dialog open={outlierDialog.open} onOpenChange={closeOutlierDialog}>
+                <DialogContent className="max-w-[800px]">
+                    <DialogHeader>
+                        <DialogTitle>이상건수 상세</DialogTitle>
+                    </DialogHeader>
+                    {isLoadingOutlier && (
+                        <div className="flex w-full items-center justify-center py-40">
+                            <div className="relative size-[5rem]">
+                                <LoadingWithAnimation color="primary" />
+                            </div>
+                        </div>
+                    )}
+                    {!isLoadingOutlier && (outlierList?.length ?? 0) === 0 && (
+                        <p className="px-2 py-4 text-[1.3rem] text-muted-foreground">
+                            표시할 이상치 데이터가 없습니다.
+                        </p>
+                    )}
+                    {!isLoadingOutlier && (outlierList?.length ?? 0) > 0 && (
+                        <div className="max-h-[40rem] space-y-4 overflow-auto px-1 py-2 text-[1.25rem]">
+                            {outlierList?.map(
+                                (item: StAnlsOutlierListResponse) => (
+                                    <Table
+                                        key={`${item.anlsSn}-${item.vrfcTrgtSn}`}
+                                        variant="secondary"
+                                        className="table-fixed"
+                                    >
+                                        <TableHeader>
+                                            <TableRow>
+                                                <TableHead
+                                                    colSpan={5}
+                                                    className="bg-muted text-left text-[1.3rem] font-semibold"
+                                                >
+                                                    {item.vrfcTrgtNm}
+                                                </TableHead>
+                                            </TableRow>
+                                            <TableRow>
+                                                <TableHead className="bg-muted font-semibold">
+                                                    시도
+                                                </TableHead>
+                                                <TableHead className="bg-muted font-semibold">
+                                                    시군구
+                                                </TableHead>
+                                                <TableHead className="bg-muted font-semibold">
+                                                    행정구역
+                                                </TableHead>
+                                                <TableHead className="bg-muted font-semibold">
+                                                    시설명
+                                                </TableHead>
+                                                <TableHead className="bg-muted text-center font-semibold">
+                                                    입력값
+                                                </TableHead>
+                                            </TableRow>
+                                        </TableHeader>
+                                        <TableBody>
+                                            {item.outlierDataList.map(
+                                                (data) => (
+                                                    <TableRow key={data.rsltSn}>
+                                                        <TableCell className="text-center">
+                                                            {data.sido ?? "-"}
+                                                        </TableCell>
+                                                        <TableCell className="text-center">
+                                                            {data.gugun ?? "-"}
+                                                        </TableCell>
+                                                        <TableCell className="text-center">
+                                                            {data.adstDong ??
+                                                                "-"}
+                                                        </TableCell>
+                                                        <TableCell className="text-center">
+                                                            {/* 시설명: DTO에 해당 필드 없음 */}
+                                                            -
+                                                        </TableCell>
+                                                        <TableCell className="text-right">
+                                                            {data.cryrVl != null
+                                                                ? String(
+                                                                      data.cryrVl,
+                                                                  )
+                                                                : "-"}
+                                                        </TableCell>
+                                                    </TableRow>
+                                                ),
+                                            )}
+                                        </TableBody>
+                                    </Table>
+                                ),
+                            )}
+                        </div>
+                    )}
+                </DialogContent>
+            </Dialog>
+        </>
     );
 };
 
diff --git a/apps/st/src/components/statistics/verification/ImrVerificationHistory.tsx b/apps/st/src/components/statistics/verification/ImrVerificationHistory.tsx
new file mode 100644
index 000000000..3695cf25e
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/ImrVerificationHistory.tsx
@@ -0,0 +1,547 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { Line } from "react-chartjs-2";
+
+import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import {
+    getCoreRowModel,
+    getPaginationRowModel,
+    useReactTable,
+} from "@tanstack/react-table";
+import type { ChartOptions } from "chart.js";
+import {
+    CategoryScale,
+    Chart as ChartJS,
+    Legend,
+    LinearScale,
+    LineElement,
+    PointElement,
+    Title,
+    Tooltip as ChartTooltip,
+} from "chart.js";
+import dayjs from "dayjs";
+
+import { ENDPOINT } from "@/shared/config";
+import { CodeSelect } from "@/entities/code";
+import type {
+    AdstZoneResponseDto,
+    StAnlsMstResponse,
+    StAnlsMstSearchParams,
+    StAnlsRsltResponse,
+} from "@/entities/statistics";
+import {
+    IMR_DETAIL_VISIBLE_COLUMNS_BY_STATS_CD,
+    IMR_DETAIL_VISIBLE_COLUMNS_DEFAULT,
+    imrDetailGridColumnInfo,
+    imrVerificationHistoryColumns,
+} from "@/entities/statistics";
+import { imrApi } from "@/entities/statistics/api/imr-api";
+import {
+    useStAnlsSidoCombo,
+    useStAnlsSigunguCombo,
+} from "@/entities/statistics/api/queries";
+import { stAnlsMstApi } from "@/entities/statistics/api/statistics-analysis-master-api";
+import { stAnlsRsltApi } from "@/entities/statistics/api/statistics-analysis-result-api";
+import {
+    Button,
+    DataTable,
+    DateRangePicker,
+    Label,
+    LoadingWithAnimation,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@common/components";
+
+import DataGrid from "@/components/module/DataGrid";
+import type { ColumnInfo } from "@/components/type/DataGrid.type";
+
+ChartJS.register(
+    CategoryScale,
+    LinearScale,
+    PointElement,
+    LineElement,
+    Title,
+    ChartTooltip,
+    Legend,
+);
+
+type DateRangeValue = {
+    from: Date;
+    to?: Date;
+};
+
+const EMPTY_DATA: never[] = [];
+const EMPTY_ADST_LIST: AdstZoneResponseDto[] = [];
+
+function getImrDetailGridColumnInfo(statsCd: string): ColumnInfo {
+    const visible =
+        IMR_DETAIL_VISIBLE_COLUMNS_BY_STATS_CD[statsCd] ??
+        IMR_DETAIL_VISIBLE_COLUMNS_DEFAULT;
+    const visibleSet = new Set(visible);
+    return {
+        columns: imrDetailGridColumnInfo.columns.map((col) =>
+            visibleSet.has(col.name) ? col : { ...col, visible: false },
+        ),
+        columnLayout: imrDetailGridColumnInfo.columnLayout,
+    };
+}
+
+const ImrVerificationHistory = () => {
+    // Area A Search States
+    const [searchSido, setSearchSido] = useState<string>("");
+    const [searchSigungu, setSearchSigungu] = useState<string>("");
+    const [searchStatsCd, setSearchStatsCd] = useState<string>("");
+    const [dateRange, setDateRange] = useState<DateRangeValue | undefined>({
+        from: dayjs().subtract(1, "month").toDate(),
+        to: dayjs().toDate(),
+    });
+    const [appliedSearchParams, setAppliedSearchParams] =
+        useState<StAnlsMstSearchParams>({
+            page: 0,
+            size: 10,
+            vrfcMthdCd: "IMR",
+            sort: "anlsSn,desc",
+        });
+
+    // Selected States
+    const [selectedHistory, setSelectedHistory] =
+        useState<StAnlsMstResponse | null>(null);
+    const [selectedDetail, setSelectedDetail] =
+        useState<StAnlsRsltResponse | null>(null);
+    const [isDownloading, setIsDownloading] = useState<boolean>(false);
+
+    // Area B Grid State
+    const [gridRowData, setGridRowData] = useState<
+        Record<string, string | number>[]
+    >([]);
+
+    // Area A Pagination
+    const [historyPagination, setHistoryPagination] = useState({
+        pageIndex: 0,
+        pageSize: 5,
+    });
+
+    const { data: sidoData } = useStAnlsSidoCombo();
+    const { data: sigunguData } = useStAnlsSigunguCombo(searchSido);
+    const sidoOptions = sidoData ?? EMPTY_ADST_LIST;
+    const sigunguOptions = sigunguData ?? EMPTY_ADST_LIST;
+
+    const imrDetailColumnInfo = useMemo(
+        () => getImrDetailGridColumnInfo(selectedHistory?.statsCd ?? ""),
+        [selectedHistory?.statsCd],
+    );
+
+    // Area A Data Fetching
+    const { data: historyData } = useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST,
+            "imr",
+            appliedSearchParams,
+            historyPagination,
+        ],
+        queryFn: () =>
+            stAnlsMstApi.getImrAnalysisMasterList({
+                ...appliedSearchParams,
+                page: historyPagination.pageIndex,
+                size: historyPagination.pageSize,
+            }),
+        placeholderData: keepPreviousData,
+    });
+
+    const historyTable = useReactTable({
+        data: historyData?.content ?? EMPTY_DATA,
+        columns: imrVerificationHistoryColumns,
+        getRowId: (row) => String(row.anlsSn),
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        manualPagination: true,
+        pageCount: historyData?.totalPages ?? 0,
+        state: {
+            pagination: historyPagination,
+            rowSelection: selectedHistory
+                ? { [selectedHistory.anlsSn]: true }
+                : {},
+        },
+        onPaginationChange: setHistoryPagination,
+    });
+
+    // Area B Data Fetching
+    const { data: detailData, isLoading: isDetailLoading } = useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT,
+            selectedHistory?.anlsSn,
+        ],
+        queryFn: () =>
+            stAnlsRsltApi.getImrResultList(selectedHistory!.anlsSn, {
+                page: 0,
+                size: 100,
+                sort: "admdstCd,asc",
+            }),
+        enabled: !!selectedHistory,
+    });
+
+    useEffect(() => {
+        if (!detailData || !detailData.content) {
+            setGridRowData([]);
+            return;
+        }
+        const mapped = detailData.content.map((item) => ({
+            ...item,
+            statsNm: selectedHistory?.vrfcTrgtNm ?? "-",
+        }));
+        setGridRowData(mapped as Record<string, string | number>[]);
+    }, [detailData, selectedHistory]);
+
+    // Area C Data Fetching
+    const { data: chartData, isLoading: isChartLoading } = useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.IMR,
+            selectedHistory?.anlsSn,
+            selectedDetail?.vrfcTrgtSn,
+            selectedDetail?.admdstCd,
+        ],
+        queryFn: () =>
+            imrApi.getOutliersLog({
+                jobUuid: selectedHistory!.jobUuid,
+                anlsSn: selectedDetail!.anlsSn,
+                vrfcTrgtSn: selectedDetail!.vrfcTrgtSn,
+                admdstCd: selectedDetail!.admdstCd,
+            }),
+        enabled: !!selectedHistory && !!selectedDetail,
+    });
+
+    const handleSearch = () => {
+        const params: StAnlsMstSearchParams = {
+            vrfcMthdCd: "IMR",
+            sort: "anlsSn,desc",
+        };
+        if (searchSido !== "")
+            params.sewerBzmnCd =
+                searchSigungu !== "" ? searchSigungu : searchSido;
+        if (searchStatsCd) params.statsCd = searchStatsCd;
+        if (dateRange?.from)
+            params.verifyDtStart = dayjs(dateRange.from).format("YYYY-MM-DD");
+        if (dateRange?.to)
+            params.verifyDtEnd = dayjs(dateRange.to).format("YYYY-MM-DD");
+
+        setAppliedSearchParams(params);
+        setHistoryPagination((prev) => ({ ...prev, pageIndex: 0 }));
+        setSelectedHistory(null);
+        setSelectedDetail(null);
+    };
+
+    const handleReset = () => {
+        setSearchSido("");
+        setSearchSigungu("");
+        setSearchStatsCd("");
+        const defaultRange = {
+            from: dayjs().subtract(1, "month").toDate(),
+            to: dayjs().toDate(),
+        };
+        setDateRange(defaultRange);
+    };
+
+    const handleDownload = async () => {
+        if (!selectedHistory || isDownloading) return;
+        setIsDownloading(true);
+
+        try {
+            const blob = await stAnlsRsltApi.downloadExcelImr(
+                selectedHistory.anlsSn,
+            );
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = `IMR_분석결과.xlsx`;
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+            document.body.removeChild(a);
+        } catch (error) {
+            console.error("Failed to download IMR excel", error);
+        } finally {
+            setIsDownloading(false);
+        }
+    };
+
+    const chartOptions: ChartOptions<"line"> = useMemo(
+        () => ({
+            responsive: true,
+            maintainAspectRatio: false,
+            plugins: {
+                legend: {
+                    position: "top" as const,
+                    labels: {
+                        font: {
+                            size: 12,
+                        },
+                    },
+                },
+                title: {
+                    display: true,
+                    text: "I-MR 잔차 관리도",
+                    font: {
+                        size: 16,
+                        weight: "bold",
+                    },
+                },
+            },
+            scales: {
+                y: {
+                    beginAtZero: false,
+                    title: {
+                        display: true,
+                        text: "수치",
+                    },
+                },
+                x: {
+                    title: {
+                        display: true,
+                        text: "연도",
+                    },
+                },
+            },
+        }),
+        [selectedDetail],
+    );
+
+    const lineChartData = useMemo(() => {
+        if (!chartData || !chartData.history) return null;
+
+        const labels = chartData.history.map((h) => String(h.year));
+        const actualData = chartData.history.map((h) => h.x);
+        const uclData = chartData.history.map((h) => h.ucl);
+        const lclData = chartData.history.map((h) => h.lcl);
+        const predictedData = chartData.history.map((h) => h.predicted);
+
+        return {
+            labels,
+            datasets: [
+                {
+                    label: "실측치 (X)",
+                    data: actualData,
+                    borderColor: "rgb(75, 192, 192)",
+                    backgroundColor: "rgba(75, 192, 192, 0.5)",
+                    tension: 0.1,
+                    pointRadius: 4,
+                    pointHoverRadius: 6,
+                },
+                {
+                    label: "상한선 (UCL)",
+                    data: uclData,
+                    borderColor: "rgb(255, 99, 132)",
+                    backgroundColor: "rgba(255, 99, 132, 0.2)",
+                    borderDash: [5, 5],
+                    pointStyle: "false",
+                    fill: false,
+                },
+                {
+                    label: "하한선 (LCL)",
+                    data: lclData,
+                    borderColor: "rgb(54, 162, 235)",
+                    backgroundColor: "rgba(54, 162, 235, 0.2)",
+                    borderDash: [5, 5],
+                    pointStyle: "false",
+                    fill: false,
+                },
+                {
+                    label: "예측치 (Predicted)",
+                    data: predictedData,
+                    borderColor: "rgb(153, 102, 255)",
+                    backgroundColor: "rgba(153, 102, 255, 0.5)",
+                    borderDash: [2, 2],
+                    pointStyle: "false",
+                    fill: false,
+                },
+            ],
+        };
+    }, [chartData]);
+
+    return (
+        <div className="flex flex-col gap-4">
+            {/* 영역 A: 검증 이력 그리드 + 검색 필터 */}
+            <div className="card card-border bg-white p-6">
+                <div className="flex flex-wrap items-end gap-6 p-2">
+                    <div className="flex items-center gap-2">
+                        <Label className="text-[1.3rem] font-medium text-label">
+                            시도
+                        </Label>
+                        <Select
+                            value={searchSido}
+                            onValueChange={(val) => {
+                                setSearchSido(val);
+                                setSearchSigungu("");
+                            }}
+                        >
+                            <SelectTrigger className="w-[14rem]">
+                                <SelectValue placeholder="시도 선택" />
+                            </SelectTrigger>
+                            <SelectContent>
+                                {sidoOptions.map((opt) => (
+                                    <SelectItem
+                                        key={opt.adstCd}
+                                        value={opt.adstCd}
+                                    >
+                                        {opt.adstNm}
+                                    </SelectItem>
+                                ))}
+                            </SelectContent>
+                        </Select>
+                    </div>
+
+                    <div className="flex items-center gap-2">
+                        <Label className="text-[1.3rem] font-medium text-label">
+                            시군구
+                        </Label>
+                        <Select
+                            value={searchSigungu}
+                            onValueChange={setSearchSigungu}
+                            disabled={searchSido === ""}
+                        >
+                            <SelectTrigger className="w-[14rem]">
+                                <SelectValue placeholder="시군구 선택" />
+                            </SelectTrigger>
+                            <SelectContent>
+                                {sigunguOptions.map((opt) => (
+                                    <SelectItem
+                                        key={opt.adstCd}
+                                        value={opt.adstCd}
+                                    >
+                                        {opt.adstNm}
+                                    </SelectItem>
+                                ))}
+                            </SelectContent>
+                        </Select>
+                    </div>
+
+                    <div className="flex items-center gap-2">
+                        <Label className="text-[1.3rem] font-medium text-label">
+                            검증일시
+                        </Label>
+                        <DateRangePicker
+                            value={dateRange}
+                            onValueChange={(val) =>
+                                setDateRange(
+                                    val
+                                        ? { from: val.from!, to: val.to }
+                                        : undefined,
+                                )
+                            }
+                            className="w-[20rem]"
+                        />
+                    </div>
+
+                    <div className="flex items-center gap-2">
+                        <Label className="text-[1.3rem] font-medium text-label">
+                            통계항목
+                        </Label>
+                        <CodeSelect
+                            upCd="STITEM"
+                            value={searchStatsCd}
+                            onValueChange={setSearchStatsCd}
+                            placeholder="통계항목 선택"
+                            className="w-[22rem]"
+                        />
+                    </div>
+
+                    <div className="ml-auto flex gap-2">
+                        <Button color="gray" onClick={handleReset}>
+                            초기화
+                        </Button>
+                        <Button onClick={handleSearch}>검색</Button>
+                    </div>
+                </div>
+
+                <div className="mt-2 pb-4">
+                    <DataTable
+                        table={historyTable}
+                        variant="secondary"
+                        onRowClick={(row) => {
+                            setSelectedHistory(row);
+                            setSelectedDetail(null);
+                        }}
+                        viewPagination={true}
+                        className="[&_td]:!p-0"
+                    />
+                </div>
+            </div>
+
+            <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
+                {/* 영역 B: 상세 데이터 그리드 */}
+                <div className="card card-border bg-white p-4">
+                    <div className="flex items-center justify-between">
+                        <h2 className="pl-2 text-[1.6rem] font-bold text-title">
+                            이상치 데이터
+                        </h2>
+                        <Button
+                            color="green"
+                            disabled={
+                                !detailData ||
+                                detailData.content.length === 0 ||
+                                isDownloading
+                            }
+                            onClick={handleDownload}
+                        >
+                            다운로드
+                        </Button>
+                    </div>
+                    <div className="mt-2">
+                        {isDetailLoading ? (
+                            <div className="flex h-[39rem] w-full items-center justify-center">
+                                <div className="relative size-[5rem]">
+                                    <LoadingWithAnimation color="primary" />
+                                </div>
+                            </div>
+                        ) : !selectedHistory || gridRowData.length === 0 ? (
+                            <div className="flex h-[39rem] w-full items-center justify-center text-[1.4rem] text-muted-foreground">
+                                {!selectedHistory
+                                    ? "항목을 선택해주세요."
+                                    : "표시할 항목이 없습니다."}
+                            </div>
+                        ) : (
+                            <DataGrid
+                                columnInfo={imrDetailColumnInfo}
+                                rowData={gridRowData}
+                                setRowData={setGridRowData}
+                                idFieldName="rsltSn"
+                                isExcelExport={false}
+                                isExcelImport={false}
+                                highlightedRowId={selectedDetail?.rsltSn}
+                                onRowClick={(e) => {
+                                    if (!e.anlsSn) return;
+                                    const row = detailData?.content?.find(
+                                        (item) =>
+                                            String(item.rsltSn) ===
+                                            String(e.rsltSn),
+                                    );
+                                    if (row) setSelectedDetail(row);
+                                }}
+                            />
+                        )}
+                    </div>
+                </div>
+
+                {/* 영역 C: Line Chart */}
+                <div className="m-2 flex h-[45rem] items-center justify-center rounded-sm border bg-white p-4">
+                    {isChartLoading ? (
+                        <div className="relative size-[5rem]">
+                            <LoadingWithAnimation color="primary" />
+                        </div>
+                    ) : lineChartData ? (
+                        <Line options={chartOptions} data={lineChartData} />
+                    ) : (
+                        <div className="text-[1.4rem]">
+                            이상치 데이터를 선택하면 차트가 표시됩니다.
+                        </div>
+                    )}
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default ImrVerificationHistory;
diff --git a/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx b/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx
index caef0180b..c91b520ce 100644
--- a/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx
+++ b/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx
@@ -1,13 +1,30 @@
 "use client";
 
-import DataGrid from "@/components/module/DataGrid";
+import { useState } from "react";
+
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { ENDPOINT } from "@/shared/config";
+import { CodeSelect } from "@/entities/code/ui/code-select";
 import {
     hbArticleColumnInfo,
     imrArticleColumnInfo,
     validationArticleColumnInfo,
-} from "@/entities/statistics/model/verification-article-column";
+} from "@/entities/statistics";
+import { verificationTargetManagementApi } from "@/entities/statistics/api/verification-target-management-service";
+import type {
+    VerificationTargetManagementResponse,
+    VerificationTargetManagementSearchParams,
+} from "@/entities/statistics/model/verification-target-management-interface";
 import {
     Button,
+    cn,
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
     Input,
     Label,
     Tabs,
@@ -15,24 +32,18 @@ import {
     TabsList,
     TabsTrigger,
 } from "@common/components";
-import { CodeSelect } from "@/entities/code/ui/code-select";
-import { verificationTargetManagementApi } from "@/entities/statistics/api/verification-target-management-service";
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { useState } from "react";
-import { ENDPOINT } from "@/shared/config";
-import type {
-    VerificationTargetManagementSearchParams,
-    VerificationTargetManagementResponse,
-} from "@/entities/statistics/model/verification-target-management-interface";
+
+import GeneralVerificationManagement from "./GeneralVerificationManagement";
 import { VerificationTargetDialog } from "./VerificationTargetDialog";
-import { useConfirm } from "@frontend-opensource/use-react-hooks";
+
+import DataGrid from "@/components/module/DataGrid";
 
 const TAB_CONFIG = {
     HB: { value: "HB", label: "H-B", columnInfo: hbArticleColumnInfo },
     IMR: { value: "IMR", label: "I-MR", columnInfo: imrArticleColumnInfo },
-    VV: {
-        value: "VV",
-        label: "Validation",
+    GENERAL: {
+        value: "GENERAL",
+        label: "일반",
         columnInfo: validationArticleColumnInfo,
     },
 } as const;
@@ -54,6 +65,8 @@ function VerificationArticleManagement() {
     const [dialogOpen, setDialogOpen] = useState(false);
     const [selectedData, setSelectedData] =
         useState<VerificationTargetManagementResponse | null>(null);
+    const [resultDialogOpen, setResultDialogOpen] = useState(false);
+    const [resultDialogMessage, setResultDialogMessage] = useState("");
 
     const { data: verificationData } = useQuery({
         queryKey: [ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG, searchParams],
@@ -64,6 +77,7 @@ function VerificationArticleManagement() {
                         vrfcMthdCd: searchParams.vrfcMthdCd,
                         statsCd: searchParams.statsCd || undefined,
                         vrfcTrgtNm: searchParams.vrfcTrgtNm || undefined,
+                        sort: ["statsCd,asc", "vrfcTrgtNm,asc"],
                     },
                 );
             return response;
@@ -104,6 +118,30 @@ function VerificationArticleManagement() {
         });
     }
 
+    const saveMutation = useMutation({
+        mutationFn: (data: VerificationTargetManagementResponse) =>
+            verificationTargetManagementApi.saveVerificationTargetManagement({
+                vrfcMthdCd: data.vrfcMthdCd || activeTab,
+                statsCd: data.statsCd,
+                schmNm: data.schmNm,
+                tblNm: data.tblNm,
+                colNm: data.colNm,
+                pkColNm: data.pkColNm,
+                ipcrCntVl: data.ipcrCntVl,
+                pctlCrtrVl: data.pctlCrtrVl,
+                scopCntCntVl: data.scopCntCntVl,
+                thrsCntVl: data.thrsCntVl,
+                useYn: data.useYn,
+                vrfcTrgtNm: data.vrfcTrgtNm,
+            }),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: [ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG],
+            });
+            setDialogOpen(false);
+        },
+    });
+
     const updateMutation = useMutation({
         mutationFn: (data: VerificationTargetManagementResponse) =>
             verificationTargetManagementApi.updateVerificationTargetManagement(
@@ -144,6 +182,23 @@ function VerificationArticleManagement() {
         },
     });
 
+    const checkColumnsMutation = useMutation({
+        mutationFn: () =>
+            verificationTargetManagementApi.checkColumnsExist({
+                vrfcMthdCd: activeTab,
+            }),
+        onSuccess: (response) => {
+            setResultDialogMessage(
+                response.message || "컬럼 검사가 완료되었습니다.",
+            );
+            setResultDialogOpen(true);
+        },
+        onError: () => {
+            setResultDialogMessage("컬럼 검사 중 오류가 발생했습니다.");
+            setResultDialogOpen(true);
+        },
+    });
+
     function handleRowClick(rowData: Record<string, string | number>) {
         setSelectedData(
             rowData as unknown as VerificationTargetManagementResponse,
@@ -151,6 +206,11 @@ function VerificationArticleManagement() {
         setDialogOpen(true);
     }
 
+    function handleRegister() {
+        setSelectedData(null);
+        setDialogOpen(true);
+    }
+
     function handleSubmit(e: React.FormEvent) {
         e.preventDefault();
         handleSearch();
@@ -158,7 +218,11 @@ function VerificationArticleManagement() {
 
     async function handleSave(data: VerificationTargetManagementResponse) {
         if (await confirm("저장하시겠습니까?")) {
-            updateMutation.mutate(data);
+            if (data.vrfcTrgtSn) {
+                updateMutation.mutate(data);
+            } else {
+                saveMutation.mutate(data);
+            }
         }
     }
 
@@ -168,94 +232,144 @@ function VerificationArticleManagement() {
         }
     }
 
+    async function handleCheckColumns() {
+        if (!(await confirm("컬럼 검사를 실행하시겠습니까?"))) return;
+        checkColumnsMutation.mutate();
+    }
+
     return (
-        <Tabs
-            defaultValue="HB"
-            value={activeTab}
-            onValueChange={handleTabChange}
-        >
-            <TabsList>
+        <>
+            <Tabs
+                defaultValue="HB"
+                value={activeTab}
+                onValueChange={handleTabChange}
+            >
+                <TabsList>
+                    {Object.entries(TAB_CONFIG).map(([key, config]) => (
+                        <TabsTrigger
+                            key={key}
+                            value={config.value}
+                            className="!px-[2rem] !py-[0.8rem] !text-[1.2rem]"
+                        >
+                            {config.label}
+                        </TabsTrigger>
+                    ))}
+                </TabsList>
+                {activeTab !== "GENERAL" && (
+                    <div className="card card-border !mx-0">
+                        <form onSubmit={handleSubmit}>
+                            <div className="flex items-center gap-6 pl-2">
+                                <div className="flex items-center gap-4">
+                                    <Label className="whitespace-nowrap text-label">
+                                        통계항목
+                                    </Label>
+                                    <CodeSelect
+                                        upCd="STITEM"
+                                        value={statsCd}
+                                        onValueChange={setStatsCd}
+                                        placeholder="선택"
+                                        className="w-[16rem]"
+                                    />
+                                </div>
+
+                                <div className="flex items-center gap-4">
+                                    <Label className="whitespace-nowrap text-label">
+                                        검증명
+                                    </Label>
+                                    <Input
+                                        value={vrfcTrgtNm}
+                                        onChange={(e) =>
+                                            setVrfcTrgtNm(e.target.value)
+                                        }
+                                        placeholder="검증명"
+                                        className="w-[20rem]"
+                                    />
+                                </div>
+
+                                <div className="ml-auto flex gap-2">
+                                    <Button
+                                        type="button"
+                                        color="white"
+                                        onClick={handleCheckColumns}
+                                        disabled={
+                                            checkColumnsMutation.isPending
+                                        }
+                                    >
+                                        컬럼 검사
+                                    </Button>
+                                    <Button
+                                        type="button"
+                                        onClick={handleRegister}
+                                    >
+                                        등록
+                                    </Button>
+                                    <Button type="submit" color="green">
+                                        조회
+                                    </Button>
+                                    <Button
+                                        type="button"
+                                        color="gray"
+                                        onClick={handleInitialize}
+                                    >
+                                        초기화
+                                    </Button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                )}
+
                 {Object.entries(TAB_CONFIG).map(([key, config]) => (
-                    <TabsTrigger
+                    <TabsContent
                         key={key}
                         value={config.value}
-                        className="!px-[2rem] !py-[0.8rem] !text-[1.2rem]"
+                        className={cn(
+                            activeTab === "GENERAL" &&
+                                "!mt-[0.6rem] border-none p-0 shadow-none",
+                        )}
                     >
-                        {config.label}
-                    </TabsTrigger>
+                        {activeTab !== "GENERAL" ? (
+                            <DataGrid
+                                columnInfo={columnInfo}
+                                rowData={rowData}
+                                setRowData={() => {}}
+                                onRowClick={handleRowClick}
+                                isExcelImport={false}
+                            />
+                        ) : (
+                            <GeneralVerificationManagement />
+                        )}
+                    </TabsContent>
                 ))}
-            </TabsList>
 
-            <div className="card card-border !mx-0">
-                <form onSubmit={handleSubmit}>
-                    <div className="flex items-center gap-4">
-                        <div className="flex items-center gap-4">
-                            <Label className="whitespace-nowrap px-4 text-label">
-                                통계항목
-                            </Label>
-                            <CodeSelect
-                                upCd="STITEM"
-                                value={statsCd}
-                                onValueChange={setStatsCd}
-                                placeholder="선택"
-                                className="w-[16rem]"
-                            />
-                        </div>
-
-                        <div className="flex items-center gap-4">
-                            <Label className="whitespace-nowrap px-4 text-label">
-                                검증명
-                            </Label>
-                            <Input
-                                value={vrfcTrgtNm}
-                                onChange={(e) => setVrfcTrgtNm(e.target.value)}
-                                placeholder="검증명"
-                                className="w-[20rem]"
-                            />
-                        </div>
-
-                        <div className="ml-auto flex gap-2">
-                            <Button
-                                type="submit"
-                                color="green"
-                                className="h-[3.6rem] w-[80px]"
-                            >
-                                조회
-                            </Button>
-                            <Button
-                                type="button"
-                                color="gray"
-                                className="h-[3.6rem] w-[80px]"
-                                onClick={handleInitialize}
-                            >
-                                초기화
-                            </Button>
-                        </div>
+                <VerificationTargetDialog
+                    tabValue={activeTab}
+                    open={dialogOpen}
+                    onOpenChange={setDialogOpen}
+                    data={selectedData}
+                    onSave={handleSave}
+                    onDelete={handleDelete}
+                />
+            </Tabs>
+            <Dialog open={resultDialogOpen} onOpenChange={setResultDialogOpen}>
+                <DialogContent
+                    className="max-w-[60rem]"
+                    aria-describedby={undefined}
+                >
+                    <DialogHeader>
+                        <DialogTitle>컬럼 검사 결과</DialogTitle>
+                    </DialogHeader>
+                    <div className="max-h-[50rem] overflow-y-auto whitespace-pre-wrap break-words text-[1.4rem]">
+                        {resultDialogMessage}
                     </div>
-                </form>
-            </div>
-
-            {Object.entries(TAB_CONFIG).map(([key, config]) => (
-                <TabsContent key={key} value={config.value}>
-                    <DataGrid
-                        columnInfo={columnInfo}
-                        rowData={rowData}
-                        setRowData={() => {}}
-                        onRowClick={handleRowClick}
-                        isExcelImport={false}
-                    />
-                </TabsContent>
-            ))}
-
-            <VerificationTargetDialog
-                tabValue={activeTab}
-                open={dialogOpen}
-                onOpenChange={setDialogOpen}
-                data={selectedData}
-                onSave={handleSave}
-                onDelete={handleDelete}
-            />
-        </Tabs>
+                    <DialogFooter>
+                        <Button onClick={() => setResultDialogOpen(false)}>
+                            확인
+                        </Button>
+                    </DialogFooter>
+                </DialogContent>
+            </Dialog>
+        </>
     );
 }
 
diff --git a/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx b/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx
index 40fa92826..ce9b1d26e 100644
--- a/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx
+++ b/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx
@@ -1,5 +1,21 @@
 "use client";
 
+import { useEffect, useState } from "react";
+import { Controller, useForm } from "react-hook-form";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Search } from "lucide-react";
+
+import { CodeSelect } from "@/entities/code/ui/code-select";
+import { verificationTargetManagementApi } from "@/entities/statistics/api/verification-target-management-service";
+import type {
+    NumericColumnDto,
+    VerificationTargetManagementResponse,
+} from "@/entities/statistics/model/verification-target-management-interface";
+import {
+    type VerificationTargetManagementFormData,
+    verificationTargetManagementSchema,
+} from "@/entities/statistics/model/verification-target-management-schema";
 import {
     Button,
     Dialog,
@@ -12,17 +28,10 @@ import {
     TableBody,
     TableCell,
     TableHead,
+    TableHeader,
     TableRow,
 } from "@common/components";
-import { CodeSelect } from "@/entities/code/ui/code-select";
-import type { VerificationTargetManagementResponse } from "@/entities/statistics/model/verification-target-management-interface";
-import {
-    verificationTargetManagementSchema,
-    type VerificationTargetManagementFormData,
-} from "@/entities/statistics/model/verification-target-management-schema";
-import { useEffect } from "react";
-import { useForm, Controller } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+
 import type { TabValue } from "./VerificationArticleManagement";
 
 interface VerificationTargetDialogProps {
@@ -42,24 +51,49 @@ export function VerificationTargetDialog({
     onSave,
     onDelete,
 }: VerificationTargetDialogProps) {
-    const {
-        control,
-        handleSubmit,
-        reset,
-        formState: { errors },
-    } = useForm<VerificationTargetManagementFormData>({
-        resolver: zodResolver(verificationTargetManagementSchema),
-        defaultValues: data || undefined,
-    });
+    const { control, handleSubmit, reset, watch, getValues, setValue } =
+        useForm<VerificationTargetManagementFormData>({
+            resolver: zodResolver(verificationTargetManagementSchema),
+            defaultValues: data || {
+                vrfcMthdCd: tabValue,
+                statsCd: "",
+                vrfcTrgtNm: "",
+                schmNm: "",
+                tblNm: "",
+                colNm: "",
+                pkColNm: "",
+                useYn: "Y",
+            },
+        });
+    const watchStatsCd = watch("statsCd");
+
+    const [isColumnDialogOpen, setIsColumnDialogOpen] = useState(false);
+    const [numericColumns, setNumericColumns] = useState<NumericColumnDto[]>(
+        [],
+    );
 
     useEffect(() => {
-        if (data && open) reset(data);
-    }, [data, open, reset]);
+        if (open) {
+            reset(
+                data || {
+                    vrfcMthdCd: tabValue,
+                    statsCd: "",
+                    vrfcTrgtNm: "",
+                    schmNm: "",
+                    tblNm: "",
+                    colNm: "",
+                    pkColNm: "",
+                    useYn: "Y",
+                },
+            );
+        } else {
+            setNumericColumns([]);
+        }
+    }, [data, open, reset, tabValue]);
 
     function onSubmit(formData: VerificationTargetManagementFormData) {
-        if (!data) return;
         onSave({
-            ...data,
+            ...(data || {}),
             ...formData,
         } as VerificationTargetManagementResponse);
     }
@@ -70,307 +104,468 @@ export function VerificationTargetDialog({
         }
     }
 
-    if (!data) return null;
+    async function handleSearchTableMetadata(e?: React.MouseEvent) {
+        e?.preventDefault();
+        const statsCd = getValues("statsCd");
+        if (!statsCd) {
+            alert("통계항목을 선택해주세요.");
+            return;
+        }
+
+        try {
+            const metadata =
+                await verificationTargetManagementApi.getTableInfo(statsCd);
+
+            setValue("schmNm", metadata.schmNm, { shouldValidate: true });
+            setValue("tblNm", metadata.tblNm, { shouldValidate: true });
+
+            if (metadata.pkColumns && metadata.pkColumns.length > 0) {
+                setValue("pkColNm", metadata.pkColumns.join(", "), {
+                    shouldValidate: true,
+                });
+            }
+
+            setNumericColumns(metadata.numericColumns || []);
+            setIsColumnDialogOpen(true);
+        } catch (error) {
+            alert("테이블 정보를 조회하는 중 오류가 발생했습니다.");
+            console.error(error);
+        }
+    }
+
+    function handleOpenColumnDialog(e?: React.MouseEvent) {
+        e?.preventDefault();
+        if (numericColumns.length === 0) {
+            handleSearchTableMetadata();
+        } else {
+            setIsColumnDialogOpen(true);
+        }
+    }
+
+    function handleSelectColumn(colNm: string) {
+        setValue("colNm", colNm, { shouldValidate: true });
+        setIsColumnDialogOpen(false);
+    }
 
     return (
-        <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent className="max-w-[800px]">
-                <DialogHeader>
-                    <DialogTitle>검증 항목 상세</DialogTitle>
-                </DialogHeader>
+        <>
+            <Dialog open={open} onOpenChange={onOpenChange}>
+                <DialogContent className="max-w-[800px]">
+                    <DialogHeader>
+                        <DialogTitle>
+                            {data ? "검증 항목 상세" : "검증 항목 등록"}
+                        </DialogTitle>
+                    </DialogHeader>
 
-                <form onSubmit={handleSubmit(onSubmit)}>
-                    <Table variant="secondary">
-                        <TableBody>
-                            <TableRow>
-                                <TableHead
-                                    className="w-[150px] bg-muted font-medium"
-                                    data-required
-                                >
-                                    통계항목
-                                </TableHead>
-                                <TableCell>
-                                    <Controller
-                                        name="statsCd"
-                                        control={control}
-                                        render={({ field }) => (
-                                            <div className="space-y-1">
-                                                <CodeSelect
-                                                    upCd="STITEM"
-                                                    value={field.value}
-                                                    onValueChange={
-                                                        field.onChange
-                                                    }
-                                                    placeholder="선택"
-                                                />
-                                            </div>
-                                        )}
-                                    />
-                                </TableCell>
-                                <TableHead
-                                    className="w-[150px] bg-muted font-medium"
-                                    data-required
-                                >
-                                    검증명
-                                </TableHead>
-                                <TableCell>
-                                    <Controller
-                                        name="vrfcTrgtNm"
-                                        control={control}
-                                        render={({ field }) => (
-                                            <Input
-                                                {...field}
-                                                value={field.value || ""}
-                                                placeholder="검증명"
+                    <form onSubmit={handleSubmit(onSubmit)}>
+                        <Table variant="secondary">
+                            <colgroup>
+                                <col style={{ width: "20%" }} />
+                                <col style={{ width: "30%" }} />
+                                <col style={{ width: "20%" }} />
+                                <col style={{ width: "30%" }} />
+                            </colgroup>
+                            <TableBody>
+                                <TableRow>
+                                    <TableHead
+                                        className="w-[150px] bg-muted font-medium"
+                                        data-required
+                                    >
+                                        통계항목
+                                    </TableHead>
+                                    <TableCell>
+                                        <div className="flex items-center gap-2">
+                                            <Controller
+                                                name="statsCd"
+                                                control={control}
+                                                render={({ field }) => (
+                                                    <CodeSelect
+                                                        upCd="STITEM"
+                                                        value={field.value}
+                                                        onValueChange={
+                                                            field.onChange
+                                                        }
+                                                        placeholder="선택"
+                                                        className="flex-1"
+                                                    />
+                                                )}
                                             />
-                                        )}
-                                    />
-                                </TableCell>
-                            </TableRow>
-
-                            <TableRow>
-                                <TableHead
-                                    className="bg-muted font-medium"
-                                    data-required
-                                >
-                                    스키마명
-                                </TableHead>
-                                <TableCell>
-                                    <Controller
-                                        name="schmNm"
-                                        control={control}
-                                        render={({ field }) => (
-                                            <div className="space-y-1">
-                                                <Input
-                                                    {...field}
-                                                    placeholder="스키마명"
-                                                />
-                                            </div>
-                                        )}
-                                    />
-                                </TableCell>
-                                <TableHead
-                                    className="bg-muted font-medium"
-                                    data-required
-                                >
-                                    테이블명
-                                </TableHead>
-                                <TableCell>
-                                    <Controller
-                                        name="tblNm"
-                                        control={control}
-                                        render={({ field }) => (
-                                            <div className="space-y-1">
-                                                <Input
-                                                    {...field}
-                                                    placeholder="테이블명"
-                                                />
-                                            </div>
-                                        )}
-                                    />
-                                </TableCell>
-                            </TableRow>
-
-                            <TableRow>
-                                <TableHead
-                                    className="bg-muted font-medium"
-                                    data-required
-                                >
-                                    컬럼명
-                                </TableHead>
-                                <TableCell>
-                                    <Controller
-                                        name="colNm"
-                                        control={control}
-                                        render={({ field }) => (
-                                            <div className="space-y-1">
-                                                <Input
-                                                    {...field}
-                                                    placeholder="컬럼명"
-                                                />
-                                            </div>
-                                        )}
-                                    />
-                                </TableCell>
-                                <TableHead
-                                    className="bg-muted font-medium"
-                                    data-required
-                                >
-                                    PK 키
-                                </TableHead>
-                                <TableCell>
-                                    <Controller
-                                        name="pkColNm"
-                                        control={control}
-                                        render={({ field }) => (
-                                            <div className="space-y-1">
-                                                <Input
-                                                    {...field}
-                                                    placeholder="PK 키"
-                                                />
-                                            </div>
-                                        )}
-                                    />
-                                </TableCell>
-                            </TableRow>
-
-                            {tabValue !== "IMR" && (
-                                <TableRow>
-                                    <TableHead className="bg-muted font-medium">
-                                        중요도 계수(μ)
+                                            <Button
+                                                className="px-4"
+                                                onClick={
+                                                    handleSearchTableMetadata
+                                                }
+                                                disabled={!watchStatsCd}
+                                            >
+                                                조회
+                                            </Button>
+                                        </div>
+                                    </TableCell>
+                                    <TableHead
+                                        className="w-[150px] bg-muted font-medium"
+                                        data-required
+                                    >
+                                        검증명
                                     </TableHead>
                                     <TableCell>
                                         <Controller
-                                            name="ipcrCntVl"
+                                            name="vrfcTrgtNm"
+                                            control={control}
+                                            render={({ field }) => (
+                                                <Input
+                                                    {...field}
+                                                    value={field.value || ""}
+                                                    placeholder="검증명"
+                                                />
+                                            )}
+                                        />
+                                    </TableCell>
+                                </TableRow>
+
+                                <TableRow>
+                                    <TableHead
+                                        className="bg-muted font-medium"
+                                        data-required
+                                    >
+                                        스키마명
+                                    </TableHead>
+                                    <TableCell>
+                                        <Controller
+                                            name="schmNm"
                                             control={control}
                                             render={({ field }) => (
                                                 <div className="space-y-1">
                                                     <Input
-                                                        type="number"
-                                                        min="0"
-                                                        max="1"
-                                                        step="0.1"
-                                                        value={field.value ?? ""}
-                                                        onChange={(e) =>
-                                                            field.onChange(
-                                                                e.target.value
-                                                                    ? Number(
-                                                                          e.target
-                                                                              .value,
-                                                                      )
-                                                                    : null,
-                                                            )
-                                                        }
-                                                        placeholder="(0 ~ 1, 0.1 단위)"
+                                                        {...field}
+                                                        placeholder="스키마명"
                                                     />
                                                 </div>
                                             )}
                                         />
                                     </TableCell>
-                                    <TableHead className="bg-muted font-medium">
-                                        백분위수 기준값(pct)
+                                    <TableHead
+                                        className="bg-muted font-medium"
+                                        data-required
+                                    >
+                                        테이블명
                                     </TableHead>
                                     <TableCell>
                                         <Controller
-                                            name="pctlCrtrVl"
+                                            name="tblNm"
                                             control={control}
                                             render={({ field }) => (
                                                 <div className="space-y-1">
                                                     <Input
-                                                        type="number"
-                                                        min="0"
-                                                        max="0.5"
-                                                        step="0.1"
-                                                        value={field.value ?? ""}
-                                                        onChange={(e) =>
-                                                            field.onChange(
-                                                                e.target.value
-                                                                    ? Number(
-                                                                          e.target
-                                                                              .value,
-                                                                      )
-                                                                    : null,
-                                                            )
-                                                        }
-                                                        placeholder="(0 ~ 0.5, 0.1 단위)"
+                                                        {...field}
+                                                        placeholder="테이블명"
                                                     />
                                                 </div>
                                             )}
                                         />
                                     </TableCell>
                                 </TableRow>
-                            )}
 
-                            {tabValue !== "IMR" && (
                                 <TableRow>
-                                    <TableHead className="bg-muted font-medium">
-                                        스케일 조정 계수(A)
+                                    <TableHead
+                                        className="bg-muted font-medium"
+                                        data-required
+                                    >
+                                        컬럼명
                                     </TableHead>
                                     <TableCell>
-                                        <Controller
-                                            name="scopCntCntVl"
-                                            control={control}
-                                            render={({ field }) => (
-                                                <div className="space-y-1">
+                                        <div className="flex items-center gap-2">
+                                            <Controller
+                                                name="colNm"
+                                                control={control}
+                                                render={({ field }) => (
                                                     <Input
-                                                        type="number"
-                                                        min="0"
-                                                        max="1"
-                                                        step="0.01"
-                                                        value={field.value ?? ""}
-                                                        onChange={(e) =>
-                                                            field.onChange(
-                                                                e.target.value
-                                                                    ? Number(
-                                                                          e.target
-                                                                              .value,
-                                                                      )
-                                                                    : null,
-                                                            )
-                                                        }
-                                                        placeholder="(0 ~ 1, 0.01 단위)"
+                                                        {...field}
+                                                        placeholder="컬럼명"
+                                                        className="flex-1"
                                                     />
-                                                </div>
-                                            )}
-                                        />
+                                                )}
+                                            />
+                                            <Button
+                                                color="white"
+                                                className="whitespace-nowrap px-4"
+                                                onClick={handleOpenColumnDialog}
+                                                disabled={!watchStatsCd}
+                                            >
+                                                목록보기
+                                            </Button>
+                                        </div>
                                     </TableCell>
-                                    <TableHead className="bg-muted font-medium">
-                                        임계 계수(c)
+                                    <TableHead
+                                        className="bg-muted font-medium"
+                                        data-required
+                                    >
+                                        PK 키
                                     </TableHead>
                                     <TableCell>
                                         <Controller
-                                            name="thrsCntVl"
+                                            name="pkColNm"
                                             control={control}
                                             render={({ field }) => (
                                                 <div className="space-y-1">
                                                     <Input
-                                                        type="number"
-                                                        min="0"
-                                                        max="100"
-                                                        step="1"
-                                                        value={field.value ?? ""}
-                                                        onChange={(e) =>
-                                                            field.onChange(
-                                                                e.target.value
-                                                                    ? Number(
-                                                                          e.target
-                                                                              .value,
-                                                                      )
-                                                                    : null,
-                                                            )
-                                                        }
-                                                        placeholder="(0 ~ 100, 1 단위)"
+                                                        {...field}
+                                                        placeholder="PK 키"
                                                     />
                                                 </div>
                                             )}
                                         />
                                     </TableCell>
                                 </TableRow>
-                            )}
-                        </TableBody>
-                    </Table>
 
-                    <DialogFooter className="mt-6">
-                        <Button
-                            type="button"
-                            color="gray"
-                            onClick={() => onOpenChange(false)}
-                        >
-                            취소
-                        </Button>
-                        <Button
-                            type="button"
-                            color="red"
-                            onClick={handleDelete}
-                        >
-                            삭제
-                        </Button>
-                        <Button type="submit" color="green">
-                            저장
-                        </Button>
-                    </DialogFooter>
-                </form>
-            </DialogContent>
-        </Dialog>
+                                {tabValue !== "IMR" && (
+                                    <TableRow>
+                                        <TableHead className="bg-muted font-medium">
+                                            중요도 계수(μ)
+                                        </TableHead>
+                                        <TableCell>
+                                            <Controller
+                                                name="ipcrCntVl"
+                                                control={control}
+                                                render={({ field }) => (
+                                                    <div className="space-y-1">
+                                                        <Input
+                                                            type="number"
+                                                            min="0"
+                                                            max="1"
+                                                            step="0.1"
+                                                            value={
+                                                                field.value ??
+                                                                ""
+                                                            }
+                                                            onChange={(e) =>
+                                                                field.onChange(
+                                                                    e.target
+                                                                        .value
+                                                                        ? Number(
+                                                                              e
+                                                                                  .target
+                                                                                  .value,
+                                                                          )
+                                                                        : null,
+                                                                )
+                                                            }
+                                                            placeholder="(0 ~ 1, 0.1 단위)"
+                                                        />
+                                                    </div>
+                                                )}
+                                            />
+                                        </TableCell>
+                                        <TableHead className="bg-muted font-medium">
+                                            백분위수 기준값(pct)
+                                        </TableHead>
+                                        <TableCell>
+                                            <Controller
+                                                name="pctlCrtrVl"
+                                                control={control}
+                                                render={({ field }) => (
+                                                    <div className="space-y-1">
+                                                        <Input
+                                                            type="number"
+                                                            min="0"
+                                                            max="0.5"
+                                                            step="0.1"
+                                                            value={
+                                                                field.value ??
+                                                                ""
+                                                            }
+                                                            onChange={(e) =>
+                                                                field.onChange(
+                                                                    e.target
+                                                                        .value
+                                                                        ? Number(
+                                                                              e
+                                                                                  .target
+                                                                                  .value,
+                                                                          )
+                                                                        : null,
+                                                                )
+                                                            }
+                                                            placeholder="(0 ~ 0.5, 0.1 단위)"
+                                                        />
+                                                    </div>
+                                                )}
+                                            />
+                                        </TableCell>
+                                    </TableRow>
+                                )}
+
+                                {tabValue !== "IMR" && (
+                                    <TableRow>
+                                        <TableHead className="bg-muted font-medium">
+                                            스케일 조정 계수(A)
+                                        </TableHead>
+                                        <TableCell>
+                                            <Controller
+                                                name="scopCntCntVl"
+                                                control={control}
+                                                render={({ field }) => (
+                                                    <div className="space-y-1">
+                                                        <Input
+                                                            type="number"
+                                                            min="0"
+                                                            max="1"
+                                                            step="0.01"
+                                                            value={
+                                                                field.value ??
+                                                                ""
+                                                            }
+                                                            onChange={(e) =>
+                                                                field.onChange(
+                                                                    e.target
+                                                                        .value
+                                                                        ? Number(
+                                                                              e
+                                                                                  .target
+                                                                                  .value,
+                                                                          )
+                                                                        : null,
+                                                                )
+                                                            }
+                                                            placeholder="(0 ~ 1, 0.01 단위)"
+                                                        />
+                                                    </div>
+                                                )}
+                                            />
+                                        </TableCell>
+                                        <TableHead className="bg-muted font-medium">
+                                            임계 계수(c)
+                                        </TableHead>
+                                        <TableCell>
+                                            <Controller
+                                                name="thrsCntVl"
+                                                control={control}
+                                                render={({ field }) => (
+                                                    <div className="space-y-1">
+                                                        <Input
+                                                            type="number"
+                                                            min="0"
+                                                            max="100"
+                                                            step="1"
+                                                            value={
+                                                                field.value ??
+                                                                ""
+                                                            }
+                                                            onChange={(e) =>
+                                                                field.onChange(
+                                                                    e.target
+                                                                        .value
+                                                                        ? Number(
+                                                                              e
+                                                                                  .target
+                                                                                  .value,
+                                                                          )
+                                                                        : null,
+                                                                )
+                                                            }
+                                                            placeholder="(0 ~ 100, 1 단위)"
+                                                        />
+                                                    </div>
+                                                )}
+                                            />
+                                        </TableCell>
+                                    </TableRow>
+                                )}
+                            </TableBody>
+                        </Table>
+
+                        <DialogFooter className="mt-6">
+                            <Button
+                                type="button"
+                                color="gray"
+                                onClick={() => onOpenChange(false)}
+                            >
+                                취소
+                            </Button>
+                            {data && (
+                                <Button
+                                    type="button"
+                                    color="red"
+                                    onClick={handleDelete}
+                                >
+                                    삭제
+                                </Button>
+                            )}
+                            <Button type="submit" color="green">
+                                저장
+                            </Button>
+                        </DialogFooter>
+                    </form>
+                </DialogContent>
+            </Dialog>
+
+            <Dialog
+                open={isColumnDialogOpen}
+                onOpenChange={setIsColumnDialogOpen}
+            >
+                <DialogContent className="max-w-[600px]">
+                    <DialogHeader>
+                        <DialogTitle>숫자형 컬럼 목록</DialogTitle>
+                    </DialogHeader>
+                    <div className="max-h-[400px] overflow-y-auto">
+                        <Table variant="default">
+                            <TableHeader>
+                                <TableRow>
+                                    <TableHead className="bg-muted text-center font-bold">
+                                        컬럼명
+                                    </TableHead>
+                                    <TableHead className="bg-muted text-center font-bold">
+                                        데이터 타입
+                                    </TableHead>
+                                    <TableHead className="bg-muted text-center font-bold">
+                                        코멘트
+                                    </TableHead>
+                                    <TableHead className="bg-muted text-center font-bold">
+                                        선택
+                                    </TableHead>
+                                </TableRow>
+                            </TableHeader>
+                            <TableBody>
+                                {numericColumns.length === 0 ? (
+                                    <TableRow>
+                                        <TableCell
+                                            colSpan={4}
+                                            className="py-8 text-center text-gray-500"
+                                        >
+                                            조회된 숫자형 컬럼이 없습니다.
+                                        </TableCell>
+                                    </TableRow>
+                                ) : (
+                                    numericColumns.map((col, idx) => (
+                                        <TableRow key={idx}>
+                                            <TableCell className="text-center">
+                                                {col.columnName}
+                                            </TableCell>
+                                            <TableCell className="text-center">
+                                                {col.dataType}
+                                            </TableCell>
+                                            <TableCell className="text-center">
+                                                {col.columnComment}
+                                            </TableCell>
+                                            <TableCell className="text-center">
+                                                <Button
+                                                    size="sm"
+                                                    onClick={() =>
+                                                        handleSelectColumn(
+                                                            col.columnName,
+                                                        )
+                                                    }
+                                                >
+                                                    입력하기
+                                                </Button>
+                                            </TableCell>
+                                        </TableRow>
+                                    ))
+                                )}
+                            </TableBody>
+                        </Table>
+                    </div>
+                </DialogContent>
+            </Dialog>
+        </>
     );
 }
diff --git a/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
new file mode 100644
index 000000000..89a988fda
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
@@ -0,0 +1,125 @@
+import React, { useState } from "react";
+
+import type { StAnlsDtlResponse } from "@/entities/statistics";
+import { Button } from "@common/components";
+
+import Indicators from "./Indicators";
+import RegionalGrid from "./RegionalGrid";
+import ScatterChart from "./ScatterChart";
+import VerificationList from "./VerificationList";
+
+interface HbVerificationDetailProps {
+    anlsSn: number;
+    onBack: () => void;
+}
+
+export interface AppliedFilter {
+    sido: string | null;
+    gugun: string;
+    status: string;
+}
+
+const HbVerificationDetail: React.FC<HbVerificationDetailProps> = ({
+    anlsSn,
+    onBack,
+}) => {
+    const [selectedVrfcTrgtSn, setSelectedVrfcTrgtSn] = useState<string | null>(
+        null,
+    );
+    const [checkedSns, setCheckedSns] = useState<string[]>([]);
+    const [appliedFilter, setAppliedFilter] = useState<AppliedFilter>({
+        sido: "",
+        gugun: "",
+        status: "",
+    });
+    const [selectedRowId, setSelectedRowId] = useState<number | null>(null);
+    const [selectedTargetInfo, setSelectedTargetInfo] = useState<{
+        statsNm: string;
+        vrfcTrgtNm: string;
+    } | null>(null);
+
+    const handleTargetSelect = (row: StAnlsDtlResponse) => {
+        setSelectedVrfcTrgtSn(String(row.vrfcTrgtSn));
+        setSelectedTargetInfo({
+            statsNm: row.statsNm,
+            vrfcTrgtNm: row.vrfcTrgtNm,
+        });
+        setSelectedRowId(null);
+        setAppliedFilter({
+            sido: "",
+            gugun: "",
+            status: "",
+        });
+    };
+
+    return (
+        <div className="flex flex-col">
+            <div className="flex items-end justify-between px-4 py-2">
+                <div className="flex items-center gap-4">
+                    <Button
+                        variant="ghost"
+                        size="icon"
+                        color="white"
+                        onClick={onBack}
+                        className=""
+                    >
+                        <i className="diveicon di-arrow-back" />
+                        <span className="sr-only">목록으로 돌아가기</span>
+                    </Button>
+                    <h2 className="text-[1.8rem] font-bold text-title">
+                        검증 상세
+                    </h2>
+                </div>
+                <Button disabled={checkedSns.length === 0}>검증확정</Button>
+            </div>
+
+            <div className="flex flex-col gap-4">
+                <div className="h-[20rem] overflow-y-auto">
+                    <VerificationList
+                        anlsSn={anlsSn}
+                        selectedVrfcTrgtSn={selectedVrfcTrgtSn}
+                        onSelect={handleTargetSelect}
+                        checkedSns={checkedSns}
+                        onCheck={setCheckedSns}
+                    />
+                </div>
+
+                <div className="card card-border !m-4">
+                    <h3 className="p-4 pb-0 text-[1.8rem] font-bold text-title">
+                        검증 결과 상세
+                    </h3>
+                    <div className="flex">
+                        <div className="flex-1 p-4">
+                            <RegionalGrid
+                                anlsSn={anlsSn}
+                                vrfcTrgtSn={selectedVrfcTrgtSn}
+                                statsNm={selectedTargetInfo?.statsNm || ""}
+                                vrfcTrgtNm={
+                                    selectedTargetInfo?.vrfcTrgtNm || ""
+                                }
+                                onFilterChange={setAppliedFilter}
+                                selectedRowId={selectedRowId}
+                                appliedFilter={appliedFilter}
+                            />
+                        </div>
+                        <div className="flex flex-col gap-4 p-4 pt-[4.8rem]">
+                            <Indicators
+                                anlsSn={anlsSn}
+                                vrfcTrgtSn={selectedVrfcTrgtSn}
+                            />
+
+                            <ScatterChart
+                                anlsSn={anlsSn}
+                                vrfcTrgtSn={selectedVrfcTrgtSn}
+                                appliedFilter={appliedFilter}
+                                onPointClick={setSelectedRowId}
+                            />
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default HbVerificationDetail;
diff --git a/apps/st/src/components/statistics/verification/detail/Indicators.tsx b/apps/st/src/components/statistics/verification/detail/Indicators.tsx
new file mode 100644
index 000000000..f311e1667
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/Indicators.tsx
@@ -0,0 +1,89 @@
+import React from "react";
+
+import { useQuery } from "@tanstack/react-query";
+
+import { ENDPOINT } from "@/shared/config";
+import { stAnlsRsltApi } from "@/entities/statistics/api/statistics-analysis-result-api";
+import { LoadingWithAnimation } from "@common/components";
+
+interface IndicatorsProps {
+    anlsSn: number;
+    vrfcTrgtSn: string | null;
+}
+
+const Indicators: React.FC<IndicatorsProps> = ({ anlsSn, vrfcTrgtSn }) => {
+    const { data: chartData, isLoading } = useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT,
+            "chart",
+            anlsSn,
+            vrfcTrgtSn,
+        ],
+        queryFn: () => stAnlsRsltApi.getChartData(anlsSn, Number(vrfcTrgtSn)),
+        enabled: !!anlsSn && !!vrfcTrgtSn,
+    });
+
+    const dtl = chartData?.dtl;
+
+    if (!vrfcTrgtSn) {
+        return (
+            <div className="card card-border flex min-h-[10rem] items-center justify-center gap-6 text-[1.4rem] text-muted-foreground">
+                항목을 선택해주세요
+            </div>
+        );
+    }
+
+    if (isLoading) {
+        return (
+            <div className="flex w-full items-center justify-center py-40">
+                <div className="relative size-[5rem]">
+                    <LoadingWithAnimation color="primary" />
+                </div>
+            </div>
+        );
+    }
+
+    const IndicatorItem = ({
+        label,
+        value,
+    }: {
+        label: string;
+        value: number | null | undefined;
+    }) => (
+        <div className="flex flex-1 flex-col gap-2 overflow-hidden rounded border bg-gray-50 p-2">
+            <h4
+                className="truncate text-[1.2rem] font-medium text-label"
+                title={label}
+            >
+                {label}
+            </h4>
+            <div className="truncate text-[1.6rem] font-bold">
+                {value != null ? Number(value).toFixed(4) : "-"}
+            </div>
+        </div>
+    );
+
+    return (
+        <div className="card card-border !m-0 grid min-h-[10rem] grid-cols-4 gap-2">
+            <IndicatorItem label="r 중위수" value={dtl?.rtCnterVl} />
+            <IndicatorItem
+                label="(E_m)E 중위수"
+                value={dtl?.lastTrsfScrCnterVl}
+            />
+            <IndicatorItem
+                label="(E_l)E 하한값"
+                value={dtl?.lastTrsfScrLlmtVl}
+            />
+            <IndicatorItem
+                label="(E_u)E 상한값"
+                value={dtl?.lastTrsfScrUplmtVl}
+            />
+            <IndicatorItem label="E_D_L" value={dtl?.llmtVl} />
+            <IndicatorItem label="E_D_U" value={dtl?.uplmtVl} />
+            <IndicatorItem label="이상치 하한선" value={dtl?.otlrLlmtLine} />
+            <IndicatorItem label="이상치 상한선" value={dtl?.otlrUplmtLine} />
+        </div>
+    );
+};
+
+export default Indicators;
diff --git a/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
new file mode 100644
index 000000000..8f5c420da
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
@@ -0,0 +1,276 @@
+import React, { useEffect, useMemo, useState } from "react";
+
+import type {
+    AdstZoneResponseDto,
+    StAnlsRsltResponse,
+} from "@/entities/statistics";
+import {
+    useStAnlsRsltList,
+    useStAnlsSidoCombo,
+    useStAnlsSigunguCombo,
+} from "@/entities/statistics/api/queries";
+import { stAnlsRsltApi } from "@/entities/statistics/api/statistics-analysis-result-api";
+import { regionalGridColumnInfo as columnInfo } from "@/entities/statistics/model/regional-grid-columns";
+import {
+    Button,
+    LoadingWithAnimation,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@common/components";
+
+import type { AppliedFilter } from "./HbVerificationDetail";
+
+import DataGrid from "@/components/module/DataGrid";
+
+const EMPTY_ADST_LIST: AdstZoneResponseDto[] = [];
+
+interface RegionalGridProps {
+    anlsSn: number;
+    vrfcTrgtSn: string | null;
+    statsNm: string;
+    vrfcTrgtNm: string;
+    onFilterChange: (filter: AppliedFilter) => void;
+    selectedRowId?: number | null;
+    appliedFilter: AppliedFilter;
+}
+
+const RegionalGrid: React.FC<RegionalGridProps> = ({
+    anlsSn,
+    vrfcTrgtSn,
+    statsNm,
+    vrfcTrgtNm,
+    onFilterChange,
+    selectedRowId,
+    appliedFilter,
+}) => {
+    const [selectedSido, setSelectedSido] = useState<string>("");
+    const [selectedGugun, setSelectedGugun] = useState<string>("");
+    const [selectedStatus, setSelectedStatus] = useState<string>("");
+    const [showAllOnEmptyFilter, setShowAllOnEmptyFilter] =
+        useState<boolean>(true);
+    const [isDownloading, setIsDownloading] = useState<boolean>(false);
+
+    const [gridRowData, setGridRowData] = useState<
+        Record<string, string | number>[]
+    >([]);
+
+    const { data: sidoData } = useStAnlsSidoCombo();
+    const { data: gugunData } = useStAnlsSigunguCombo(selectedSido);
+    const sidoOptions = sidoData ?? EMPTY_ADST_LIST;
+    const gugunOptions = gugunData ?? EMPTY_ADST_LIST;
+
+    const { data: resultData, isLoading } = useStAnlsRsltList(
+        anlsSn,
+        vrfcTrgtSn,
+    );
+
+    const rowData = useMemo(() => {
+        let data = (resultData?.content ?? []) as StAnlsRsltResponse[];
+
+        if (
+            !appliedFilter.sido &&
+            !appliedFilter.gugun &&
+            !appliedFilter.status
+        ) {
+            data = showAllOnEmptyFilter ? data : [];
+        } else {
+            const sidoCd = appliedFilter.sido;
+            if (sidoCd) {
+                data = data.filter((item) =>
+                    item.admdstCd.startsWith(sidoCd.slice(0, 2)),
+                );
+            }
+
+            const gugunCd = appliedFilter.gugun;
+            if (gugunCd) {
+                data = data.filter((item) => item.admdstCd === gugunCd);
+            }
+
+            if (appliedFilter.status) {
+                data = data.filter(
+                    (item) =>
+                        item.otlrYnCd.toLowerCase() === appliedFilter.status,
+                );
+            }
+        }
+
+        const mapOtlrToLabel = (otlrYn: string) => {
+            switch (otlrYn) {
+                case "0":
+                    return "정상";
+                case "1":
+                    return "이상치";
+                case "2":
+                    return "제외";
+                default:
+                    return "";
+            }
+        };
+
+        const mappedData = data.map((item) => ({
+            ...item,
+            otlrYn: mapOtlrToLabel(item.otlrYnCd),
+        }));
+
+        return mappedData;
+    }, [resultData, appliedFilter, showAllOnEmptyFilter]);
+
+    const handleSidoChange = (val: string) => {
+        setSelectedSido(val);
+        setSelectedGugun("");
+    };
+
+    const handleSearch = () => {
+        onFilterChange({
+            sido: selectedSido,
+            gugun: selectedGugun,
+            status: selectedStatus,
+        });
+        setShowAllOnEmptyFilter(false);
+    };
+
+    const handleReset = () => {
+        setSelectedSido("");
+        setSelectedGugun("");
+        setSelectedStatus("");
+        onFilterChange({
+            sido: "",
+            gugun: "",
+            status: "",
+        });
+        setShowAllOnEmptyFilter(true);
+    };
+
+    const handleDownload = async () => {
+        if (!vrfcTrgtSn) return;
+        setIsDownloading(true);
+
+        try {
+            const blob = await stAnlsRsltApi.downloadExcel(
+                anlsSn,
+                Number(vrfcTrgtSn),
+            );
+
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = `분석결과_${statsNm}-${vrfcTrgtNm}.xlsx`;
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+            document.body.removeChild(a);
+        } catch (error) {
+            console.error("Failed to download excel", error);
+        } finally {
+            setIsDownloading(false);
+        }
+    };
+
+    useEffect(() => {
+        setGridRowData(rowData as Record<string, string | number>[]);
+    }, [rowData]);
+
+    useEffect(() => {
+        handleReset();
+    }, [vrfcTrgtSn]);
+
+    return (
+        <div className="flex flex-col gap-2">
+            <div className="flex justify-between">
+                <div className="flex items-center gap-2">
+                    <Select
+                        value={selectedSido || ""}
+                        onValueChange={handleSidoChange}
+                    >
+                        <SelectTrigger className="w-[12rem] bg-white">
+                            <SelectValue placeholder="시도 선택" />
+                        </SelectTrigger>
+                        <SelectContent>
+                            {sidoOptions.map((opt) => (
+                                <SelectItem key={opt.adstCd} value={opt.adstCd}>
+                                    {opt.adstNm}
+                                </SelectItem>
+                            ))}
+                        </SelectContent>
+                    </Select>
+                    <Select
+                        value={selectedGugun}
+                        onValueChange={setSelectedGugun}
+                        disabled={!selectedSido}
+                    >
+                        <SelectTrigger className="w-[12rem] bg-white">
+                            <SelectValue placeholder="시군구 선택" />
+                        </SelectTrigger>
+                        <SelectContent>
+                            {gugunOptions.map((opt) => (
+                                <SelectItem key={opt.adstCd} value={opt.adstCd}>
+                                    {opt.adstNm}
+                                </SelectItem>
+                            ))}
+                        </SelectContent>
+                    </Select>
+                    <Select
+                        value={selectedStatus}
+                        onValueChange={setSelectedStatus}
+                    >
+                        <SelectTrigger className="w-[10rem] bg-white">
+                            <SelectValue placeholder="상태 선택" />
+                        </SelectTrigger>
+                        <SelectContent>
+                            <SelectItem value="0">정상</SelectItem>
+                            <SelectItem value="1">이상치</SelectItem>
+                            <SelectItem value="2">제외</SelectItem>
+                        </SelectContent>
+                    </Select>
+                </div>
+
+                <div className="flex gap-2">
+                    <Button color="white" onClick={handleReset}>
+                        초기화
+                    </Button>
+                    <Button onClick={handleSearch}>조회</Button>
+                    <Button
+                        color="green"
+                        onClick={handleDownload}
+                        disabled={!vrfcTrgtSn || isDownloading}
+                    >
+                        다운로드
+                    </Button>
+                </div>
+            </div>
+
+            <div className="flex-1 overflow-auto">
+                {isLoading && (
+                    <div className="flex w-full items-center justify-center py-40">
+                        <div className="relative size-[5rem]">
+                            <LoadingWithAnimation color="primary" />
+                        </div>
+                    </div>
+                )}
+                {!isLoading && (!vrfcTrgtSn || rowData.length === 0) && (
+                    <div className="p-4 text-center text-[1.3rem] text-muted-foreground">
+                        {vrfcTrgtSn
+                            ? "표시할 항목이 없습니다."
+                            : "항목을 선택해주세요."}
+                    </div>
+                )}
+                {!isLoading && rowData.length > 0 && (
+                    <DataGrid
+                        columnInfo={columnInfo}
+                        rowData={gridRowData}
+                        setRowData={setGridRowData}
+                        idFieldName="rsltSn"
+                        isExcelExport={false}
+                        isExcelImport={false}
+                        highlightedRowId={selectedRowId}
+                    />
+                )}
+            </div>
+        </div>
+    );
+};
+
+export default RegionalGrid;
diff --git a/apps/st/src/components/statistics/verification/detail/ScatterChart.tsx b/apps/st/src/components/statistics/verification/detail/ScatterChart.tsx
new file mode 100644
index 000000000..d5387f122
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/ScatterChart.tsx
@@ -0,0 +1,317 @@
+import React, { useMemo } from "react";
+import { Scatter } from "react-chartjs-2";
+
+import {
+    Chart as ChartJS,
+    type ChartData,
+    type ChartOptions,
+    Legend,
+    LinearScale,
+    LineController,
+    LineElement,
+    PointElement,
+    ScatterController,
+    Tooltip,
+    type TooltipItem,
+} from "chart.js";
+import zoomPlugin from "chartjs-plugin-zoom";
+
+import type { StAnlsRsltResponse } from "@/entities/statistics";
+import {
+    useStAnlsChartData,
+    useStAnlsRsltList,
+} from "@/entities/statistics/api/queries";
+import { LoadingWithAnimation } from "@common/components";
+
+import type { AppliedFilter } from "./HbVerificationDetail";
+
+ChartJS.register(
+    LinearScale,
+    LineController,
+    LineElement,
+    PointElement,
+    ScatterController,
+    Legend,
+    Tooltip,
+    zoomPlugin,
+);
+
+interface ScatterChartProps {
+    anlsSn: number;
+    vrfcTrgtSn: string | null;
+    appliedFilter: AppliedFilter;
+    onPointClick?: (rsltSn: number | null) => void;
+}
+
+interface LinePoint {
+    x: number;
+    y: number;
+}
+
+interface DataPoint extends LinePoint {
+    item: StAnlsRsltResponse;
+}
+
+/** 모든 점의 x·y를 합쳐 두 축이 같은 [min, max] 구간을 쓰도록 할 때 사용 */
+function getUnifiedLinearRange(data: ChartData<"scatter">): {
+    min: number;
+    max: number;
+} | null {
+    const values: number[] = [];
+    for (const ds of data.datasets) {
+        for (const pt of ds.data) {
+            if (pt && typeof pt === "object" && "x" in pt && "y" in pt) {
+                const p = pt as LinePoint;
+                if (Number.isFinite(p.x)) values.push(p.x);
+                if (Number.isFinite(p.y)) values.push(p.y);
+            }
+        }
+    }
+    if (values.length === 0) return null;
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    if (min === max) {
+        const pad = Math.abs(min) * 0.05 || 1;
+        return { min: min - pad, max: max + pad };
+    }
+    const padding = (max - min) * 0.02;
+    return { min: min - padding, max: max + padding };
+}
+
+function matchesAdmdstFilter(
+    admdstCd: string,
+    sidoCd: string | null | undefined,
+    gugunCd: string | undefined,
+): boolean {
+    const gugun = (gugunCd ?? "").trim();
+    if (gugun) {
+        return admdstCd === gugun;
+    }
+    const sido = (sidoCd ?? "").trim();
+    if (!sido) {
+        return true;
+    }
+    return admdstCd.startsWith(sido.slice(0, 2));
+}
+
+const ScatterChart: React.FC<ScatterChartProps> = ({
+    anlsSn,
+    vrfcTrgtSn,
+    appliedFilter,
+    onPointClick,
+}) => {
+    const { data: resultData, isLoading: isLoadingGrid } = useStAnlsRsltList(
+        anlsSn,
+        vrfcTrgtSn,
+    );
+    const { data: chartData, isLoading: isLoadingChart } = useStAnlsChartData(
+        anlsSn,
+        vrfcTrgtSn,
+    );
+
+    const isLoading = isLoadingGrid || isLoadingChart;
+
+    const chartConfig = useMemo(() => {
+        if (!resultData || !chartData) return null;
+
+        const rawPoints = (resultData.content ?? []) as StAnlsRsltResponse[];
+        const boundaries = chartData.list ?? [];
+
+        const sortedBoundaries = [...boundaries].sort(
+            (a, b) => a.xprev - b.xprev,
+        );
+
+        const upperLineData: LinePoint[] = sortedBoundaries.map((b) => ({
+            x: b.yupper,
+            y: b.xprev,
+        }));
+
+        const lowerLineData: LinePoint[] = sortedBoundaries.map((b) => ({
+            x: b.xprev,
+            y: b.ylower,
+        }));
+
+        const normalPoints: DataPoint[] = [];
+        const outlierPoints: DataPoint[] = [];
+
+        rawPoints.forEach((item) => {
+            if (
+                !matchesAdmdstFilter(
+                    item.admdstCd,
+                    appliedFilter.sido,
+                    appliedFilter.gugun,
+                )
+            ) {
+                return;
+            }
+
+            if (
+                appliedFilter.status &&
+                item.otlrYnCd.toLowerCase() !== appliedFilter.status
+            ) {
+                return;
+            }
+
+            const pt: DataPoint = {
+                x: Number(item.prvyrVl ?? 0),
+                y: Number(item.cryrVl ?? 0),
+                item,
+            };
+
+            if (item.otlrYnCd === "0") {
+                normalPoints.push(pt);
+            } else {
+                outlierPoints.push(pt);
+            }
+        });
+
+        const data: ChartData<"scatter"> = {
+            datasets: [
+                {
+                    label: "상한선",
+                    data: upperLineData,
+                    showLine: true,
+                    borderColor: "rgba(255, 99, 132, 0.8)",
+                    pointRadius: 0,
+                },
+                {
+                    label: "하한선",
+                    data: lowerLineData,
+                    showLine: true,
+                    borderColor: "rgba(54, 162, 235, 0.8)",
+                    pointRadius: 0,
+                },
+                {
+                    label: "이상치",
+                    data: outlierPoints,
+                    backgroundColor: "rgba(255, 99, 132, 0.7)",
+                    pointRadius: 4,
+                    pointHoverRadius: 8,
+                },
+                {
+                    label: "정상",
+                    data: normalPoints,
+                    backgroundColor: "rgba(75, 192, 192, 0.7)",
+                    pointRadius: 4,
+                    pointHoverRadius: 8,
+                },
+            ],
+        };
+
+        const axisRange = getUnifiedLinearRange(data);
+
+        const options: ChartOptions<"scatter"> = {
+            responsive: true,
+            maintainAspectRatio: false,
+            onClick: (event, elements) => {
+                if (elements.length > 0) {
+                    const element = elements[0];
+                    if (!element) return;
+                    const datasetIndex = element.datasetIndex;
+                    const index = element.index;
+                    const dataset = data.datasets[datasetIndex];
+
+                    if (!dataset) return;
+
+                    // 상한선/하한선 클릭 시 무시
+                    if (dataset.showLine) return;
+
+                    const pt = dataset.data[index] as DataPoint;
+                    if (pt?.item?.rsltSn) {
+                        onPointClick?.(pt.item.rsltSn);
+                    }
+                } else {
+                    onPointClick?.(null);
+                }
+            },
+            plugins: {
+                zoom: {
+                    pan: {
+                        enabled: true,
+                        mode: "xy",
+                    },
+                    zoom: {
+                        wheel: {
+                            enabled: true,
+                        },
+                        pinch: {
+                            enabled: true,
+                        },
+                        mode: "xy",
+                    },
+                },
+                tooltip: {
+                    callbacks: {
+                        label: (context: TooltipItem<"scatter">) => {
+                            const dataset = context.dataset;
+                            if (dataset.showLine) {
+                                return `${context.dataset.label}: (${context?.parsed?.x?.toFixed(2) ?? "-"}, ${context?.parsed?.y?.toFixed(2) ?? "-"})`;
+                            }
+
+                            const pt = (context.raw as DataPoint) ?? {};
+                            return `${pt?.item?.sido ?? "시/도"} ${pt?.item?.gugun ?? "구/군"}: 이전(${pt?.x ?? "-"}), 당해(${pt?.y ?? "-"})`;
+                        },
+                    },
+                },
+            },
+            scales: {
+                x: {
+                    type: "linear",
+                    position: "bottom",
+                    min: axisRange?.min,
+                    max: axisRange?.max,
+                    title: {
+                        display: true,
+                        text: "이전년도 값",
+                    },
+                },
+                y: {
+                    type: "linear",
+                    min: axisRange?.min,
+                    max: axisRange?.max,
+                    title: {
+                        display: true,
+                        text: "당해년도 값",
+                    },
+                },
+            },
+        };
+
+        return { data, options };
+    }, [
+        resultData,
+        chartData,
+        appliedFilter.sido,
+        appliedFilter.gugun,
+        appliedFilter.status,
+    ]);
+
+    return (
+        <div className="relative flex-1 p-4">
+            {!vrfcTrgtSn ? (
+                <div className="flex h-full w-full items-center justify-center text-[1.4rem] text-muted-foreground">
+                    항목을 선택해주세요
+                </div>
+            ) : isLoading ? (
+                <div className="flex w-full items-center justify-center py-40">
+                    <div className="relative size-[5rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>
+            ) : chartConfig ? (
+                <div className="size-[52rem]">
+                    <Scatter
+                        data={chartConfig.data}
+                        options={chartConfig.options}
+                    />
+                </div>
+            ) : (
+                <div className="flex h-full w-full items-center justify-center text-[1.4rem] text-muted-foreground">
+                    표시할 데이터가 없습니다.
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default ScatterChart;
diff --git a/apps/st/src/components/statistics/verification/detail/VerificationList.tsx b/apps/st/src/components/statistics/verification/detail/VerificationList.tsx
new file mode 100644
index 000000000..3966b3131
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/VerificationList.tsx
@@ -0,0 +1,92 @@
+import React, { useEffect, useMemo } from "react";
+
+import { useQuery } from "@tanstack/react-query";
+import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
+
+import { ENDPOINT } from "@/shared/config";
+import type { StAnlsDtlResponse } from "@/entities/statistics";
+import { getVerificationListColumns } from "@/entities/statistics";
+import { stAnlsDtlApi } from "@/entities/statistics/api/statistics-analysis-detail-api";
+import { DataTable } from "@common/components";
+
+interface VerificationListProps {
+    anlsSn: number;
+    selectedVrfcTrgtSn: string | null;
+    onSelect: (row: StAnlsDtlResponse) => void;
+    checkedSns: string[];
+    onCheck: (checkedSns: string[], rows: StAnlsDtlResponse[]) => void;
+}
+
+const VerificationList: React.FC<VerificationListProps> = ({
+    anlsSn,
+    selectedVrfcTrgtSn,
+    onSelect,
+    checkedSns,
+    onCheck,
+}) => {
+    const { data: detailData, isLoading } = useQuery({
+        queryKey: [ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_DTL, "list", anlsSn],
+        queryFn: () =>
+            stAnlsDtlApi.getDetailList({ anlsSn, page: 0, size: 100 }),
+        enabled: !!anlsSn,
+    });
+
+    const rowData = useMemo(() => {
+        return (detailData?.content ?? []) as StAnlsDtlResponse[];
+    }, [detailData]);
+
+    const columns = useMemo(
+        () => getVerificationListColumns({ rowData, checkedSns, onCheck }),
+        [rowData, checkedSns, onCheck],
+    );
+
+    const table = useReactTable({
+        data: rowData,
+        columns,
+        state: {
+            rowSelection: selectedVrfcTrgtSn
+                ? { [selectedVrfcTrgtSn]: true }
+                : {},
+        },
+        enableMultiRowSelection: false,
+        getRowId: (row) => String(row.vrfcTrgtSn),
+        getCoreRowModel: getCoreRowModel(),
+    });
+
+    const handleRowClick = (row: StAnlsDtlResponse) => {
+        onSelect(row);
+    };
+
+    useEffect(() => {
+        if (!selectedVrfcTrgtSn && rowData.length > 0) {
+            const firstRow = rowData[0];
+            if (firstRow) onSelect(firstRow);
+        }
+    }, [selectedVrfcTrgtSn, rowData, onSelect]);
+
+    return (
+        <div className="flex-1 px-4 py-2">
+            {isLoading && (
+                <div className="p-4 text-center text-[1.3rem] text-muted-foreground">
+                    데이터를 불러오는 중...
+                </div>
+            )}
+            {!isLoading && rowData.length === 0 && (
+                <div className="p-4 text-center text-[1.3rem] text-muted-foreground">
+                    표시할 항목이 없습니다.
+                </div>
+            )}
+            {!isLoading && rowData.length > 0 && (
+                <DataTable
+                    table={table}
+                    variant="secondary"
+                    onRowClick={handleRowClick}
+                    viewPagination={false}
+                    className="whitespace-nowrap text-[1.2rem] [&_td]:!px-2 [&_th]:!px-2"
+                />
+            )}
+        </div>
+    );
+};
+
+export default VerificationList;
diff --git a/apps/st/src/components/statistics/verification/generalVerification/CopyDialog.tsx b/apps/st/src/components/statistics/verification/generalVerification/CopyDialog.tsx
new file mode 100644
index 000000000..556d3f54a
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/generalVerification/CopyDialog.tsx
@@ -0,0 +1,146 @@
+import { useState, useEffect } from "react";
+
+import {
+    Button,
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+    DialogClose,
+    Label,
+    Input,
+} from "@common/components";
+import { CodeSelect } from "@/entities/code";
+import { useAlertStore } from "@/shared/lib";
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { getUserInfo } from "../../../../../../../packages/common/components/src/api";
+import { LoadingWithAnimation } from "@common/components";
+
+import { generalverificationApiService } from "@/entities/statistics/api/general-verification-service";
+
+import type { GeneralverificationList } from "@/entities/statistics/model/general-verification-interface";
+
+interface CopyDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children?: React.ReactNode;
+    row?: GeneralverificationList;
+    /** 수정/등록 성공 시 부모에서 목록 재조회 등 실행 */
+    onSuccess?: () => void;
+}
+
+const CopyDialog = ({
+    children,
+    open,
+    onOpenChange,
+    row,
+    onSuccess,
+    ...props
+}: CopyDialogProps) => {
+
+    const [selectedCode, setSelectedCode] = useState<string>('');
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const { setMessage: alert } = useAlertStore((state) => state);
+    const { confirm } = useConfirm();
+
+    const handleChangeCode = (value: string) => {
+        if (row?.trgtStatsCd === value) {
+            alert('원본과 동일한 통계항목으로 복사할 경우\n복사 완료 후 검증 분류를 꼭 수정해주세요.');
+        }
+
+        setSelectedCode(value);
+    };
+
+    const handleCopyItem = async () => {
+        if (!selectedCode) {
+            alert('복사 대상 통계항목을 선택해주세요.');
+            return;
+        }
+
+        if (await confirm('복사하시겠습니까?')) {
+            try {
+                setIsLoading(true);
+                const userInfo = await getUserInfo();
+                const response = await generalverificationApiService.CopyVrfcData({
+                    vrfcSn: row?.vrfcSn ?? null,
+                    targetStatsCd: selectedCode ?? '',
+                    rgtrId: userInfo.userUnqId
+                });
+
+                if (response.status === 'success') {
+                    alert('복사되었습니다.');
+                    onOpenChange(false);
+                    onSuccess?.();
+                } else {
+                    alert(response.message || '데이터 복사 중 오류가 발생했습니다.');
+                }
+            } catch {
+                alert('데이터 복사 중 오류가 발생했습니다.')
+            } finally {
+                setIsLoading(false);
+            }
+        }
+    };
+
+    useEffect(() => {
+        if (!open) setSelectedCode('');
+    }, [open]);
+
+    return (
+        <Dialog open={open} onOpenChange={onOpenChange} {...props}>
+            <DialogTrigger asChild>{children}</DialogTrigger>
+            <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
+                <DialogHeader>
+                    <DialogTitle>
+                        {row?.vrfcNm}
+                    </DialogTitle>
+                </DialogHeader>
+                {isLoading &&
+                    <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                        <div className="relative size-[5rem]">
+                            <LoadingWithAnimation color="primary" />
+                        </div>
+                    </div>
+                }
+                <div className="flex flex-col gap-4 m-2">
+                    <div className="flex flex-col gap-2">
+                        <Label className="text-label">
+                            원본 통계항목
+                        </Label>
+                        <Input
+                            value={row?.trgtStatsNm}
+                            disabled
+                            className="w-full"
+                        />
+                    </div>
+                    <div className="flex flex-col gap-2">
+                        <Label className="text-label">
+                            대상 통계항목
+                        </Label>
+                        <CodeSelect
+                            upCd="STITEM"
+                            value={selectedCode}
+                            onValueChange={handleChangeCode}
+                            placeholder="선택"
+                            className="w-full"
+                        />
+                    </div>
+                </div>
+                <DialogFooter>
+                    <Button size="lg" type="button" onClick={handleCopyItem}>
+                        복사
+                    </Button>
+                    <DialogClose asChild>
+                        <Button size="lg" color="white">
+                            취소
+                        </Button>
+                    </DialogClose>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    );
+}
+
+export default CopyDialog;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/verification/generalVerification/DetailComponent.tsx b/apps/st/src/components/statistics/verification/generalVerification/DetailComponent.tsx
new file mode 100644
index 000000000..0f9da9e01
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/generalVerification/DetailComponent.tsx
@@ -0,0 +1,375 @@
+import { useEffect, useRef, useState } from 'react';
+
+import { NoData } from '@/shared/ui/no-data';
+import {
+    Button,
+    Input,
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableRow,
+} from "@common/components";
+import FormulaComponents from './FormulaComponents';
+import { LoadingWithAnimation } from '@common/components';
+import FomulaDialog from './FomulaDialog';
+
+import { useAlertStore } from '@/shared/lib';
+import { useConfirm } from '@frontend-opensource/use-react-hooks';
+
+import { generalverificationApiService } from '@/entities/statistics/api/general-verification-service';
+import type { VerifyDetailData, VerifyDetailResponseDto } from '@/entities/statistics/model/general-verification-interface';
+import { getUserInfo } from '../../../../../../../packages/common/components/src/api';
+
+interface DetailComponentProps {
+    selectedVrfcRow: number | null;
+}
+
+const DetailComponent = ({ selectedVrfcRow }: DetailComponentProps) => {
+
+    const [detailInfo, setDetailInfo] = useState<VerifyDetailData | null>(null);
+    const [formulaList, setFormulaList] = useState<(VerifyDetailResponseDto | null)[]>([]);
+    const [hasPersistedDetails, setHasPersistedDetails] = useState<boolean>(false);
+    const [isLoading, setIsLoading] = useState<boolean>(false);
+    const [showFomulaDialog, setShowFomulaDialog] = useState<boolean>(false);
+    const [selectedFormula, setSelectedFormula] = useState<VerifyDetailResponseDto | null>(null);
+    const [selectedFormulaIndex, setSelectedFormulaIndex] = useState<number>(0);
+    const { confirm } = useConfirm();
+
+    const { setMessage: alert } = useAlertStore((state) => state);
+
+    const persistedFormulaSignatureRef = useRef<string>('');
+
+    const normalizeFormulaListForCompare = (list: (VerifyDetailResponseDto | null)[]) => {
+        return list.map((row) =>
+            row
+                ? {
+                    vrfcDtlSn: row.vrfcDtlSn ?? null,
+                    refStatsCd: row.refStatsCd ?? null,
+                    kornArtopnEqtnCn: row.kornArtopnEqtnCn ?? '',
+                    engArtopnEqtnCn: row.engArtopnEqtnCn ?? '',
+                    cmprOpert: row.cmprOpert ?? null,
+                }
+                : null,
+        );
+    };
+
+    const handleSaveClick = async () => {
+        const trgtStatsCd = detailInfo?.commonInfo.trgtStatsCd;
+        if (!trgtStatsCd) {
+            alert('대상 통계항목(trgtStatsCd) 정보가 없습니다.');
+            return;
+        }
+        const rows = formulaList.map((row, idx) => ({
+            eqtnCombSeq: idx + 1,
+            trgtStatsCd,
+            refStatsCd: row?.refStatsCd ?? null,
+            kornArtopnEqtnCn: row?.kornArtopnEqtnCn ?? '',
+            engArtopnEqtnCn: row?.engArtopnEqtnCn ?? '',
+            cmprOpert: row?.cmprOpert ?? null,
+        }));
+
+        const UNARY_TERMINAL_OPERATORS = new Set<string>(['is_null', '!is_null', 'floor']);
+        const lastOperator = rows.at(-1)?.cmprOpert ?? null;
+        const lastIsUnary = rows.length > 0 && lastOperator != null && UNARY_TERMINAL_OPERATORS.has(lastOperator);
+        const isSingleUnaryFormula = rows.length === 1 && lastIsUnary;
+
+        // 단항 연산자일 때만 row 1개 허용
+        if (rows.length === 1 && !isSingleUnaryFormula) {
+            alert('해당 연산자는 최소 2개 항목이 필요합니다.');
+            return;
+        }
+
+        // 단항 연산자(is_null, !is_null, floor)는 반드시 맨 마지막 항목에만 허용
+        if (rows.length > 1) {
+            const unaryAtWrongIdx = rows.findIndex(
+                (r, idx) => idx < rows.length - 1 && r.cmprOpert != null && UNARY_TERMINAL_OPERATORS.has(r.cmprOpert),
+            );
+            if (unaryAtWrongIdx !== -1) {
+                alert(`단항 연산자(is_null, !is_null, floor)는 맨 마지막 항목에만 사용할 수 있습니다.\n(순번: ${unaryAtWrongIdx + 1})`);
+                return;
+            }
+        }
+
+        const invalidIdx = rows.findIndex(
+            (r) => r.kornArtopnEqtnCn.trim().length === 0 || r.engArtopnEqtnCn.trim().length === 0,
+        );
+        if (invalidIdx !== -1) {
+            alert(`수식이 비어있는 항목이 있습니다.\n(순번: ${invalidIdx + 1})`);
+            return;
+        }
+
+        // 마지막이 단항 연산자가 아닐 때만: 마지막을 제외한 항목들은 연산자(cmprOpert) 필수
+        if (rows.length > 1 && !lastIsUnary) {
+            const invalidOpertIdx = rows.slice(0, -1).findIndex((r) => r.cmprOpert == null);
+            if (invalidOpertIdx !== -1) {
+                alert(`연산자가 선택되지 않은 항목이 있습니다.\n(순번: ${invalidOpertIdx + 1})`);
+                return;
+            }
+        }
+
+        // 여러 항목일 때 마지막이 단항 연산자면: 이전 항목들 연산자는 무조건 null
+        if (rows.length > 1 && lastIsUnary) {
+            for (let i = 0; i < rows.length - 1; i++) {
+                const prev = rows[i];
+                if (prev) prev.cmprOpert = null;
+            }
+            setFormulaList((prev) => {
+                if (prev.length <= 1) return prev;
+                const next = prev.map((item, idx) =>
+                    idx < prev.length - 1 && item != null ? { ...item, cmprOpert: null } : item,
+                );
+                return next;
+            });
+        }
+
+        // 마지막 항목의 연산자는 (단항 연산자 케이스 제외) 무조건 null 처리
+        if (rows.length > 1 && !lastIsUnary) {
+            const lastRow = rows[rows.length - 1];
+            if (lastRow) lastRow.cmprOpert = null;
+            setFormulaList((prev) => {
+                if (prev.length === 0) return prev;
+                const last = prev[prev.length - 1];
+                if (!last) return prev;
+                if (last.cmprOpert == null) return prev;
+                const next = [...prev];
+                next[next.length - 1] = { ...last, cmprOpert: null };
+                return next;
+            });
+        }
+
+        if (await confirm('등록하시겠습니까?')) {
+            try {
+                const userInfo = await getUserInfo();
+                let response;
+
+                if (!hasPersistedDetails) {
+                    response = await generalverificationApiService.RegistVrfcDetail({ vrfcSn: detailInfo?.commonInfo.vrfcSn ?? null, detailList: rows, rgtrId: userInfo.userUnqId });
+                } else {
+                    response = await generalverificationApiService.UpdateVrfcDetail({ vrfcSn: detailInfo?.commonInfo.vrfcSn ?? null, detailList: rows, mdfrId: userInfo.userUnqId });
+                }
+
+                if (response?.status === 'success') {
+                    alert('등록되었습니다.');
+                    getVrfcDetail();
+                } else {
+                    alert(response?.message || '데이터 등록 중 오류가 발생했습니다.');
+                }
+            } catch {
+                alert('데이터 등록 중 오류가 발생했습니다.');
+            }
+        }
+    };
+
+    const getVrfcDetail = async () => {
+        try {
+            setIsLoading(true);
+
+            const response = await generalverificationApiService.getVrfcDetail(selectedVrfcRow!);
+
+            if (response.status === 'success') {
+                setDetailInfo(response.data);
+                const list = response.data.verifyDetailResponseDtoList;
+                setFormulaList(list?.length ? [...list] : [null]);
+                setHasPersistedDetails((list?.length ?? 0) > 0);
+                // "기존 데이터" 스냅샷(서버 응답 기준)을 시그니처로 저장
+                persistedFormulaSignatureRef.current = JSON.stringify(
+                    normalizeFormulaListForCompare(list?.length ? [...list] : [null]),
+                );
+            } else {
+                alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
+            }
+        } catch {
+            alert('데이터 조회 중 오류가 발생했습니다.');
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const handleClickVrfcDetail = (formula?: VerifyDetailResponseDto | null, index?: number) => {
+        setSelectedFormula(formula ?? null);
+        setSelectedFormulaIndex(index ?? 0);
+        setShowFomulaDialog(true);
+    };
+
+    const handleFormulaConfirm = (payload: { kornArtopnEqtnCn: string; engArtopnEqtnCn: string; refStatsCd: string | null }) => {
+        setFormulaList((prev) => {
+            const next = [...prev];
+            const i = selectedFormulaIndex;
+            if (i < 0 || i >= next.length) return prev;
+            const item = next[i];
+            next[i] = item
+                ? {
+                    ...item,
+                    kornArtopnEqtnCn: payload.kornArtopnEqtnCn,
+                    engArtopnEqtnCn: payload.engArtopnEqtnCn,
+                    refStatsCd: payload.refStatsCd,
+                }
+                : {
+                    vrfcDtlSn: null,
+                    refStatsCd: payload.refStatsCd,
+                    refStatsNm: null,
+                    kornArtopnEqtnCn: payload.kornArtopnEqtnCn,
+                    engArtopnEqtnCn: payload.engArtopnEqtnCn,
+                    cmprOpert: null,
+                };
+            return next;
+        });
+        setShowFomulaDialog(false);
+        setSelectedFormula(null);
+    };
+
+    const handleResetClick = async () => {
+        const currentSignature = JSON.stringify(normalizeFormulaListForCompare(formulaList));
+        if (currentSignature === persistedFormulaSignatureRef.current) {
+            alert('변경된 내용이 없습니다.');
+            return;
+        }
+
+        if (await confirm(`변경 전 데이터로 리셋하시겠습니까?\n등록 완료된 데이터는 등록 전 데이터를 불러올 수 없습니다.`)) {
+            getVrfcDetail();
+        }
+    };
+
+    useEffect(() => {
+        if (selectedVrfcRow != null) {
+            getVrfcDetail();
+        }
+    }, [selectedVrfcRow]);
+
+    return (
+        <>
+            <div className='card card-border w-1/2 !mx-0 flex flex-col'>
+                <div className="card-header">
+                    <h3 className="text-2xl font-medium text-label">검증 상세 정보</h3>
+                </div>
+                <div className="card !m-4 h-full !p-0">
+                    {selectedVrfcRow ?
+                        isLoading ?
+                            <div className="absolute inset-0 z-50 [data-theme='black']:bg-transparent rounded-lg p-10 flex justify-center items-center">
+                                <div className="relative size-[5rem]">
+                                    <LoadingWithAnimation color="primary" />
+                                </div>
+                            </div>
+                            :
+                            <div className='flex flex-col gap-12 m-2 h-full'>
+                                <Table variant="secondary" className="table-fixed">
+                                    <colgroup>
+                                        <col width="25%" />
+                                        <col width="25%" />
+                                        <col width="25%" />
+                                        <col width="25%" />
+                                    </colgroup>
+                                    <TableBody>
+                                        <TableRow>
+                                            <TableHead>검증명</TableHead>
+                                            <TableCell className='text-center'>{detailInfo?.commonInfo.vrfcNm ?? "-"}</TableCell>
+                                            <TableHead>통계항목</TableHead>
+                                            <TableCell className='text-center'>{detailInfo?.commonInfo.trgtStatsNm ?? "-"}</TableCell>
+                                        </TableRow>
+                                        <TableRow>
+                                            <TableHead>검증분류</TableHead>
+                                            <TableCell className='text-center'>{detailInfo?.commonInfo.vrfcClsfNm ?? "-"}</TableCell>
+                                            <TableHead>소수점처리방식</TableHead>
+                                            <TableCell className='text-center'>
+                                                {detailInfo?.commonInfo.dcptDigtCnt === 0 ?
+                                                    '소수점 생략'
+                                                    :
+                                                    `${detailInfo?.commonInfo.dcptDigtCnt}자리에서 ${detailInfo?.commonInfo.dcptPrcsMthNm}`
+                                                }
+                                            </TableCell>
+                                        </TableRow>
+                                    </TableBody>
+                                </Table>
+                                <div className='flex flex-col gap-4 overflow-auto'>
+                                    <h3 className="font-bold text-title">수식 정보</h3>
+                                    {formulaList.map((data, index) => (
+                                        <FormulaComponents
+                                            key={data?.vrfcDtlSn ?? `empty-${index}`}
+                                            data={data}
+                                            index={index}
+                                            onOperatorChange={(v) => {
+                                                setFormulaList((prev) => {
+                                                    const next = [...prev];
+                                                    if (index < 0 || index >= next.length) return prev;
+                                                    const current = next[index];
+                                                    const cmprOpert = v === 'none' ? null : v;
+                                                    next[index] = current
+                                                        ? { ...current, cmprOpert }
+                                                        : {
+                                                            vrfcDtlSn: null,
+                                                            refStatsCd: null,
+                                                            refStatsNm: null,
+                                                            kornArtopnEqtnCn: '',
+                                                            engArtopnEqtnCn: '',
+                                                            cmprOpert,
+                                                        };
+                                                    return next;
+                                                });
+                                            }}
+                                            onDelete={() => {
+                                                setFormulaList((prev) => {
+                                                    const next = prev.filter((_, i) => i !== index);
+                                                    return next.length > 0 ? next : [null];
+                                                });
+                                            }}
+                                            handleFomulaDialog={(show, formula, idx) => {
+                                                if (show) handleClickVrfcDetail(formula, idx ?? index);
+                                                else setShowFomulaDialog(false);
+                                            }}
+                                        />
+                                    ))}
+                                </div>
+                                <div className='flex justify-center mb-4'>
+                                    <Button
+                                        type="button"
+                                        size="icon"
+                                        className="size-[4rem] rounded-full"
+                                        onClick={() => {
+                                            setFormulaList((prev) => [...prev, null]);
+                                        }}
+                                    >
+                                        <i className="ri-play-list-add-fill text-[16px]"></i>
+                                    </Button>
+                                </div>
+                                <div className="flex-1 flex gap-2 justify-end items-end">
+                                    <Button
+                                        type="button"
+                                        color='red'
+                                        title='리셋'
+                                        onClick={handleResetClick}
+                                    >
+                                        <i className="diveicon di-arrow-reset" />
+                                    </Button>
+                                    <Button
+                                        type="button"
+                                        onClick={handleSaveClick}
+                                    >
+                                        등록
+                                    </Button>
+                                </div>
+                            </div>
+                        :
+                        <div className="flex h-full items-center justify-center">
+                            <NoData />
+                        </div>
+                    }
+                </div>
+            </div>
+            <FomulaDialog
+                key={showFomulaDialog ? (selectedFormula?.vrfcDtlSn ?? 'new') : 'closed'}
+                open={showFomulaDialog}
+                onOpenChange={(open) => {
+                    setShowFomulaDialog(open);
+                    if (!open) setSelectedFormula(null);
+                }}
+                data={selectedFormula}
+                trgtStatsCd={detailInfo?.commonInfo.trgtStatsCd}
+                trgtStatsNm={detailInfo?.commonInfo.trgtStatsNm}
+                onConfirm={handleFormulaConfirm}
+            />
+        </>
+    );
+};
+
+export default DetailComponent;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/verification/generalVerification/FomulaDialog.tsx b/apps/st/src/components/statistics/verification/generalVerification/FomulaDialog.tsx
new file mode 100644
index 000000000..b2873d155
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/generalVerification/FomulaDialog.tsx
@@ -0,0 +1,673 @@
+import { useEffect, useRef, useState } from "react";
+
+import {
+    Button,
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogClose,
+    Textarea,
+    Skeleton,
+    Input,
+} from "@common/components";
+import { CodeSelect } from "@/entities/code";
+
+import { generalverificationApiService } from "@/entities/statistics/api/general-verification-service";
+import type { VerifyDetailResponseDto, VerifyColumnListResponseData, SelectedVerifyColumnListResponseData } from "@/entities/statistics/model/general-verification-interface";
+
+import { useAlertStore } from "@/shared/lib";
+
+export interface FomulaDialogConfirmPayload {
+    kornArtopnEqtnCn: string;
+    engArtopnEqtnCn: string;
+    /** 참조 통계코드 (선택 안 했으면 null) */
+    refStatsCd: string | null;
+}
+
+interface FomulaDialogProps {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    data?: VerifyDetailResponseDto | null;
+    trgtStatsCd?: string;
+    trgtStatsNm?: string;
+    /** 확인 클릭 시 검사 통과 후 호출. 해당 행에 반영 후 다이얼로그 닫기는 부모에서 처리 */
+    onConfirm?: (payload: FomulaDialogConfirmPayload) => void;
+}
+
+const FomulaDialog = ({ open, onOpenChange, data, trgtStatsCd, trgtStatsNm, onConfirm }: FomulaDialogProps) => {
+    const [columnInfo, setColumnInfo] = useState<VerifyColumnListResponseData | null>(null);
+    const [selectedColumnInfo, setSelectedColumnInfo] = useState<SelectedVerifyColumnListResponseData | null>(null);
+    const [showCommonColumns, setShowCommonColumns] = useState<boolean>(true);
+    const [showTargetColumns, setShowTargetColumns] = useState<boolean>(true);
+    const [showRefColumns, setShowRefColumns] = useState<boolean>(true);
+    const [commonColumnSearchValue, setCommonColumnSearchValue] = useState<string>('');
+    const [targetColumnSearchValue, setTargetColumnSearchValue] = useState<string>('');
+    const [refColumnSearchValue, setRefColumnSearchValue] = useState<string>('');
+    /** 참조 통계 - 다이얼로그 내부에서만 사용. 열 때마다 해당 행(data)의 저장값으로 초기화, 저장 시에만 부모에 반영 예정 */
+    const [refStatsCdLocal, setRefStatsCdLocal] = useState<string>('');
+    /** 수식 = 토큰 배열. 한글명 중복 시 출처(공통/대상/참조)별 engColNm 보존 */
+    const [formulaDisplaySegments, setFormulaDisplaySegments] = useState<string[]>([]);
+    const [formulaValueSegments, setFormulaValueSegments] = useState<string[]>([]);
+    /** 확인 클릭 시 검사 실패 메시지 (Textarea 아래 빨간 글씨) */
+    const [formulaSaveError, setFormulaSaveError] = useState<string | null>(null);
+    /** 참조 통계 변경 시 안내 메시지 */
+    const [refStatsChangeNotice, setRefStatsChangeNotice] = useState<string | null>(null);
+
+    const formulaTextareaRef = useRef<HTMLTextAreaElement | null>(null);
+
+    const { setMessage: alert } = useAlertStore((state) => state);
+
+    /** 다이얼로그에서 쓰는 기호 → 제출용 value. 백엔드 규격에 맞게 수정 가능 */
+    const OPERATOR_SYMBOL_TO_VALUE: Record<string, string> = {
+        '+': '+',
+        '-': '-',
+        '×': '*',
+        '%': '/',
+        '(': '(',
+        ')': ')',
+    };
+
+    /** 공통 → 대상 → 참조 순, 첫 등장 kornColNm만 사용 (로드/직접입력 시 파싱용) */
+    const getKornToEngMapForParse = (): Map<string, string> => {
+        const map = new Map<string, string>();
+        const refCols = selectedColumnInfo?.targetColumnInfo?.colList ?? columnInfo?.refColumnInfo?.colList ?? [];
+        [...(columnInfo?.commonColumnInfo ?? []), ...(columnInfo?.targetColumnInfo?.colList ?? []), ...refCols].forEach(
+            (item) => {
+                if (!map.has(item.kornColNm)) map.set(item.kornColNm, item.engColNm);
+            }
+        );
+        return map;
+    };
+
+    /** 한글 수식 문자열을 토큰(표시/값) 배열로 파싱. 컬럼명은 longest match */
+    const parseDisplayToSegments = (displayStr: string): { display: string[]; value: string[] } => {
+        if (displayStr.length === 0) return { display: [], value: [] };
+        const kornToEng = getKornToEngMapForParse();
+        const kornList = [...kornToEng.keys()].filter(Boolean).sort((a, b) => b.length - a.length);
+        const display: string[] = [];
+        const value: string[] = [];
+        let i = 0;
+        while (i < displayStr.length) {
+            let matched = false;
+            for (const korn of kornList) {
+                if (displayStr.slice(i, i + korn.length) === korn) {
+                    display.push(korn);
+                    value.push(kornToEng.get(korn) ?? korn);
+                    i += korn.length;
+                    matched = true;
+                    break;
+                }
+            }
+            if (!matched) {
+                const ch = displayStr[i];
+                if (ch != null) {
+                    display.push(ch);
+                    value.push(ch);
+                }
+                i += 1;
+            }
+        }
+        return { display, value };
+    };
+
+    const handleFormulaKey = (val: string) => {
+        setFormulaSaveError(null);
+        if (val === 'backspace') {
+            setFormulaDisplaySegments((prev) => prev.slice(0, -1));
+            setFormulaValueSegments((prev) => prev.slice(0, -1));
+        } else if (val === 'ac') {
+            setFormulaDisplaySegments([]);
+            setFormulaValueSegments([]);
+        } else {
+            setFormulaDisplaySegments((prev) => [...prev, val]);
+            setFormulaValueSegments((prev) => [...prev, val]);
+        }
+    };
+
+    /** 컬럼 버튼: 한글 표시 + 해당 출처의 영문명 저장 (한글 중복 시에도 구분) */
+    const handleFormulaColumn = (kornColNm: string, engColNm: string) => {
+        setFormulaSaveError(null);
+        setFormulaDisplaySegments((prev) => [...prev, kornColNm]);
+        setFormulaValueSegments((prev) => [...prev, engColNm]);
+    };
+
+    /** 제출/저장 시 사용할 영문 수식 (컬럼 engColNm + 연산자 기호 → value 치환) */
+    const getFormulaValueForSubmit = (): string =>
+        formulaValueSegments.map((seg) => OPERATOR_SYMBOL_TO_VALUE[seg] ?? seg).join('');
+
+    const OPERATORS = ['+', '-', '×', '/', '%'] as const;
+    const isOperator = (s: string) => s.length === 1 && (OPERATORS as readonly string[]).includes(s);
+    const isParen = (s: string) => s === '(' || s === ')';
+    const isValueToken = (s: string) =>
+        s.length > 1 || (s.length === 1 && !isOperator(s) && !isParen(s));
+    const isDigit = (s: string) => s.length === 1 && /[0-9]/.test(s);
+
+    /** 저장 시 수식 규칙 검사. 오류 시 메시지 반환, 통과 시 null */
+    const validateFormulaForSave = (segments: string[]): string | null => {
+        if (segments.length === 0) return null;
+
+        for (let i = 0; i < segments.length - 1; i++) {
+            const a = segments[i];
+            const b = segments[i + 1];
+            if (a != null && b != null && isValueToken(a) && isValueToken(b) && !(isDigit(a) && isDigit(b))) {
+                return '컬럼(또는 숫자) 사이에 더하기, 빼기, 나누기, 곱하기 기호가 있어야 합니다.';
+            }
+        }
+
+        // "(값)"도 하나의 값으로 취급: 값/닫는괄호 뒤에는 '(' 또는 값이 올 수 없고, 사이에 연산자가 있어야 함.
+        // 예: 컬럼(100), 값)(100) 같은 형태는 연산자 누락으로 간주
+        for (let i = 0; i < segments.length - 1; i++) {
+            const a = segments[i];
+            const b = segments[i + 1];
+            if (a == null || b == null) continue;
+            // 연속 숫자(예: 50)는 예외 허용
+            if (isDigit(a) && isDigit(b)) continue;
+
+            const aIsValueBoundary = isValueToken(a) || a === ')';
+            const bIsValueBoundary = b === '(' || isValueToken(b);
+            if (aIsValueBoundary && bIsValueBoundary) {
+                return '컬럼(또는 숫자) 사이에 더하기, 빼기, 나누기, 곱하기 기호가 있어야 합니다.';
+            }
+        }
+
+        const last = segments[segments.length - 1];
+        if (last && isOperator(last)) {
+            return '수식은 기호로 끝날 수 없습니다. (닫는 괄호 제외)';
+        }
+
+        const stack: boolean[] = [];
+        for (let i = 0; i < segments.length; i++) {
+            const s = segments[i];
+            if (s == null) continue;
+            if (s === '(') {
+                stack.push(false);
+            } else if (s === ')') {
+                if (stack.length === 0) return '닫는 괄호가 여는 괄호 없이 사용되었습니다.';
+                const hadValue = stack.pop();
+                if (!hadValue) return '괄호 안에 값이 있어야 합니다.';
+                if (stack.length > 0) stack[stack.length - 1] = true;
+            } else if (stack.length > 0 && isValueToken(s)) {
+                stack[stack.length - 1] = true;
+            }
+        }
+        if (stack.length > 0) return '여는 괄호에 대응하는 닫는 괄호가 없습니다.';
+
+        return null;
+    };
+
+    const getVerifyColumnList = async () => {
+        try {
+            if (!trgtStatsCd) return;
+            let response;
+
+            if (data?.vrfcDtlSn == null || data.vrfcDtlSn <= 0) {
+                response = await generalverificationApiService.getSelectedVerifyColumnList(trgtStatsCd)
+            } else {
+                response = await generalverificationApiService.getVerifyColumnList({
+                    trgtStatsCd,
+                    vrfcDtlSn: data.vrfcDtlSn,
+                    refStatsCd: data.refStatsCd,
+                });
+            }
+
+
+            if (response?.status === 'success') {
+                setColumnInfo(response.data);
+            } else {
+                alert(response?.message || '데이터 조회 중 오류가 발생했습니다.');
+            }
+        } catch {
+            alert('데이터 조회 중 오류가 발생했습니다.');
+        }
+    };
+
+    const getSelectedVerifyColumnList = async (statsCd: string) => {
+        try {
+            const response = await generalverificationApiService.getSelectedVerifyColumnList(statsCd);
+            if (response?.status === 'success' && response.data) {
+                setSelectedColumnInfo({
+                    targetColumnInfo: response.data.targetColumnInfo ?? { statsCd: statsCd, colList: [] },
+                    commonColumnInfo: response.data.commonColumnInfo ?? [],
+                });
+            } else {
+                setSelectedColumnInfo(null);
+            }
+        } catch {
+            setSelectedColumnInfo(null);
+        }
+    };
+
+    useEffect(() => {
+        if (open) {
+            setColumnInfo(null);
+            setSelectedColumnInfo(null);
+        }
+        if (open) void getVerifyColumnList();
+    }, [open, trgtStatsCd, data?.vrfcDtlSn]);
+
+    useEffect(() => {
+        if (open) setRefStatsCdLocal(data?.refStatsCd ?? '');
+    }, [open, data?.refStatsCd, data?.vrfcDtlSn]);
+
+    useEffect(() => {
+        if (!open) {
+            setSelectedColumnInfo(null);
+            setRefStatsCdLocal('');
+            setFormulaDisplaySegments([]);
+            setFormulaValueSegments([]);
+            setFormulaSaveError(null);
+            setRefStatsChangeNotice(null);
+        }
+    }, [open]);
+
+    useEffect(() => {
+        if (open) {
+            const str = data?.kornArtopnEqtnCn ?? '';
+            const { display, value } = parseDisplayToSegments(str);
+            setFormulaDisplaySegments(display);
+            setFormulaValueSegments(value);
+        }
+    }, [open, data?.kornArtopnEqtnCn, data?.vrfcDtlSn]);
+
+    /**
+     * 재오픈 직후에는 columnInfo가 아직 없어서 parseDisplayToSegments가 컬럼명을 매칭 못하고
+     * 한글을 1글자씩 토큰화하는 경우가 있음.
+     * 컬럼 목록 로딩 후(= map이 채워진 후) "표시 문자열이 원본과 동일 + 값 토큰이 표시 토큰과 동일"한 케이스만 재파싱해서
+     * engColNm 치환이 반영되도록 보정한다.
+     */
+    useEffect(() => {
+        if (!open) return;
+        const src = data?.kornArtopnEqtnCn ?? '';
+        if (!src) return;
+
+        const displayJoined = formulaDisplaySegments.join('');
+        const valueJoined = formulaValueSegments.join('');
+        // 아직 컬럼 치환이 안 된 상태(= value가 display와 동일)에서만 재파싱
+        if (displayJoined !== src) return;
+        if (valueJoined !== displayJoined) return;
+
+        // 컬럼 목록이 준비된 이후에만 의미가 있음
+        const hasColumns =
+            (columnInfo?.commonColumnInfo?.length ?? 0) > 0 ||
+            (columnInfo?.targetColumnInfo?.colList?.length ?? 0) > 0 ||
+            (columnInfo?.refColumnInfo?.colList?.length ?? 0) > 0 ||
+            (selectedColumnInfo?.targetColumnInfo?.colList?.length ?? 0) > 0;
+        if (!hasColumns) return;
+
+        const { display, value } = parseDisplayToSegments(src);
+        const nextDisplayJoined = display.join('');
+        const nextValueJoined = value.join('');
+        // 파싱 결과가 현재와 완전히 같으면 setState 반복으로 무한 렌더가 날 수 있으니 중단
+        if (nextDisplayJoined === displayJoined && nextValueJoined === valueJoined) return;
+        // 컬럼 치환이 전혀 안 됐다면(= value가 display와 동일) 보정의 의미가 없으니 중단
+        if (nextValueJoined === nextDisplayJoined) return;
+
+        setFormulaDisplaySegments(display);
+        setFormulaValueSegments(value);
+    }, [
+        open,
+        data?.kornArtopnEqtnCn,
+        columnInfo?.commonColumnInfo,
+        columnInfo?.targetColumnInfo?.colList,
+        columnInfo?.refColumnInfo?.colList,
+        selectedColumnInfo?.targetColumnInfo?.colList,
+        formulaDisplaySegments,
+        formulaValueSegments,
+    ]);
+
+    useEffect(() => {
+        if (!open || columnInfo?.kornArtopnEqtnCn == null) return;
+        if (data?.kornArtopnEqtnCn !== columnInfo.kornArtopnEqtnCn) return;
+        const { display, value } = parseDisplayToSegments(columnInfo.kornArtopnEqtnCn);
+        setFormulaDisplaySegments(display);
+        setFormulaValueSegments(value);
+    }, [open, data?.kornArtopnEqtnCn, columnInfo?.kornArtopnEqtnCn]);
+
+    const handleChangeRefStatsCd = (next: string) => {
+        if (!open) return;
+
+        // 현재 refStatsCdLocal에 해당하는 참조 컬럼이 수식에 포함돼 있으면 변경을 막고 안내만 표시
+        const currentRefCols = refColList ?? [];
+        const currentRefEngSet = new Set(currentRefCols.map((c) => c.engColNm).filter(Boolean));
+        const hasCurrentRefToken =
+            currentRefEngSet.size > 0 && formulaValueSegments.some((seg) => currentRefEngSet.has(seg));
+
+        if (hasCurrentRefToken) {
+            setRefStatsChangeNotice('수식에 기존 참조 컬럼이 포함되어 있어 참조 통계를 변경할 수 없습니다. 먼저 해당 참조 컬럼을 제거해주세요.');
+            return;
+        }
+
+        setRefStatsChangeNotice(null);
+        setRefStatsCdLocal(next);
+    };
+
+    /** 참조 통계 선택 시 해당 통계의 컬럼 목록으로 교체 */
+    useEffect(() => {
+        if (!open) return;
+        if (refStatsCdLocal) {
+            void getSelectedVerifyColumnList(refStatsCdLocal);
+        } else {
+            setSelectedColumnInfo(null);
+        }
+    }, [open, refStatsCdLocal]);
+
+    /** 참조 컬럼: 선택한 참조 통계로 조회한 목록이 있으면 사용, 없으면 getVerifyColumnList 결과 사용 */
+    const refColList = selectedColumnInfo?.targetColumnInfo?.colList ?? columnInfo?.refColumnInfo?.colList ?? [];
+
+    const handleOpenChange = (nextOpen: boolean) => {
+        if (!nextOpen) {
+            setFormulaDisplaySegments([]);
+            setFormulaValueSegments([]);
+            setFormulaSaveError(null);
+            setSelectedColumnInfo(null);
+            setRefStatsCdLocal('');
+            setCommonColumnSearchValue('');
+            setTargetColumnSearchValue('');
+            setRefColumnSearchValue('');
+        }
+        onOpenChange?.(nextOpen);
+    };
+
+    const handleSearchColumn = (value: string, type: string) => {
+        if (type === 'common') {
+            setCommonColumnSearchValue(value);
+        } else if (type === 'target') {
+            setTargetColumnSearchValue(value);
+        } else {
+            setRefColumnSearchValue(value);
+        }
+    };
+
+    const normalizeSearch = (v: string) => v.replace(/\s+/g, "").toLowerCase();
+
+    const commonSearch = normalizeSearch(commonColumnSearchValue);
+    const commonColumns = columnInfo?.commonColumnInfo ?? [];
+    const filteredCommonColumns =
+        commonSearch.length > 0
+            ? commonColumns.filter((c) => {
+                const korn = normalizeSearch(c.kornColNm ?? '');
+                const eng = normalizeSearch(c.engColNm ?? '');
+                return korn.includes(commonSearch) || eng.includes(commonSearch);
+            })
+            : commonColumns;
+
+    const targetSearch = normalizeSearch(targetColumnSearchValue);
+    const targetColumns = columnInfo?.targetColumnInfo?.colList ?? [];
+    const filteredTargetColumns =
+        targetSearch.length > 0
+            ? targetColumns.filter((t) => {
+                const korn = normalizeSearch(t.kornColNm ?? '');
+                const eng = normalizeSearch(t.engColNm ?? '');
+                return korn.includes(targetSearch) || eng.includes(targetSearch);
+            })
+            : targetColumns;
+
+    const refSearch = normalizeSearch(refColumnSearchValue);
+    const filterdRefColumns =
+        refSearch.length > 0
+            ? refColList.filter((r) => {
+                const korn = normalizeSearch(r.kornColNm ?? '');
+                const eng = normalizeSearch(r.engColNm ?? '');
+                return korn.includes(refSearch) || eng.includes(refSearch);
+            })
+            : refColList;
+
+    return (
+        <Dialog open={open} onOpenChange={handleOpenChange}>
+            <DialogContent aria-describedby={undefined} className="max-w-[100rem] w-full max-h-[90%] overflow-auto">
+                <DialogHeader>
+                    <DialogTitle>
+                        수식 상세 정보
+                    </DialogTitle>
+                </DialogHeader>
+                <div className="flex flex-col gap-4">
+                    <div className="flex justify-start gap-20 p-4 border rounded-xl">
+                        <div className="flex flex-col gap-2">
+                            <h3 className="font-bold text-title text-[14px]">기호 및 숫자</h3>
+                            <div className="grid grid-cols-3 gap-2 w-max">
+                                <Button type="button" value="+" color="gray" className="w-[65px]" onClick={() => handleFormulaKey('+')}>
+                                    <span className="text-[18px]">+</span>
+                                </Button>
+                                <Button type="button" value="-" color="gray" className="w-[65px]" onClick={() => handleFormulaKey('-')}>
+                                    <span className="text-[18px]">-</span>
+                                </Button>
+                                <Button type="button" value="*" color="gray" className="w-[65px]" onClick={() => handleFormulaKey('×')}>
+                                    <span className="text-[18px]">×</span>
+                                </Button>
+                                <Button type="button" value="/" color="gray" className="w-[65px]" onClick={() => handleFormulaKey('%')}>
+                                    <span className="text-[18px]">%</span>
+                                </Button>
+                                <Button type="button" value="(" color="gray" className="w-[65px]" onClick={() => handleFormulaKey('(')}>
+                                    <span className="text-[18px]">(</span>
+                                </Button>
+                                <Button type="button" value=")" color="gray" className="w-[65px]" onClick={() => handleFormulaKey(')')}>
+                                    <span className="text-[18px]">)</span>
+                                </Button>
+                                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 0, '⌫', 'AC'].map((n) => {
+                                    const keyVal = n !== 'AC' && n !== '⌫' ? String(n) : n === '⌫' ? 'backspace' : 'ac';
+                                    return (
+                                        <Button
+                                            key={n}
+                                            type="button"
+                                            value={keyVal}
+                                            color={n !== 'AC' && n !== '⌫' ? 'white' : 'primary'}
+                                            className="w-[65px]"
+                                            onClick={() => handleFormulaKey(keyVal)}
+                                        >
+                                            <span className="text-[18px]">{n}</span>
+                                        </Button>
+                                    );
+                                })}
+                            </div>
+                        </div>
+                        <div className="w-full flex flex-col gap-2">
+                            <h3 className="font-bold text-title text-[14px]">수식 미리보기</h3>
+                            <Textarea
+                                className="w-full flex-1 bg-gray-100 resize-none !text-3xl p-4 !leading-loose text-gray-600 font-bold"
+                                id="formulaDisplayInput"
+                                ref={formulaTextareaRef}
+                                value={formulaDisplaySegments.join('')}
+                                onChange={(e) => {
+                                    setFormulaSaveError(null);
+                                    const { display, value } = parseDisplayToSegments(e.target.value);
+                                    setFormulaDisplaySegments(display);
+                                    setFormulaValueSegments(value);
+                                }}
+                                rows={4}
+                                readOnly
+                            />
+                            {formulaSaveError && (
+                                <p className="text-sm text-red-600 mt-1" role="alert">
+                                    {formulaSaveError}
+                                </p>
+                            )}
+                        </div>
+                    </div>
+                    <div className="flex flex-col gap-2 p-4 border rounded-xl">
+                        <div className="flex items-center justify-between">
+                            <h3 className="font-bold text-title text-[14px]">공통 컬럼</h3>
+                            <Button
+                                type="button"
+                                size="sm"
+                                color="white"
+                                onClick={() => setShowCommonColumns((prev) => !prev)}
+                            >
+                                {showCommonColumns ? "접기" : "펼치기"}
+                            </Button>
+                        </div>
+                        {showCommonColumns &&
+                            <div className="mb-2">
+                                <Input
+                                    className="w-[20rem] rounded-sm !text-[1.3rem] focus-visible:ring-0 focus-visible:ring-offset-0"
+                                    value={commonColumnSearchValue}
+                                    onChange={(e) => handleSearchColumn(e.target.value, 'common')}
+                                    placeholder="검색어를 입력하세요."
+                                />
+                            </div>}
+                        {showCommonColumns ? (
+                            <div className="flex flex-wrap gap-2">
+                                {columnInfo?.commonColumnInfo?.length && columnInfo.commonColumnInfo.length > 0 ?
+                                    filteredCommonColumns.map((c) => (
+                                        <Button
+                                            key={c.engColNm}
+                                            type="button"
+                                            value={c.engColNm}
+                                            size="sm"
+                                            color="lightGray"
+                                            onClick={() => handleFormulaColumn(c.kornColNm, c.engColNm)}
+                                        >
+                                            {c.kornColNm}
+                                        </Button>
+                                    ))
+                                    :
+                                    <Skeleton className="h-[12rem] w-full rounded-xl" />
+                                }
+                            </div>
+                        ) : null}
+                    </div>
+                    <div className="flex flex-col gap-2 p-4 border rounded-xl">
+                        <div className="flex items-center justify-between">
+                            <h3 className="font-bold text-title text-[14px]">{trgtStatsNm} 컬럼</h3>
+                            <Button
+                                type="button"
+                                size="sm"
+                                color="white"
+                                onClick={() => setShowTargetColumns((prev) => !prev)}
+                            >
+                                {showTargetColumns ? "접기" : "펼치기"}
+                            </Button>
+                        </div>
+                        {showTargetColumns &&
+                            <div className="mb-2">
+                                <Input
+                                    className="w-[20rem] rounded-sm !text-[1.3rem] focus-visible:ring-0 focus-visible:ring-offset-0"
+                                    value={targetColumnSearchValue}
+                                    onChange={(e) => handleSearchColumn(e.target.value, 'target')}
+                                    placeholder="검색어를 입력하세요."
+                                />
+                            </div>
+                        }
+                        {showTargetColumns ? (
+                            <div className="flex flex-wrap gap-2">
+                                {columnInfo?.targetColumnInfo?.colList.length && columnInfo.targetColumnInfo.colList.length > 0 ?
+                                    filteredTargetColumns.map((t) => (
+                                        <Button
+                                            key={t.engColNm}
+                                            type="button"
+                                            value={t.engColNm}
+                                            size="sm"
+                                            onClick={() => handleFormulaColumn(t.kornColNm, t.engColNm)}
+                                        >
+                                            {t.kornColNm}
+                                        </Button>
+                                    ))
+                                    :
+                                    <Skeleton className="h-[12rem] w-full rounded-xl" />
+                                }
+                            </div>
+                        ) : null}
+                    </div>
+                    <div className="flex flex-col gap-2 p-4 border rounded-xl">
+                        <div className="flex items-center justify-between">
+                            <div className="flex gap-2 justify-center items-center">
+                                <h3 className="font-bold text-title text-[14px]">참조 컬럼</h3>
+                                <CodeSelect
+                                    upCd="STITEM"
+                                    value={refStatsCdLocal}
+                                    onValueChange={handleChangeRefStatsCd}
+                                    placeholder="선택"
+                                    className="w-[16rem]"
+                                />
+                            </div>
+                            {(refColList?.length ?? 0) > 0 ?
+                                <Button
+                                    type="button"
+                                    size="sm"
+                                    color="white"
+                                    onClick={() => setShowRefColumns((prev) => !prev)}
+                                >
+                                    {showRefColumns ? "접기" : "펼치기"}
+                                </Button>
+                                :
+                                null
+                            }
+                        </div>
+                        {refStatsChangeNotice && (
+                            <p className="text-[12px] text-red-600" role="alert">
+                                {refStatsChangeNotice}
+                            </p>
+                        )}
+                        {(refStatsCdLocal && showRefColumns) &&
+                            <div className="mb-2">
+                                <Input
+                                    className="w-[20rem] rounded-sm !text-[1.3rem] focus-visible:ring-0 focus-visible:ring-offset-0"
+                                    value={refColumnSearchValue}
+                                    onChange={(e) => handleSearchColumn(e.target.value, 'ref')}
+                                    placeholder="검색어를 입력하세요."
+                                />
+                            </div>
+                        }
+                        {showRefColumns ? (
+                            <div className="flex flex-wrap gap-2">
+                                {(filterdRefColumns?.length ?? 0) > 0 ?
+                                    filterdRefColumns.map((r) => (
+                                        <Button
+                                            key={r.engColNm}
+                                            type="button"
+                                            value={r.engColNm}
+                                            size="sm"
+                                            color="sky"
+                                            onClick={() => handleFormulaColumn(r.kornColNm, r.engColNm)}
+                                        >
+                                            {r.kornColNm}
+                                        </Button>
+                                    ))
+                                    :
+                                    null
+                                }
+                            </div>
+                        ) : null}
+                    </div>
+                </div>
+                <DialogFooter>
+                    <Button
+                        size="lg"
+                        type="button"
+                        onClick={() => {
+                            const err = validateFormulaForSave(formulaValueSegments);
+                            if (err) {
+                                setFormulaSaveError(err);
+                                requestAnimationFrame(() => {
+                                    formulaTextareaRef.current?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                                    formulaTextareaRef.current?.focus?.();
+                                });
+                                return;
+                            }
+                            setFormulaSaveError(null);
+                            const kornArtopnEqtnCn = formulaDisplaySegments.join('');
+                            const engArtopnEqtnCn = getFormulaValueForSubmit();
+                            const isEmptyFormula = kornArtopnEqtnCn.trim().length === 0;
+                            onConfirm?.({
+                                kornArtopnEqtnCn,
+                                engArtopnEqtnCn,
+                                refStatsCd: isEmptyFormula ? null : (refStatsCdLocal ? refStatsCdLocal : null),
+                            });
+                            onOpenChange?.(false);
+                        }}
+                    >
+                        확인
+                    </Button>
+                    <DialogClose asChild>
+                        <Button size="lg" color="white">
+                            취소
+                        </Button>
+                    </DialogClose>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    );
+};
+
+export default FomulaDialog;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/verification/generalVerification/FormulaComponents.tsx b/apps/st/src/components/statistics/verification/generalVerification/FormulaComponents.tsx
new file mode 100644
index 000000000..d1e7f7940
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/generalVerification/FormulaComponents.tsx
@@ -0,0 +1,41 @@
+import { Button, Input } from "@common/components";;
+import OperatorsComponents from "./OperatorsComponents";
+import type { VerifyDetailResponseDto } from "@/entities/statistics/model/general-verification-interface";
+
+interface FormulaComponentsProps {
+    data?: VerifyDetailResponseDto | null;
+    index?: number;
+    onDelete?: () => void;
+    onOperatorChange?: (value: string) => void;
+    handleFomulaDialog?: (show: boolean, data?: VerifyDetailResponseDto | null, index?: number) => void;
+}
+
+const FormulaComponents = ({ data, index, onDelete, onOperatorChange, handleFomulaDialog }: FormulaComponentsProps) => {
+    const cmprOpert = data?.cmprOpert;
+
+    return (
+        <div className='flex items-center gap-x-4 mb-2 p-2 justify-around rounded has-[.formulaDeleteBtn:hover]:bg-gray-100'>
+            <Button
+                type="button"
+                size="icon"
+                className="size-[3rem] shrink-0 rounded-full formulaDeleteBtn"
+                color='red'
+                onClick={onDelete}
+            >
+                <i className="ri-subtract-fill text-[16px]"></i>
+            </Button>
+            <Input
+                className='h-[4rem] !cursor-pointer'
+                placeholder='클릭하여 수식을 등록해주세요.'
+                id='formulaInput'
+                value={data ? data.kornArtopnEqtnCn : ''}
+                title={data ? data.kornArtopnEqtnCn : ''}
+                onClick={() => handleFomulaDialog?.(true, data, index)}
+                readOnly
+            />
+            <OperatorsComponents cmprOpert={cmprOpert} onValueChange={onOperatorChange} />
+        </div>
+    );
+};
+
+export default FormulaComponents;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/verification/generalVerification/OperatorsComponents.tsx b/apps/st/src/components/statistics/verification/generalVerification/OperatorsComponents.tsx
new file mode 100644
index 000000000..1536b0151
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/generalVerification/OperatorsComponents.tsx
@@ -0,0 +1,76 @@
+import { useEffect, useState } from "react";
+
+import {
+    Select,
+    SelectTrigger,
+    SelectContent,
+    SelectValue,
+    SelectItem,
+} from "@common/components";
+
+import { generalverificationApiService } from '@/entities/statistics/api/general-verification-service';
+
+type OperatorItem = {
+    opertSn: string;
+    opertSymbl: string;
+    opertKornNm: string;
+};
+
+interface OperatorsComponentsProps {
+    cmprOpert?: string | null;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+}
+
+const OperatorsComponents = ({
+    cmprOpert,
+    onValueChange,
+    placeholder = "연산자 없음",
+}: OperatorsComponentsProps) => {
+    const [operators, setOperators] = useState<OperatorItem[]>([]);
+    const [localValue, setLocalValue] = useState<string>(cmprOpert ?? "");
+
+    useEffect(() => {
+        setLocalValue(cmprOpert ?? "");
+    }, [cmprOpert]);
+
+    useEffect(() => {
+        const fetchOperators = async () => {
+            const response = await generalverificationApiService.getVrfcOperators();
+            if (response.status === 'success' && response.data) {
+                setOperators(response.data);
+            }
+        };
+        fetchOperators();
+    }, []);
+
+    // onValueChange가 있으면 부모가 제어(controlled), 없으면 내부 state로 표시
+    const isControlled = onValueChange !== undefined;
+    const value = (isControlled ? (cmprOpert ?? "") : localValue) || "";
+
+    return (
+        <Select
+            value={value}
+            onValueChange={(v) => {
+                setLocalValue(v);
+                onValueChange?.(v);
+            }}
+        >
+            <SelectTrigger className="!w-[150px] min-w-[150px] max-w-[150px] h-[4rem] overflow-hidden focus:outline-none focus:ring-0">
+                <SelectValue placeholder={placeholder} />
+            </SelectTrigger>
+            <SelectContent className="w-[150px]">
+                <SelectItem value='none'>
+                    연산자 없음
+                </SelectItem>
+                {operators.map((op) => (
+                    <SelectItem key={op.opertSn} value={op.opertSymbl}>
+                        {op.opertKornNm}
+                    </SelectItem>
+                ))}
+            </SelectContent>
+        </Select>
+    );
+};
+
+export default OperatorsComponents;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/verification/generalVerification/RegistDialog.tsx b/apps/st/src/components/statistics/verification/generalVerification/RegistDialog.tsx
new file mode 100644
index 000000000..1aa0de71f
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/generalVerification/RegistDialog.tsx
@@ -0,0 +1,615 @@
+"use client";
+
+import { useEffect, memo, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useQuery } from "@tanstack/react-query";
+
+import {
+    Button,
+    Dialog,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+    DialogClose,
+    Input,
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableRow,
+    RadioGroup,
+    RadioGroupItem,
+    Label,
+    Select,
+    SelectTrigger,
+    SelectContent,
+    SelectValue,
+    SelectItem,
+    Skeleton,
+} from "@common/components";
+import { Form, FormField, FormItem, FormControl } from "@/shared/ui/form";
+import { ENDPOINT } from "@/shared/config";
+import { CodeSelect } from "@/entities/code";
+
+import { type GeneralVerificationMasterSubmitFormData, generalVerificationMasterSubmitSchema } from '@/entities/statistics/model/general-verification-master-submit-schema';
+import type { UpdateVrfcMasterRequest, RegistVrfcMasterRequest } from "@/entities/statistics/model/general-verification-interface";
+import { generalverificationApiService } from '@/entities/statistics/api/general-verification-service';
+import { UserApi } from "@/entities/user/api/user-service";
+import { useConfirm } from "@frontend-opensource/use-react-hooks";
+import { useAlertStore } from "@/shared/lib";
+import { getUserInfo } from "../../../../../../../packages/common/components/src/api";
+
+interface RegistDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children?: React.ReactNode;
+    vrfcSn?: number;
+    /** 수정/등록 성공 시 부모에서 목록 재조회 등 실행 */
+    onSuccess?: () => void;
+}
+
+const RegistDialog = memo(
+    ({
+        children,
+        open,
+        onOpenChange,
+        vrfcSn,
+        onSuccess,
+        ...props
+    }: RegistDialogProps) => {
+
+        const isVrfcSn = vrfcSn != null;
+        const [checkVrfcNm, setCheckVrfcNm] = useState<boolean>(false);
+        const { confirm } = useConfirm();
+        const alert = useAlertStore((state) => state.setMessage);
+
+        const { data: detailData } = useQuery({
+            queryKey: [`${ENDPOINT.ST_SERVICE.INPUTVERIFY}/masters`, vrfcSn],
+            queryFn: () => generalverificationApiService.getGeneralverificationInfo(vrfcSn!),
+            enabled: open && vrfcSn != null,
+        });
+
+        const form = useForm<GeneralVerificationMasterSubmitFormData>({
+            resolver: zodResolver(generalVerificationMasterSubmitSchema),
+            values: {
+                vrfcSn: detailData?.data.vrfcSn ?? undefined,
+                vrfcNm: detailData?.data.vrfcNm ?? '',
+                vrfcClsfCd: detailData?.data.vrfcClsfCd ?? '',
+                trgtStatsCd: detailData?.data.trgtStatsCd ?? '',
+                trgtStatsNm: detailData?.data.trgtStatsNm ?? '',
+                dcptDigtCnt: detailData?.data.dcptDigtCnt ?? 0,
+                dcptPrcsMthCd: detailData?.data.dcptPrcsMthCd ?? '',
+                useYn: detailData?.data.useYn ?? 'Y',
+                rgtrId: detailData?.data.rgtrId ?? '',
+                regDt: detailData?.data.regDt ?? '',
+                mdfrId: detailData?.data.mdfrId ?? '',
+                mdfcnDt: detailData?.data.mdfcnDt ?? '',
+            },
+        });
+
+        const dcptDigtCnt = form.watch('dcptDigtCnt');
+        const rgtrId = form.watch('rgtrId');
+        const mdfrId = form.watch('mdfrId');
+        const trgtStatsCd = form.watch('trgtStatsCd');
+        const vrfcNm = form.watch('vrfcNm');
+
+        const { data: registrarUser } = useQuery({
+            queryKey: ['user', 'rgtr', rgtrId],
+            queryFn: () => UserApi.findByUserUnqId(rgtrId!),
+            enabled: open && !!rgtrId,
+        });
+
+        const { data: modifierUser } = useQuery({
+            queryKey: ['user', 'mdfr', mdfrId],
+            queryFn: () => UserApi.findByUserUnqId(mdfrId!),
+            enabled: open && !!mdfrId,
+        });
+
+        const originalVrfcNmRef = useRef<string | null>(null);
+
+        useEffect(() => {
+            if (detailData?.data.vrfcNm && originalVrfcNmRef.current == null) {
+                originalVrfcNmRef.current = detailData.data.vrfcNm;
+            }
+        }, [detailData]);
+
+        /** 중복 여부 반환: true = 중복, false = 사용 가능 */
+        const runVerificationNameCheck = async (trgtStatsCdVal: string, vrfcNmVal: string, vrfcClsfCd: string): Promise<boolean> => {
+            try {
+                const response = await generalverificationApiService.checkVerificationName({
+                    trgtStatsCd: trgtStatsCdVal,
+                    vrfcNm: vrfcNmVal,
+                    vrfcClsfCd: vrfcClsfCd,
+                });
+                if (response.status === 'success') {
+                    const isDuplicate = response.data;
+                    setCheckVrfcNm(isDuplicate);
+                    return isDuplicate;
+                }
+                alert('중복검사 중 오류가 발생했습니다.');
+                setCheckVrfcNm(true);
+                return true;
+            } catch {
+                alert('중복검사 중 오류가 발생했습니다.');
+                setCheckVrfcNm(true);
+                return true;
+            }
+        };
+
+        const handleUpdateVrfcMaster = async (data: GeneralVerificationMasterSubmitFormData) => {
+            try {
+                const response = await generalverificationApiService.UpdateVrfcMaster(data as UpdateVrfcMasterRequest);
+
+                if (response.status === 'success') {
+                    alert('수정되었습니다.');
+                    onOpenChange(false);
+                    onSuccess?.();
+                } else {
+                    alert(response.message ?? '수정 중 오류가 발생했습니다.');
+                }
+            } catch {
+                alert('수정 중 오류가 발생했습니다.');
+            }
+        };
+
+        const handleRegistVrfcMaster = async (data: GeneralVerificationMasterSubmitFormData) => {
+            try {
+                const response = await generalverificationApiService.RegistVrfcMaster(data as RegistVrfcMasterRequest);
+
+                if (response.status === 'success') {
+                    alert('등록되었습니다.');
+                    onOpenChange(false);
+                    onSuccess?.();
+                } else {
+                    alert(response.message ?? '등록 중 오류가 발생했습니다.');
+                }
+            } catch {
+                alert('등록 중 오류가 발생했습니다.');
+            }
+        };
+
+        const handleDeleteVrfcMaster = async () => {
+            const deleteMsg = `${detailData?.data.vrfcNm} 검증룰을
+            삭제하시겠습니까?`;
+
+            if (await confirm(deleteMsg)) {
+                try {
+                    const response = await generalverificationApiService.DeleteVrfcMaster(vrfcSn!);
+
+                    if (response.status === 'success') {
+                        alert('삭제되었습니다.');
+                        onOpenChange(false);
+                        onSuccess?.();
+                    } else {
+                        alert(response.message ?? '삭제 중 오류가 발생했습니다.');
+                    }
+                } catch {
+                    alert('삭제 중 오류가 발생했습니다.');
+                }
+            }
+        };
+
+        useEffect(() => {
+            if (!open) return;
+            if (!vrfcNm) return;
+
+            const original = originalVrfcNmRef.current;
+            // 수정 모드: 기준값이 아직 안 세팅됐으면 검사 안 함(다이얼로그 막 열었을 때)
+            if (isVrfcSn && original === null) return;
+            // 수정 모드: 사용자가 검증명을 바꾸지 않았으면 검사 안 함
+            if (original !== null && original === vrfcNm) {
+                setCheckVrfcNm(false);
+                return;
+            }
+
+            // const timer = setTimeout(() => {
+            //     runVerificationNameCheck(trgtStatsCd ?? '', vrfcNm, vrfcClsfCd);
+            // }, 500);
+
+            // return () => clearTimeout(timer);
+        }, [vrfcNm, open, isVrfcSn]);
+
+        const onSubmit = async (data: GeneralVerificationMasterSubmitFormData) => {
+            const currentVrfcNm = (data.vrfcNm ?? '').trim();
+            const originalVrfcNm = originalVrfcNmRef.current;
+
+            // 수정 모드인데 기존값과 동일하면 중복검사 완전 생략
+            const skipNameCheck =
+                isVrfcSn &&
+                (originalVrfcNm === null || currentVrfcNm === originalVrfcNm);
+
+            if (!skipNameCheck && currentVrfcNm) {
+                // 제출 시점에 중복검사 실행
+                const isDuplicate = await runVerificationNameCheck(
+                    data.trgtStatsCd ?? '',
+                    currentVrfcNm,
+                    data.vrfcClsfCd,
+                );
+                if (isDuplicate) {
+                    return;
+                }
+            }
+
+            const confirmMessage = isVrfcSn
+                ? "수정 하시겠습니까?"
+                : "등록 하시겠습니까?";
+            if (await confirm(confirmMessage)) {
+                const userInfo = await getUserInfo();
+                if (isVrfcSn) {
+                    const updateData = {
+                        vrfcSn: data.vrfcSn,
+                        vrfcNm: data.vrfcNm,
+                        vrfcClsfCd: data.vrfcClsfCd,
+                        dcptDigtCnt: data.dcptDigtCnt,
+                        useYn: data.useYn,
+                        ...(data.dcptDigtCnt === 0
+                            ? {}
+                            : { dcptPrcsMthCd: data.dcptPrcsMthCd }),
+                        trgtStatsCd: data.trgtStatsCd,
+                        mdfrId: userInfo.userUnqId,
+                    };
+                    await handleUpdateVrfcMaster(updateData);
+                } else {
+                    const registData = {
+                        vrfcNm: data.vrfcNm,
+                        vrfcClsfCd: data.vrfcClsfCd,
+                        dcptDigtCnt: data.dcptDigtCnt,
+                        dcptPrcsMthCd: data.dcptPrcsMthCd,
+                        trgtStatsCd: data.trgtStatsCd,
+                        rgtrId: userInfo.userUnqId
+                    };
+                    await handleRegistVrfcMaster(registData);
+                }
+            }
+        };
+
+        useEffect(() => {
+            if (!open) {
+                form.reset();
+                setCheckVrfcNm(false);
+                originalVrfcNmRef.current = null;
+            }
+        }, [open, form]);
+
+        return (
+            <Dialog open={open} onOpenChange={onOpenChange} {...props}>
+                <DialogTrigger asChild>{children}</DialogTrigger>
+                <DialogContent className="max-w-[60rem]" aria-describedby={undefined}>
+                    <DialogHeader>
+                        <DialogTitle>
+                            {isVrfcSn ?
+                                detailData ? detailData.data.vrfcNm
+                                    :
+                                    <Skeleton className="h-[14px] rounded-xl w-2/3" />
+                                : "일반 검증 등록"}
+                        </DialogTitle>
+                    </DialogHeader>
+                    <Form {...form}>
+                        <form
+                            className="space-y-4"
+                            onSubmit={form.handleSubmit((data) => {
+                                void onSubmit(data);
+                            })}
+                        >
+                            <Table variant="secondary">
+                                <colgroup>
+                                    <col width="25%" />
+                                    <col width="75%" />
+                                </colgroup>
+                                <TableBody>
+                                    <TableRow>
+                                        <TableHead>* 통계항목</TableHead>
+                                        <TableCell className="border">
+                                            <FormField
+                                                control={form.control}
+                                                name="trgtStatsCd"
+                                                render={({ field }) => (
+                                                    <FormItem>
+                                                        <FormControl>
+                                                            <CodeSelect
+                                                                upCd="STITEM"
+                                                                value={field.value ?? ''}
+                                                                onValueChange={field.onChange}
+                                                                placeholder="전체"
+                                                                className="w-[16rem]"
+                                                                disabled={isVrfcSn}
+                                                            />
+                                                        </FormControl>
+                                                        {form.formState.errors.trgtStatsCd && (
+                                                            <p className="text-red-500 text-base pt-2">
+                                                                {form.formState.errors.trgtStatsCd.message}
+                                                            </p>
+                                                        )}
+                                                    </FormItem>
+                                                )}
+                                            />
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow>
+                                        <TableHead>* 검증명</TableHead>
+                                        <TableCell className="border">
+                                            <FormField
+                                                control={form.control}
+                                                name="vrfcNm"
+                                                render={({ field }) => (
+                                                    <FormItem>
+                                                        <FormControl>
+                                                            <Input
+                                                                {...field}
+                                                                value={field.value ?? ""}
+                                                                className="!text-[1.3rem]"
+                                                                placeholder="검증명을 입력해주세요"
+                                                                disabled={(trgtStatsCd ?? '') === ''}
+                                                                autoComplete="off"
+                                                            />
+                                                        </FormControl>
+                                                        {checkVrfcNm &&
+                                                            <p className="text-red-500 text-base pt-2">
+                                                                이미 등록된 검증명입니다.
+                                                            </p>
+                                                        }
+                                                        {form.formState.errors.vrfcNm && (
+                                                            <p className="text-red-500 text-base pt-2">
+                                                                {form.formState.errors.vrfcNm.message}
+                                                            </p>
+                                                        )}
+                                                    </FormItem>
+                                                )}
+                                            />
+                                            {/* <Button color="white" className="mt-2">중복검사</Button> */}
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow>
+                                        <TableHead>* 검증분류</TableHead>
+                                        <TableCell className="border">
+                                            <FormField
+                                                control={form.control}
+                                                name="vrfcClsfCd"
+                                                render={({ field }) => (
+                                                    <FormItem>
+                                                        <FormControl>
+                                                            <Select
+                                                                value={field.value ?? ""}
+                                                                onValueChange={field.onChange}
+                                                            >
+                                                                <SelectTrigger className="w-[10rem]">
+                                                                    <SelectValue placeholder="선택" />
+                                                                </SelectTrigger>
+                                                                <SelectContent>
+                                                                    <SelectItem value="ALL">공통 검증</SelectItem>
+                                                                    <SelectItem value="DO_SI">도단위 검증</SelectItem>
+                                                                    <SelectItem value="SI_GU">시단위 검증</SelectItem>
+                                                                </SelectContent>
+                                                            </Select>
+                                                        </FormControl>
+                                                        {form.formState.errors.vrfcClsfCd && (
+                                                            <p className="text-red-500 text-base pt-2">
+                                                                {form.formState.errors.vrfcClsfCd.message}
+                                                            </p>
+                                                        )}
+                                                    </FormItem>
+                                                )}
+                                            />
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow>
+                                        <TableHead>* 소수점자리수</TableHead>
+                                        <TableCell className="border">
+                                            <FormField
+                                                control={form.control}
+                                                name="dcptDigtCnt"
+                                                render={({ field }) => (
+                                                    <FormItem>
+                                                        <FormControl>
+                                                            <Input
+                                                                {...field}
+                                                                value={field.value ?? 0}
+                                                                className="!text-[1.3rem] w-[10rem]"
+                                                                placeholder="소수점자리수를 입력해주세요"
+                                                                type="number"
+                                                                min={0}
+                                                            />
+                                                        </FormControl>
+                                                        <p className="text-gray-500 text-base !mt-0">
+                                                            ※ 0일시 소수점자리 생략
+                                                        </p>
+                                                        {form.formState.errors.dcptDigtCnt && (
+                                                            <p className="text-red-500 text-base pt-2">
+                                                                {form.formState.errors.dcptDigtCnt.message}
+                                                            </p>
+                                                        )}
+                                                    </FormItem>
+                                                )}
+                                            />
+                                        </TableCell>
+                                    </TableRow>
+                                    <TableRow>
+                                        <TableHead>소수점처리방식</TableHead>
+                                        <TableCell className="border">
+                                            <FormField
+                                                control={form.control}
+                                                name="dcptPrcsMthCd"
+                                                render={({ field }) => (
+                                                    <FormItem>
+                                                        <FormControl>
+                                                            <Select
+                                                                value={field.value ?? ""}
+                                                                onValueChange={field.onChange}
+                                                                disabled={Number(dcptDigtCnt ?? 0) === 0}
+                                                            >
+                                                                <SelectTrigger className="w-[10rem]">
+                                                                    <SelectValue placeholder="선택" />
+                                                                </SelectTrigger>
+                                                                <SelectContent>
+                                                                    <SelectItem value="CEIL">올림</SelectItem>
+                                                                    <SelectItem value="ROUND">반올림</SelectItem>
+                                                                    <SelectItem value="FLOOR">내림</SelectItem>
+                                                                </SelectContent>
+                                                            </Select>
+                                                        </FormControl>
+                                                        <p className="text-gray-500 text-base !mt-0">
+                                                            ※ 소수점자리가 1일시 두 번째 자리에서 올림/반올림/내림 처리<br />
+                                                            예시 - 14.16 → 14.2
+                                                        </p>
+                                                        {form.formState.errors.dcptPrcsMthCd && (
+                                                            <p className="text-red-500 text-base pt-2">
+                                                                {form.formState.errors.dcptPrcsMthCd.message}
+                                                            </p>
+                                                        )}
+                                                    </FormItem>
+                                                )}
+                                            />
+                                        </TableCell>
+                                    </TableRow>
+                                    {isVrfcSn &&
+                                        <>
+                                            <TableRow>
+                                                <TableHead>사용여부</TableHead>
+                                                <TableCell className="border">
+                                                    <FormField
+                                                        control={form.control}
+                                                        name="useYn"
+                                                        render={({ field }) => (
+                                                            <FormItem>
+                                                                <FormControl>
+                                                                    <RadioGroup
+                                                                        {...field}
+                                                                        name="useYn"
+                                                                        onValueChange={field.onChange}
+                                                                    >
+                                                                        <div className="flex items-center space-x-2">
+                                                                            <RadioGroupItem value="Y" id="useY" />
+                                                                            <Label htmlFor="useY">사용</Label>
+                                                                        </div>
+                                                                        <div className="flex items-center space-x-2">
+                                                                            <RadioGroupItem value="N" id="useN" />
+                                                                            <Label htmlFor="useN">사용안함</Label>
+                                                                        </div>
+                                                                    </RadioGroup>
+                                                                </FormControl>
+                                                                {form.formState.errors.useYn && (
+                                                                    <p className="text-red-500 text-base pt-2">
+                                                                        {form.formState.errors.useYn.message}
+                                                                    </p>
+                                                                )}
+                                                            </FormItem>
+                                                        )}
+                                                    />
+                                                </TableCell>
+                                            </TableRow>
+                                            <TableRow>
+                                                <TableHead>등록자</TableHead>
+                                                <TableCell className="border">
+                                                    <FormField
+                                                        control={form.control}
+                                                        name="rgtrId"
+                                                        render={({ field }) => (
+                                                            <FormItem>
+                                                                <FormControl>
+                                                                    {registrarUser?.userName != null ? (
+                                                                        <span className="!text-[1.3rem]">{registrarUser.userName}</span>
+                                                                    ) : field.value ? (
+                                                                        <Skeleton className="h-9 w-24 rounded-xl" />
+                                                                    ) : (
+                                                                        <span className="!text-[1.3rem]">-</span>
+                                                                    )}
+                                                                </FormControl>
+                                                            </FormItem>
+                                                        )}
+                                                    />
+                                                </TableCell>
+                                            </TableRow>
+                                            <TableRow>
+                                                <TableHead>등록일</TableHead>
+                                                <TableCell className="border">
+                                                    <FormField
+                                                        control={form.control}
+                                                        name="regDt"
+                                                        render={({ field }) => (
+                                                            <FormItem>
+                                                                <FormControl>
+                                                                    {field.value != null && field.value != '' ?
+                                                                        <span className="!text-[1.3rem]">{field.value}</span>
+                                                                        :
+                                                                        <span className="!text-[1.3rem]">-</span>
+                                                                    }
+                                                                </FormControl>
+                                                            </FormItem>
+                                                        )}
+                                                    />
+                                                </TableCell>
+                                            </TableRow>
+                                            <TableRow>
+                                                <TableHead>수정자</TableHead>
+                                                <TableCell className="border">
+                                                    <FormField
+                                                        control={form.control}
+                                                        name="mdfrId"
+                                                        render={({ field }) => (
+                                                            <FormItem>
+                                                                <FormControl>
+                                                                    {modifierUser?.userName != null ? (
+                                                                        <span className="!text-[1.3rem]">{modifierUser.userName}</span>
+                                                                    ) : field.value ? (
+                                                                        <Skeleton className="h-9 w-24 rounded-xl" />
+                                                                    ) : (
+                                                                        <span className="!text-[1.3rem]">-</span>
+                                                                    )}
+                                                                </FormControl>
+                                                            </FormItem>
+                                                        )}
+                                                    />
+                                                </TableCell>
+                                            </TableRow>
+                                            <TableRow>
+                                                <TableHead>수정일</TableHead>
+                                                <TableCell className="border">
+                                                    <FormField
+                                                        control={form.control}
+                                                        name="mdfcnDt"
+                                                        render={({ field }) => (
+                                                            <FormItem>
+                                                                <FormControl>
+                                                                    {field.value != null && field.value != '' ?
+                                                                        <span className="!text-[1.3rem]">{field.value}</span>
+                                                                        :
+                                                                        <span className="!text-[1.3rem]">-</span>
+                                                                    }
+                                                                </FormControl>
+                                                            </FormItem>
+                                                        )}
+                                                    />
+                                                </TableCell>
+                                            </TableRow>
+                                        </>
+                                    }
+                                </TableBody>
+                            </Table>
+                            <DialogFooter>
+                                {vrfcSn != null &&
+                                    <Button size="lg" type="button" color="red" onClick={handleDeleteVrfcMaster}>
+                                        삭제
+                                    </Button>
+                                }
+                                <Button size="lg" type="submit">
+                                    {vrfcSn != null ? '수정' : '등록'}
+                                </Button>
+                                <DialogClose asChild>
+                                    <Button size="lg" color="white">
+                                        취소
+                                    </Button>
+                                </DialogClose>
+                            </DialogFooter>
+                        </form>
+                    </Form>
+                </DialogContent>
+            </Dialog>
+        );
+    })
+
+RegistDialog.displayName = 'RegistDialog';
+
+export default RegistDialog;
\ No newline at end of file
diff --git a/apps/st/src/components/type/DataGrid.type.ts b/apps/st/src/components/type/DataGrid.type.ts
index 59948afb8..9d9a0e310 100644
--- a/apps/st/src/components/type/DataGrid.type.ts
+++ b/apps/st/src/components/type/DataGrid.type.ts
@@ -1,5 +1,6 @@
 import React from "react";
 import { ValueType } from "realgrid";
+import { type SewerageSupplyRateStatusInfo } from "@/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface";
 
 // RealGrid 타입 정의
 /** setColumns에 전달하는 컬럼 정보 (footer 배열/단일 객체 포함) */
@@ -10,8 +11,10 @@ export type RealGridColumnInfo = {
     editable?: boolean;
     valueType?: import("realgrid").ValueType;
     dataFormat?: string;
+    width?: number;
     styleName?: string;
-    mergeRule?: { criteria: "value" };
+    mergeRule?: { criteria: "value" | string };
+    sortable?: boolean;
     footer?:
     | {
         text?: string;
@@ -130,9 +133,13 @@ export type ColumnConfig = {
     editable?: boolean; // 셀 편집 가능 여부
     /** 그리드에서 컬럼 숨김 (수식용 필드 등) */
     visible?: boolean;
+    /** 컬럼 너비 (px). 지정 시 ... 생략 없이 텍스트 표시에 유리 */
+    width?: number;
     /** 셀에 적용할 CSS 클래스명 (예: 'rg-cell-readonly', 'rg-cell-total') */
     styleName?: string;
     mergeCells?: boolean;
+    /** 병합 시 그룹 기준 필드(예: 시군구). 지정 시 같은 그룹 내에서만 value 기준 병합 */
+    mergeGroupField?: string;
     sortdisable?: boolean;
     sortPreserveGroupOrder?: SortPreserveGroupOrder;
     valueType?: ValueType;
@@ -211,6 +218,10 @@ export type CellStyleCallbackParams = {
 
 export type CellStyleCallback = (params: CellStyleCallbackParams) => string | undefined;
 
+/** 셀 hover 시 툴팁 문구 (반환 시 해당 문구 표시, 검증 오류 메시지 등) */
+export type CellTooltipCallbackParams = { row: Record<string, string | number>; fieldName: string };
+export type CellTooltipCallback = (params: CellTooltipCallbackParams) => string | undefined;
+
 export type DataGridProps = {
     columnInfo: ColumnInfo;
     rowStartNum?: number; // 헤더 행 개수 (1부터 시작, 예: 2면 1행과 2행까지 헤더로 간주)
@@ -225,11 +236,20 @@ export type DataGridProps = {
     >;
     /** 셀 단위로 styleName을 동적으로 결정 (예: 검증 오류 셀) */
     cellStyleCallback?: CellStyleCallback;
+    /** 셀 hover 시 툴팁 문구 (예: verificationResult의 rsnExpln) */
+    cellTooltipCallback?: CellTooltipCallback;
     /** 저장 등 시점에 그리드 현재 데이터를 가져올 수 있도록 할당 (편집 반영된 값) */
     getGridDataRef?: {
         current: (() => Record<string, string | number>[]) | null;
     };
     onRowClick?: (rowData: Record<string, string | number>) => void; // 행 클릭 이벤트
+    statusInfo?: SewerageSupplyRateStatusInfo | null;
+    /** 강조 및 스크롤할 행의 ID */
+    highlightedRowId?: string | number | null;
+    /** ID로 사용할 필드명 (기본값: 'id') */
+    idFieldName?: string;
+    /** 전체 정렬 기능 on/off (기본값: false) */
+    enableSort?: boolean;
 };
 
 export type TabDataGridProps = {
@@ -248,6 +268,12 @@ export type TabDataGridProps = {
     activeTab?: string;
     /** 활성 탭 변경 시 호출 (제어 모드). activeTab과 함께 넘기면 부모가 탭 상태를 가짐 */
     onActiveTabChange?: (tabKey: string) => void;
+    /** 저장 등 시점에 현재 활성 탭 그리드 데이터를 가져올 수 있도록 할당 (편집 반영된 값) */
+    getGridDataRef?: {
+        current: (() => Record<string, string | number>[]) | null;
+    };
+    /** 전체 정렬 기능 on/off (기본값: false) */
+    enableSort?: boolean;
 };
 
 export type SplitDataGridProps = {
@@ -264,4 +290,6 @@ export type SplitDataGridProps = {
     setRightRowData: React.Dispatch<
         React.SetStateAction<Record<string, string | number>[]>
     >;
+    /** 전체 정렬 기능 on/off (기본값: false) */
+    enableSort?: boolean;
 };
diff --git a/apps/st/src/components/type/SearchForm.type.ts b/apps/st/src/components/type/SearchForm.type.ts
index b6fd4211d..405095221 100644
--- a/apps/st/src/components/type/SearchForm.type.ts
+++ b/apps/st/src/components/type/SearchForm.type.ts
@@ -5,6 +5,7 @@ export type SearchFormValues = {
     order?: string;
     fctName?: string;
     bsnmCd?: string;
+    isDetail?: boolean;
 };
 
 export type SearchFormProps = {
@@ -14,6 +15,7 @@ export type SearchFormProps = {
     order?: boolean;
     fctName?: boolean;
     userMenual?: boolean;
+    isDetail?: boolean;
     onSubmit?: (values: SearchFormValues) => void;
     onReset?: () => void;
     onValuesChange?: (values: SearchFormValues) => void;
@@ -27,4 +29,5 @@ export const defaultSearchFormProps: Required<Omit<SearchFormProps, 'onSubmit' |
     order: false,
     fctName: false,
     userMenual: false,
+    isDetail: false,
 };
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/input/DoList.ts b/apps/st/src/components/util/column/input/DoList.ts
new file mode 100644
index 000000000..2b58bd57b
--- /dev/null
+++ b/apps/st/src/components/util/column/input/DoList.ts
@@ -0,0 +1,23 @@
+export const doList = [
+    "4100000000",
+    "4200000000",
+    "4300000000",
+    "4400000000",
+    "4500000000",
+    "4600000000",
+    "4700000000",
+    "4800000000",
+];
+
+export const needBsnmFrgnrPoplSmSidoList = [
+    "3600000000",
+    "4100000000",
+    "4200000000",
+    "4300000000",
+    "4400000000",
+    "4500000000",
+    "4600000000",
+    "4700000000",
+    "4800000000",
+    "5000000000",
+];
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/input/SeweragePenetrationRateInpColumn.ts b/apps/st/src/components/util/column/input/SeweragePenetrationRateInpColumn.ts
index 41a9c5700..566f7ae48 100644
--- a/apps/st/src/components/util/column/input/SeweragePenetrationRateInpColumn.ts
+++ b/apps/st/src/components/util/column/input/SeweragePenetrationRateInpColumn.ts
@@ -7,13 +7,13 @@ import { ValueType } from "realgrid";
 export const SeweragePenetrationRateInpColumn = {
     columns: [
         // 행정구역
-        { name: 'sido', fieldName: 'sido', header: { text: '시도' }, footer: { text: '합계' }, editable: false, styleName: 'rg-cell-readonly' },
-        { name: 'gugun', fieldName: 'gugun', header: { text: '시군구' }, editable: false, styleName: 'rg-cell-readonly' },
-        { name: 'adstDong', fieldName: 'adstDong', header: { text: '행정구역명' }, editable: false, styleName: 'rg-cell-readonly' },
+        { name: 'ctpvNm', fieldName: 'ctpvNm', header: { text: '시도' }, footer: { text: '합계' }, editable: false, styleName: 'rg-cell-readonly' },
+        { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, editable: false, styleName: 'rg-cell-readonly' },
+        { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, editable: false, styleName: 'rg-cell-readonly' },
 
         // 수계 및 권역
         { name: 'rvbsn', fieldName: 'rvbsn', header: { text: '수계' }, editable: false, styleName: 'rg-cell-readonly' },
-        { name: 'bstrm', fieldName: 'bstrm', header: { text: '지류' } },
+        { name: 'trbtrNm', fieldName: 'trbtrNm', header: { text: '지류' } },
 
         // 수계영향권별분류
         { name: 'mdbsn', fieldName: 'mdbsn', header: { text: '세부단위유역' }, editable: false, styleName: 'rg-cell-readonly' },
@@ -21,121 +21,121 @@ export const SeweragePenetrationRateInpColumn = {
         { name: 'mdmbsn', fieldName: 'mdmbsn', header: { text: '소권역' }, editable: false, styleName: 'rg-cell-readonly' },
 
         // 특별대책지역
-        { name: 'speclCntrplnAr', fieldName: 'speclCntrplnAr', header: { text: '특별대책지역' } },
+        { name: 'spcCtpnRgnCn', fieldName: 'spcCtpnRgnCn', header: { text: '특별대책지역' } },
 
         // 행정참고자료인구
-        { name: 'totalPopl', fieldName: 'totalPopl', header: { text: '총인구' }, footer: footerInt, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-readonly' },
-        { name: 'poplSm', fieldName: 'poplSm', header: { text: '내국인' }, footer: footerInt, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-readonly' },
-        { name: 'frgnrPoplSm', fieldName: 'frgnrPoplSm', header: { text: '외국인' }, footer: footerInt, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-readonly' },
+        { name: 'pbadmsWholPpltnCnt', fieldName: 'pbadmsWholPpltnCnt', header: { text: '총인구' }, footer: footerInt, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-readonly' },
+        { name: 'domplWholPpltnCnt', fieldName: 'domplWholPpltnCnt', header: { text: '내국인' }, footer: footerInt, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-readonly' },
+        { name: 'frgnrWholPpltnCnt', fieldName: 'frgnrWholPpltnCnt', header: { text: '외국인' }, footer: footerInt, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-readonly' },
 
         // 행정참고자료면적
-        { name: 'area', fieldName: 'area', header: { text: '행정참고자료면적(㎢)' }, footer: footerDecimal3, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.000', styleName: 'rg-cell-readonly' },
+        { name: 'refArea', fieldName: 'refArea', header: { text: '행정참고자료면적(㎢)' }, footer: footerDecimal3, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.000', styleName: 'rg-cell-readonly' },
 
         // 총인구
         { 
-            name: 'popltnSm',
-            fieldName: 'popltnSm', 
+            name: 'wholPpltnCnt',
+            fieldName: 'wholPpltnCnt', 
             header: { text: '총인구(명)' }, 
             footer: footerInt, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0',
-            computed: { fields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn', 'townUnprocPopltn', 'townSwttPopltn', 'townWrrtnPopltn'], type: 'sum' as const },
+            computed: { fields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt', 'unprcsPpltnCnt', 'drtwPrcsPpltnCnt', 'spctnkPpltnCnt'], type: 'sum' as const },
             styleName: 'rg-cell-total',
         },
 
         // 총면적
         { 
-            name: 'arSm', 
-            fieldName: 'arSm', 
+            name: 'wholArea', 
+            fieldName: 'wholArea', 
             header: { text: '총면적(㎢)' }, 
             footer: footerDecimal3, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0.000',
-            computed: { fields: ['swgeProcZoneInnerAr', 'swgeProcZoneOuterAr'], type: 'sum' as const },
+            computed: { fields: ['staaArea', 'staaExcpArea'], type: 'sum' as const },
             styleName: 'rg-cell-total',
         },
 
         // 하수처리구역 내 > 합계
         { 
-            name: 'swgeProcZoneInnerSm', 
-            fieldName: 'swgeProcZoneInnerSm', 
+            name: 'wholSwtrmtPpltnCnt', 
+            fieldName: 'wholSwtrmtPpltnCnt', 
             header: { text: '합계' }, 
             footer: footerInt, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0',
-            computed: { fields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn'], type: 'sum' as const },
+            computed: { fields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt'], type: 'sum' as const },
             styleName: 'rg-cell-total',
         },
 
         // 하수처리구역 내 > 공공하수처리인구
         { 
-            name: 'pblswrgPopltnSm', 
-            fieldName: 'pblswrgPopltnSm', 
+            name: 'wholPblSwtrmtPpltnCnt', 
+            fieldName: 'wholPblSwtrmtPpltnCnt', 
             header: { text: '소계' }, 
             footer: footerInt, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0', 
-            computed: { fields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt'], type: 'sum' as const },
+            computed: { fields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt'], type: 'sum' as const },
             styleName: 'rg-cell-total',
         },
-        { name: 'pblswrgPrmTrt', fieldName: 'pblswrgPrmTrt', header: { text: '물리적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'pblswrgScdTrt', fieldName: 'pblswrgScdTrt', header: { text: '생물학적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'pblswrgTertTrt', fieldName: 'pblswrgTertTrt', header: { text: '고도처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts1SwtrmtPpltnCnt', fieldName: 'ts1SwtrmtPpltnCnt', header: { text: '물리적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts2SwtrmtPpltnCnt', fieldName: 'ts2SwtrmtPpltnCnt', header: { text: '생물학적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts3SwtrmtPpltnCnt', fieldName: 'ts3SwtrmtPpltnCnt', header: { text: '고도처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
 
         // 하수처리구역 내 > 폐수처리인구
         { 
-            name: 'wstrPopltnSm', 
-            fieldName: 'wstrPopltnSm', 
+            name: 'wholWwtPrcsPpltnCnt', 
+            fieldName: 'wholWwtPrcsPpltnCnt', 
             header: { text: '소계' }, 
             footer: footerInt, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0',
-            computed: { fields: ['wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt'], type: 'sum' as const },
+            computed: { fields: ['ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt'], type: 'sum' as const },
             styleName: 'rg-cell-total',
         },
-        { name: 'wstrPrmTrt', fieldName: 'wstrPrmTrt', header: { text: '물리적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'wstrScdTrt', fieldName: 'wstrScdTrt', header: { text: '생물학적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'wstrTertTrt', fieldName: 'wstrTertTrt', header: { text: '고도처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts1WwtPrcsPpltnCnt', fieldName: 'ts1WwtPrcsPpltnCnt', header: { text: '물리적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts2WwtPrcsPpltnCnt', fieldName: 'ts2WwtPrcsPpltnCnt', header: { text: '생물학적처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts3WwtPrcsPpltnCnt', fieldName: 'ts3WwtPrcsPpltnCnt', header: { text: '고도처리' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
 
         // 하수처리구역 내 > 미접속인구
-        { name: 'notConectPopltn', fieldName: 'notConectPopltn', header: { text: '미접속인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'yetCntnPpltnCnt', fieldName: 'yetCntnPpltnCnt', header: { text: '미접속인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
 
         // 하수처리구역 내 > 면적
-        { name: 'swgeProcZoneInnerAr', fieldName: 'swgeProcZoneInnerAr', header: { text: '면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'staaArea', fieldName: 'staaArea', header: { text: '면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
 
         // 하수처리구역 외
         { 
-            name: 'swgeProcZoneOuterSm',
-            fieldName: 'swgeProcZoneOuterSm', 
+            name: 'wholStaaExcpPpltnCnt',
+            fieldName: 'wholStaaExcpPpltnCnt', 
             header: { text: '합계' }, 
             footer: footerInt, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0',
-            computed: { fields: ['townUnprocPopltn', 'townSwttPopltn', 'townWrrtnPopltn'], type: 'sum' as const },
+            computed: { fields: ['unprcsPpltnCnt', 'drtwPrcsPpltnCnt', 'spctnkPpltnCnt'], type: 'sum' as const },
             styleName: 'rg-cell-total',
         },
-        { name: 'townUnprocPopltn', fieldName: 'townUnprocPopltn', header: { text: '미처리인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'townSwttPopltn', fieldName: 'townSwttPopltn', header: { text: '오수처리인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'townWrrtnPopltn', fieldName: 'townWrrtnPopltn', header: { text: '정화조인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'swgeProcZoneOuterAr', fieldName: 'swgeProcZoneOuterAr', header: { text: '면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'unprcsPpltnCnt', fieldName: 'unprcsPpltnCnt', header: { text: '미처리인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'drtwPrcsPpltnCnt', fieldName: 'drtwPrcsPpltnCnt', header: { text: '오수처리인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'spctnkPpltnCnt', fieldName: 'spctnkPpltnCnt', header: { text: '정화조인구' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'staaExcpArea', fieldName: 'staaExcpArea', header: { text: '면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
 
         // 공공하수처리구역 인구보급률 (하수처리구역 내 인구 / 전체 인구 * 100)
         {
-            name: 'pblswrgPopltnSuprt',
-            fieldName: 'pblswrgPopltnSuprt',
+            name: 'staaPsplyRt',
+            fieldName: 'staaPsplyRt',
             header: { text: '공공하수처리구역인구보급률(%)' },
             footer: footerAvgDecimal,
             editable: false,
             valueType: ValueType.NUMBER,
             dataFormat: '#,##0.0',
             computed: {
-                numeratorFields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn'],
-                denominatorFields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn', 'townUnprocPopltn', 'townSwttPopltn', 'townWrrtnPopltn'],
+                numeratorFields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt'],
+                denominatorFields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt', 'unprcsPpltnCnt', 'drtwPrcsPpltnCnt', 'spctnkPpltnCnt'],
                 type: 'pblswrgPopltnSuprtRate' as const
             },
             styleName: 'rg-cell-total',
@@ -143,16 +143,16 @@ export const SeweragePenetrationRateInpColumn = {
 
         // 고도처리 인구보급률 (고도처리 인구 / 전체 인구 * 100)
         { 
-            name: 'adtrtPopltnSuprt', 
-            fieldName: 'adtrtPopltnSuprt', 
+            name: 'altdPrcsPsplyRt', 
+            fieldName: 'altdPrcsPsplyRt', 
             header: { text: '고도처리인구보급률(%)' }, 
             footer: footerAvgDecimal, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0.0', 
             computed: { 
-                numeratorFields: ['pblswrgTertTrt', 'wstrTertTrt'], 
-                denominatorFields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn', 'townUnprocPopltn', 'townSwttPopltn', 'townWrrtnPopltn'], 
+                numeratorFields: ['ts3SwtrmtPpltnCnt', 'ts3WwtPrcsPpltnCnt'], 
+                denominatorFields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt', 'unprcsPpltnCnt', 'drtwPrcsPpltnCnt', 'spctnkPpltnCnt'], 
                 type: 'adtrtPopltnSuprtRate' as const 
             },
             styleName: 'rg-cell-total',
@@ -160,27 +160,27 @@ export const SeweragePenetrationRateInpColumn = {
 
         // 하수도 설치율
         { 
-            name: 'swrgInstlrt', 
-            fieldName: 'swrgInstlrt', 
+            name: 'sewerInstlRt', 
+            fieldName: 'sewerInstlRt', 
             header: { text: '하수도설치율(%)' }, 
             footer: footerAvgDecimal, 
             editable: false, 
             valueType: ValueType.NUMBER, 
             dataFormat: '#,##0.0',
             computed: {
-                numeratorFields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn', 'swgeProcZoneOuterSm'],
-                denominatorFields: ['pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt', 'notConectPopltn'],
-                thirdFields: ['piplSupprt'],
+                numeratorFields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt', 'wholStaaExcpPpltnCnt'],
+                denominatorFields: ['ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt', 'yetCntnPpltnCnt'],
+                thirdFields: ['swagePplPsplyRt'],
                 type: 'swrgInstlrtRate' as const
             },
             styleName: 'rg-cell-total',
         },
 
         // 비고
-        { name: 'rmk', fieldName: 'rmk', header: { text: '비고' } },
+        { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
 
-        { name: 'piplSupprt', fieldName: 'piplSupprt', header: { text: '하수관로보급률(%)' }, visible: false },
-        { name: 'adstCd', fieldName: 'adstCd', header: { text: '행정코드' }, visible: false },
+        { name: 'swagePplPsplyRt', fieldName: 'swagePplPsplyRt', header: { text: '하수관로보급률(%)' }, visible: false },
+        { name: 'admdstCd', fieldName: 'admdstCd', header: { text: '행정코드' }, visible: false },
     ],
 
     columnLayout: [
@@ -189,49 +189,49 @@ export const SeweragePenetrationRateInpColumn = {
             hideChildHeaders: false,
             header: { text: '행정구역' },
             items: [
-                { column: 'sido', footerUserSpans: [{ colspan: 3 }] },
-                'gugun',
-                'adstDong',
+                { column: 'ctpvNm', footerUserSpans: [{ colspan: 3 }] },
+                'sggNm',
+                'admdstNm',
             ],
         },
         'rvbsn',
-        'bstrm',
+        'trbtrNm',
         {
             name: 'groupB',
             hideChildHeaders: false,
             header: { text: '수계영향권별분류' },
             items: ['mdbsn', 'lgbsn', 'mdmbsn'],
         },
-        'speclCntrplnAr',
+        'spcCtpnRgnCn',
         {
             name: 'groupC',
             hideChildHeaders: false,
             header: { text: '행정참고자료인구' },
-            items: ['totalPopl', 'poplSm', 'frgnrPoplSm'],
+            items: ['pbadmsWholPpltnCnt', 'domplWholPpltnCnt', 'frgnrWholPpltnCnt'],
         },
-        'area',
-        'popltnSm',
-        'arSm',
+        'refArea',
+        'wholPpltnCnt',
+        'wholArea',
         {
             name: 'groupD',
             hideChildHeaders: false,
             header: { text: '하수처리구역내' },
             items: [
-                'swgeProcZoneInnerSm',
+                'wholSwtrmtPpltnCnt',
                 {
                     name: 'pblswrgGroup',
                     hideChildHeaders: false,
                     header: { text: '공공하수처리인구(명)' },
-                    items: ['pblswrgPopltnSm', 'pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt'],
+                    items: ['wholPblSwtrmtPpltnCnt', 'ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt'],
                 },
                 {
                     name: 'wstrGroup',
                     hideChildHeaders: false,
                     header: { text: '폐수처리인구(명)' },
-                    items: ['wstrPopltnSm', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt'],
+                    items: ['wholWwtPrcsPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt'],
                 },
-                'notConectPopltn',
-                'swgeProcZoneInnerAr'
+                'yetCntnPpltnCnt',
+                'staaArea'
             ],
         },
         {
@@ -239,18 +239,18 @@ export const SeweragePenetrationRateInpColumn = {
             hideChildHeaders: false,
             header: { text: '하수처리구역외' },
             items: [
-                'swgeProcZoneOuterSm',
-                'townUnprocPopltn',
-                'townSwttPopltn',
-                'townWrrtnPopltn',
-                'swgeProcZoneOuterAr'
+                'wholStaaExcpPpltnCnt',
+                'unprcsPpltnCnt',
+                'drtwPrcsPpltnCnt',
+                'spctnkPpltnCnt',
+                'staaExcpArea'
             ],
         },
-        'pblswrgPopltnSuprt',
-        'adtrtPopltnSuprt',
-        'swrgInstlrt',
-        'rmk',
-        'piplSupprt',
-        'adstCd',
+        'staaPsplyRt',
+        'altdPrcsPsplyRt',
+        'sewerInstlRt',
+        'rmrk',
+        'swagePplPsplyRt',
+        'admdstCd',
     ]
 };
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/input/StatsInputStatusInpColumn.ts b/apps/st/src/components/util/column/input/StatsInputStatusInpColumn.ts
index 09d10d3d1..7ed87ddc3 100644
--- a/apps/st/src/components/util/column/input/StatsInputStatusInpColumn.ts
+++ b/apps/st/src/components/util/column/input/StatsInputStatusInpColumn.ts
@@ -1,4 +1,4 @@
-import { ValueType } from "realgrid";
+// import { ValueType } from "realgrid";
 
 /**
  * 하수도 통계 관리 > 00. 통계 입력 현황
@@ -6,40 +6,42 @@ import { ValueType } from "realgrid";
  */
 export const StatsInputStatusInpColumn = {
     columns: [
-        { name: 'sido', fieldName: '시도', header: { text: '시도' } },
-        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' } },
-        { name: 'menu_nm', fieldName: '구분', header: { text: '구분' } },
-        { name: 'locg_status_nm', fieldName: '진행상황', header: { text: '진행상황' } },
-        { name: 'locg_status', fieldName: '작성률', header: { text: '작성률' }, valueType: ValueType.NUMBER },
-        { name: 'locg_charger', fieldName: '작성자', header: { text: '작성자' } },
-        { name: 'locg_cttpc', fieldName: '작성자연락처', header: { text: '작성자연락처' } },
-        { name: 'locg_dept', fieldName: '부서', header: { text: '부서' } },
-        { name: 'locg_job', fieldName: '직제', header: { text: '직제' } },
-        { name: 'locg_cnfirm_nm', fieldName: '승인자', header: { text: '승인자' } },
-        { name: 'locg_cnfirm_dept', fieldName: '부서', header: { text: '부서' } },
-        { name: 'locg_cnfirm_job', fieldName: '직제', header: { text: '직제' } },
-        { name: 'return_opinion_sm', fieldName: '반려사유', header: { text: '반려사유' } },
+        { name: 'ctpvNm', fieldName: 'ctpvNm', header: { text: '시도' }, editable: false },
+        { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, editable: false },
+        { name: 'statsCd', fieldName: 'statsCd', header: { text: '메뉴코드' }, visible: false, editable: false },
+        { name: 'menuTabName', fieldName: 'menuTabName', header: { text: '구분' }, editable: false, width: 220 },
+        { name: 'locgStatusNm', fieldName: 'locgStatusNm', header: { text: '진행상황' }, editable: false },
+        // { name: 'inputRate', fieldName: 'inputRate', header: { text: '작성률' }, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'laePicNm', fieldName: 'laePicNm', header: { text: '작성자' }, editable: false },
+        { name: 'laePicTelNo', fieldName: 'laePicTelNo', header: { text: '작성자연락처' }, editable: false },
+        { name: 'laeKbrdrDeptNm', fieldName: 'laeKbrdrDeptNm', header: { text: '부서' }, editable: false },
+        { name: 'laeKbrdrJbgdNm', fieldName: 'laeKbrdrJbgdNm', header: { text: '직제' }, editable: false },
+        { name: 'laeIdfrNm', fieldName: 'laeIdfrNm', header: { text: '승인자' }, editable: false },
+        { name: 'laeIdfrDeptNm', fieldName: 'laeIdfrDeptNm', header: { text: '부서' }, editable: false },
+        { name: 'laeIdfrJbgdNm', fieldName: 'laeIdfrJbgdNm', header: { text: '직제' }, editable: false },
+        { name: 'rjctOpnnCn', fieldName: 'rjctOpnnCn', header: { text: '반려사유' }, editable: false },
     ],
 
     columnLayout: [
-        'sido',
-        'sgg',
-        'menu_nm',
+        'ctpvNm',
+        'sggNm',
+        'statsCd',
+        'menuTabName',
         {
             name: 'groupA',
             hideChildHeaders: false,
             header: { text: '하수도사업자' },
             items: [
-                'locg_status_nm',
-                'locg_status',
-                'locg_charger',
-                'locg_cttpc',
-                'locg_dept',
-                'locg_job',
-                'locg_cnfirm_nm',
-                'locg_cnfirm_dept',
-                'locg_cnfirm_job',
-                'return_opinion_sm'
+                'locgStatusNm',
+                // 'inputRate',
+                'laePicNm',
+                'laePicTelNo',
+                'laeKbrdrDeptNm',
+                'laeKbrdrJbgdNm',
+                'laeIdfrNm',
+                'laeIdfrDeptNm',
+                'laeIdfrJbgdNm',
+                'rjctOpnnCn'
             ],
         },
     ]
diff --git a/apps/st/src/components/util/column/input/sewagePipe/RegionalFactStatusInpColumn.ts b/apps/st/src/components/util/column/input/sewagePipe/RegionalFactStatusInpColumn.ts
index a02919150..50c16fe40 100644
--- a/apps/st/src/components/util/column/input/sewagePipe/RegionalFactStatusInpColumn.ts
+++ b/apps/st/src/components/util/column/input/sewagePipe/RegionalFactStatusInpColumn.ts
@@ -6,92 +6,97 @@ import { ValueType } from "realgrid";
 export const RegionalFactStatusInpColumn = {
     columns: [
         // 행정구역
-        { name: 'sido', fieldName: '시도', header: { text: '시도' }, editable: false },
-        { name: 'sgg', fieldName: '시군구', header: { text: '시군구' }, footer: { text: '합계' }, editable: false },
+        { name: 'ctpvNm', fieldName: 'ctpvNm', header: { text: '시도' }, footer: { text: '합계' }, editable: false, styleName: 'rg-cell-readonly' },
+        { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, editable: false, styleName: 'rg-cell-readonly' },
+        { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, editable: false, styleName: 'rg-cell-readonly' },
         
         // 기본 정보 
-        { name: 'targetYr', fieldName: '하수정비기본계획목표년도', header: { text: '하수정비기본계획목표년도' }},
-        { name: 'piplImprnPlanExtn', fieldName: '총관로정비계획연장(m)', header: { text: '총관로정비계획연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'piplPlanExtn', fieldName: '총계획연장(m)', header: { text: '총계획연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'piplFcltyExtn', fieldName: '총시설연장(m)', header: { text: '총시설연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'piplSupprt', fieldName: '하수관로보급률(%)', header: { text: '하수관로보급률(%)' }, footer: footerDecimal1, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.0' },
+        { name: 'goalYr', fieldName: 'goalYr', header: { text: '하수정비기본계획목표년도' }},
+        { name: 'wholPplMtncPlanPrlg', fieldName: 'wholPplMtncPlanPrlg', header: { text: '총관로정비계획연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'wholPlanPrlg', fieldName: 'wholPlanPrlg', header: { text: '총계획연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'wholFcltPrlg', fieldName: 'wholFcltPrlg', header: { text: '총시설연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'swagePplPsplyRt', fieldName: 'swagePplPsplyRt', header: { text: '하수관로보급률(%)' }, footer: footerDecimal1, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.0' },
 
         // 합류식(m)
-        { name: 'cmbnPlanAr', fieldName: '관로정비계획면적(㎢)', header: { text: '관로정비계획면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'cmbnImprnPlanExtn', fieldName: '관로정비계획연장(m)', header: { text: '관로정비계획연장(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'cmbnPlanExtn', fieldName: '계획연장(m)', header: { text: '계획연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'cmbnFcltyExtn', fieldName: '시설연장(m)', header: { text: '시설연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'cmbnRctglExtn', fieldName: '사각형(m)', header: { text: '사각형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'cmbnCicleExtn', fieldName: '원형(m)', header: { text: '원형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'cmbnOpswrExtn', fieldName: '개거(m)', header: { text: '개거(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'cmbnSdgttrExtn', fieldName: '측구(m)', header: { text: '측구(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysPplMtncPlanArea', fieldName: 'cbsysPplMtncPlanArea', header: { text: '관로정비계획면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'cbsysPplMtncPlanPrlg', fieldName: 'cbsysPplMtncPlanPrlg', header: { text: '관로정비계획연장(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysPlanPrlg', fieldName: 'cbsysPlanPrlg', header: { text: '계획연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysFcltPrlg', fieldName: 'cbsysFcltPrlg', header: { text: '시설연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysSqrePrlg', fieldName: 'cbsysSqrePrlg', header: { text: '사각형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysCiclPrlg', fieldName: 'cbsysCiclPrlg', header: { text: '원형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysOpnPrlg', fieldName: 'cbsysOpnPrlg', header: { text: '개거(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'cbsysGttrPrlg', fieldName: 'cbsysGttrPrlg', header: { text: '측구(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
 
         // 분류식(m) > 오수관로
-        { name: 'pltwtrPlanAr', fieldName: '관로정비계획면적(㎢)', header: { text: '관로정비계획면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'pltwtrImprnPlanExtn', fieldName: '관로정비계획연장(m)', header: { text: '관로정비계획연장(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'pltwtrPlanExtn', fieldName: '계획연장(m)', header: { text: '계획연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'pltwtrFlctyExtn', fieldName: '시설연장(m)', header: { text: '시설연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'pltwtrSqreExtn', fieldName: '사각형(m)', header: { text: '사각형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'pltwtrCiclExtn', fieldName: '원형(m)', header: { text: '원형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'drtwPplMtncPlanArea', fieldName: 'drtwPplMtncPlanArea', header: { text: '관로정비계획면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'drtwPplMtncPlanPrlg', fieldName: 'drtwPplMtncPlanPrlg', header: { text: '관로정비계획연장(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'drtwPplPlanPrlg', fieldName: 'drtwPplPlanPrlg', header: { text: '계획연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'drtwPplFcltPrlg', fieldName: 'drtwPplFcltPrlg', header: { text: '시설연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'drtwPplSqrePrlg', fieldName: 'drtwPplSqrePrlg', header: { text: '사각형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'drtwPplCiclPrlg', fieldName: 'drtwPplCiclPrlg', header: { text: '원형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
 
         // 분류식(m) > 우수관로
-        { name: 'rainwtrPlanAr', fieldName: '관로정비계획면적(㎢)', header: { text: '관로정비계획면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'rainwtrImprnPlanExtn', fieldName: '관로정비계획연장(m)', header: { text: '관로정비계획연장(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'rainwtrPlanExtn', fieldName: '계획연장(m)', header: { text: '계획연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'rainwtrFlctyExtn', fieldName: '시설연장(m)', header: { text: '시설연장(m)' }, footer: footerDecimal2, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'rainwtrSqreExtn', fieldName: '사각형(m)', header: { text: '사각형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'rainwtrCiclExtn', fieldName: '원형(m)', header: { text: '원형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'rainwtrOpswrExtn', fieldName: '개거(m)', header: { text: '개거(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
-        { name: 'rainwtrSdgttrExtn', fieldName: '측구(m)', header: { text: '측구(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplMtncPlanArea', fieldName: 'exlnPplMtncPlanArea', header: { text: '관로정비계획면적(㎢)' }, footer: footerDecimal3, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'exlnPplMtncPlanPrlg', fieldName: 'exlnPplMtncPlanPrlg', header: { text: '관로정비계획연장(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplPlanPrlg', fieldName: 'exlnPplPlanPrlg', header: { text: '계획연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplFcltPrlg', fieldName: 'exlnPplFcltPrlg', header: { text: '시설연장(m)' }, footer: footerDecimal2, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplSqrePrlg', fieldName: 'exlnPplSqrePrlg', header: { text: '사각형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplCiclPrlg', fieldName: 'exlnPplCiclPrlg', header: { text: '원형(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplOpnPrlg', fieldName: 'exlnPplOpnPrlg', header: { text: '개거(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
+        { name: 'exlnPplGttrPrlg', fieldName: 'exlnPplGttrPrlg', header: { text: '측구(m)' }, footer: footerDecimal2, valueType: ValueType.NUMBER, dataFormat: '#,##0.00' },
 
         // 합류식맨홀(개소)
-        { name: 'mnhleSite', fieldName: '합류식맨홀(개소)', header: { text: '합류식맨홀(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'cbsysMnhlCnt', fieldName: 'cbsysMnhlCnt', header: { text: '합류식맨홀(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
 
         // 분류식 > 오수맨홀, 우수맨홀
-        { name: 'pltwtrMnhleSite', fieldName: '오수맨홀(개소)', header: { text: '오수맨홀(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'rainwtrMnhleSite', fieldName: '우수맨홀(개소)', header: { text: '우수맨홀(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'sprsysDrtwMnhlCnt', fieldName: 'sprsysDrtwMnhlCnt', header: { text: '오수맨홀(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'sprsysExlnMnhlCnt', fieldName: 'sprsysExlnMnhlCnt', header: { text: '우수맨홀(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
         
-        { name: 'pltwtrRcvrSite', fieldName: '오수받이(개소)', header: { text: '오수받이(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'rainwtrRcvrSite', fieldName: '빗물받이(개소)', header: { text: '빗물받이(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'soilspllSite', fieldName: '우수토실(개소)', header: { text: '우수토실(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'soilholeSite', fieldName: '우수토구(개소)', header: { text: '우수토구(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'drtwRcvprpCnt', fieldName: 'drtwRcvprpCnt', header: { text: '오수받이(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'exlnRcvprpCnt', fieldName: 'exlnRcvprpCnt', header: { text: '빗물받이(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'stofcbrCnt', fieldName: 'stofcbrCnt', header: { text: '우수토실(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'exlnOtflCnt', fieldName: 'exlnOtflCnt', header: { text: '우수토구(개소)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
 
         // 하수도대장 전산화
-        { name: 'sewerRegstrCmptExtn', fieldName: '하수도대장전산화연장(m)', header: { text: '하수도대장전산화연장(m)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'sewerRegstrCmptRt', fieldName: '하수도대장전산화율(%)', header: { text: '하수도대장전산화율(%)' }, footer: footerDecimal1, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0.0' },
+        { name: 'sewerLdgrEdpPrlg', fieldName: 'sewerLdgrEdpPrlg', header: { text: '하수도대장전산화연장(m)' }, footer: footerInt, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'sewerLdgrEdpRt', fieldName: 'sewerLdgrEdpRt', header: { text: '하수도대장전산화율(%)' }, footer: footerDecimal1, editable: false, styleName: 'rg-cell-readonly', valueType: ValueType.NUMBER, dataFormat: '#,##0.0' },
 
         // 비고
-        { name: 'rmk', fieldName: '비고', header: { text: '비고' } },
+        { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
     ],
     columnLayout: [
         {
             name: 'adminArea',
             hideChildHeaders: false,
             header: { text: '행정구역' },
-            items: ['sido', 'sgg'],
+            items: [
+                { column: 'ctpvNm', footerUserSpans: [{ colspan: 3 }] },
+                'sggNm',
+                'admdstNm',
+            ],
         },
-        'targetYr',
-        'piplImprnPlanExtn',
-        'piplPlanExtn',
-        'piplFcltyExtn',
-        'piplSupprt',
+        'goalYr',
+        'wholPplMtncPlanPrlg',
+        'wholPlanPrlg',
+        'wholFcltPrlg',
+        'swagePplPsplyRt',
         {
             name: 'combined',
             hideChildHeaders: false,
             header: { text: '합류식(m)' },
             items: [
-                'cmbnPlanAr',
-                'cmbnImprnPlanExtn',
-                'cmbnPlanExtn',
-                'cmbnFcltyExtn',
+                'cbsysPplMtncPlanArea',
+                'cbsysPplMtncPlanPrlg',
+                'cbsysPlanPrlg',
+                'cbsysFcltPrlg',
                 {
                     name: 'cmbnCulvert',
                     hideChildHeaders: false,
                     header: { text: '암거' },
-                    items: ['cmbnRctglExtn', 'cmbnCicleExtn'],
+                    items: ['cbsysSqrePrlg', 'cbsysCiclPrlg'],
                 },
-                'cmbnOpswrExtn',
-                'cmbnSdgttrExtn',
+                'cbsysOpnPrlg',
+                'cbsysGttrPrlg',
             ],
         },
         {
@@ -104,15 +109,15 @@ export const RegionalFactStatusInpColumn = {
                     hideChildHeaders: false,
                     header: { text: '오수관로' },
                     items: [
-                        'pltwtrPlanAr',
-                        'pltwtrImprnPlanExtn',
-                        'pltwtrPlanExtn',
-                        'pltwtrFlctyExtn',
+                        'drtwPplMtncPlanArea',
+                        'drtwPplMtncPlanPrlg',
+                        'drtwPplPlanPrlg',
+                        'drtwPplFcltPrlg',
                         {
                             name: 'pltwtrCulvert',
                             hideChildHeaders: false,
                             header: { text: '암거' },
-                            items: ['pltwtrSqreExtn', 'pltwtrCiclExtn'],
+                            items: ['drtwPplSqrePrlg', 'drtwPplCiclPrlg'],
                         },
                     ],
                 },
@@ -121,39 +126,39 @@ export const RegionalFactStatusInpColumn = {
                     hideChildHeaders: false,
                     header: { text: '우수관로' },
                     items: [
-                        'rainwtrPlanAr',
-                        'rainwtrImprnPlanExtn',
-                        'rainwtrPlanExtn',
-                        'rainwtrFlctyExtn',
+                        'exlnPplMtncPlanArea',
+                        'exlnPplMtncPlanPrlg',
+                        'exlnPplPlanPrlg',
+                        'exlnPplFcltPrlg',
                         {
                             name: 'rainwtrCulvert',
                             hideChildHeaders: false,
                             header: { text: '암거' },
-                            items: ['rainwtrSqreExtn', 'rainwtrCiclExtn'],
+                            items: ['exlnPplSqrePrlg', 'exlnPplCiclPrlg'],
                         },
-                        'rainwtrOpswrExtn',
-                        'rainwtrSdgttrExtn',
+                        'exlnPplOpnPrlg',
+                        'exlnPplGttrPrlg',
                     ],
                 },
             ],
         },
-        'mnhleSite',
+        'cbsysMnhlCnt',
         {
             name: 'separatedManhole',
             hideChildHeaders: false,
             header: { text: '분류식' },
-            items: ['pltwtrMnhleSite', 'rainwtrMnhleSite'],
+            items: ['sprsysDrtwMnhlCnt', 'sprsysExlnMnhlCnt'],
         },
-        'pltwtrRcvrSite',
-        'rainwtrRcvrSite',
-        'soilspllSite',
-        'soilholeSite',
-        'sewerRegstrCmptExtn',
-        'sewerRegstrCmptRt',
-        'rmk',
+        'drtwRcvprpCnt',
+        'exlnRcvprpCnt',
+        'stofcbrCnt',
+        'exlnOtflCnt',
+        'sewerLdgrEdpPrlg',
+        'sewerLdgrEdpRt',
+        'rmrk',
     ],
     rowStartNum: 4,
     fixedColumns: 1,
-    tabKey: 'regionalFactStatusInp',
+    tabKey: 'ST00020001',
     tabLabel: '지역별 시설현황'
 };
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/input/sewagePipe/SewagePipeInpColumn.ts b/apps/st/src/components/util/column/input/sewagePipe/SewagePipeInpColumn.ts
new file mode 100644
index 000000000..9030d4700
--- /dev/null
+++ b/apps/st/src/components/util/column/input/sewagePipe/SewagePipeInpColumn.ts
@@ -0,0 +1,17 @@
+import type { ColumnInfoList } from "@/components/type/DataGrid.type";
+import { RegionalFactStatusInpColumn } from "./RegionalFactStatusInpColumn";
+import { FactInstallStatusInpColumn } from "./FactInstallStatusInpColumn";
+import { PipeTypeStatusInpColumn } from "./PipeTypeStatusInpColumn";
+import { PipeDiameterStatusInpColumn } from "./PipeDiameterStatusInpColumn";
+import { ManholeStatusInpColumn } from "./ManholeStatusInpColumn";
+import { ConnectionStatusInpColumn } from "./ConnectionStatusInpColumn";
+
+/** 하수관로 입력 탭 컬럼 리스트 (TabDataGrid columnInfo용) */
+export const SewagePipeInpColumnInfoList: ColumnInfoList[] = [
+    RegionalFactStatusInpColumn,
+    FactInstallStatusInpColumn,
+    PipeTypeStatusInpColumn,
+    PipeDiameterStatusInpColumn,
+    ManholeStatusInpColumn,
+    ConnectionStatusInpColumn,
+];
diff --git a/apps/st/src/components/util/column/management/GeneralVerificationColumn.tsx b/apps/st/src/components/util/column/management/GeneralVerificationColumn.tsx
new file mode 100644
index 000000000..1eff54286
--- /dev/null
+++ b/apps/st/src/components/util/column/management/GeneralVerificationColumn.tsx
@@ -0,0 +1,110 @@
+import dayjs from "dayjs";
+import { useState } from "react";
+import type { ColumnDef } from "@tanstack/react-table";
+import type { GeneralverificationList } from "@/entities/statistics/model/general-verification-interface";
+
+import { Button } from "@common/components";
+import RegistDialog from "@/components/statistics/verification/generalVerification/RegistDialog";
+import CopyDialog from "@/components/statistics/verification/generalVerification/CopyDialog";
+
+export const getGeneralVerificationColumns = (
+    onUpdateSuccess?: () => void,
+): ColumnDef<GeneralverificationList>[] => [
+    {
+        id: "no",
+        header: "NO",
+        cell: ({ row, table }) => {
+            const totalRows = table.getRowCount();
+            const { pageIndex, pageSize } = table.getState().pagination;
+            return totalRows - (pageIndex * pageSize + row.index);
+        },
+    },
+    {
+        accessorKey: "trgtStatsNm",
+        header: "통계항목",
+    },
+    {
+        accessorKey: "vrfcNm",
+        header: "검증명",
+    },
+    {
+        accessorKey: "vrfcClsfNm",
+        header: "검증분류",
+    },
+    {
+        accessorKey: "useYn",
+        header: "사용여부",
+    },
+    {
+        accessorKey: "regDt",
+        header: "등록일",
+        cell: ({ row }) => {
+            const date = dayjs(row.original.regDt);
+            return date.format("YYYY-MM-DD");
+        },
+    },
+    {
+        id: "copy",
+        header: "복사",
+        cell: ({ row }) => (
+            <div onClick={(e) => e.stopPropagation()}>
+                <GeneralVerificationCopyButton
+                    row={row.original}
+                    onSuccess={onUpdateSuccess}
+                />
+            </div>
+        ),
+    },
+    {
+        id: "actions",
+        header: "관리",
+        cell: ({ row }) => (
+            <div onClick={(e) => e.stopPropagation()}>
+                <GeneralVerificationManageButton
+                    vrfcSn={row.original.vrfcSn}
+                    onSuccess={onUpdateSuccess}
+                />
+            </div>
+        ),
+    },
+];
+
+const GeneralVerificationManageButton = ({
+    vrfcSn,
+    onSuccess,
+}: {
+    vrfcSn: number;
+    onSuccess?: () => void;
+}) => {
+    const [dialogOpen, setDialogOpen] = useState(false);
+    return (
+        <RegistDialog
+            open={dialogOpen}
+            onOpenChange={setDialogOpen}
+            vrfcSn={vrfcSn}
+            onSuccess={onSuccess}
+        >
+            <Button size="sm">관리</Button>
+        </RegistDialog>
+    );
+};
+
+const GeneralVerificationCopyButton = ({
+    row,
+    onSuccess,
+}: {
+    row: GeneralverificationList;
+    onSuccess?: () => void;
+}) => {
+    const [dialogOpen, setDialogOpen] = useState(false);
+    return (
+        <CopyDialog
+            open={dialogOpen}
+            onOpenChange={setDialogOpen}
+            row={row}
+            onSuccess={onSuccess}
+        >
+            <Button size="sm" color="white">복사</Button>
+        </CopyDialog>
+    );
+};
diff --git a/apps/st/src/components/util/column/management/LogHistoryColumn.ts b/apps/st/src/components/util/column/management/LogHistoryColumn.ts
new file mode 100644
index 000000000..74efa78b4
--- /dev/null
+++ b/apps/st/src/components/util/column/management/LogHistoryColumn.ts
@@ -0,0 +1,21 @@
+import { ValueType } from "realgrid";
+
+export const LogHistoryColumn = {
+    columns: [
+        { name: 'statsLogSn', fieldName: 'statsLogSn', header: { text: '일련번호' }, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'menuNm', fieldName: 'menuNm', header: { text: '메뉴명' }, editable: false },
+        { name: 'tblNm', fieldName: 'tblNm', header: { text: '테이블명' }, visible: false, editable: false },
+        { name: 'dmndFwkNm', fieldName: 'dmndFwkNm', header: { text: '요청 기능명' }, editable: false },
+        { name: 'rgtrId', fieldName: 'rgtrId', header: { text: '등록자' }, editable: false },
+        { name: 'regDt', fieldName: 'regDt', header: { text: '등록일' }, editable: false },
+    ],
+
+    columnLayout: [
+        'statsLogSn',
+        'menuNm',
+        'tblNm',
+        'dmndFwkNm',
+        'rgtrId',
+        'regDt'
+    ]
+};
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/review/PumpingStationRvwColumn.ts b/apps/st/src/components/util/column/review/PumpingStationRvwColumn.ts
index 058eb39e3..54dbfcedd 100644
--- a/apps/st/src/components/util/column/review/PumpingStationRvwColumn.ts
+++ b/apps/st/src/components/util/column/review/PumpingStationRvwColumn.ts
@@ -1,106 +1,206 @@
 import { ValueType } from "realgrid";
+import { footerIntArrayByDivision, footerDecimal3ArrayByDivision, footerAvgDecimalArrayByDivision } from "@/components/util/grid/footerSummary";
+import type { GridView } from "@/components/type/DataGrid.type";
 
-// 하수도 통계 관리 05.펌프장
 export const rawPumpingStationInfoList = {
     columns: [
-        /* 1. 행정구역 및 기본정보 */
-        { name: 'sido', fieldName: '시도', header: { text: '시도' } },
-        { name: 'sgg', fieldName: '구군', header: { text: '구군' } },
-        { name: 'PUMP_NM', fieldName: '펌프장명', header: { text: '펌프장명' } },
-        { name: 'GBN', fieldName: '구분', header: { text: '구분' } },
-        { name: 'TRT_FCT_NM', fieldName: '처리장명', header: { text: '처리장명' } },
-        { name: 'TYPE_GBN', fieldName: '구분(합류식분류식)', header: { text: '구분(합류식분류식)' } },
-        { name: 'ADDR', fieldName: '위치', header: { text: '위치' } },
-        { name: 'RN_DT', fieldName: '가동년월일 yyyy-mm-dd', header: { text: '가동년월일\nyyyy-mm-dd' } },
-        { name: 'DSN_AR', fieldName: '계획배수면적(km2)', header: { text: '계획배수면적\n(km2)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+             {
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    }
+                ]
+            },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true },
+            {
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    }
+                ]
+            },
+        { name: 'pumpstNm', fieldName: 'pumpstNm', header: { text: '펌프장명' }, mergeCells: true }, 
+        { name: 'swtrmtFcltNm', fieldName: 'swtrmtFcltNm', header: { text: '처리장명' } }, 
+        { name: 'pumpSeNm', fieldName: 'pumpSeNm', header: { text: '구분\n(합류/분류)' } }, 
+        { name: 'impdFcltPstnCn', fieldName: 'impdFcltPstnCn', header: { text: '위치' } }, 
+        { name: 'oprtngStrtYmd', fieldName: 'oprtngStrtYmd', header: { text: '가동년월일' } }, 
+        { 
+            name: 'planMltvArea', fieldName: 'planMltvArea', header: { text: '계획배수면적\n(km2)' }, 
+            footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' 
+        },
 
         /* 2. 계획배수량 (m3/hr) */
-        { name: 'DSN_QTY_A', fieldName: '청천시(A)', header: { text: '청천시(A)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'DSN_QTY_B', fieldName: '우천시(B)', header: { text: '우천시(B)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'DSN_QTY_DIFF', fieldName: '우수량(B-A)', header: { text: '우수량(B-A)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'sndyArea', fieldName: 'sndyArea', header: { text: '청천시(A)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // finewtDrngVl -> sndyArea
+        { name: 'rainArea', fieldName: 'rainArea', header: { text: '우천시(B)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // rainwtDrngVl -> rainArea
+        { name: 'exlnQnt', fieldName: 'exlnQnt', header: { text: '우수량(B-A)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // vlWtr -> exlnQnt
 
         /* 3. 총 양수량 (m3/min) */
-        { name: 'TOT_PUMP_QTY_O', fieldName: '오수펌프 총양수량', header: { text: '오수펌프\n총양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'TOT_PUMP_QTY_W', fieldName: '우수펌프 총양수량', header: { text: '우수펌프\n총양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'drtwPumpGrssPpqty', fieldName: 'drtwPumpGrssPpqty', header: { text: '오수펌프\n총양수량' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // pltwtrTotCpcty -> drtwPumpGrssPpqty
+        { name: 'exlnPumpGrssPpqty', fieldName: 'exlnPumpGrssPpqty', header: { text: '우수펌프\n총양수량' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // rainwtrTotCpcty -> exlnPumpGrssPpqty
 
         /* 4. 오수펌프 상세 (1, 2, 3) */
-        { name: 'PUMP_O1_D', fieldName: '구경(mm)_오수1', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_O1_Q', fieldName: '양수량(m3/min)_오수1', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_O1_C', fieldName: '펌프대수_오수1', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'PUMP_O1_S', fieldName: '예비대수_오수1', header: { text: '예비대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'drtwPumpN1DmtrArea', fieldName: 'drtwPumpN1DmtrArea', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // pltwtrPumpCalbr1 -> drtwPumpN1DmtrArea
+        { name: 'drtwPumpN1Ppqty', fieldName: 'drtwPumpN1Ppqty', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // pltwtrPumpCpcty1 -> drtwPumpN1Ppqty
+        { name: 'drtwPumpN1Cnt', fieldName: 'drtwPumpN1Cnt', header: { text: '펌프대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' }, // pltwtrPumpCnt1 -> drtwPumpN1Cnt
+        { name: 'drtwPumpN1RsrvCnt', fieldName: 'drtwPumpN1RsrvCnt', header: { text: '예비대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' }, // pltwtrPumpPreparCnt1 -> drtwPumpN1RsrvCnt
+        
+        { name: 'drtwPumpN2DmtrArea', fieldName: 'drtwPumpN2DmtrArea', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'drtwPumpN2Ppqty', fieldName: 'drtwPumpN2Ppqty', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'drtwPumpN2Cnt', fieldName: 'drtwPumpN2Cnt', header: { text: '펌프대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'drtwPumpN2RsrvCnt', fieldName: 'drtwPumpN2RsrvCnt', header: { text: '예비대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-        { name: 'PUMP_O2_D', fieldName: '구경(mm)_오수2', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_O2_Q', fieldName: '양수량(m3/min)_오수2', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_O2_C', fieldName: '펌프대수_오수2', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'PUMP_O2_S', fieldName: '예비대수_오수2', header: { text: '예비대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'drtwPumpN3DmtrArea', fieldName: 'drtwPumpN3DmtrArea', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'drtwPumpN3Ppqty', fieldName: 'drtwPumpN3Ppqty', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'drtwPumpN3Cnt', fieldName: 'drtwPumpN3Cnt', header: { text: '펌프대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'drtwPumpN3RsrvCnt', fieldName: 'drtwPumpN3RsrvCnt', header: { text: '예비대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-        { name: 'PUMP_O3_D', fieldName: '구경(mm)_오수3', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_O3_Q', fieldName: '양수량(m3/min)_오수3', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_O3_C', fieldName: '펌프대수_오수3', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'PUMP_O3_S', fieldName: '예비대수_오수3', header: { text: '예비대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        /* 5. 우수펌프 상세 (1, 2, 3) - N1, N2, N3*/
+        { name: 'exlnPumpN1DmtrArea', fieldName: 'exlnPumpN1DmtrArea', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // rainwtrPumpCalbr1 -> exlnPumpN1DmtrArea
+        { name: 'exlnPumpN1Ppqty', fieldName: 'exlnPumpN1Ppqty', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // rainwtrPumpCpcty1 -> exlnPumpN1Ppqty
+        { name: 'exlnPumpN1Cnt', fieldName: 'exlnPumpN1Cnt', header: { text: '펌프대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' }, // rainwtrPumpCnt1 -> exlnPumpN1Cnt
+        { name: 'exlnPumpN4RsrvCnt', fieldName: 'exlnPumpN4RsrvCnt', header: { text: '예비대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' }, // rainwtrPumpPreparCnt1 -> exlnPumpN4RsrvCnt
+        
+        { name: 'exlnPumpN2DmtrArea', fieldName: 'exlnPumpN2DmtrArea', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'exlnPumpN2Ppqty', fieldName: 'exlnPumpN2Ppqty', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'exlnPumpN2Cnt', fieldName: 'exlnPumpN2Cnt', header: { text: '펌프대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'exlnPumpN2RsrvCnt', fieldName: 'exlnPumpN2RsrvCnt', header: { text: '예비대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-        /* 5. 우수펌프 상세 (1, 2, 3) */
-        { name: 'PUMP_W1_D', fieldName: '구경(mm)_우수1', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_W1_Q', fieldName: '양수량(m3/min)_우수1', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_W1_C', fieldName: '펌프대수_우수1', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'PUMP_W1_S', fieldName: '예비대수_우수1', header: { text: '예비대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'exlnPumpN3DmtrArea', fieldName: 'exlnPumpN3DmtrArea', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'exlnPumpN3Ppqty', fieldName: 'exlnPumpN3Ppqty', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'exlnPumpN3Cnt', fieldName: 'exlnPumpN3Cnt', header: { text: '펌프대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'exlnPumpN3RsrvCnt', fieldName: 'exlnPumpN3RsrvCnt', header: { text: '예비대수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-        { name: 'PUMP_W2_D', fieldName: '구경(mm)_우수2', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_W2_Q', fieldName: '양수량(m3/min)_우수2', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_W2_C', fieldName: '펌프대수_우수2', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'PUMP_W2_S', fieldName: '예비대수_우수2', header: { text: '예비대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-        { name: 'PUMP_W3_D', fieldName: '구경(mm)_우수3', header: { text: '구경(mm)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_W3_Q', fieldName: '양수량(m3/min)_우수3', header: { text: '양수량\n(m3/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'PUMP_W3_C', fieldName: '펌프대수_우수3', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'PUMP_W3_S', fieldName: '예비대수_우수3', header: { text: '예비대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-        /* 6. 운영 정보 */
-        { name: 'PWR_USAGE', fieldName: '연간전력사용량(kWh/년)', header: { text: '연간전력사용량\n(kWh/년)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-        { name: 'RMK', fieldName: '비고', header: { text: '비고' } },
+        /* 6. 기타 및 운영 */
+        { name: 'anlElpwrUseQnt', fieldName: 'anlElpwrUseQnt', header: { text: '연간전력사용량\n(kWh/년)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }, // elcpwAmnt -> anlElpwrUseQnt
+        { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
     ],
     columnLayout: [
-        { name: 'groupA', header: { text: '행정구역' }, items: ['sido', 'sgg'] },
-        'PUMP_NM', 'GBN', 'TRT_FCT_NM', 'TYPE_GBN', 'ADDR', 'RN_DT', 'DSN_AR',
+        {
+            name: 'groupA',
+            header: { text: '행정구역' },
+            items: [
+                { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] }, 
+                'sggNm',
+            ]
+        },
+        'pumpstNm', 
+        'displayYear',
+        'swtrmtFcltNm',
+        'pumpSeNm',
+        'impdFcltPstnCn',
+        'oprtngStrtYmd',
+        'planMltvArea',
         {
             name: 'groupB',
             header: { text: '계획시간대최대배수량(m3/hr)' },
-            items: ['DSN_QTY_A', 'DSN_QTY_B', 'DSN_QTY_DIFF'],
+            items: ['sndyArea', 'rainArea', 'exlnQnt'],
         },
         {
             name: 'groupC',
             header: { text: '배수능력' },
             items: [
-                'TOT_PUMP_QTY_O',
+                'drtwPumpGrssPpqty',
                 {
                     name: 'pumpO_Detail',
                     header: { text: '오수펌프 상세' },
                     items: [
-                        { name: 'O1', header: { text: '오수펌프(1)' }, items: ['PUMP_O1_D', 'PUMP_O1_Q', 'PUMP_O1_C', 'PUMP_O1_S'] },
-                        { name: 'O2', header: { text: '오수펌프(2)' }, items: ['PUMP_O2_D', 'PUMP_O2_Q', 'PUMP_O2_C', 'PUMP_O2_S'] },
-                        { name: 'O3', header: { text: '오수펌프(3)' }, items: ['PUMP_O3_D', 'PUMP_O3_Q', 'PUMP_O3_C', 'PUMP_O3_S'] }
+                        { name: 'O1', header: { text: '오수펌프(1)' }, items: ['drtwPumpN1DmtrArea', 'drtwPumpN1Ppqty', 'drtwPumpN1Cnt', 'drtwPumpN1RsrvCnt'] },
+                        { name: 'O2', header: { text: '오수펌프(2)' }, items: ['drtwPumpN2DmtrArea', 'drtwPumpN2Ppqty', 'drtwPumpN2Cnt', 'drtwPumpN2RsrvCnt'] },
+                        { name: 'O3', header: { text: '오수펌프(3)' }, items: ['drtwPumpN3DmtrArea', 'drtwPumpN3Ppqty', 'drtwPumpN3Cnt', 'drtwPumpN3RsrvCnt'] }
                     ]
                 },
-                'TOT_PUMP_QTY_W',
+                'exlnPumpGrssPpqty',
                 {
                     name: 'pumpW_Detail',
                     header: { text: '우수펌프 상세' },
                     items: [
-                        { name: 'W1', header: { text: '우수펌프(1)' }, items: ['PUMP_W1_D', 'PUMP_W1_Q', 'PUMP_W1_C', 'PUMP_W1_S'] },
-                        { name: 'W2', header: { text: '우수펌프(2)' }, items: ['PUMP_W2_D', 'PUMP_W2_Q', 'PUMP_W2_C', 'PUMP_W2_S'] },
-                        { name: 'W3', header: { text: '우수펌프(3)' }, items: ['PUMP_W3_D', 'PUMP_W3_Q', 'PUMP_W3_C', 'PUMP_W3_S'] }
+                        { name: 'W1', header: { text: '우수펌프(1)' }, items: ['exlnPumpN1DmtrArea', 'exlnPumpN1Ppqty', 'exlnPumpN1Cnt', 'exlnPumpN4RsrvCnt'] },
+                        { name: 'W2', header: { text: '우수펌프(2)' }, items: ['exlnPumpN2DmtrArea', 'exlnPumpN2Ppqty', 'exlnPumpN2Cnt', 'exlnPumpN2RsrvCnt'] },
+                        { name: 'W3', header: { text: '우수펌프(3)' }, items: ['exlnPumpN3DmtrArea', 'exlnPumpN3Ppqty', 'exlnPumpN3Cnt', 'exlnPumpN3RsrvCnt'] }
                     ]
                 }
             ],
         },
-        'PWR_USAGE', 'RMK',
-    ]
+        'anlElpwrUseQnt',
+        'rmrk',
+    ],
+    fixedColumns: 3, 
+    rowStartNum: 3
 };
 
 export const PumpingStationInfoList = {
     ...rawPumpingStationInfoList,
     columns: rawPumpingStationInfoList.columns.map(col => ({
         ...col,
-        editable: false
+        editable: false,
+        styleName: "rg-cell-readonly"
     }))
 };
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/review/SewagePipeMaintainRvwColumn.ts b/apps/st/src/components/util/column/review/SewagePipeMaintainRvwColumn.ts
index 28aa25ce5..de413a34b 100644
--- a/apps/st/src/components/util/column/review/SewagePipeMaintainRvwColumn.ts
+++ b/apps/st/src/components/util/column/review/SewagePipeMaintainRvwColumn.ts
@@ -1,137 +1,313 @@
 import { ValueType } from "realgrid";
+import { footerIntArrayByDivision, footerAvgDecimalArrayByDivision } from "@/components/util/grid/footerSummary";
+import type { GridView } from "@/components/type/DataGrid.type";
 
 // 하수도 통계 관리 03. 하수관로 유지 관리
 const rawMaintainList = [
     {
-        tabKey: 'a',
+        tabKey: 'ST00030001',
         tabLabel: '개보수',
         rowStartNum: 4,
         fixedColumns: 2,
         columns: [
-            /* 1. 행정 및 기본 정보 */
-            { name: 'SIDO', fieldName: '시도', header: { text: '시도' } },
-            { name: 'GUGUN', fieldName: '시군구', header: { text: '시군구' } },
-            { name: 'YR_GBN', fieldName: '구분', header: { text: '구분' } },
+            {
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    }
+                ]
+            },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true },
+            {
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    }
+                ]
+            },
+            /* 전체보수 (m) */
+            { name: 'mendngWhol', fieldName: 'mendngWhol', header: { text: '계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'cbsysMendngPrlg', fieldName: 'cbsysMendngPrlg', header: { text: '합류식' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'sprsysExlnPrlg', fieldName: 'sprsysExlnPrlg', header: { text: '우수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'sprsysDrtwPrlg', fieldName: 'sprsysDrtwPrlg', header: { text: '오수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
 
-            /* 2. 전체보수 (단위: m) */
-            { name: 'RPAIR_PIPE_SM', fieldName: '계(전체보수)', header: { text: '계' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RPAIR_CMBN_PIPE', fieldName: '합류식(전체보수)', header: { text: '합류식' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RPAIR_RAINWTR_PIPE', fieldName: '우수(전체보수)', header: { text: '우수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RPAIR_PLTWTR_PIPE', fieldName: '오수(전체보수)', header: { text: '오수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            /* 부분보수 (개소) */
+            { name: 'partMendngWhol', fieldName: 'partMendngWhol', header: { text: '계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'cbsysPartMendngPrlg', fieldName: 'cbsysPartMendngPrlg', header: { text: '합류식' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysExlnMendngPrlg', fieldName: 'sprsysExlnMendngPrlg', header: { text: '우수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysDrtwMendngPrlg', fieldName: 'sprsysDrtwMendngPrlg', header: { text: '오수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-            /* 3. 부분보수 (단위: 개소) */
-            { name: 'RPAIR_PIPE_SM2', fieldName: '계(부분보수)', header: { text: '계' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RPAIR_CMBN_PIPE2', fieldName: '합류식(부분보수)', header: { text: '합류식' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RPAIR_RAINWTR_PIPE2', fieldName: '우수(부분보수)', header: { text: '우수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RPAIR_PLTWTR_PIPE2', fieldName: '오수(부분보수)', header: { text: '오수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            /* 부속시설 (개소) */
+            { name: 'cbsysMnhlCnt', fieldName: 'cbsysMnhlCnt', header: { text: '합류식\n맨홀' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysDrtwMnhlCnt', fieldName: 'sprsysDrtwMnhlCnt', header: { text: '오수맨홀' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysExlnMnhlCnt', fieldName: 'sprsysExlnMnhlCnt', header: { text: '우수맨홀' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'drtwRcvprpCnt', fieldName: 'drtwRcvprpCnt', header: { text: '오수받이' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'exlnRcvprpCnt', fieldName: 'exlnRcvprpCnt', header: { text: '빗물받이' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'stofcbrCnt', fieldName: 'stofcbrCnt', header: { text: '토실' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'otflCnt', fieldName: 'otflCnt', header: { text: '토구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-            /* 4. 부속시설 (개소) */
-            { name: 'MNHLE_SITE', fieldName: '합류식 맨홀', header: { text: '합류식\n맨홀' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PLTWTR_MNHLE_SITE', fieldName: '오수맨홀', header: { text: '오수맨홀' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'RAINWTR_MNHLE_SITE', fieldName: '우수맨홀', header: { text: '우수맨홀' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PLTWTR_RCVR_SITE', fieldName: '오수받이(개소)', header: { text: '오수받이(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'RAINWTR_RCVR_SITE', fieldName: '빗물받이(개소)', header: { text: '빗물받이(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'SOILHOLE_SITE', fieldName: '토실(개소)', header: { text: '토실(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'SOILSPLL_SITE', fieldName: '토구(개소)', header: { text: '토구(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-            /* 5. 조사량 및 비고 */
-            { name: 'CCTV', fieldName: '수밀검사·CCTV조사량(m)', header: { text: '수밀검사·\nCCTV조사량\n(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RMK', fieldName: '비고', header: { text: '비고' } },
+            /* 조사량 및 비고 */
+            { name: 'cctvExmnPrlg', fieldName: 'cctvExmnPrlg', header: { text: '수밀검사·\nCCTV조사량\n(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
         ],
         columnLayout: [
-            { name: 'addrGroup', header: { text: '행정구역' }, items: ['SIDO', 'GUGUN'] },
-            'YR_GBN',
+            {
+                name: 'addrGroup',
+                header: { text: '행정구역' },
+                items: [
+                    { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
+                    'sggNm',
+                    'admdstNm',
+                ]
+            },
+            'displayYear',
             {
                 name: 'mtcPipeGroup', header: { text: '개·보수관로' },
                 items: [
                     {
                         name: 'totalRepairGroup', header: { text: '전체보수(m)' },
-                        items: ['RPAIR_PIPE_SM', 'RPAIR_CMBN_PIPE', { name: 'sepTotalGroup', header: { text: '분류식' }, items: ['RPAIR_RAINWTR_PIPE', 'RPAIR_PLTWTR_PIPE'] }]
+                        items: ['mendngWhol', 'cbsysMendngPrlg', { name: 'sepTotalGroup', header: { text: '분류식' }, items: ['sprsysExlnPrlg', 'sprsysDrtwPrlg'] }]
                     },
                     {
                         name: 'partRepairGroup', header: { text: '부분보수(개소)' },
-                        items: ['RPAIR_PIPE_SM2', 'RPAIR_CMBN_PIPE2', { name: 'sepPartGroup', header: { text: '분류식' }, items: ['RPAIR_RAINWTR_PIPE2', 'RPAIR_PLTWTR_PIPE2'] }]
+                        items: ['partMendngWhol', 'cbsysPartMendngPrlg', { name: 'sepPartGroup', header: { text: '분류식' }, items: ['sprsysExlnMendngPrlg', 'sprsysDrtwMendngPrlg'] }]
                     }
                 ]
             },
-            'MNHLE_SITE',
-            { name: 'sepMnhleGroup', header: { text: '분류식' }, items: ['PLTWTR_MNHLE_SITE', 'RAINWTR_MNHLE_SITE'] },
-            'PLTWTR_RCVR_SITE', 'RAINWTR_RCVR_SITE',
-            { name: 'soilGroup', header: { text: '토실·토구(개소)' }, items: ['SOILHOLE_SITE', 'SOILSPLL_SITE'] },
-            'CCTV', 'RMK'
+            'cbsysMnhlCnt',
+            { name: 'sepMnhleGroup', header: { text: '분류식' }, items: ['sprsysDrtwMnhlCnt', 'sprsysExlnMnhlCnt'] },
+            'drtwRcvprpCnt', 'exlnRcvprpCnt',
+            { name: 'soilGroup', header: { text: '토실·토구(개소)' }, items: ['stofcbrCnt', 'otflCnt'] },
+            'cctvExmnPrlg', 'rmrk'
         ]
     },
     {
-        tabKey: 'b',
+        tabKey: 'ST00030002',
         tabLabel: '관로준설',
         rowStartNum: 4,
         fixedColumns: 2,
         columns: [
-            /* 1. 행정 및 기본 정보 */
-            { name: 'SIDO', fieldName: '시도', header: { text: '시도' } },
-            { name: 'GUGUN', fieldName: '시군구', header: { text: '시군구' } },
-            { name: 'YR_GBN', fieldName: '구분', header: { text: '구분' } },
-            
-            /* 2. 시설 기본 정보 */
-            { name: 'PIPL_FCLTY_EXTN', fieldName: '하수관로 총시설연장(m)', header: { text: '하수관로\n총시설연장\n(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-
-            /* 3. 준설연장 및 개소수 */
-            { name: 'DRDG_PIPE_SM', fieldName: '합계(준설)', header: { text: '합계' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'DRDG_CMBN_PIPE', fieldName: '합류식(준설)', header: { text: '합류식' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'DRDG_RAINWTR_PIPE', fieldName: '우수(준설)', header: { text: '우수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'DRDG_PLTWTR_PIPE', fieldName: '오수(준설)', header: { text: '오수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'MNHLE_SITE_DRDG', fieldName: '맨홀(개소)', header: { text: '맨홀\n(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PLTWTR_RCVR_SITE_DRDG', fieldName: '오·우수받이(개소)', header: { text: '오·우수받이\n(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'SOILSPLL_SOILHOLE_SITE', fieldName: '토실·토구(개소)', header: { text: '토실·토구\n(개소)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-            /* 4. 준설 계획 및 율 */
-            { name: 'DRDG_TRGET_EXTN', fieldName: '준설 계획 연장(m)', header: { text: '준설 계획\n연장(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'DRDG_TRGET_RT', fieldName: '계획대비 준설율(%)', header: { text: '계획대비\n준설율\n(%)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PIPL_FCLTY_RT', fieldName: '준설계획 연장대비 준설율(%)', header: { text: '준설계획\n연장대비\n준설율(%)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-
-            /* 5. 준설실적 */
-            { name: 'DRDG_ACMSLT_AMOUNT', fieldName: '금액(백만원)', header: { text: '금액\n(백만원)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'DRDG_ACMSLT_QY', fieldName: '준설량(㎥)', header: { text: '준설량\n(㎥)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-            /* 6. 준설토사처리 */
-            { name: 'DRDG_ACMSLT_UNTPC', fieldName: '준설토 처리비(백만원)', header: { text: '준설토\n처리비\n(백만원)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'DRDG_ETND_SM', fieldName: '처리량 계(톤)', header: { text: '처리량 계\n(톤)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RCLM', fieldName: '매립', header: { text: '매립' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'OCEAN_DPSL', fieldName: '해양투기', header: { text: '해양투기' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RUSE', fieldName: '재활용', header: { text: '재활용' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'ETC', fieldName: '기타(준설)', header: { text: '기타\n(소각, 고형화,\n시멘트원료 등)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-
-            /* 7. 기타 및 의견 */
-            { name: 'RMK_DRDG', fieldName: '비고(준설)', header: { text: '비고' } },
-        ],
-        columnLayout: [
-            { name: 'addrGroup', header: { text: '행정구역' }, items: ['SIDO', 'GUGUN'] },
-            'YR_GBN', 'PIPL_FCLTY_EXTN',
-            {
-                name: 'drdgGroup', header: { text: '준설연장 및 개소수' },
-                items: [
+             {
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
                     {
-                        name: 'pipeLenGroup', header: { text: '관로(m)' },
-                        items: ['DRDG_PIPE_SM', 'DRDG_CMBN_PIPE', { name: 'sepRepairGroup', header: { text: '분류식' }, items: ['DRDG_RAINWTR_PIPE', 'DRDG_PLTWTR_PIPE'] }]
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
                     },
-                    'MNHLE_SITE_DRDG', 'PLTWTR_RCVR_SITE_DRDG', 'SOILSPLL_SOILHOLE_SITE'
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    }
                 ]
             },
-            'DRDG_TRGET_EXTN', 'DRDG_TRGET_RT', 'PIPL_FCLTY_RT',
-            { name: 'acmsltGroup', header: { text: '준설실적' }, items: ['DRDG_ACMSLT_AMOUNT', 'DRDG_ACMSLT_QY'] },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true },
             {
-                name: 'processGroup', header: { text: '준설토사처리' },
-                items: ['DRDG_ACMSLT_UNTPC', 'DRDG_ETND_SM', 'RCLM', 'OCEAN_DPSL', 'RUSE', 'ETC']
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    }
+                ]
             },
-            'RMK_DRDG'
-        ]
-    }
+         /* 2. 시설 기본 정보 */
+        { name: 'wholFcltPrlg', fieldName: 'wholFcltPrlg', header: { text: '하수관로\n총시설연장\n(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+
+        /* 3. 준설연장 및 개소수 */
+        { name: 'wholSwagePpl', fieldName: 'wholSwagePpl', header: { text: '합계' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'cbsysPplPrlg', fieldName: 'cbsysPplPrlg', header: { text: '합류식' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'sprsysExlnPrlg', fieldName: 'sprsysExlnPrlg', header: { text: '우수' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'sprsysDrtwPrlg', fieldName: 'sprsysDrtwPrlg', header: { text: '오수' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'mnhlCnt', fieldName: 'mnhlCnt', header: { text: '맨홀\n(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'exlnDrtwRcvprpCnt', fieldName: 'exlnDrtwRcvprpCnt', header: { text: '오·우수받이\n(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'stofcbrOtflCnt', fieldName: 'stofcbrOtflCnt', header: { text: '토실·토구\n(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+
+        /* 4. 준설 계획 및 율 */
+        { name: 'drdgnPlanPrlg', fieldName: 'drdgnPlanPrlg', header: { text: '준설 계획\n연장(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'drdgnTrgtCtrsDrdgnRt', fieldName: 'drdgnTrgtCtrsDrdgnRt', header: { text: '계획대비\n준설율\n(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'wholPrlgCtrsDrdgnRt', fieldName: 'wholPrlgCtrsDrdgnRt', header: { text: '전체연장대비\n준설율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+
+        /* 5. 준설실적 */
+        { name: 'drdgnAmt', fieldName: 'drdgnAmt', header: { text: '금액\n(백만원)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'drdgnQnt', fieldName: 'drdgnQnt', header: { text: '준설량\n(㎥)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+
+        /* 6. 준설토사처리 */
+        { name: 'drdgnUntprcAmt', fieldName: 'drdgnUntprcAmt', header: { text: '준설단가\n(원/m3)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+        { name: 'wholDrdgnPrcsQnt', fieldName: 'wholDrdgnPrcsQnt', header: { text: '처리량 계\n(톤)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'rclmQnt', fieldName: 'rclmQnt', header: { text: '매립' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'oceanEmsnQnt', fieldName: 'oceanEmsnQnt', header: { text: '해양방출' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'rcycQnt', fieldName: 'rcycQnt', header: { text: '재활용' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+        { name: 'etcQnt', fieldName: 'etcQnt', header: { text: '기타' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+
+        /* 7. 기타 및 의견 */
+        { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
+    ],
+    columnLayout: [
+        { 
+            name: 'addrGroup', 
+            header: { text: '행정구역' }, 
+            items: [
+                { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] }, // sido -> ctpvNm
+                'sggNm', 
+                'admdstNm' 
+            ] 
+        },
+        'displayYear', 
+        'wholFcltPrlg',
+        {
+            name: 'drdgGroup', header: { text: '준설연장 및 개소수' },
+            items: [
+                {
+                    name: 'pipeLenGroup', header: { text: '관로(m)' },
+                    items: ['wholSwagePpl', 'cbsysPplPrlg', { name: 'sepRepairGroup', header: { text: '분류식' }, items: ['sprsysExlnPrlg', 'sprsysDrtwPrlg'] }]
+                },
+                'mnhlCnt', 'exlnDrtwRcvprpCnt', 'stofcbrOtflCnt'
+            ]
+        },
+        'drdgnPlanPrlg', 'drdgnTrgtCtrsDrdgnRt', 'wholPrlgCtrsDrdgnRt',
+        { name: 'acmsltGroup', header: { text: '준설실적' }, items: ['drdgnAmt', 'drdgnQnt'] },
+        {
+            name: 'processGroup', header: { text: '준설토사처리' },
+            items: ['drdgnUntprcAmt', 'wholDrdgnPrcsQnt', 'rclmQnt', 'oceanEmsnQnt', 'rcycQnt', 'etcQnt']
+        },
+        'rmrk'
+    ]
+}
 ];
 
 export const SewagePipeMaintainColumnInfoList = rawMaintainList.map(tab => ({
     ...tab,
     columns: tab.columns.map(col => ({
         ...col,
-        editable: false 
+        editable: false,
+        styleName: "rg-cell-readonly"
     }))
 }));
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/review/SewagePipeRvwColumn.ts b/apps/st/src/components/util/column/review/SewagePipeRvwColumn.ts
index 7bcb3a41f..0178b60e9 100644
--- a/apps/st/src/components/util/column/review/SewagePipeRvwColumn.ts
+++ b/apps/st/src/components/util/column/review/SewagePipeRvwColumn.ts
@@ -1,96 +1,85 @@
 import { ValueType } from "realgrid";
-const baseYear = new Date().getFullYear();
+import dayjs from 'dayjs';
 import { footerIntArrayByDivision, footerDecimal3ArrayByDivision, footerAvgDecimalArrayByDivision } from "@/components/util/grid/footerSummary";
-import type { GridView, DataColumn, ColumnFooter } from "@/components/type/DataGrid.type";
+import type { GridView } from "@/components/type/DataGrid.type";
+
+
+const currentYear = dayjs().year() - 1;
+const startYear = 1996;
+const totalCount = currentYear - startYear + 1 + 1;
 
 // 하수도 통계 관리 02. 하수관로
 const rawList = [
     {
-        tabKey: 'a',
+        tabKey: 'ST00020001',
         tabLabel: '지역별 시설현황',
         rowStartNum: 4,
         fixedColumns: 2,
         columns: [
             {
-                name: 'sido',
-                fieldName: 'sido',
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
                 header: { text: '시도' },
                 mergeCells: true,
-                editable: false,
                 sortdisable: true,
                 footer: [
                     {
-                        valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
+                        valueCallback: (grid: GridView) => {
                             const divisionIndex = 0;
                             const dataSource = grid.getDataSource();
-                            const rowCount = dataSource.getRowCount();
                             const uniqueValues = new Set<string>();
-                            for (let i = 0; i < rowCount; i++) {
-                                const divisionValue = dataSource.getValue(i, 'displayYear');
-                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                    uniqueValues.add(String(divisionValue));
-                                }
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
                             }
                             const divisionValues = Array.from(uniqueValues);
-                            if (divisionValues.length > divisionIndex) return divisionValues[divisionIndex] + '합계';
-                            return '합계';
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
                         }
                     },
                     {
-                        valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
+                        valueCallback: (grid: GridView) => {
                             const divisionIndex = 1;
                             const dataSource = grid.getDataSource();
-                            const rowCount = dataSource.getRowCount();
                             const uniqueValues = new Set<string>();
-                            for (let i = 0; i < rowCount; i++) {
-                                const divisionValue = dataSource.getValue(i, 'displayYear');
-                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                    uniqueValues.add(String(divisionValue));
-                                }
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
                             }
                             const divisionValues = Array.from(uniqueValues);
-                            if (divisionValues.length > divisionIndex) return divisionValues[divisionIndex] + '합계';
-                            return '합계';
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
                         }
                     }
                 ]
             },
-            { name: 'gugun', fieldName: 'gugun', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
-            { name: 'adstDong', fieldName: 'adstDong', header: { text: '행정구역명' }, editable: false },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true },
             {
                 name: 'displayYear',
                 fieldName: 'displayYear',
                 header: { text: '구분' },
-                editable: false,
                 sortdisable: true,
                 footer: [
                     {
-                        valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
+                        valueCallback: (grid: GridView) => {
                             const divisionIndex = 0;
                             const dataSource = grid.getDataSource();
-                            const rowCount = dataSource.getRowCount();
                             const uniqueValues = new Set<string>();
-                            for (let i = 0; i < rowCount; i++) {
-                                const divisionValue = dataSource.getValue(i, 'displayYear');
-                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                    uniqueValues.add(String(divisionValue));
-                                }
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
                             }
                             const divisionValues = Array.from(uniqueValues);
                             return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '';
                         }
                     },
                     {
-                        valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
+                        valueCallback: (grid: GridView) => {
                             const divisionIndex = 1;
                             const dataSource = grid.getDataSource();
-                            const rowCount = dataSource.getRowCount();
                             const uniqueValues = new Set<string>();
-                            for (let i = 0; i < rowCount; i++) {
-                                const divisionValue = dataSource.getValue(i, 'displayYear');
-                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                    uniqueValues.add(String(divisionValue));
-                                }
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
                             }
                             const divisionValues = Array.from(uniqueValues);
                             return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '';
@@ -99,70 +88,70 @@ const rawList = [
                 ]
             },
 
-            /* 하수정비 기본계획 */
-            { name: 'targetYr', fieldName: 'targetYr', header: { text: '하수정보기본계획목표년도' } },
-            { name: 'piplImprmnPlanExtn', fieldName: 'piplImprmnPlanExtn', header: { text: '총관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'piplPlanExtn', fieldName: 'piplPlanExtn', header: { text: '총계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'piplFcltyExtn', fieldName: 'piplFcltyExtn', header: { text: '총시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'piplSupprt', fieldName: 'piplSupprt', header: { text: '하수관로\n보급률(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            /* 하수정비 기본계획 및 총계 */
+            { name: 'goalYr', fieldName: 'goalYr', header: { text: '하수정보기본계획목표년도' } },
+            { name: 'wholPplMtncPlanPrlg', fieldName: 'wholPplMtncPlanPrlg', header: { text: '총관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'wholPlanPrlg', fieldName: 'wholPlanPrlg', header: { text: '총계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'wholFcltPrlg', fieldName: 'wholFcltPrlg', header: { text: '총시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'swagePplPsplyRt', fieldName: 'swagePplPsplyRt', header: { text: '하수관로\n보급률(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
 
-            /* 합류식(m) */
-            { name: 'cmbnPlanAr', fieldName: 'cmbnPlanAr', header: { text: '관로정비\n계획면적(㎢)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-            { name: 'cmbnImprmnPlanExtn', fieldName: 'cmbnImprmnPlanExtn', header: { text: '관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'cmbnPlanExtn', fieldName: 'cmbnPlanExtn', header: { text: '계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'cmbnFcltyExtn', fieldName: 'cmbnFcltyExtn', header: { text: '시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'cmbnRctglExtn', fieldName: 'cmbnRctglExtn', header: { text: '사각형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'cmbnCicleExtn', fieldName: 'cmbnCicleExtn', header: { text: '원형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'cmbnOpswrExtn', fieldName: 'cmbnOpswrExtn', header: { text: '개거(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'cmbnSdgttrExtn', fieldName: 'cmbnSdgttrExtn', header: { text: '측구(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            /* 합류식 */
+            { name: 'cbsysPplMtncPlanArea', fieldName: 'cbsysPplMtncPlanArea', header: { text: '관로정비\n계획면적(㎢)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'cbsysPplMtncPlanPrlg', fieldName: 'cbsysPplMtncPlanPrlg', header: { text: '관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysPlanPrlg', fieldName: 'cbsysPlanPrlg', header: { text: '계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysFcltPrlg', fieldName: 'cbsysFcltPrlg', header: { text: '시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysSqrePrlg', fieldName: 'cbsysSqrePrlg', header: { text: '사각형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysCiclPrlg', fieldName: 'cbsysCiclPrlg', header: { text: '원형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysOpnPrlg', fieldName: 'cbsysOpnPrlg', header: { text: '개거(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysGttrPrlg', fieldName: 'cbsysGttrPrlg', header: { text: '측구(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
 
-            /* 분류식 - 오수관로 */
-            { name: 'pltwtrPlanAr', fieldName: 'pltwtrPlanAr', header: { text: '관로정비\n계획면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-            { name: 'pltwtrImprmnPlanExtn', fieldName: 'pltwtrImprmnPlanExtn', header: { text: '관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'pltwtrPlanExtn', fieldName: 'pltwtrPlanExtn', header: { text: '계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'pltwtrFlctyExtn', fieldName: 'pltwtrFlctyExtn', header: { text: '시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'pltwtrSqreExtn', fieldName: 'pltwtrSqreExtn', header: { text: '사각형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'pltwtrCiclExtn', fieldName: 'pltwtrCiclExtn', header: { text: '원형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            /* 분류식 - 오수관로  */
+            { name: 'drtwPplMtncPlanArea', fieldName: 'drtwPplMtncPlanArea', header: { text: '관로정비\n계획면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'drtwPplMtncPlanPrlg', fieldName: 'drtwPplMtncPlanPrlg', header: { text: '관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'drtwPplPlanPrlg', fieldName: 'drtwPplPlanPrlg', header: { text: '계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'drtwPplFcltPrlg', fieldName: 'drtwPplFcltPrlg', header: { text: '시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'drtwPplSqrePrlg', fieldName: 'drtwPplSqrePrlg', header: { text: '사각형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'drtwPplCiclPrlg', fieldName: 'drtwPplCiclPrlg', header: { text: '원형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
 
-            /* 분류식 - 우수관로 */
-            { name: 'rainwtrPlanAr', fieldName: 'rainwtrPlanAr', header: { text: '관로정비\n계획면적(㎢)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-            { name: 'rainwtrImprmnPlanExtn', fieldName: 'rainwtrImprmnPlanExtn', header: { text: '관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'rainwtrPlanExtn', fieldName: 'rainwtrPlanExtn', header: { text: '계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'rainwtrFlctyExtn', fieldName: 'rainwtrFlctyExtn', header: { text: '시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'rainwtrSqreExtn', fieldName: 'rainwtrSqreExtn', header: { text: '사각형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'rainwtrCiclExtn', fieldName: 'rainwtrCiclExtn', header: { text: '원형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'rainwtrOpswrExtn', fieldName: 'rainwtrOpswrExtn', header: { text: '개거(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-            { name: 'rainwtrSdgttrExtn', fieldName: 'rainwtrSdgttrExtn', header: { text: '측구(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            /* 분류식 - 우수관로  */
+            { name: 'exlnPplMtncPlanArea', fieldName: 'exlnPplMtncPlanArea', header: { text: '관로정비\n계획면적(㎢)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'exlnPplMtncPlanPrlg', fieldName: 'exlnPplMtncPlanPrlg', header: { text: '관로정비\n계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnPplPlanPrlg', fieldName: 'exlnPplPlanPrlg', header: { text: '계획연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnPplFcltPrlg', fieldName: 'exlnPplFcltPrlg', header: { text: '시설연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnPplSqrePrlg', fieldName: 'exlnPplSqrePrlg', header: { text: '사각형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnPplCiclPrlg', fieldName: 'exlnPplCiclPrlg', header: { text: '원형(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnPplOpnPrlg', fieldName: 'exlnPplOpnPrlg', header: { text: '개거(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnPplGttrPrlg', fieldName: 'exlnPplGttrPrlg', header: { text: '측구(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
 
             /* 부속시설 */
-            { name: 'mnhleSite', fieldName: 'mnhleSite', header: { text: '합류식맨홀(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'pltwtrMnhleSite', fieldName: 'pltwtrMnhleSite', header: { text: '오수맨홀(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'rainwtrMnhleSite', fieldName: 'rainwtrMnhleSite', header: { text: '우수맨홀(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'pltwtrRcvrSite', fieldName: 'pltwtrRcvrSite', header: { text: '오수받이(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'rainwtrRcvrSite', fieldName: 'rainwtrRcvrSite', header: { text: '빗물받이(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'soilspllSite', fieldName: 'soilspllSite', header: { text: '우수토실(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'soilholeSite', fieldName: 'soilholeSite', header: { text: '우수토구(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'cbsysMnhlCnt', fieldName: 'cbsysMnhlCnt', header: { text: '합류식맨홀(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysDrtwMnhlCnt', fieldName: 'sprsysDrtwMnhlCnt', header: { text: '오수맨홀(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysExlnMnhlCnt', fieldName: 'sprsysExlnMnhlCnt', header: { text: '우수맨홀(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'drtwRcvprpCnt', fieldName: 'drtwRcvprpCnt', header: { text: '오수받이(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'exlnRcvprpCnt', fieldName: 'exlnRcvprpCnt', header: { text: '우수받이(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'stofcbrCnt', fieldName: 'stofcbrCnt', header: { text: '우수토실(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'exlnOtflCnt', fieldName: 'exlnOtflCnt', header: { text: '우수토구(개소)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
 
-            /* 대장 및 기타 */
-            { name: 'sewerRegstrCmptExtn', fieldName: 'sewerRegstrCmptExtn', header: { text: '하수도대장전산화연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'sewerRegstrCmptRt', fieldName: 'sewerRegstrCmptRt', header: { text: '하수도대장전산화율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'rmk', fieldName: 'rmk', header: { text: '비고' } },
+            /* 대장 및 기타*/
+            { name: 'sewerLdgrEdpPrlg', fieldName: 'sewerLdgrEdpPrlg', header: { text: '하수도대장전산화연장(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sewerLdgrEdpRt', fieldName: 'sewerLdgrEdpRt', header: { text: '하수도대장전산화율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
         ],
         columnLayout: [
             {
                 name: 'areaGroup', header: { text: '행정구역' }, items: [
-                    { column: 'sido', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
-                    'gugun',
-                    'adstDong',
+                    { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
+                    'sggNm',
+                    'admdstNm',
                 ]
             },
             'displayYear',
-            'targetYr', 'piplImprmnPlanExtn', 'piplPlanExtn', 'piplFcltyExtn', 'piplSupprt',
+            'goalYr', 'wholPplMtncPlanPrlg', 'wholPlanPrlg', 'wholFcltPrlg', 'swagePplPsplyRt',
             {
                 name: 'combinedGroup', header: { text: '합류식(m)' },
-                items: ['cmbnPlanAr', 'cmbnImprmnPlanExtn', 'cmbnPlanExtn', 'cmbnFcltyExtn',
-                    { name: 'cmbnAmGroup', header: { text: '암거' }, items: ['cmbnRctglExtn', 'cmbnCicleExtn'] },
-                    'cmbnOpswrExtn', 'cmbnSdgttrExtn'
+                items: ['cbsysPplMtncPlanArea', 'cbsysPplMtncPlanPrlg', 'cbsysPlanPrlg', 'cbsysFcltPrlg',
+                    { name: 'cmbnAmGroup', header: { text: '암거' }, items: ['cbsysSqrePrlg', 'cbsysCiclPrlg'] },
+                    'cbsysOpnPrlg', 'cbsysGttrPrlg'
                 ],
             },
             {
@@ -170,253 +159,390 @@ const rawList = [
                 items: [
                     {
                         name: 'foulPipeGroup', header: { text: '오수관로' },
-                        items: ['pltwtrPlanAr', 'pltwtrImprmnPlanExtn', 'pltwtrPlanExtn', 'pltwtrFlctyExtn',
-                            { name: 'foulAmGroup', header: { text: '암거' }, items: ['pltwtrSqreExtn', 'pltwtrCiclExtn'] }]
+                        items: ['drtwPplMtncPlanArea', 'drtwPplMtncPlanPrlg', 'drtwPplPlanPrlg', 'drtwPplFcltPrlg',
+                            { name: 'foulAmGroup', header: { text: '암거' }, items: ['drtwPplSqrePrlg', 'drtwPplCiclPrlg'] }]
                     },
                     {
                         name: 'rainPipeGroup', header: { text: '우수관로' },
-                        items: ['rainwtrPlanAr', 'rainwtrImprmnPlanExtn', 'rainwtrPlanExtn', 'rainwtrFlctyExtn',
-                            { name: 'rainAmGroup', header: { text: '암거' }, items: ['rainwtrSqreExtn', 'rainwtrCiclExtn'] },
-                            'rainwtrOpswrExtn', 'rainwtrSdgttrExtn']
+                        items: ['exlnPplMtncPlanArea', 'exlnPplMtncPlanPrlg', 'exlnPplPlanPrlg', 'exlnPplFcltPrlg',
+                            { name: 'rainAmGroup', header: { text: '암거' }, items: ['exlnPplSqrePrlg', 'exlnPplCiclPrlg'] },
+                            'exlnPplOpnPrlg', 'exlnPplGttrPrlg']
                     }
                 ],
             },
-            'mnhleSite',
-            { name: 'fcltyGroup', header: { text: '부속시설(개소)' }, items: ['pltwtrMnhleSite', 'rainwtrMnhleSite'] },
-            'pltwtrRcvrSite', 'rainwtrRcvrSite', 'soilspllSite', 'soilholeSite', 'sewerRegstrCmptExtn', 'sewerRegstrCmptRt', 'rmk'
+            'cbsysMnhlCnt',
+            { name: 'fcltyGroup', header: { text: '분류식' }, items: ['sprsysDrtwMnhlCnt', 'sprsysExlnMnhlCnt'] },
+            'drtwRcvprpCnt', 'exlnRcvprpCnt', 'stofcbrCnt', 'exlnOtflCnt', 'sewerLdgrEdpPrlg', 'sewerLdgrEdpRt', 'rmrk'
         ]
     },
-   {
-    tabKey: 'b',
-    tabLabel: '시설별 설치현황',
-    rowStartNum: 4,
-    fixedColumns: 3,
-    columns: [
-        {
-            name: 'sido',
-            fieldName: 'sido',
-            header: { text: '시도' },
-            mergeCells: true,
-            editable: false,
-            sortdisable: true,
-            footer: [
-                {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
-                        const divisionIndex = 0;
-                        const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
-                        const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear'); 
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
-                        }
-                        const divisionValues = Array.from(uniqueValues);
-                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
-                    }
-                },
-                {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
-                        const divisionIndex = 1;
-                        const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
-                        const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear');
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
-                        }
-                        const divisionValues = Array.from(uniqueValues);
-                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
-                    }
-                }
-            ]
-        },
-        { name: 'gugun', fieldName: 'gugun', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
-        { name: 'bscFctNm', fieldName: 'bscFctNm', header: { text: '하수처리장명' }, editable: false },
-        { 
-            name: 'displayYear', 
-            fieldName: 'displayYear', 
-            header: { text: '구분' }, 
-            editable: false, 
-            sortdisable: true,
-            footer: [
-                {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
-                        const divisionIndex = 0;
-                        const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
-                        const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear');
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
-                        }
-                        const divisionValues = Array.from(uniqueValues);
-                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '';
-                    }
-                },
-                {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
-                        const divisionIndex = 1;
-                        const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
-                        const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear');
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
-                        }
-                        const divisionValues = Array.from(uniqueValues);
-                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '';
-                    }
-                }
-            ]
-        },
-        { name: 'fctCpc', fieldName: 'fctCpc', header: { text: '하수처리\n시설용량\n(㎥/일)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
 
-        /* 처리구역면적(㎢) */
-        { name: 'procZoneSm', fieldName: 'procZoneSm', header: { text: '합계' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-        { name: 'cmbnProcZoneAr', fieldName: 'cmbnProcZoneAr', header: { text: '합류식' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-        { name: 'sprtProcZoneAr', fieldName: 'sprtProcZoneAr', header: { text: '분류식' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-        { name: 'sepRate', fieldName: 'sepRate', header: { text: '분류식화(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-
-        /* 배수설비(개소) */
-        { name: 'drngEqpSm', fieldName: 'drngEqpSm', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'cmbnDrngEqp', fieldName: 'cmbnDrngEqp', header: { text: '합류식' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'sprtDrngEqpSm', fieldName: 'sprtDrngEqpSm', header: { text: '합계(분류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'sprtDrngEqpCnnc', fieldName: 'sprtDrngEqpCnnc', header: { text: '연결' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'sprtDrngEqpDcnnc', fieldName: 'sprtDrngEqpDcnnc', header: { text: '미연결' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-        /* 하수관로 */
-        { name: 'piplFcltyExtn', fieldName: 'piplFcltyExtn', header: { text: '총\n시설연장\n(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-        { name: 'icgMnnSm', fieldName: 'icgMnnSm', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-        { name: 'icgExtn', fieldName: 'icgExtn', header: { text: '차집' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-        { name: 'mnnExtn', fieldName: 'mnnExtn', header: { text: '오수간선' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-
-        /* 토실/토구(개소) */
-        { name: 'cmbnSoilholeSite', fieldName: 'cmbnSoilholeSite', header: { text: '우수토실(합류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'sprtSoilholeSite', fieldName: 'sprtSoilholeSite', header: { text: '우수토실(분류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-        { name: 'sprtSoilspllSite', fieldName: 'sprtSoilspllSite', header: { text: '우수토구(분류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-        /* 지선(m) */
-        { name: 'brnchlnSm', fieldName: 'brnchlnSm', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-        { name: 'cmbnBrnchlnExtn', fieldName: 'cmbnBrnchlnExtn', header: { text: '합류식' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-        { name: 'rainwtrBrnchlnExtn', fieldName: 'rainwtrBrnchlnExtn', header: { text: '우수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-        { name: 'pltwtrBrnchlnExtn', fieldName: 'pltwtrBrnchlnExtn', header: { text: '오수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
-
-        { name: 'rmk', fieldName: 'rmk', header: { text: '비고' } },
-    ],
-    columnLayout: [
-        { 
-            name: 'addrGroup', 
-            header: { text: '행정구역' }, 
-            items: [
-                { column: 'sido', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] }, 
-                'gugun', 
-                'bscFctNm', 
-            ] 
-        },
-       
-        'fctCpc',
-        'displayYear',
-        { name: 'areaGroup', header: { text: '처리구역면적(㎢)' }, items: ['procZoneSm', 'cmbnProcZoneAr', 'sprtProcZoneAr'] },
-        'sepRate',
-        {
-            name: 'drainGroup', header: { text: '배수설비(개소)' },
-            items: ['drngEqpSm', 'cmbnDrngEqp', { name: 'sepDrainGroup', header: { text: '분류식' }, items: ['sprtDrngEqpSm', 'sprtDrngEqpCnnc', 'sprtDrngEqpDcnnc'] }],
-        },
-        {
-            name: 'pipeGroup', header: { text: '하수관로' },
-            items: [
-                'piplFcltyExtn',
-                { name: 'trunkGroup', header: { text: '차집/오수간선(m)' }, items: ['icgMnnSm', 'icgExtn', 'mnnExtn'] },
-                {
-                    name: 'siteGroup', header: { text: '토실/토구(개소)' },
-                    items: [
-                        { name: 'cmbnSiteGroup', header: { text: '합류식' }, items: ['cmbnSoilholeSite'] },
-                        { name: 'sepSiteGroup', header: { text: '분류식' }, items: ['sprtSoilholeSite', 'sprtSoilspllSite'] }
-                    ]
-                },
-                {
-                    name: 'branchGroup', header: { text: '지선(m)' },
-                    items: ['brnchlnSm', 'cmbnBrnchlnExtn', { name: 'sepBranchGroup', header: { text: '우수/오수' }, items: ['rainwtrBrnchlnExtn', 'pltwtrBrnchlnExtn'] }]
-                }
-            ],
-        },
-        'rmk'
-    ]
-},
     {
-        tabKey: 'c',
+        tabKey: 'ST00020002',
+        tabLabel: '시설별 설치현황',
+        rowStartNum: 4,
+        fixedColumns: 4,
+        columns: [
+            {
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue) uniqueValues.add(String(divisionValue));
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue) uniqueValues.add(String(divisionValue));
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    }
+                ]
+            },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true, sortdisable: true },
+            { name: 'swtrmtFcltNm', fieldName: 'swtrmtFcltNm', header: { text: '하수처리시설 명' }, mergeCells: true, mergeGroupField: 'admdstNm' },
+            {
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            return Array.from(uniqueValues)[divisionIndex] ? Array.from(uniqueValues)[divisionIndex] + ' 합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            return Array.from(uniqueValues)[divisionIndex] ? Array.from(uniqueValues)[divisionIndex] + ' 합계' : '';
+                        }
+                    }
+                ]
+            },
+            { name: 'prcsFcltCpct', fieldName: 'prcsFcltCpct', header: { text: '하수처리\n시설용량\n(㎥/일)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'prcsZoneArea', fieldName: 'prcsZoneArea', header: { text: '합계' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'cbsysPrcsZoneArea', fieldName: 'cbsysPrcsZoneArea', header: { text: '합류식' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'sprsysPrcsZoneArea', fieldName: 'sprsysPrcsZoneArea', header: { text: '분류식' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'sprsysVartnRt', fieldName: 'sprsysVartnRt', header: { text: '분류식화' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+            { name: 'mltvEqpmCnt', fieldName: 'mltvEqpmCnt', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'cbsysMltvEqpmCnt', fieldName: 'cbsysMltvEqpmCnt', header: { text: '합류식' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysMltvEqpmCnt', fieldName: 'sprsysMltvEqpmCnt', header: { text: '분류식 합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'wholFcltPrlg', fieldName: 'wholFcltPrlg', header: { text: '총\n시설연장\n(m)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'wholIcptgAtlfcPrlg', fieldName: 'wholIcptgAtlfcPrlg', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'icptgPrlg', fieldName: 'icptgPrlg', header: { text: '차집' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'atlfcsPrlg', fieldName: 'atlfcsPrlg', header: { text: '오수간선' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysStofcbrCnt', fieldName: 'cbsysStofcbrCnt', header: { text: '우수토실(합류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysStofcbrCnt', fieldName: 'sprsysStofcbrCnt', header: { text: '우수토실(분류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'sprsysExlnOtflCnt', fieldName: 'sprsysExlnOtflCnt', header: { text: '우수토구(분류)' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            { name: 'wholBrchlnPrlg', fieldName: 'wholBrchlnPrlg', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'cbsysBrchlnPrlg', fieldName: 'cbsysBrchlnPrlg', header: { text: '합류식' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'exlnBrchlnPrlg', fieldName: 'exlnBrchlnPrlg', header: { text: '우수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'drtwBrchlnPrlg', fieldName: 'drtwBrchlnPrlg', header: { text: '오수' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.00' },
+            { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
+        ],
+        columnLayout: [
+            {
+                name: 'addrGroup', header: { text: '행정구역' },
+                items: [
+                    { column: 'ctpvNm', footerUserSpans: [{ colspan: 6 }, { colspan: 6 }] },
+                    'sggNm', 'admdstNm'
+                ]
+            },
+            'swtrmtFcltNm', 'prcsFcltCpct', 'displayYear',
+            { name: 'areaGroup', header: { text: '처리구역면적(㎢)' }, items: ['prcsZoneArea', 'cbsysPrcsZoneArea', 'sprsysPrcsZoneArea'] },
+            'sprsysVartnRt',
+            { name: 'drainGroup', header: { text: '배수설비(개소)' }, items: ['mltvEqpmCnt', 'cbsysMltvEqpmCnt', 'sprsysMltvEqpmCnt'] },
+            {
+                name: 'pipeGroup', header: { text: '하수관로' },
+                items: [
+                    'wholFcltPrlg',
+                    { name: 'trunkGroup', header: { text: '차집/오수간선(m)' }, items: ['wholIcptgAtlfcPrlg', 'icptgPrlg', 'atlfcsPrlg'] },
+                    {
+                        name: 'siteGroup', header: { text: '토실/토구(개소)' },
+                        items: [
+                            { name: 'cmbnSiteGroup', header: { text: '합류식' }, items: ['cbsysStofcbrCnt'] },
+                            { name: 'sepSiteGroup', header: { text: '분류식' }, items: ['sprsysStofcbrCnt', 'sprsysExlnOtflCnt'] }
+                        ]
+                    },
+                    {
+                        name: 'branchGroup', header: { text: '지선(m)' },
+                        items: ['wholBrchlnPrlg', 'cbsysBrchlnPrlg', { name: 'sepBranchGroup', header: { text: '분류식' }, items: ['exlnBrchlnPrlg', 'drtwBrchlnPrlg'] }]
+                    }
+                ],
+            },
+            'rmrk'
+        ]
+    },
+
+    {
+        tabKey: 'ST00020003',
         tabLabel: '관종별 현황',
         rowStartNum: 2,
-        fixedColumns: 3,
+        fixedColumns: 2,
         columns: [
-            { name: 'SIDO', fieldName: '시도', header: { text: '시도' } },
-            { name: 'GUGUN', fieldName: '시군구', header: { text: '시군구' } },
-            { name: 'SWRG_PIPE_NM', fieldName: '관종', header: { text: '관종' } },
-            { name: 'YR_GBN', fieldName: '구분', header: { text: '구분' } },
+            {
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
+                        }
+                    }
+                ]
+            },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true, sortdisable: true },
+            { name: 'swrgPipeNm', fieldName: 'swrgPipeNm', header: { text: '관종' }, mergeCells: true },
+            {
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            return Array.from(uniqueValues)[divisionIndex] ? Array.from(uniqueValues)[divisionIndex] + '합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            return Array.from(uniqueValues)[divisionIndex] ? Array.from(uniqueValues)[divisionIndex] + '합계' : '';
+                        }
+                    }
+                ]
+            },
 
-            { name: 'TOTAL_EXTN_SUM', fieldName: '계(총계)', header: { text: '계' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'LAYING_EXTN_SUM', fieldName: '매설연장(m)_총계', header: { text: '매설연장(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'REMVL_EXTN_SUM', fieldName: '철거연장(m)_총계', header: { text: '철거연장(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'pipeByPrstWholSum', fieldName: 'pipeByPrstWhol', header: { text: '계' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'lyngPrlgSum', fieldName: 'lyngPrlg', header: { text: '매설연장(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'dmltnPrlgSum', fieldName: 'dmltnPrlg', header: { text: '철거연장(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+
+
+            ...Array.from({ length: totalCount }, (_, i) => {
+                const dtoNum = totalCount - i;
+
+                const wholField = `yy${dtoNum}PrlgWhol`;
+                const lyngField = `yy${dtoNum}LyngPrlg`;
+                const dmltnField = `yy${dtoNum}DmltnPrlg`;
 
-            ...Array.from({ length: 30 }, (_, i) => {
-                const yNum = (30 - i).toString().padStart(2, '0');
-                const yrOffset = 29 - i;
                 return [
-                    { name: `TOTAL_EXTN_${yNum}Y`, fieldName: `계(-${yrOffset}년)`, header: { text: '계' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-                    { name: `LAYING_EXTN_${yNum}Y`, fieldName: `매설연장(m)_(-${yrOffset}년)`, header: { text: '매설연장(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-                    { name: `REMVL_EXTN_${yNum}Y`, fieldName: `철거연장(m)_(-${yrOffset}년)`, header: { text: '철거연장(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }
+                    { name: wholField, fieldName: wholField, header: { text: '계' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+                    { name: lyngField, fieldName: lyngField, header: { text: '매설연장(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+                    { name: dmltnField, fieldName: dmltnField, header: { text: '철거연장(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' }
                 ];
             }).flat(),
 
-            { name: 'LAYING_EXTN', fieldName: `매설연장(m)_당해년도`, header: { text: '매설연장(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RMK', fieldName: '비고', header: { text: '비고' } },
-        ],
-        columnLayout: [
-            { name: 'addrGroup', header: { text: '행정구역' }, items: ['SIDO', 'GUGUN'] },
-            'SWRG_PIPE_NM', 'YR_GBN',
-            { name: 'summaryGroup', header: { text: '총계' }, items: ['TOTAL_EXTN_SUM', 'LAYING_EXTN_SUM', 'REMVL_EXTN_SUM'] },
-            ...Array.from({ length: 30 }, (_, i) => {
-                const yNum = (30 - i).toString().padStart(2, '0');
-                const yrOffset = 29 - i;
-                return { name: `yr${yNum}Group`, header: { text: `-${yrOffset}년` }, items: [`TOTAL_EXTN_${yNum}Y`, `LAYING_EXTN_${yNum}Y`, `REMVL_EXTN_${yNum}Y`] };
+            { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
+        ], columnLayout: [
+            { 
+                name: 'areaGroup', 
+                header: { text: '행정구역' }, 
+                items: [{ column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
+                'sggNm', 'swrgPipeNm'
+            ] },
+            'displayYear',
+            { name: 'summaryGroup', header: { text: '총계' }, items: ['pipeByPrstWholSum', 'lyngPrlgSum', 'dmltnPrlgSum'] },
+
+            ...Array.from({ length: totalCount }, (_, i) => {
+
+                const dtoNum = totalCount - i;
+                const yearLabel = i === 0
+                    ? '1996년이전'
+                    : `${startYear + (i - 1)}년`;
+
+                return {
+                    name: `group_${yearLabel}`,
+                    header: { text: yearLabel },
+                    items: [`yy${dtoNum}PrlgWhol`, `yy${dtoNum}LyngPrlg`, `yy${dtoNum}DmltnPrlg`]
+                };
             }),
-            { name: 'currentYrGroup', header: { text: `${baseYear}년` }, items: ['LAYING_EXTN'] },
-            'RMK'
+            'rmrk'
         ]
     },
+
     {
-        tabKey: 'd',
+        tabKey: 'ST00020004',
         tabLabel: '관경별 현황',
         rowStartNum: 2,
         fixedColumns: 3,
         columns: [
-            { name: 'SIDO', fieldName: '시도', header: { text: '시도' } },
-            { name: 'GUGUN', fieldName: '시군구', header: { text: '구군' } },
-            { name: 'SWRG_PIPE_NM', fieldName: '관종', header: { text: '관종' } },
-            { name: 'YR_GBN', fieldName: '구분', header: { text: '구분' } },
-            { name: 'TOTAL_EXTN_M', fieldName: '총계(m)', header: { text: '총계(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'UNDER_200', fieldName: '200mm 미만', header: { text: '200mm 미만' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'OVER_200_UNDEV_300', fieldName: '200mm이상~300mm미만', header: { text: '200mm이상~\n300mm미만' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'OVER_300_UNDEV_500', fieldName: '300mm이상~500mm미만', header: { text: '300mm이상~\n500mm미만' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'OVER_500_UNDEV_800', fieldName: '500mm이상~800mm미만', header: { text: '500mm이상~\n800mm미만' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'OVER_800', fieldName: '800mm 이상', header: { text: '800mm 이상' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'BOX', fieldName: '사각형(m)', header: { text: '사각형(m)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'ETC', fieldName: '기타(측구/개거 등)', header: { text: '기타\n(측구/개거 등)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'RMK', fieldName: '비고', header: { text: '비고' } },
+            {
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
+                        }
+                    }
+                ]
+            },
+            { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true }, // gugun -> sggNm
+            { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true, sortdisable: true },
+            { name: 'swrgPipeNm', fieldName: 'swrgPipeNm', header: { text: '관종' }, mergeCells: true },
+            {
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            return Array.from(uniqueValues)[divisionIndex] ? Array.from(uniqueValues)[divisionIndex] + '합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < dataSource.getRowCount(); i++) {
+                                const val = dataSource.getValue(i, 'displayYear');
+                                if (val) uniqueValues.add(String(val));
+                            }
+                            return Array.from(uniqueValues)[divisionIndex] ? Array.from(uniqueValues)[divisionIndex] + '합계' : '';
+                        }
+                    }
+                ]
+            },
+
+            /* 관경별 수치 필드 */
+            { name: 'pdmtByTsmWhol', fieldName: 'pdmtByTsmWhol', header: { text: '총계(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'step1PdmtPrlg', fieldName: 'step1PdmtPrlg', header: { text: '200mm 미만' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'step2PdmtPrlg', fieldName: 'step2PdmtPrlg', header: { text: '200mm이상~\n300mm미만' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'step3PdmtPrlg', fieldName: 'step3PdmtPrlg', header: { text: '300mm이상~\n500mm미만' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'step4PdmtPrlg', fieldName: 'step4PdmtPrlg', header: { text: '500mm이상~\n800mm미만' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'step5PdmtPrlg', fieldName: 'step5PdmtPrlg', header: { text: '800mm 이상' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'sqrePdmtPrlg', fieldName: 'sqrePdmtPrlg', header: { text: '사각형(m)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            { name: 'etcPdmtPrlg', fieldName: 'etcPdmtPrlg', header: { text: '기타\n(측구/개거 등)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+
+            { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } }, // rmk -> rmrk
         ],
         columnLayout: [
-            { name: 'addrGroup', header: { text: '행정구역' }, items: ['SIDO', 'GUGUN'] },
-            'SWRG_PIPE_NM', 'YR_GBN', 'TOTAL_EXTN_M',
-            { name: 'circleGroup', header: { text: '원형(m)' }, items: ['UNDER_200', 'OVER_200_UNDEV_300', 'OVER_300_UNDEV_500', 'OVER_500_UNDEV_800', 'OVER_800'] },
-            'BOX', 'ETC', 'RMK',
+            {
+                name: 'addrGroup',
+                header: { text: '행정구역' },
+                items: [
+                    { column: 'ctpvNm', footerUserSpans: [{ colspan: 6 }, { colspan: 6 }] },
+                    'sggNm',
+                    'admdstNm',
+                ]
+            },
+            'swrgPipeNm',
+            'displayYear',
+            'pdmtByTsmWhol',
+            {
+                name: 'circleGroup',
+                header: { text: '원형(m)' },
+                items: ['step1PdmtPrlg', 'step2PdmtPrlg', 'step3PdmtPrlg', 'step4PdmtPrlg', 'step5PdmtPrlg'] // 이름 일괄 변경
+            },
+            'sqrePdmtPrlg',
+            'etcPdmtPrlg',
+            'rmrk'
         ]
     }
 ];
@@ -425,6 +551,7 @@ export const SewagePipeColumnInfoListRvw = rawList.map(tab => ({
     ...tab,
     columns: tab.columns.map(col => ({
         ...col,
-        editable: false
+        editable: false,
+        styleName: "rg-cell-readonly"
     }))
 }));
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/review/SewageReservoirPumpRvwColumn.ts b/apps/st/src/components/util/column/review/SewageReservoirPumpRvwColumn.ts
index 43aa1c62d..d6bc43849 100644
--- a/apps/st/src/components/util/column/review/SewageReservoirPumpRvwColumn.ts
+++ b/apps/st/src/components/util/column/review/SewageReservoirPumpRvwColumn.ts
@@ -1,194 +1,348 @@
 import { ValueType } from "realgrid";
+import { 
+    footerIntArrayByDivision, 
+    footerDecimal1ArrayByDivision, 
+    footerDecimal3ArrayByDivision 
+} from "@/components/util/grid/footerSummary";
+import type { GridView } from "@/components/type/DataGrid.type";
 
 // 하수도 통계 관리 04. 하수저류 시설 및 빗물 펌프장
 const rawReservoirList = [
     {
-        tabKey: 'a',
-        tabLabel: '하수저류시설',
+        tabKey: 'ST00040001',
+        tabLabel: '하수저류시설현황',
         rowStartNum: 3,
-        fixedColumns: 2,
+        fixedColumns: 4,
         columns: [
             /* 1. 기본 정보 */
-            { name: 'SIDO', fieldName: '시도', header: { text: '시도' } },
-            { name: 'GUGUN', fieldName: '시군구', header: { text: '시군구' } },
-            { name: 'SWGE_STRGE_NM', fieldName: '시설명', header: { text: '시설명' } },
-            { name: 'ADDR', fieldName: '위치', header: { text: '위치' } },
-            { name: 'YR_GBN', fieldName: '구분', header: { text: '구분' } },
-
-            /* 2. 시설 제원 */
-            { name: 'RN_DT', fieldName: '가동개시 년월일', header: { text: '가동개시\n년월일' } },
-            { name: 'PL_DSGN_FRQNC', fieldName: '계획설계빈도', header: { text: '계획설계빈도' } },
-            { name: 'INS_PER1', fieldName: '침수예방', header: { text: '침수예방' } },
-            { name: 'INS_PER2', fieldName: '수질오염저감', header: { text: '수질오염저감' } },
-            { name: 'INS_PER3', fieldName: '하수 재이용 용도', header: { text: '하수\n재이용\n용도' } },
-            { name: 'FAC_RES', fieldName: '시설구조', header: { text: '시설구조(일반지하식,지하터널식,기타)' } },
-            { name: 'DGR_AR', fieldName: '집수구역면적(㎢)', header: { text: '집수구역면적(㎢)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
-            { name: 'SWGE_SGBS_CPCTY', fieldName: '시설용량(㎥)', header: { text: '시설용량(㎥)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-
-            /* 3. 펌프시설 */
-            { name: 'TOT_CPCTY', fieldName: '총양수량(㎥/min)', header: { text: '총양수량\n(㎥/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CALBR', fieldName: '구경(mm)_1', header: { text: '구경(mm)' } },
-            { name: 'WP_CPCTY', fieldName: '대당 양수량_1', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CO', fieldName: '펌프대수_1', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_PREPAR_CO', fieldName: '예비펌프대수_1', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_CALBR2', fieldName: '구경(mm)_2', header: { text: '구경(mm)' } },
-            { name: 'WP_CPCTY2', fieldName: '대당 양수량_2', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CO2', fieldName: '펌프대수_2', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_PREPAR_CO2', fieldName: '예비펌프대수_2', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_CALBR3', fieldName: '구경(mm)_3', header: { text: '구경(mm)' } },
-            { name: 'WP_CPCTY3', fieldName: '대당 양수량_3', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CO3', fieldName: '펌프대수_3', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_PREPAR_CO3', fieldName: '예비펌프대수_3', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-
-            /* 4. 부대시설 및 방식 */
-            { name: 'FRE_FNNC', fieldName: '전처리시설(유/무)', header: { text: '전처리시설(유/무)' } },
-            { name: 'DORZEQP_FNNC', fieldName: '탈취설비(유/무)', header: { text: '탈취설비(유/무)' } },
-            { name: 'SELF_ETRQ_FNNC', fieldName: '자가발전(유/무)', header: { text: '자가발전(유/무)' } },
-            { name: 'DRA_MTH', fieldName: '배수방식(자연배수,강제배수)', header: { text: '배수방식(자연배수,강제배수)' } },
-            { name: 'ELEC_MTH', fieldName: '저류방식(직렬,병렬)', header: { text: '저류방식(직렬,병렬)' } },
-            { name: 'ELEC_PRO_MAT', fieldName: '저류수 처리방법', header: { text: '저류수\n처리방법' } },
-            { name: 'DIS_WAT', fieldName: '방류수역(또는 연계처리장명)', header: { text: '방류수역(또는 연계처리장명)' } },
-
-            /* 5. 최종처분량 및 방법 */
-            { name: 'SDMT_TRE_CPCTY', fieldName: '침사(량)', header: { text: '침사' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'IPRT_TRE_CPCTY', fieldName: '협잡물(량)', header: { text: '협잡물' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'SDMT_TRE_MTH', fieldName: '침사(방법)', header: { text: '침사' } },
-            { name: 'IPRT_TRE_MTH', fieldName: '협잡물(방법)', header: { text: '협잡물' } },
-
-            /* 6. 운영실적 */
-            { name: 'YRSTP_RN_DYN', fieldName: '가동일수', header: { text: '가동일수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'DSPLCMNT_AMNT', fieldName: '총배수량(㎥/년)', header: { text: '총배수량\n(㎥/년)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'RMK', fieldName: '비고', header: { text: '비고' } },
-        ],
-        columnLayout: [
-            { name: 'addrGroup', header: { text: '행정구역' }, items: ['SIDO', 'GUGUN'] },
-            'SWGE_STRGE_NM', 'ADDR', 'YR_GBN', 'RN_DT', 'PL_DSGN_FRQNC',
             {
-                name: 'purposeGroup',
-                header: { text: '설치목적(O,X로 표기, 중복체크 가능)' },
-                items: ['INS_PER1', 'INS_PER2', 'INS_PER3']
-            },
-            'FAC_RES', 'DGR_AR', 'SWGE_SGBS_CPCTY',
-            {
-                name: 'pumpMainGroup',
-                header: { text: '펌프시설' },
-                items: [
-                    'TOT_CPCTY',
-                    { name: 'p1Group', header: { text: '펌프시설1' }, items: ['PUMP_CALBR', 'WP_CPCTY', 'PUMP_CO', 'PUMP_PREPAR_CO'] },
-                    { name: 'p2Group', header: { text: '펌프시설2' }, items: ['PUMP_CALBR2', 'WP_CPCTY2', 'PUMP_CO2', 'PUMP_PREPAR_CO2'] },
-                    { name: 'p3Group', header: { text: '펌프시설3' }, items: ['PUMP_CALBR3', 'WP_CPCTY3', 'PUMP_CO3', 'PUMP_PREPAR_CO3'] }
+                name: 'ctpvNm',
+                fieldName: 'ctpvNm',
+                header: { text: '시도' },
+                mergeCells: true,
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '합계';
+                        }
+                    }
                 ]
             },
+    { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+    { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true },
+    { name: 'impdFcltNm',     fieldName: 'impdFcltNm',     header: { text: '저류시설명' },   mergeCells: true, sortdisable: true },
+    { name: 'impdFcltPstnCn', fieldName: 'impdFcltPstnCn', header: { text: '저류시설위치' }, mergeCells: true, sortdisable: true },
             {
-                name: 'subFacGroup',
-                header: { text: '부대시설' },
-                items: ['FRE_FNNC', 'DORZEQP_FNNC', 'SELF_ETRQ_FNNC']
+                name: 'displayYear',
+                fieldName: 'displayYear',
+                header: { text: '구분' },
+                sortdisable: true,
+                footer: [
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 0;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    },
+                    {
+                        valueCallback: (grid: GridView) => {
+                            const divisionIndex = 1;
+                            const dataSource = grid.getDataSource();
+                            const rowCount = dataSource.getRowCount();
+                            const uniqueValues = new Set<string>();
+                            for (let i = 0; i < rowCount; i++) {
+                                const divisionValue = dataSource.getValue(i, 'displayYear');
+                                if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                    uniqueValues.add(String(divisionValue));
+                                }
+                            }
+                            const divisionValues = Array.from(uniqueValues);
+                            return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                        }
+                    }
+                ]
             },
-            'DRA_MTH', 'ELEC_MTH', 'ELEC_PRO_MAT', 'DIS_WAT',
-            {
-                name: 'disposalAmtGroup',
-                header: { text: '최종처분량(ton/년)' },
-                items: ['SDMT_TRE_CPCTY', 'IPRT_TRE_CPCTY']
-            },
-            {
-                name: 'disposalMthGroup',
-                header: { text: '최종처분방법' },
-                items: ['SDMT_TRE_MTH', 'IPRT_TRE_MTH']
-            },
-            {
-                name: 'opGroup',
-                header: { text: '운영실적' },
-                items: ['YRSTP_RN_DYN', 'DSPLCMNT_AMNT']
-            },
-            'RMK'
-        ]
-    },
-    {
-        tabKey: 'b',
-        tabLabel: '빗물펌프장',
-        rowStartNum: 3,
-        fixedColumns: 2,
-        columns: [
-            /* 1. 기본 정보 */
-            { name: 'SIDO', fieldName: '시도', header: { text: '시도' } },
-            { name: 'GUGUN', fieldName: '시군구', header: { text: '시군구' } },
-            { name: 'SWGE_STRGE_NM', fieldName: '시설명', header: { text: '시설명' } },
-            { name: 'ADDR', fieldName: '위치', header: { text: '위치' } },
-            { name: 'YR_GBN', fieldName: '구분', header: { text: '구분' } },
 
-            /* 2. 시설 제원 */
-            { name: 'FCT_KND', fieldName: '시설물종류', header: { text: '시설물종류' } },
-            { name: 'RN_DT', fieldName: '가동개시 년월일', header: { text: '가동개시\n년월일' } },
-            { name: 'PL_DSGN_FRQNC', fieldName: '계획설계빈도', header: { text: '계획설계빈도' } },
-            { name: 'DGR_AR', fieldName: '집수구역면적(㎢)', header: { text: '집수구역면적(㎢)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.000' },
+          /* 2. 시설 제원 */
+            { name: 'oprtngStrtYmd', fieldName: 'oprtngStrtYmd', header: { text: '가동개시 년월일' } },
+            { name: 'planDesignFreqCnt', fieldName: 'planDesignFreqCnt', header: { text: '계획설계빈도' } },
+            { name: 'fldngPrvtnYn', fieldName: 'fldngPrvtnYn', header: { text: '침수예방' } },
+            { name: 'wqPlltnMtgtYn', fieldName: 'wqPlltnMtgtYn', header: { text: '수질오염저감' } },
+            { name: 'rtlztnUsgYn', fieldName: 'rtlztnUsgYn', header: { text: '하수 재이용 용도' } },
+            { name: 'fcltStrctCn', fieldName: 'fcltStrctCn', header: { text: '시설구조' } },
+            { name: 'wtrStrgZoneArea', fieldName: 'wtrStrgZoneArea', header: { text: '집수구역면적(㎢)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.000', footer: footerDecimal3ArrayByDivision },
+            { name: 'impdFcltCpct', fieldName: 'impdFcltCpct', header: { text: '시설용량(㎥)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
 
-            /* 3. 유수지 및 흡수정 */
-            { name: 'REV_FNNC', fieldName: '유수지유무(유,무)', header: { text: '유수지유무\n(유,무)' } },
-            { name: 'REV_CPCTY', fieldName: '저류량(유수지)', header: { text: '저류량(㎥)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'ABS_CPCTY', fieldName: '저류량(흡수정)', header: { text: '저류량(㎥)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'SWGE_SGBS_CPCTY', fieldName: '시설용량(㎥)', header: { text: '시설용량(㎥)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
+            /* 3. 펌프시설 */
+            { name: 'grssPpqty', fieldName: 'grssPpqty', header: { text: '총양수량(㎥/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+            { name: 'pumpFcltN1DmtrExpln', fieldName: 'pumpFcltN1DmtrExpln', header: { text: '구경(mm)' } },
+            { name: 'pumpFcltN1PerPpqty', fieldName: 'pumpFcltN1PerPpqty', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+            { name: 'pumpFcltN1PumpCnt', fieldName: 'pumpFcltN1PumpCnt', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'pumpFcltN1RsrvPumpCnt', fieldName: 'pumpFcltN1RsrvPumpCnt', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            
+            { name: 'pumpFcltN2DmtrExpln', fieldName: 'pumpFcltN2DmtrExpln', header: { text: '구경(mm)' } },
+            { name: 'pumpFcltN2PerPpqty', fieldName: 'pumpFcltN2PerPpqty', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+            { name: 'pumpFcltN2PumpCnt', fieldName: 'pumpFcltN2PumpCnt', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'pumpFcltN2RsrvPumpCnt', fieldName: 'pumpFcltN2RsrvPumpCnt', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            
+            { name: 'pumpFcltN3DmtrExpln', fieldName: 'pumpFcltN3DmtrExpln', header: { text: '구경(mm)' } },
+            { name: 'pumpFcltN3PerPpqty', fieldName: 'pumpFcltN3PerPpqty', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+            { name: 'pumpFcltN3PumpCnt', fieldName: 'pumpFcltN3PumpCnt', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'pumpFcltN3RsrvPumpCnt', fieldName: 'pumpFcltN3RsrvPumpCnt', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
 
-            /* 4. 펌프시설 */
-            { name: 'TOT_CPCTY', fieldName: '총양수량(㎥/min)', header: { text: '총양수량\n(㎥/min)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CALBR', fieldName: '구경(mm)_1', header: { text: '구경(mm)' } },
-            { name: 'WP_CPCTY', fieldName: '대당 양수량_1', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CO', fieldName: '펌프대수_1', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_PREPAR_CO', fieldName: '예비펌프대수_1', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_CALBR2', fieldName: '구경(mm)_2', header: { text: '구경(mm)' } },
-            { name: 'WP_CPCTY2', fieldName: '대당 양수량_2', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CO2', fieldName: '펌프대수_2', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_PREPAR_CO2', fieldName: '예비펌프대수_2', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_CALBR3', fieldName: '구경(mm)_3', header: { text: '구경(mm)' } },
-            { name: 'WP_CPCTY3', fieldName: '대당 양수량_3', header: { text: '대당 양수량' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.0' },
-            { name: 'PUMP_CO3', fieldName: '펌프대수_3', header: { text: '펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'PUMP_PREPAR_CO3', fieldName: '예비펌프대수_3', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
+            /* 4. 부대시설 및 방식 */
+            { name: 'prcsgFcltYn', fieldName: 'prcsgFcltYn', header: { text: '전처리시설(유/무)' } },
+            { name: 'ddrztnEqpmYn', fieldName: 'ddrztnEqpmYn', header: { text: '탈취설비(유/무)' } },
+            { name: 'oslfEtgtYn', fieldName: 'oslfEtgtYn', header: { text: '자가발전(유/무)' } },
+            { name: 'mltvMthCn', fieldName: 'mltvMthCn', header: { text: '배수방식' } },
+            { name: 'impdMthCn', fieldName: 'impdMthCn', header: { text: '저류방식' } },
+            { name: 'impdPrcsMthdCn', fieldName: 'impdPrcsMthdCn', header: { text: '저류수 처리방법' } },
+            { name: 'dschgWtrsExpln', fieldName: 'dschgWtrsExpln', header: { text: '방류수역' } },
 
-            /* 5. 부대시설 및 기타 */
-            { name: 'FRE_FNNC', fieldName: '전처리시설', header: { text: '전처리시설' } },
-            { name: 'DORZEQP_FNNC', fieldName: '탈취설비', header: { text: '탈취설비' } },
-            { name: 'SELF_ETRQ_FNNC', fieldName: '자가발전', header: { text: '자가발전' } },
-            { name: 'DIS_WAT', fieldName: '방류수역', header: { text: '방류수역' } },
+            /* 5. 최종처분량 및 방법 */
+            { name: 'prcptnLastDspsQnt', fieldName: 'prcptnLastDspsQnt', header: { text: '침사' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'ctmnLastDspsQnt', fieldName: 'ctmnLastDspsQnt', header: { text: '협잡물' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'prcptnLastDspsMthdExpln', fieldName: 'prcptnLastDspsMthdExpln', header: { text: '침사' } },
+            { name: 'ctmnLastDspsMthdExpln', fieldName: 'ctmnLastDspsMthdExpln', header: { text: '협잡물' } },
 
-            /* 6. 최종처분량 및 방법 */
-            { name: 'SDMT_TRE_CPCTY', fieldName: '침사(량)', header: { text: '침사(량)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'IPRT_TRE_CPCTY', fieldName: '협잡물(량)', header: { text: '협잡물(량)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'SDMT_TRE_MTH', fieldName: '침사(방법)', header: { text: '침사(방법)' } },
-            { name: 'IPRT_TRE_MTH', fieldName: '협잡물(방법)', header: { text: '협잡물(방법)' } },
-
-            /* 7. 운영실적 */
-            { name: 'YRSTP_RN_DYN', fieldName: '가동일수', header: { text: '가동일수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'DSPLCMNT_AMNT', fieldName: '총배수량(㎥/년)', header: { text: '총배수량\n(㎥/년)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0' },
-            { name: 'RMK', fieldName: '비고', header: { text: '비고' } },
+            /* 6. 운영실적 */
+            { name: 'oprtngDayCnt', fieldName: 'oprtngDayCnt', header: { text: '가동일수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'grssMltvQnt', fieldName: 'grssMltvQnt', header: { text: '총배수량(㎥/년)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+            { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
         ],
         columnLayout: [
-            { name: 'addrGroup', header: { text: '행정구역' }, items: ['SIDO', 'GUGUN'] },
-            'SWGE_STRGE_NM', 'ADDR', 'YR_GBN', 'FCT_KND', 'RN_DT', 'PL_DSGN_FRQNC', 'DGR_AR',
-            { name: 'revGroup', header: { text: '유수지' }, items: ['REV_FNNC', 'REV_CPCTY'] },
-            { name: 'absGroup', header: { text: '흡수정' }, items: ['ABS_CPCTY'] },
-            'SWGE_SGBS_CPCTY',
+            {
+                name: 'areaGroup', header: { text: '행정구역' }, items: [
+                    { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
+                    'sggNm','admdstNm'
+                ]
+            },
+            'impdFcltNm', 'impdFcltPstnCn','displayYear', 'oprtngStrtYmd', 'planDesignFreqCnt',
+            { name: 'purposeGroup', header: { text: '설치목적' }, items: ['fldngPrvtnYn', 'wqPlltnMtgtYn', 'rtlztnUsgYn'] },
+            'fcltStrctCn', 'wtrStrgZoneArea', 'impdFcltCpct',
             {
                 name: 'pumpMainGroup', header: { text: '펌프시설' },
                 items: [
-                    'TOT_CPCTY',
-                    { name: 'p1Group', header: { text: '펌프시설1' }, items: ['PUMP_CALBR', 'WP_CPCTY', 'PUMP_CO', 'PUMP_PREPAR_CO'] },
-                    { name: 'p2Group', header: { text: '펌프시설2' }, items: ['PUMP_CALBR2', 'WP_CPCTY2', 'PUMP_CO2', 'PUMP_PREPAR_CO2'] },
-                    { name: 'p3Group', header: { text: '펌프시설3' }, items: ['PUMP_CALBR3', 'WP_CPCTY3', 'PUMP_CO3', 'PUMP_PREPAR_CO3'] }
+                    'grssPpqty',
+                    { name: 'p1Group', header: { text: '펌프시설1' }, items: ['pumpFcltN1DmtrExpln', 'pumpFcltN1PerPpqty', 'pumpFcltN1PumpCnt', 'pumpFcltN1RsrvPumpCnt'] },
+                    { name: 'p2Group', header: { text: '펌프시설2' }, items: ['pumpFcltN2DmtrExpln', 'pumpFcltN2PerPpqty', 'pumpFcltN2PumpCnt', 'pumpFcltN2RsrvPumpCnt'] },
+                    { name: 'p3Group', header: { text: '펌프시설3' }, items: ['pumpFcltN3DmtrExpln', 'pumpFcltN3PerPpqty', 'pumpFcltN3PumpCnt', 'pumpFcltN3RsrvPumpCnt'] }
                 ]
             },
-            { name: 'subFacGroup', header: { text: '부대시설' }, items: ['FRE_FNNC', 'DORZEQP_FNNC', 'SELF_ETRQ_FNNC'] },
-            'DIS_WAT',
-            { name: 'disposalAmtGroup', header: { text: '최종처분량(ton/년)' }, items: ['SDMT_TRE_CPCTY', 'IPRT_TRE_CPCTY'] },
-            { name: 'disposalMthGroup', header: { text: '최종처분방법' }, items: ['SDMT_TRE_MTH', 'IPRT_TRE_MTH'] },
-            { name: 'opGroup', header: { text: '운영실적' }, items: ['YRSTP_RN_DYN', 'DSPLCMNT_AMNT'] },
-            'RMK'
+            { name: 'subFacGroup', header: { text: '부대시설' }, items: ['prcsgFcltYn', 'ddrztnEqpmYn', 'oslfEtgtYn'] },
+            'mltvMthCn', 'impdMthCn', 'impdPrcsMthdCn', 'dschgWtrsExpln',
+            { name: 'disposalAmtGroup', header: { text: '최종처분량(ton/년)' }, items: ['prcptnLastDspsQnt', 'ctmnLastDspsQnt'] },
+            { name: 'disposalMthGroup', header: { text: '최종처분방법' }, items: ['prcptnLastDspsMthdExpln', 'ctmnLastDspsMthdExpln'] },
+            { name: 'opGroup', header: { text: '운영실적' }, items: ['oprtngDayCnt', 'grssMltvQnt'] },
+            'rmrk'
         ]
-    }
+    },
+{
+        tabKey: 'ST00040002',
+        tabLabel: '빗물펌프장',
+        rowStartNum: 3,
+        fixedColumns: 2,
+         columns: [
+        {
+            name: 'ctpvNm',
+            fieldName: 'ctpvNm',
+            header: { text: '시도' },
+            mergeCells: true,
+            sortdisable: true,
+            footer: [
+                {
+                    valueCallback: (grid: GridView) => {
+                        const divisionIndex = 0;
+                        const dataSource = grid.getDataSource();
+                        const rowCount = dataSource.getRowCount();
+                        const uniqueValues = new Set<string>();
+                        for (let i = 0; i < rowCount; i++) {
+                            const divisionValue = dataSource.getValue(i, 'displayYear');
+                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                uniqueValues.add(String(divisionValue));
+                            }
+                        }
+                        const divisionValues = Array.from(uniqueValues);
+                        if (divisionValues.length > divisionIndex) return divisionValues[divisionIndex] + ' 합계';
+                        return '합계';
+                    }
+                },
+                {
+                    valueCallback: (grid: GridView) => {
+                        const divisionIndex = 1;
+                        const dataSource = grid.getDataSource();
+                        const rowCount = dataSource.getRowCount();
+                        const uniqueValues = new Set<string>();
+                        for (let i = 0; i < rowCount; i++) {
+                            const divisionValue = dataSource.getValue(i, 'displayYear');
+                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                uniqueValues.add(String(divisionValue));
+                            }
+                        }
+                        const divisionValues = Array.from(uniqueValues);
+                        if (divisionValues.length > divisionIndex) return divisionValues[divisionIndex] + ' 합계';
+                        return '합계';
+                    }
+                }
+            ]
+        },
+        { name: 'sggNm',         fieldName: 'sggNm',         header: { text: '시군구' },   mergeCells: true, sortdisable: true },
+        { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' },   mergeCells: true },
+        { name: 'impdFcltNm',    fieldName: 'impdFcltNm',    header: { text: '시설명' },   mergeCells: true, sortdisable: true },
+        { name: 'impdFcltPstnCn',fieldName: 'impdFcltPstnCn',header: { text: '위치' },     mergeCells: true, sortdisable: true },
+        {
+            name: 'displayYear',
+            fieldName: 'displayYear',
+            header: { text: '구분' },
+            sortdisable: true,
+            footer: [
+                {
+                    valueCallback: (grid: GridView) => {
+                        const divisionIndex = 0;
+                        const dataSource = grid.getDataSource();
+                        const rowCount = dataSource.getRowCount();
+                        const uniqueValues = new Set<string>();
+                        for (let i = 0; i < rowCount; i++) {
+                            const divisionValue = dataSource.getValue(i, 'displayYear');
+                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                uniqueValues.add(String(divisionValue));
+                            }
+                        }
+                        const divisionValues = Array.from(uniqueValues);
+                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                    }
+                },
+                {
+                    valueCallback: (grid: GridView) => {
+                        const divisionIndex = 1;
+                        const dataSource = grid.getDataSource();
+                        const rowCount = dataSource.getRowCount();
+                        const uniqueValues = new Set<string>();
+                        for (let i = 0; i < rowCount; i++) {
+                            const divisionValue = dataSource.getValue(i, 'displayYear');
+                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
+                                uniqueValues.add(String(divisionValue));
+                            }
+                        }
+                        const divisionValues = Array.from(uniqueValues);
+                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + ' 합계' : '';
+                    }
+                }
+            ]
+        },
+
+        /* 2. 시설 제원 */
+        { name: 'fcltyKndCn',       fieldName: 'fcltyKndCn',       header: { text: '시설물종류' } },
+        { name: 'oprtngStrtYmd',     fieldName: 'oprtngStrtYmd',     header: { text: '가동개시 년월일' } },
+        { name: 'planDesignFreqCnt', fieldName: 'planDesignFreqCnt', header: { text: '계획설계빈도' } },
+        { name: 'wtrStrgZoneArea',   fieldName: 'wtrStrgZoneArea',   header: { text: '집수구역면적(㎢)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0.000', footer: footerDecimal3ArrayByDivision },
+        { name: 'rsvrYn',            fieldName: 'rsvrYn',            header: { text: '유수지유무\n(유,무)' } },
+        { name: 'rsvrImpndQnt',      fieldName: 'rsvrImpndQnt',      header: { text: '저류량(㎥)' },       valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+        { name: 'abstnRgnImdQnt',    fieldName: 'abstnRgnImdQnt',    header: { text: '저류량(㎥)' },       valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+        { name: 'fcltCpct',          fieldName: 'fcltCpct',          header: { text: '시설용량(㎥)' },     valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+
+        /* 3. 펌프시설 */
+        { name: 'pumpFcltN1DmtrExpln',   fieldName: 'pumpFcltN1DmtrExpln',   header: { text: '구경(mm)' } },
+        { name: 'pumpFcltN1PerPpqty',    fieldName: 'pumpFcltN1PerPpqty',    header: { text: '대당 양수량' },  valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+        { name: 'pumpFcltN1PumpCnt',     fieldName: 'pumpFcltN1PumpCnt',     header: { text: '펌프대수' },    valueType: ValueType.NUMBER, numberFormat: '#,##0',   footer: footerIntArrayByDivision },
+        { name: 'pumpFcltN1RsrvPumpCnt', fieldName: 'pumpFcltN1RsrvPumpCnt', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0',   footer: footerIntArrayByDivision },
+
+        { name: 'pumpFcltN2DmtrExpln',   fieldName: 'pumpFcltN2DmtrExpln',   header: { text: '구경(mm)' } },
+        { name: 'pumpFcltN2PerPpqty',    fieldName: 'pumpFcltN2PerPpqty',    header: { text: '대당 양수량' },  valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+        { name: 'pumpFcltN2PumpCnt',     fieldName: 'pumpFcltN2PumpCnt',     header: { text: '펌프대수' },    valueType: ValueType.NUMBER, numberFormat: '#,##0',   footer: footerIntArrayByDivision },
+        { name: 'pumpFcltN2RsrvPumpCnt', fieldName: 'pumpFcltN2RsrvPumpCnt', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0',   footer: footerIntArrayByDivision },
+
+        { name: 'pumpFcltN3DmtrExpln',   fieldName: 'pumpFcltN3DmtrExpln',   header: { text: '구경(mm)' } },
+        { name: 'pumpFcltN3PerPpqty',    fieldName: 'pumpFcltN3PerPpqty',    header: { text: '대당 양수량' },  valueType: ValueType.NUMBER, numberFormat: '#,##0.0', footer: footerDecimal1ArrayByDivision },
+        { name: 'pumpFcltN3PumpCnt',     fieldName: 'pumpFcltN3PumpCnt',     header: { text: '펌프대수' },    valueType: ValueType.NUMBER, numberFormat: '#,##0',   footer: footerIntArrayByDivision },
+        { name: 'pumpFcltN3RsrvPumpCnt', fieldName: 'pumpFcltN3RsrvPumpCnt', header: { text: '예비펌프대수' }, valueType: ValueType.NUMBER, numberFormat: '#,##0',   footer: footerIntArrayByDivision },
+
+        /* 4. 부대시설 */
+        { name: 'prcsgFcltYn',   fieldName: 'prcsgFcltYn',   header: { text: '전처리시설' } },
+        { name: 'ddrztnEqpmYn',  fieldName: 'ddrztnEqpmYn',  header: { text: '탈취설비' } },
+        { name: 'oslfEtgtYn',    fieldName: 'oslfEtgtYn',    header: { text: '자가발전' } },
+        { name: 'dschgWtrsExpln',fieldName: 'dschgWtrsExpln',header: { text: '방류수역' } },
+
+        /* 5. 최종처분량 */
+        { name: 'prcptnLastDspsQnt', fieldName: 'prcptnLastDspsQnt', header: { text: '침사(량)' },   valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+        { name: 'ctmnLastDspsQnt',   fieldName: 'ctmnLastDspsQnt',   header: { text: '협잡물(량)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+
+        /* 6. 운영실적 */
+        { name: 'oprtngDayCnt', fieldName: 'oprtngDayCnt', header: { text: '가동일수' },       valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+        { name: 'grssMltvQnt',  fieldName: 'grssMltvQnt',  header: { text: '총배수량(㎥/년)' }, valueType: ValueType.NUMBER, numberFormat: '#,##0', footer: footerIntArrayByDivision },
+        { name: 'rmrk',         fieldName: 'rmrk',         header: { text: '비고' } },
+    ],
+    columnLayout: [
+        {
+            name: 'areaGroup', header: { text: '행정구역' }, items: [
+                { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
+                'sggNm', 'admdstNm',
+            ]
+        },
+        'displayYear', 'fcltyKndCn', 'oprtngStrtYmd', 'planDesignFreqCnt', 'wtrStrgZoneArea',
+        { name: 'revGroup', header: { text: '유수지' },  items: ['rsvrYn', 'rsvrImpndQnt'] },
+        { name: 'absGroup', header: { text: '흡수정' },  items: ['abstnRgnImdQnt'] },
+        'fcltCpct',
+        {
+            name: 'pumpMainGroup', header: { text: '펌프시설' },
+            items: [
+                { name: 'p1Group', header: { text: '펌프시설1' }, items: ['pumpFcltN1DmtrExpln', 'pumpFcltN1PerPpqty', 'pumpFcltN1PumpCnt', 'pumpFcltN1RsrvPumpCnt'] },
+                { name: 'p2Group', header: { text: '펌프시설2' }, items: ['pumpFcltN2DmtrExpln', 'pumpFcltN2PerPpqty', 'pumpFcltN2PumpCnt', 'pumpFcltN2RsrvPumpCnt'] },
+                { name: 'p3Group', header: { text: '펌프시설3' }, items: ['pumpFcltN3DmtrExpln', 'pumpFcltN3PerPpqty', 'pumpFcltN3PumpCnt', 'pumpFcltN3RsrvPumpCnt'] }
+            ]
+        },
+        { name: 'subFacGroup', header: { text: '부대시설' }, items: ['prcsgFcltYn', 'ddrztnEqpmYn', 'oslfEtgtYn'] },
+        'dschgWtrsExpln',
+        { name: 'disposalAmtGroup', header: { text: '최종처분량(ton/년)' }, items: ['prcptnLastDspsQnt', 'ctmnLastDspsQnt'] },
+        { name: 'opGroup',          header: { text: '운영실적' },           items: ['oprtngDayCnt', 'grssMltvQnt'] },
+        'rmrk'
+    ]
+}
 ];
 
 export const SewageReservoirPumpInfoListRvw = rawReservoirList.map(tab => ({
     ...tab,
     columns: tab.columns.map(col => ({
         ...col,
-        editable: false
+        editable: false,
+        styleName: "rg-cell-readonly"
     }))
 }));
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/review/SeweragePenetrationRateRvwColumn.ts b/apps/st/src/components/util/column/review/SeweragePenetrationRateRvwColumn.ts
index bf1af2259..25449c6cc 100644
--- a/apps/st/src/components/util/column/review/SeweragePenetrationRateRvwColumn.ts
+++ b/apps/st/src/components/util/column/review/SeweragePenetrationRateRvwColumn.ts
@@ -1,89 +1,74 @@
 import { ValueType } from "realgrid";
 import { footerIntArrayByDivision, footerDecimal3ArrayByDivision, footerAvgDecimalArrayByDivision } from "@/components/util/grid/footerSummary";
-import type { GridView, DataColumn, ColumnFooter } from "@/components/type/DataGrid.type";
+import type { GridView } from "@/components/type/DataGrid.type";
 
-export const SeweragePenetrationRateInfoList = {
+
+const rawSeweragePenetrationRateInfoList = {
     columns: [
-        { 
-            name: 'sido', 
-            fieldName: 'sido', 
-            header: { text: '시도' }, 
-            mergeCells: true, 
-            editable: false, 
-            sortdisable: true, 
-            footer: [
-                {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
-                        const divisionIndex = 0;
-                        const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
-                        const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear'); 
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
-                        }
-                        const divisionValues = Array.from(uniqueValues);
-                        if (divisionValues.length > divisionIndex) return divisionValues[divisionIndex] + '합계';
-                        return '합계';
-                    }
-                },
-                {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
-                        const divisionIndex = 1;
-                        const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
-                        const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear');
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
-                        }
-                        const divisionValues = Array.from(uniqueValues);
-                        if (divisionValues.length > divisionIndex) return divisionValues[divisionIndex] + '합계';
-                        return '합계';
-                    }
-                }
-            ]
-        },
-        { name: 'gugun', fieldName: 'gugun', header: { text: '시군구' }, mergeCells: true, editable: false, sortdisable: true },
-        { name: 'adstDong', fieldName: 'adstDong', header: { text: '행정구역명' }, mergeCells: true, editable: false, sortdisable: true },
-        { 
-            name: 'displayYear', 
-            fieldName: 'displayYear', 
-            header: { text: '구분' }, 
-            editable: false, 
+        {
+            name: 'ctpvNm',
+            fieldName: 'ctpvNm',
+            header: { text: '시도' },
+            mergeCells: true,
             sortdisable: true,
             footer: [
                 {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
+                    valueCallback: (grid: GridView) => {
                         const divisionIndex = 0;
                         const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
                         const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear');
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
+                        for (let i = 0; i < dataSource.getRowCount(); i++) {
+                            const val = dataSource.getValue(i, 'displayYear');
+                            if (val) uniqueValues.add(String(val));
+                        }
+                        const divisionValues = Array.from(uniqueValues);
+                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
+                    }
+                },
+                {
+                    valueCallback: (grid: GridView) => {
+                        const divisionIndex = 1;
+                        const dataSource = grid.getDataSource();
+                        const uniqueValues = new Set<string>();
+                        for (let i = 0; i < dataSource.getRowCount(); i++) {
+                            const val = dataSource.getValue(i, 'displayYear');
+                            if (val) uniqueValues.add(String(val));
+                        }
+                        const divisionValues = Array.from(uniqueValues);
+                        return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '합계';
+                    }
+                }
+            ]
+        },
+        { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, mergeCells: true, sortdisable: true },
+        { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, mergeCells: true, sortdisable: true },
+        {
+            name: 'displayYear',
+            fieldName: 'displayYear',
+            header: { text: '구분' },
+            sortdisable: true,
+            footer: [
+                {
+                    valueCallback: (grid: GridView) => {
+                        const divisionIndex = 0;
+                        const dataSource = grid.getDataSource();
+                        const uniqueValues = new Set<string>();
+                        for (let i = 0; i < dataSource.getRowCount(); i++) {
+                            const val = dataSource.getValue(i, 'displayYear');
+                            if (val) uniqueValues.add(String(val));
                         }
                         const divisionValues = Array.from(uniqueValues);
                         return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '';
                     }
                 },
                 {
-                    valueCallback: (grid: GridView, column: DataColumn, footerIndex: number, columnFooter: ColumnFooter, value: number | string | undefined) => {
+                    valueCallback: (grid: GridView) => {
                         const divisionIndex = 1;
                         const dataSource = grid.getDataSource();
-                        const rowCount = dataSource.getRowCount();
                         const uniqueValues = new Set<string>();
-                        for (let i = 0; i < rowCount; i++) {
-                            const divisionValue = dataSource.getValue(i, 'displayYear');
-                            if (divisionValue !== null && divisionValue !== undefined && divisionValue !== '') {
-                                uniqueValues.add(String(divisionValue));
-                            }
+                        for (let i = 0; i < dataSource.getRowCount(); i++) {
+                            const val = dataSource.getValue(i, 'displayYear');
+                            if (val) uniqueValues.add(String(val));
                         }
                         const divisionValues = Array.from(uniqueValues);
                         return divisionValues.length > divisionIndex ? divisionValues[divisionIndex] + '합계' : '';
@@ -91,39 +76,34 @@ export const SeweragePenetrationRateInfoList = {
                 }
             ]
         },
-        { name: 'rvbsn', fieldName: 'rvbsn', header: { text: '수계' } },
-        { name: 'bstrm', fieldName: 'bstrm', header: { text: '지류' } },
+        { name: 'wtsysNm', fieldName: 'rvbsn', header: { text: '수계' } },
+        { name: 'trbtrNm', fieldName: 'trbtrNm', header: { text: '지류' } },
         { name: 'mdbsn', fieldName: 'mdbsn', header: { text: '세부단위유역' } },
         { name: 'lgbsn', fieldName: 'lgbsn', header: { text: '중권역' } },
         { name: 'mdmbsn', fieldName: 'mdmbsn', header: { text: '소권역' } },
-        { name: 'speclCntrplnAr', fieldName: 'speclCntrplnAr', header: { text: '특별대책지역' } },
-        { name: 'popltnSm', fieldName: 'popltnSm', header: { text: '총인구' }, footer: footerIntArrayByDivision, editable: false, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'arSm', fieldName: 'arSm', header: { text: '총면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'swgeProcZoneInnerSm', fieldName: 'swgeProcZoneInnerSm', header: { text: '계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0', styleName: 'rg-cell-total' },
-        
-        // 공공하수처리인구
-        { name: 'pblswrgPopltnSm', fieldName: 'pblswrgPopltnSm', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'pblswrgPrmTrt', fieldName: 'pblswrgPrmTrt', header: { text: '1차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'pblswrgScdTrt', fieldName: 'pblswrgScdTrt', header: { text: '2차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'pblswrgTertTrt', fieldName: 'pblswrgTertTrt', header: { text: '3차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        
-        // 폐수처리인구(명)
-        { name: 'wstrPopltnSm', fieldName: 'wstrPopltnSm', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'wstrPrmTrt', fieldName: 'wstrPrmTrt', header: { text: '1차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'wstrScdTrt', fieldName: 'wstrScdTrt', header: { text: '2차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'wstrTertTrt', fieldName: 'wstrTertTrt', header: { text: '3차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-
-        { name: 'notConectPopltn', fieldName: 'notConectPopltn', header: { text: '미접속인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'swgeProcZoneInnerAr', fieldName: 'swgeProcZoneInnerAr', header: { text: '면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'swgeProcZoneOuterSm', fieldName: 'swgeProcZoneOuterSm', header: { text: '계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'townUnprocPopltn', fieldName: 'townUnprocPopltn', header: { text: '미처리인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'townSwttPopltn', fieldName: 'townSwttPopltn', header: { text: '오수처리인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'townWrrtnPopltn', fieldName: 'townWrrtnPopltn', header: { text: '정화조인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
-        { name: 'swgeProcZoneOuterAr', fieldName: 'swgeProcZoneOuterAr', header: { text: '면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'pblswrgPopltnSuprt', fieldName: 'pblswrgPopltnSuprt', header: { text: '공공하수처리구역인구보급율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'adtrtPopltnSuprt', fieldName: 'adtrtPopltnSuprt', header: { text: '고도처리인구보급율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'swrgInstlrt', fieldName: 'swrgInstlrt', header: { text: '하수도설치율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
-        { name: 'rmk', fieldName: 'rmk', header: { text: '비고' } },
+        { name: 'spcCtpnRgnCn', fieldName: 'spcCtpnRgnCn', header: { text: '특별대책지역' } },
+        { name: 'wholPpltnCnt', fieldName: 'wholPpltnCnt', header: { text: '총인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'wholArea', fieldName: 'wholArea', header: { text: '총면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'wholSwtrmtPpltnCnt', fieldName: 'wholSwtrmtPpltnCnt', header: { text: '계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'wholPblSwtrmtPpltnCnt', fieldName: 'wholPblSwtrmtPpltnCnt', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts1SwtrmtPpltnCnt', fieldName: 'ts1SwtrmtPpltnCnt', header: { text: '1차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts2SwtrmtPpltnCnt', fieldName: 'ts2SwtrmtPpltnCnt', header: { text: '2차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts3SwtrmtPpltnCnt', fieldName: 'ts3SwtrmtPpltnCnt', header: { text: '3차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'wholWwtPrcsPpltnCnt', fieldName: 'wholWwtPrcsPpltnCnt', header: { text: '합계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts1WwtPrcsPpltnCnt', fieldName: 'ts1WwtPrcsPpltnCnt', header: { text: '1차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts2WwtPrcsPpltnCnt', fieldName: 'ts2WwtPrcsPpltnCnt', header: { text: '2차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts3WwtPrcsPpltnCnt', fieldName: 'ts3WwtPrcsPpltnCnt', header: { text: '3차처리' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'yetCntnPpltnCnt', fieldName: 'yetCntnPpltnCnt', header: { text: '미접속인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'staaArea', fieldName: 'staaArea', header: { text: '면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'wholStaaExcpPpltnCnt', fieldName: 'wholStaaExcpPpltnCnt', header: { text: '계' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'unprcsPpltnCnt', fieldName: 'unprcsPpltnCnt', header: { text: '미처리인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'drtwPrcsPpltnCnt', fieldName: 'drtwPrcsPpltnCnt', header: { text: '오수처리인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'spctnkPpltnCnt', fieldName: 'spctnkPpltnCnt', header: { text: '정화조인구' }, footer: footerIntArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'staaExcpArea', fieldName: 'staaExcpArea', header: { text: '면적(㎢)' }, footer: footerDecimal3ArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'staaPsplyRt', fieldName: 'staaPsplyRt', header: { text: '공공하수처리구역인구보급율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'altdPrcsPsplyRt', fieldName: 'altdPrcsPsplyRt', header: { text: '고도처리인구보급율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'sewerInstlRt', fieldName: 'sewerInstlRt', header: { text: '하수도설치율(%)' }, footer: footerAvgDecimalArrayByDivision, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+        { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
     ],
     columnLayout: [
         {
@@ -131,56 +111,65 @@ export const SeweragePenetrationRateInfoList = {
             hideChildHeaders: false,
             header: { text: '행정구역' },
             items: [
-                { column: 'sido', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] }, 
-                'gugun',
-                'adstDong', 
+                { column: 'ctpvNm', footerUserSpans: [{ colspan: 4 }, { colspan: 4 }] },
+                'sggNm',
+                'admdstNm',
             ]
         },
         'displayYear',
-        'rvbsn',
-        'bstrm',
+        'wtsysNm',
+        'trbtrNm',
         {
             name: 'groupB',
             hideChildHeaders: false,
             header: { text: '수계영향권별분류' },
             items: ['mdbsn', 'lgbsn', 'mdmbsn'],
         },
-        'speclCntrplnAr',
-        'popltnSm',
-        'arSm',
+        'spcCtpnRgnCn',
+        'wholPpltnCnt',
+        'wholArea',
         {
             name: 'groupD',
             hideChildHeaders: false,
             header: { text: '하수처리구역내' },
             items: [
-                'swgeProcZoneInnerSm',
+                'wholSwtrmtPpltnCnt',
                 {
                     name: 'pblswrgGroup',
                     hideChildHeaders: false,
                     header: { text: '공공하수처리인구(명)' },
-                    items: ['pblswrgPopltnSm', 'pblswrgPrmTrt', 'pblswrgScdTrt', 'pblswrgTertTrt'],
+                    items: ['wholPblSwtrmtPpltnCnt', 'ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt'],
                 },
                 {
                     name: 'wstrGroup',
                     hideChildHeaders: false,
                     header: { text: '폐수처리인구(명)' },
-                    items: ['wstrPopltnSm', 'wstrPrmTrt', 'wstrScdTrt', 'wstrTertTrt'],
+                    items: ['wholWwtPrcsPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt'],
                 },
-                'notConectPopltn',
-                'swgeProcZoneInnerAr'
+                'yetCntnPpltnCnt',
+                'staaArea'
             ],
         },
         {
             name: 'groupE',
             hideChildHeaders: false,
             header: { text: '하수처리구역외' },
-            items: ['swgeProcZoneOuterSm', 'townUnprocPopltn', 'townSwttPopltn', 'townWrrtnPopltn', 'swgeProcZoneOuterAr'],
+            items: ['wholStaaExcpPpltnCnt', 'unprcsPpltnCnt', 'drtwPrcsPpltnCnt', 'spctnkPpltnCnt', 'staaExcpArea'],
         },
-        'pblswrgPopltnSuprt',
-        'adtrtPopltnSuprt',
-        'swrgInstlrt',
-        'rmk',
+        'staaPsplyRt',
+        'altdPrcsPsplyRt',
+        'sewerInstlRt',
+        'rmrk',
     ],
-    fixedColumns: 2, 
+    fixedColumns: 2,
     rowStartNum: 3
+};
+
+export const SeweragePenetrationRateInfoList = {
+    ...rawSeweragePenetrationRateInfoList,
+    columns: rawSeweragePenetrationRateInfoList.columns.map(col => ({
+        ...col,
+        editable: false,
+        styleName: "rg-cell-readonly"
+    }))
 };
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/review/StatsInputStatusRvwColumn.ts b/apps/st/src/components/util/column/review/StatsInputStatusRvwColumn.ts
index a5408cc7f..9f280338c 100644
--- a/apps/st/src/components/util/column/review/StatsInputStatusRvwColumn.ts
+++ b/apps/st/src/components/util/column/review/StatsInputStatusRvwColumn.ts
@@ -115,6 +115,7 @@ export const StatsInputStatusInfoList = {
     ...StatsInputStatusInfoColumnRaw,
     columns: StatsInputStatusInfoColumnRaw.columns.map(col => ({
         ...col,
-        editable: false
+        editable: false,
+        styleName: "rg-cell-readonly"
     }))
 };
\ No newline at end of file
diff --git a/apps/st/src/components/util/column/total/SeweragePentrationRateTotColumn.ts b/apps/st/src/components/util/column/total/SeweragePentrationRateTotColumn.ts
new file mode 100644
index 000000000..5b8ba195d
--- /dev/null
+++ b/apps/st/src/components/util/column/total/SeweragePentrationRateTotColumn.ts
@@ -0,0 +1,201 @@
+import { ValueType } from "realgrid";
+/**
+ * 하수도 통계 관리 > 01. 하수도 보급률
+ * 단일 Tab
+ */
+export const SeweragePentrationRateTotColumn = {
+    columns: [
+        // 행정구역
+        { name: 'ctpvNm', fieldName: 'ctpvNm', header: { text: '시도' }, editable: false, },
+        { name: 'sggNm', fieldName: 'sggNm', header: { text: '시군구' }, editable: false, },
+        { name: 'admdstNm', fieldName: 'admdstNm', header: { text: '행정구역명' }, editable: false, },
+
+        // 수계 및 권역
+        { name: 'rvbsn', fieldName: 'rvbsn', header: { text: '수계' }, editable: false, },
+        { name: 'trbtrNm', fieldName: 'trbtrNm', header: { text: '지류' }, editable: false, },
+
+        // 수계영향권별분류
+        { name: 'mdbsn', fieldName: 'mdbsn', header: { text: '세부단위유역' }, editable: false, },
+        { name: 'lgbsn', fieldName: 'lgbsn', header: { text: '중권역' }, editable: false, },
+        { name: 'mdmbsn', fieldName: 'mdmbsn', header: { text: '소권역' }, editable: false, },
+
+        // 특별대책지역
+        { name: 'spcCtpnRgnCn', fieldName: 'spcCtpnRgnCn', header: { text: '특별대책지역' }, editable: false, },
+
+        // 총인구
+        { 
+            name: 'wholPpltnCnt',
+            fieldName: 'wholPpltnCnt', 
+            header: { text: '총인구(명)' }, 
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0',
+        },
+
+        // 총면적
+        { 
+            name: 'wholArea', 
+            fieldName: 'wholArea', 
+            header: { text: '총면적(㎢)' }, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0.000',
+            editable: false, 
+        },
+
+        // 하수처리구역 내 > 합계
+        { 
+            name: 'wholSwtrmtPpltnCnt', 
+            fieldName: 'wholSwtrmtPpltnCnt', 
+            header: { text: '합계' }, 
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0',
+        },
+
+        // 하수처리구역 내 > 공공하수처리인구
+        { 
+            name: 'wholPblSwtrmtPpltnCnt', 
+            fieldName: 'wholPblSwtrmtPpltnCnt', 
+            header: { text: '소계' }, 
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0', 
+        },
+        { name: 'ts1SwtrmtPpltnCnt', fieldName: 'ts1SwtrmtPpltnCnt', header: { text: '물리적처리' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts2SwtrmtPpltnCnt', fieldName: 'ts2SwtrmtPpltnCnt', header: { text: '생물학적처리' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts3SwtrmtPpltnCnt', fieldName: 'ts3SwtrmtPpltnCnt', header: { text: '고도처리' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+
+        // 하수처리구역 내 > 폐수처리인구
+        { 
+            name: 'wholWwtPrcsPpltnCnt', 
+            fieldName: 'wholWwtPrcsPpltnCnt', 
+            header: { text: '소계' }, 
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0',
+        },
+        { name: 'ts1WwtPrcsPpltnCnt', fieldName: 'ts1WwtPrcsPpltnCnt', header: { text: '물리적처리' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts2WwtPrcsPpltnCnt', fieldName: 'ts2WwtPrcsPpltnCnt', header: { text: '생물학적처리' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'ts3WwtPrcsPpltnCnt', fieldName: 'ts3WwtPrcsPpltnCnt', header: { text: '고도처리' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+
+        // 하수처리구역 내 > 미접속인구
+        { name: 'yetCntnPpltnCnt', fieldName: 'yetCntnPpltnCnt', header: { text: '미접속인구' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+
+        // 하수처리구역 내 > 면적
+        { name: 'staaArea', fieldName: 'staaArea', header: { text: '면적(㎢)' }, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+
+        // 하수처리구역 외
+        { 
+            name: 'wholStaaExcpPpltnCnt',
+            fieldName: 'wholStaaExcpPpltnCnt', 
+            header: { text: '합계' }, 
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0',
+        },
+        { name: 'unprcsPpltnCnt', fieldName: 'unprcsPpltnCnt', header: { text: '미처리인구' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'drtwPrcsPpltnCnt', fieldName: 'drtwPrcsPpltnCnt', header: { text: '오수처리인구' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'spctnkPpltnCnt', fieldName: 'spctnkPpltnCnt', header: { text: '정화조인구' }, valueType: ValueType.NUMBER, dataFormat: '#,##0' },
+        { name: 'staaExcpArea', fieldName: 'staaExcpArea', header: { text: '면적(㎢)' }, valueType: ValueType.NUMBER, dataFormat: '#,##0.000' },
+
+        // 공공하수처리구역 인구보급률 (하수처리구역 내 인구 / 전체 인구 * 100)
+        {
+            name: 'staaPsplyRt',
+            fieldName: 'staaPsplyRt',
+            header: { text: '공공하수처리구역인구보급률(%)' },
+            editable: false,
+            valueType: ValueType.NUMBER,
+            dataFormat: '#,##0.0',
+        },
+
+        // 고도처리 인구보급률 (고도처리 인구 / 전체 인구 * 100)
+        { 
+            name: 'altdPrcsPsplyRt', 
+            fieldName: 'altdPrcsPsplyRt', 
+            header: { text: '고도처리인구보급률(%)' },  
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0.0', 
+        },
+
+        // 하수도 설치율
+        { 
+            name: 'sewerInstlRt', 
+            fieldName: 'sewerInstlRt', 
+            header: { text: '하수도설치율(%)' },  
+            editable: false, 
+            valueType: ValueType.NUMBER, 
+            dataFormat: '#,##0.0',
+        },
+
+        // 비고
+        { name: 'rmrk', fieldName: 'rmrk', header: { text: '비고' } },
+
+        { name: 'swagePplPsplyRt', fieldName: 'swagePplPsplyRt', header: { text: '하수관로보급률(%)' }, visible: false },
+        { name: 'admdstCd', fieldName: 'admdstCd', header: { text: '행정코드' }, visible: false },
+    ].map((col) => ({ ...col, editable: false })),
+
+    columnLayout: [
+        {
+            name: 'groupA',
+            hideChildHeaders: false,
+            header: { text: '행정구역' },
+            items: [
+                'ctpvNm',
+                'sggNm',
+                'admdstNm',
+            ],
+        },
+        'rvbsn',
+        'trbtrNm',
+        {
+            name: 'groupB',
+            hideChildHeaders: false,
+            header: { text: '수계영향권별분류' },
+            items: ['mdbsn', 'lgbsn', 'mdmbsn'],
+        },
+        'spcCtpnRgnCn',
+        'wholPpltnCnt',
+        'wholArea',
+        {
+            name: 'groupD',
+            hideChildHeaders: false,
+            header: { text: '하수처리구역내' },
+            items: [
+                'wholSwtrmtPpltnCnt',
+                {
+                    name: 'pblswrgGroup',
+                    hideChildHeaders: false,
+                    header: { text: '공공하수처리인구(명)' },
+                    items: ['wholPblSwtrmtPpltnCnt', 'ts1SwtrmtPpltnCnt', 'ts2SwtrmtPpltnCnt', 'ts3SwtrmtPpltnCnt'],
+                },
+                {
+                    name: 'wstrGroup',
+                    hideChildHeaders: false,
+                    header: { text: '폐수처리인구(명)' },
+                    items: ['wholWwtPrcsPpltnCnt', 'ts1WwtPrcsPpltnCnt', 'ts2WwtPrcsPpltnCnt', 'ts3WwtPrcsPpltnCnt'],
+                },
+                'yetCntnPpltnCnt',
+                'staaArea'
+            ],
+        },
+        {
+            name: 'groupE',
+            hideChildHeaders: false,
+            header: { text: '하수처리구역외' },
+            items: [
+                'wholStaaExcpPpltnCnt',
+                'unprcsPpltnCnt',
+                'drtwPrcsPpltnCnt',
+                'spctnkPpltnCnt',
+                'staaExcpArea'
+            ],
+        },
+        'staaPsplyRt',
+        'altdPrcsPsplyRt',
+        'sewerInstlRt',
+        'rmrk',
+        'swagePplPsplyRt',
+        'admdstCd',
+    ]
+};
\ No newline at end of file
diff --git a/apps/st/src/components/util/grid/footerSummary.ts b/apps/st/src/components/util/grid/footerSummary.ts
index 0b9bd148b..530d65f8c 100644
--- a/apps/st/src/components/util/grid/footerSummary.ts
+++ b/apps/st/src/components/util/grid/footerSummary.ts
@@ -181,8 +181,8 @@ const createSumFooterArrayByDivision = (format: string, divisionFieldName: strin
             grid: GridView,
             column: DataColumn,
             footerIndex: number,
-            columnFooter: unknown,
-            value: number | string | undefined
+            // columnFooter: unknown,
+            // value: number | string | undefined
         ) => getFooterSummaryByDivision(grid, column, footerIndex, divisionFieldName),
     },
     {
@@ -191,8 +191,8 @@ const createSumFooterArrayByDivision = (format: string, divisionFieldName: strin
             grid: GridView,
             column: DataColumn,
             footerIndex: number,
-            columnFooter: unknown,
-            value: number | string | undefined
+            // columnFooter: unknown,
+            // value: number | string | undefined
         ) => getFooterSummaryByDivision(grid, column, footerIndex, divisionFieldName),
     },
 ];
@@ -205,8 +205,8 @@ const createAvgFooterArrayByDivision = (format: string, divisionFieldName: strin
             grid: GridView,
             column: DataColumn,
             footerIndex: number,
-            columnFooter: unknown,
-            value: number | string | undefined
+            // columnFooter: unknown,
+            // value: number | string | undefined
         ) => getFooterAvgSummaryByDivision(grid, column, footerIndex, divisionFieldName),
     },
     {
@@ -215,8 +215,8 @@ const createAvgFooterArrayByDivision = (format: string, divisionFieldName: strin
             grid: GridView,
             column: DataColumn,
             footerIndex: number,
-            columnFooter: unknown,
-            value: number | string | undefined
+            // columnFooter: unknown,
+            // value: number | string | undefined
         ) => getFooterAvgSummaryByDivision(grid, column, footerIndex, divisionFieldName),
     },
 ];
diff --git a/apps/st/src/entities/auth/api/login-service.ts b/apps/st/src/entities/auth/api/login-service.ts
index c1968fe36..7fd87cc27 100644
--- a/apps/st/src/entities/auth/api/login-service.ts
+++ b/apps/st/src/entities/auth/api/login-service.ts
@@ -1,13 +1,18 @@
 import { AxiosError } from "axios";
+
 import {
-  ENDPOINT,
-  JWT_EXPIRATION_TIME,
   ACCESS_TOKEN,
   AUTH_USER_ID,
   CLAIM_NAME,
+  ENDPOINT,
+  JWT_EXPIRATION_TIME,
 } from "@/shared/config";
-import type { LoginService, ILogin } from "../model/login-interface";
+import { getCookie } from "@/shared/lib";
+
 import { tokenManager } from "../lib/token-manager";
+import type { ILogin,LoginService } from "../model/login-interface";
+
+import { clearTabStorePersist } from "@/store/tab-store";
 
 export class LoginApiService implements LoginService {
   private static instance: LoginApiService;
@@ -39,6 +44,11 @@ export class LoginApiService implements LoginService {
         throw new Error("Missing required authentication tokens");
       }
 
+      const prevTokenId = getCookie(AUTH_USER_ID);
+      if (prevTokenId !== undefined && prevTokenId !== tokenId) {
+        clearTabStorePersist();
+      }
+
       tokenManager.setToken(CLAIM_NAME, accessToken);
       tokenManager.setToken(AUTH_USER_ID, tokenId);
       tokenManager.setupRefreshTimer(
diff --git a/apps/st/src/entities/auth/lib/auth-wrapper.tsx b/apps/st/src/entities/auth/lib/auth-wrapper.tsx
index c0be4c2dd..c58581c2b 100644
--- a/apps/st/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/st/src/entities/auth/lib/auth-wrapper.tsx
@@ -1,49 +1,50 @@
 "use client";
 
 import { useEffect } from "react";
-import { useRouter } from "next/navigation";
 import { client } from "@/shared/api";
 import type { IUserInfo } from "@/shared/store";
 import { getCookie, useUserStore } from "@/shared/lib";
-import { ENDPOINT, AUTH_USER_ID } from "@/shared/config";
-import { LoginApi } from "../api/login-service";
+import { isAtLoginRedirectUrl } from "@common/network";
+import {
+    ENDPOINT,
+    AUTH_USER_ID,
+    AUTH_LOGIN_REDIRECT_URL,
+} from "@/shared/config";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
-  const router = useRouter();
-  const { userInfo, setUserInfo } = useUserStore((state) => state);
+    const { userInfo, setUserInfo } = useUserStore((state) => state);
 
-  async function authCheck() {
-    const userId = getCookie(AUTH_USER_ID);
-    if (!userId) {
-      throw new Error("Missing required authentication tokens");
+    async function authCheck() {
+        if (isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
+            return;
+        }
+
+        const userId = getCookie(AUTH_USER_ID);
+        if (!userId) {
+            throw new Error("Missing required authentication tokens");
+        }
+
+        const response = await client.get<IUserInfo>(
+            `${ENDPOINT.USER_SERVICE.USERS}/info/me`,
+        );
+        if (!userInfo) setUserInfo(response.data);
     }
 
-    const response = await client.get<IUserInfo>(
-      `${ENDPOINT.USER_SERVICE.USERS}/info/me`,
-    );
-    if (!userInfo) setUserInfo(response.data);
-  }
+    useEffect(() => {
+        (async () => {
+            try {
+                await authCheck();
+            } catch (error) {
+                console.error(error);
+                setUserInfo(null);
+                if (!isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
+                    window.location.assign(AUTH_LOGIN_REDIRECT_URL);
+                }
+            }
+        })();
+    }, []);
 
-  useEffect(() => {
-    (async () => {
-      try {
-        await authCheck();
-      } catch (error) {
-        console.error(error);
-
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
-          router.push("/auth/login");
-        }
-      }
-    })();
-  }, []);
-
-  return <>{children}</>;
+    return <>{children}</>;
 };
 
 export { AuthWrapper };
diff --git a/apps/st/src/entities/auth/lib/token-manager.ts b/apps/st/src/entities/auth/lib/token-manager.ts
index dd9aea352..60cd47de5 100644
--- a/apps/st/src/entities/auth/lib/token-manager.ts
+++ b/apps/st/src/entities/auth/lib/token-manager.ts
@@ -1,5 +1,7 @@
 import { AUTH_USER_ID, CLAIM_NAME } from "@/shared/config";
-import { getCookie, setCookie, removeCookie } from "@/shared/lib";
+import { getCookie, removeCookie,setCookie } from "@/shared/lib";
+
+import { clearTabStorePersist } from "@/store/tab-store";
 
 export class TokenManager {
   private static instance: TokenManager;
@@ -74,6 +76,7 @@ export class TokenManager {
       this.refreshTimer = null;
     }
 
+    clearTabStorePersist();
     this.removeToken(CLAIM_NAME);
     this.removeToken(AUTH_USER_ID);
   }
diff --git a/apps/st/src/entities/code/index.ts b/apps/st/src/entities/code/index.ts
index e166e2c29..cd4a3ea80 100644
--- a/apps/st/src/entities/code/index.ts
+++ b/apps/st/src/entities/code/index.ts
@@ -1,6 +1,7 @@
 export { CodeApi } from "./api/code-service";
 export type { ICode } from "./model/code-interface";
 export { CodeSelect } from "./ui/code-select";
+export { CodeSelectWithAll } from "./ui/code-select-with-all";
 
 export { UpCodeApi } from "./api/upcode-service";
 export {
diff --git a/apps/st/src/entities/code/ui/code-select-with-all.tsx b/apps/st/src/entities/code/ui/code-select-with-all.tsx
new file mode 100644
index 000000000..b6e62e4f0
--- /dev/null
+++ b/apps/st/src/entities/code/ui/code-select-with-all.tsx
@@ -0,0 +1,48 @@
+import { useQuery } from "@tanstack/react-query";
+import {
+    cn,
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@common/components";
+import { ENDPOINT } from "@/shared/config";
+import { CodeApi } from "../api/code-service";
+
+type CodeSelectProps = {
+    upCd: string;
+    placeholder?: string;
+    className?: string;
+} & React.ComponentPropsWithoutRef<typeof Select>;
+
+function CodeSelectWithAll({
+    upCd,
+    placeholder = "선택",
+    className,
+    ...props
+}: CodeSelectProps) {
+    const { data: code } = useQuery({
+        queryKey: [ENDPOINT.CMS_SERVICE.CODE, upCd],
+        queryFn: () => CodeApi.getCode(upCd),
+        enabled: !!upCd,
+    });
+
+    return (
+        <Select {...props}>
+            <SelectTrigger className={cn("w-[12rem]", className)}>
+                <SelectValue placeholder={placeholder} />
+            </SelectTrigger>
+            <SelectContent>
+                <SelectItem value="ALL">전체</SelectItem>
+                {code?.map((item) => (
+                    <SelectItem key={item.lwpoCd} value={item.lwpoCd}>
+                        {item.lwpoCdNm}
+                    </SelectItem>
+                ))}
+            </SelectContent>
+        </Select>
+    );
+}
+
+export { CodeSelectWithAll };
diff --git a/apps/st/src/entities/menu/api/menu-service.ts b/apps/st/src/entities/menu/api/menu-service.ts
index 07e9e552a..59788e0f5 100644
--- a/apps/st/src/entities/menu/api/menu-service.ts
+++ b/apps/st/src/entities/menu/api/menu-service.ts
@@ -1,79 +1,81 @@
 import { client } from "@/shared/api";
 import { ENDPOINT } from "@/shared/config";
 import type {
-  MenuService,
-  Menu,
-  MenuItem,
-  MenuFormData,
-  MenuTemporarilyStoredData,
-  SiteMapFormData,
+    MenuService,
+    Menu,
+    MenuItem,
+    MenuFormData,
+    MenuTemporarilyStoredData,
+    SiteMapFormData,
 } from "../model/menu-interface";
 
 export class MenuApiService implements MenuService {
-  async getMenuRoles(siteId: string): Promise<MenuItem[]> {
-    const response = await client.get<MenuItem[]>(
-      `${ENDPOINT.CMS_SERVICE.MENU_ROLES}/${siteId}`,
-    );
-    return response.data;
-  }
+    async getMenuRoles(siteId: string): Promise<MenuItem[]> {
+        const response = await client.get<MenuItem[]>(
+            `${ENDPOINT.CMS_SERVICE.MENU_ROLES}/${siteId}`,
+        );
+        return response.data;
+    }
 
-  public async getMenuInfo(menuCd: number): Promise<Menu> {
-    const response = await client.get<Menu>(
-      `${ENDPOINT.CMS_SERVICE.MENUS}/${menuCd}`,
-    );
-    return response.data;
-  }
+    public async getMenuInfo(menuCd: number): Promise<Menu> {
+        const response = await client.get<Menu>(
+            `${ENDPOINT.CMS_SERVICE.MENUS}/${menuCd}`,
+        );
+        return response.data;
+    }
 
-  public async createMenu(data: MenuFormData): Promise<void> {
-    const response = await client.post<void>(
-      `${ENDPOINT.CMS_SERVICE.MENUS}`,
-      data,
-    );
-    return response.data;
-  }
+    public async createMenu(data: MenuFormData): Promise<void> {
+        const response = await client.post<void>(
+            `${ENDPOINT.CMS_SERVICE.MENUS}`,
+            data,
+        );
+        return response.data;
+    }
 
-  public async updateMenu(
-    menuCd: number,
-    data: Omit<MenuFormData, "siteId">,
-  ): Promise<void> {
-    const response = await client.put<void>(
-      `${ENDPOINT.CMS_SERVICE.MENUS}/${menuCd}`,
-      data,
-    );
-    return response.data;
-  }
+    public async updateMenu(
+        menuCd: number,
+        data: Omit<MenuFormData, "siteId">,
+    ): Promise<void> {
+        const response = await client.put<void>(
+            `${ENDPOINT.CMS_SERVICE.MENUS}/${menuCd}`,
+            data,
+        );
+        return response.data;
+    }
 
-  public async deleteMenu(menuCd: number): Promise<void> {
-    await client.delete(`${ENDPOINT.CMS_SERVICE.MENUS}/${menuCd}`);
-  }
+    public async deleteMenu(menuCd: number): Promise<void> {
+        await client.delete(`${ENDPOINT.CMS_SERVICE.MENUS}/${menuCd}`);
+    }
 
-  public async menuTemporaryStorage(
-    menuCd: number,
-    data: MenuFormData,
-  ): Promise<void> {
-    const response = await client.post<void>(
-      `${ENDPOINT.CMS_SERVICE.MENU_TEMPORARY_STORAGE}/${menuCd}`,
-      data,
-    );
-    return response.data;
-  }
+    public async menuTemporaryStorage(
+        menuCd: number,
+        data: MenuFormData,
+    ): Promise<void> {
+        const response = await client.post<void>(
+            `${ENDPOINT.CMS_SERVICE.MENU_TEMPORARY_STORAGE}/${menuCd}`,
+            data,
+        );
+        return response.data;
+    }
 
-  public async getMenuTemporarilyStoredData(
-    menuCd: number,
-  ): Promise<MenuTemporarilyStoredData[]> {
-    const response = await client.get<MenuTemporarilyStoredData[]>(
-      `${ENDPOINT.CMS_SERVICE.MENU_TEMPORARY_STORAGE}/menu/${menuCd}/user`,
-    );
-    return response.data;
-  }
+    public async getMenuTemporarilyStoredData(
+        menuCd: number,
+    ): Promise<MenuTemporarilyStoredData[]> {
+        const response = await client.get<MenuTemporarilyStoredData[]>(
+            `${ENDPOINT.CMS_SERVICE.MENU_TEMPORARY_STORAGE}/menu/${menuCd}/user`,
+        );
+        return response.data;
+    }
 
-  public async publishSiteMap(data: SiteMapFormData["siteMap"]): Promise<void> {
-    const response = await client.post<void>(
-      `${ENDPOINT.CMS_SERVICE.MENUS}/sitemap/publish`,
-      data,
-    );
-    return response.data;
-  }
+    public async publishSiteMap(
+        data: SiteMapFormData["siteMap"],
+    ): Promise<void> {
+        const response = await client.post<void>(
+            `${ENDPOINT.CMS_SERVICE.MENUS}/sitemap/publish`,
+            data,
+        );
+        return response.data;
+    }
 }
 
 export const MenuApi = new MenuApiService();
diff --git a/apps/st/src/entities/statistics/api/analysis-api.ts b/apps/st/src/entities/statistics/api/analysis-api.ts
new file mode 100644
index 000000000..b6d6c91f1
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/analysis-api.ts
@@ -0,0 +1,40 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+
+import type {
+    AnalysisRequestPayload,
+    AnalysisResponseDto,
+    JobStatusDto,
+    AnalysisResultDto,
+} from "../model/analysis/analysis-interface";
+
+export class AnalysisApiService {
+    public async analyze(
+        payload: AnalysisRequestPayload,
+    ): Promise<AnalysisResponseDto> {
+        const response = await client.post<AnalysisResponseDto>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ANALYSIS}/analyze`,
+            payload,
+        );
+
+        return response.data;
+    }
+
+    public async getJobStatus(jobId: string): Promise<JobStatusDto> {
+        const response = await client.get<JobStatusDto>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ANALYSIS}/status/${jobId}`,
+        );
+
+        return response.data;
+    }
+
+    public async getResult(jobId: string): Promise<AnalysisResultDto> {
+        const response = await client.get<AnalysisResultDto>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ANALYSIS}/result/${jobId}`,
+        );
+
+        return response.data;
+    }
+}
+
+export const analysisApi = new AnalysisApiService();
diff --git a/apps/st/src/entities/statistics/api/general-verification-service.ts b/apps/st/src/entities/statistics/api/general-verification-service.ts
new file mode 100644
index 000000000..96ff08d39
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/general-verification-service.ts
@@ -0,0 +1,127 @@
+import { stClient } from "@/shared/api/client";
+import { ENDPOINT } from "@/shared/config";
+
+import type { 
+    GeneralverificationRequest,
+    GeneralverificationResponse,
+    GeneralverificationService,
+    GeneralverificationInfoResponse,
+    CheckVerificationNameRequest,
+    CheckVerificationNameResponse,
+    UpdateVrfcMasterRequest,
+    UpdateVrfcMasterResponse,
+    RegistVrfcMasterRequest,
+    RegistVrfcMasterResponse,
+    DeleteVrfcMasterResponse,
+    VrfcOperatorsResponse,
+    GeneralverificationDetailResponse,
+    VerifyColumnListRequest,
+    VerifyColumnListResponse,
+    VerifyDetailRegistRequest,
+    VerifyDetailUpdateRequest,
+    CopyVerifyDataRequest,
+} from "../model/general-verification-interface";
+
+export class GeneralverificationApiService implements GeneralverificationService {
+    public async getGeneralverificationList(param: GeneralverificationRequest): Promise<GeneralverificationResponse> {
+        const response = await stClient.get<GeneralverificationResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/masters`,
+            { params: param },
+        );
+        return response.data;
+    }
+
+    public async getGeneralverificationInfo(param: number): Promise<GeneralverificationInfoResponse> {
+        const response = await stClient.get<GeneralverificationInfoResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/masters/${param}`,
+        );
+        return response.data;
+    }
+
+    public async checkVerificationName(param: CheckVerificationNameRequest): Promise<CheckVerificationNameResponse> {
+        const response = await stClient.get<CheckVerificationNameResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/check-name`,
+            { params: param },
+        );
+        return response.data;
+    }
+
+    public async UpdateVrfcMaster(param: UpdateVrfcMasterRequest): Promise<UpdateVrfcMasterResponse> {
+        const response = await stClient.put<UpdateVrfcMasterResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/masters/${param.vrfcSn}`,
+            param,
+        );
+        return response.data;
+    }
+    
+    public async RegistVrfcMaster(param: RegistVrfcMasterRequest): Promise<RegistVrfcMasterResponse> {
+        const response = await stClient.post<RegistVrfcMasterResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/master`,
+            param,
+        );
+        return response.data;
+    }
+
+    public async DeleteVrfcMaster(param: number): Promise<DeleteVrfcMasterResponse> {
+        const response = await stClient.delete<DeleteVrfcMasterResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/${param}`,
+        );
+        return response.data;
+    }
+
+    public async getVrfcOperators(): Promise<VrfcOperatorsResponse> {
+        const response = await stClient.get<VrfcOperatorsResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/operators`,
+        );
+        return response.data;
+    }
+
+    public async getVrfcDetail(param: number): Promise<GeneralverificationDetailResponse> {
+        const response = await stClient.get<GeneralverificationDetailResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/${param}`,
+        );
+        return response.data;
+    }
+
+    public async getVerifyColumnList(param: VerifyColumnListRequest): Promise<VerifyColumnListResponse> {
+        const response = await stClient.get<VerifyColumnListResponse> (
+            param.refStatsCd ? 
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/columns/${param.trgtStatsCd}/${param.vrfcDtlSn}/?refStatsCd=${param.refStatsCd}`
+            :
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/columns/${param.trgtStatsCd}/${param.vrfcDtlSn}`,
+        );
+        return response.data;
+    }
+
+    public async getSelectedVerifyColumnList(param: string): Promise<VerifyColumnListResponse> {
+        const response = await stClient.get<VerifyColumnListResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/columns/${param}`,
+        );
+        return response.data;
+    }
+
+    public async RegistVrfcDetail(param: VerifyDetailRegistRequest): Promise<RegistVrfcMasterResponse> {
+        const response = await stClient.post<RegistVrfcMasterResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/${param.vrfcSn}/details`,
+            param
+        );
+        return response.data;
+    }
+
+    public async UpdateVrfcDetail(param: VerifyDetailUpdateRequest): Promise<RegistVrfcMasterResponse> {
+        const response = await stClient.put<RegistVrfcMasterResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/${param.vrfcSn}/details`,
+            param
+        );
+        return response.data;
+    }
+
+    public async CopyVrfcData(param: CopyVerifyDataRequest): Promise<RegistVrfcMasterResponse> {
+        const response = await stClient.post<RegistVrfcMasterResponse> (
+            `${ENDPOINT.ST_SERVICE.INPUTVERIFY}/${param.vrfcSn}/copy?targetStatsCd=${param.targetStatsCd}&rgtrId=${param.rgtrId}`,
+        );
+        return response.data;
+    }
+}
+
+export const generalverificationApiService = new GeneralverificationApiService();
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/api/imr-api.ts b/apps/st/src/entities/statistics/api/imr-api.ts
new file mode 100644
index 000000000..b9f913bd5
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/imr-api.ts
@@ -0,0 +1,69 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+
+import type {
+    ImrDetailRequest,
+    ImrDetailResponse,
+    ImrDetectRequest,
+    ImrDetectResponse,
+    ImrListRequest,
+    ImrListResponse,
+    ImrLogRequest,
+    ImrLogResponse,
+} from "../model/imr/imr-interface";
+
+export class ImrApiService {
+    /**
+     * 이상치 탐지 알고리즘 실행 요청
+     */
+    public async detectOutliers(
+        payload: ImrDetectRequest,
+    ): Promise<ImrDetectResponse> {
+        const response = await client.post<ImrDetectResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.IMR}`,
+            payload,
+        );
+        return response.data;
+    }
+
+    /**
+     * 이상치 탐지 마스터 목록 조회
+     */
+    public async getOutliersList(
+        payload: ImrListRequest,
+    ): Promise<ImrListResponse[]> {
+        const response = await client.post<ImrListResponse[]>(
+            `${ENDPOINT.STATVERIFY_SERVICE.IMR}/list`,
+            payload,
+        );
+        return response.data;
+    }
+
+    /**
+     * 이상치 탐지 상세 조회
+     */
+    public async getOutliersDetail(
+        payload: ImrDetailRequest,
+    ): Promise<ImrDetailResponse> {
+        const response = await client.post<ImrDetailResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.IMR}/list/detail`,
+            payload,
+        );
+        return response.data;
+    }
+
+    /**
+     * 이상치 산출 로그 조회
+     */
+    public async getOutliersLog(
+        payload: ImrLogRequest,
+    ): Promise<ImrLogResponse> {
+        const response = await client.post<ImrLogResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.IMR}/list/detail/log`,
+            payload,
+        );
+        return response.data;
+    }
+}
+
+export const imrApi = new ImrApiService();
diff --git a/apps/st/src/entities/statistics/api/input/statistics-input-sew-supply-rate-service.ts b/apps/st/src/entities/statistics/api/input/statistics-input-sew-supply-rate-service.ts
new file mode 100644
index 000000000..32dfb9211
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/input/statistics-input-sew-supply-rate-service.ts
@@ -0,0 +1,46 @@
+import { ENDPOINT } from "@/shared/config";
+import { stClient } from "@/shared/api/client";
+
+import {
+    type StatisticsInputSewSupplyRateService,
+    type SewerageSupplyRateRequestParams,
+    type SewerageSupplyRateApiResponse,
+    type CheckInputPeriodResponse,
+    type SewerageSupplyRateSaveRequest,
+    type SewerageSupplyRateSaveApiResponse,
+} from "../../model/input/statistics-sewage-supply-rate-input-interface";
+
+export class StatisticsInputSewSupplyRateApiService implements StatisticsInputSewSupplyRateService {
+    public async getSewerageSupplyRateList(params: SewerageSupplyRateRequestParams): Promise<SewerageSupplyRateApiResponse> {
+        const response = await stClient.get<SewerageSupplyRateApiResponse>(
+            `${ENDPOINT.ST_SERVICE.INPUT}/sewerage-supply-rate`,
+            { params }
+        );
+        return response.data;
+    }
+
+    public async checkInputPeriod(params: string): Promise<CheckInputPeriodResponse> {
+        const response = await stClient.get<CheckInputPeriodResponse>(
+            `${ENDPOINT.ST_SERVICE.INPUTCOMMON}/check-input-period?statsYr=${params}`,
+        );
+        return response.data;
+    }
+
+    public async saveSewerageSupplyRate(params: SewerageSupplyRateSaveRequest): Promise<SewerageSupplyRateSaveApiResponse> {
+        const response = await stClient.post<SewerageSupplyRateSaveApiResponse>(
+            `${ENDPOINT.ST_SERVICE.INPUT}/sewerage-supply-rate/save`,
+            params,
+        );
+        return response.data;
+    }
+
+    public async submitSewerageSupplyRate(params: SewerageSupplyRateSaveRequest): Promise<SewerageSupplyRateSaveApiResponse> {
+        const response = await stClient.post<SewerageSupplyRateSaveApiResponse>(
+            `${ENDPOINT.ST_SERVICE.INPUT}/sewerage-supply-rate/submit`,
+            params,
+        );
+        return response.data;
+    }
+}
+
+export const statisticsInputSewSupplyRateApi = new StatisticsInputSewSupplyRateApiService();
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/api/input/statistics-input-status-service.ts b/apps/st/src/entities/statistics/api/input/statistics-input-status-service.ts
new file mode 100644
index 000000000..bed214f5b
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/input/statistics-input-status-service.ts
@@ -0,0 +1,20 @@
+import { ENDPOINT } from "@/shared/config";
+import { stClient } from "@/shared/api/client";
+
+import type {
+    StatisticsInputStatusService,
+    StatsInputStatusListRequestParams,
+    StatsInputStatusListApiResponse,
+} from "../../model/input/statistics-input-status-interface";
+
+export class StatisticsInputStatusApiService implements StatisticsInputStatusService {
+    public async getStatisticsInputStatusList(param: StatsInputStatusListRequestParams): Promise<StatsInputStatusListApiResponse> {
+        const response = await stClient.get<StatsInputStatusListApiResponse>(
+            `${ENDPOINT.ST_SERVICE.INPUT}/stats-input-status`,
+            { params: param },
+        );
+        return response.data;
+    }
+}
+
+export const StatisticsInputStatusApi = new StatisticsInputStatusApiService();
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/api/queries.ts b/apps/st/src/entities/statistics/api/queries.ts
new file mode 100644
index 000000000..0f0a9b0fb
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/queries.ts
@@ -0,0 +1,60 @@
+import { useQuery } from "@tanstack/react-query";
+
+import { ENDPOINT } from "@/shared/config";
+
+import { stAnlsMstApi } from "./statistics-analysis-master-api";
+import { stAnlsRsltApi } from "./statistics-analysis-result-api";
+
+export const useStAnlsSidoCombo = () => {
+    return useQuery({
+        queryKey: [ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST, "sido"],
+        queryFn: () => stAnlsMstApi.getSidoCombo(),
+    });
+};
+
+export const useStAnlsSigunguCombo = (sidoCd: string) => {
+    return useQuery({
+        queryKey: [ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST, "sigungu", sidoCd],
+        queryFn: () => stAnlsMstApi.getSigunguCombo(sidoCd),
+        enabled: Boolean(sidoCd),
+    });
+};
+
+export const useStAnlsRsltList = (
+    anlsSn: number,
+    vrfcTrgtSn: string | null,
+) => {
+    return useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT,
+            "list",
+            anlsSn,
+            vrfcTrgtSn,
+        ],
+        queryFn: () =>
+            stAnlsRsltApi.getResultList({
+                anlsSn,
+                vrfcTrgtSn: Number(vrfcTrgtSn),
+                page: 0,
+                size: 15000,
+                sort: "admdstCd,asc",
+            }),
+        enabled: !!anlsSn && !!vrfcTrgtSn,
+    });
+};
+
+export const useStAnlsChartData = (
+    anlsSn: number,
+    vrfcTrgtSn: string | null,
+) => {
+    return useQuery({
+        queryKey: [
+            ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT,
+            "chart",
+            anlsSn,
+            vrfcTrgtSn,
+        ],
+        queryFn: () => stAnlsRsltApi.getChartData(anlsSn, Number(vrfcTrgtSn)),
+        enabled: !!anlsSn && !!vrfcTrgtSn,
+    });
+};
diff --git a/apps/st/src/entities/statistics/api/statistics-analysis-detail-api.ts b/apps/st/src/entities/statistics/api/statistics-analysis-detail-api.ts
new file mode 100644
index 000000000..957680ec2
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/statistics-analysis-detail-api.ts
@@ -0,0 +1,36 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+
+import type {
+    StAnlsDtlListApiResponse,
+    StAnlsDtlResponse,
+    StAnlsDtlSearchParams,
+} from "../model/statistics-analysis/statistics-analysis-detail-interface";
+
+export class StAnlsDtlApiService {
+    public async getDetailList(
+        params: StAnlsDtlSearchParams,
+    ): Promise<StAnlsDtlListApiResponse> {
+        const response = await client.get<StAnlsDtlListApiResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_DTL}`,
+            {
+                params,
+            },
+        );
+
+        return response.data;
+    }
+
+    public async getDetail(
+        anlsSn: number,
+        vrfcTrgtSn: number,
+    ): Promise<StAnlsDtlResponse> {
+        const response = await client.get<StAnlsDtlResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_DTL}/${anlsSn}/${vrfcTrgtSn}`,
+        );
+
+        return response.data;
+    }
+}
+
+export const stAnlsDtlApi = new StAnlsDtlApiService();
diff --git a/apps/st/src/entities/statistics/api/statistics-analysis-master-api.ts b/apps/st/src/entities/statistics/api/statistics-analysis-master-api.ts
new file mode 100644
index 000000000..dfe951e53
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/statistics-analysis-master-api.ts
@@ -0,0 +1,69 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+
+import type {
+    AdstZoneResponseDto,
+    StAnlsMstImrListApiResponse,
+    StAnlsMstListApiResponse,
+    StAnlsMstSearchParams,
+    StAnlsOutlierListResponse,
+} from "../model/statistics-analysis/statistics-analysis-master-interface";
+
+export class StAnlsMstApiService {
+    public async getAnalysisHistoryList(
+        params: StAnlsMstSearchParams,
+    ): Promise<StAnlsMstListApiResponse> {
+        const response = await client.get<StAnlsMstListApiResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST}`,
+            {
+                params,
+            },
+        );
+
+        return response.data;
+    }
+
+    public async getImrAnalysisMasterList(
+        params: StAnlsMstSearchParams,
+    ): Promise<StAnlsMstImrListApiResponse> {
+        const response = await client.get<StAnlsMstImrListApiResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST}/imr`,
+            {
+                params,
+            },
+        );
+
+        return response.data;
+    }
+
+    public async getOutlierList(
+        anlsSn: number,
+    ): Promise<StAnlsOutlierListResponse[]> {
+        const response = await client.get<StAnlsOutlierListResponse[]>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST}/outlierList/${anlsSn}`,
+        );
+
+        return response.data;
+    }
+
+    public async getSidoCombo(): Promise<AdstZoneResponseDto[]> {
+        const response = await client.get<AdstZoneResponseDto[]>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST}/sido`,
+        );
+
+        return response.data;
+    }
+
+    public async getSigunguCombo(
+        sidoCd: string,
+    ): Promise<AdstZoneResponseDto[]> {
+        const response = await client.get<AdstZoneResponseDto[]>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_MST}/sigungu`,
+            { params: { sidoCd } },
+        );
+
+        return response.data;
+    }
+}
+
+export const stAnlsMstApi = new StAnlsMstApiService();
diff --git a/apps/st/src/entities/statistics/api/statistics-analysis-result-api.ts b/apps/st/src/entities/statistics/api/statistics-analysis-result-api.ts
new file mode 100644
index 000000000..2e62fab3c
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/statistics-analysis-result-api.ts
@@ -0,0 +1,76 @@
+import { client } from "@/shared/api";
+import { ENDPOINT } from "@/shared/config";
+import type { PageableParams } from "@/shared/model";
+
+import type {
+    ChartRetDto,
+    StAnlsRsltListApiResponse,
+    StAnlsRsltSearchParams,
+} from "../model/statistics-analysis/statistics-analysis-result-interface";
+
+export class StAnlsRsltApiService {
+    public async getResultList(
+        params: StAnlsRsltSearchParams,
+    ): Promise<StAnlsRsltListApiResponse> {
+        const response = await client.get<StAnlsRsltListApiResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT}`,
+            {
+                params,
+            },
+        );
+
+        return response.data;
+    }
+
+    public async getImrResultList(
+        anlsSn: number,
+        params: PageableParams,
+    ): Promise<StAnlsRsltListApiResponse> {
+        const response = await client.get<StAnlsRsltListApiResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT}/imr/rsltlist/${anlsSn}`,
+            {
+                params,
+            },
+        );
+
+        return response.data;
+    }
+
+    public async getChartData(
+        anlsSn: number,
+        vrfcTrgtSn: number,
+    ): Promise<ChartRetDto> {
+        const response = await client.get<ChartRetDto>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT}/chartList/${anlsSn}/${vrfcTrgtSn}`,
+        );
+
+        return response.data;
+    }
+
+    public async downloadExcel(
+        anlsSn: number,
+        vrfcTrgtSn: number,
+    ): Promise<Blob> {
+        const response = await client.get<Blob>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT}/excel-down/${anlsSn}/${vrfcTrgtSn}`,
+            {
+                responseType: "blob",
+            },
+        );
+
+        return response.data;
+    }
+
+    public async downloadExcelImr(anlsSn: number): Promise<Blob> {
+        const response = await client.get<Blob>(
+            `${ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT}/excel-down/imr/${anlsSn}`,
+            {
+                responseType: "blob",
+            },
+        );
+
+        return response.data;
+    }
+}
+
+export const stAnlsRsltApi = new StAnlsRsltApiService();
diff --git a/apps/st/src/entities/statistics/api/statistics-input-service.ts b/apps/st/src/entities/statistics/api/statistics-input-service.ts
deleted file mode 100644
index f8fdc0850..000000000
--- a/apps/st/src/entities/statistics/api/statistics-input-service.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import axios from "axios";
-import { ENDPOINT } from "@/shared/config";
-
-import { 
-    type StatisticsInputService,
-    type SewerageSupplyRateRequestParams,
-    type SewerageSupplyRateApiResponse,
-    type CheckInputPeriodResponse,
-    type SewerageSupplyRateSaveRequest,
-    type SewerageSupplyRateSaveApiResponse,
-} from "../model/statistics-input-interface";
-
-export class StatisticsInputAPiService implements StatisticsInputService {
-    public async getSewerageSupplyRateList(params: SewerageSupplyRateRequestParams): Promise<SewerageSupplyRateApiResponse> {
-        const response = await axios.get<SewerageSupplyRateApiResponse> (
-            `${ENDPOINT.ST_SERVICE.INPUT}/sewerage-supply-rate`,
-            {
-                params: params
-            }
-        );
-
-        return response.data;
-    }
-
-    public async checkInputPeriod(params: string): Promise<CheckInputPeriodResponse> {
-        const response = await axios.get<CheckInputPeriodResponse> (
-            `${ENDPOINT.ST_SERVICE.INPUTCOMMON}/check-input-period?year=${params}`,
-        );
-
-        return response.data;
-    }
-
-    public async saveSewerageSupplyRate(params: SewerageSupplyRateSaveRequest): Promise<SewerageSupplyRateSaveApiResponse> {
-        const response = await axios.post<SewerageSupplyRateSaveApiResponse> (
-            `${ENDPOINT.ST_SERVICE.INPUT}/sewerage-supply-rate`,
-            params
-        );
-
-        return response.data;
-    }
-}
-
-export const statisticsInputAPi = new StatisticsInputAPiService();
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/api/statistics-management-service.ts b/apps/st/src/entities/statistics/api/statistics-management-service.ts
index 89718aaf0..99f7ea552 100644
--- a/apps/st/src/entities/statistics/api/statistics-management-service.ts
+++ b/apps/st/src/entities/statistics/api/statistics-management-service.ts
@@ -1,20 +1,34 @@
-import axios from "axios";
 import { ENDPOINT } from "@/shared/config";
+import { stClient } from "@/shared/api/client";
 
 
-import { 
-    type StatsInputStatusReviewApiResponse 
-} from "../model/statistics-input-review-interface"; 
-import { 
-    type SewagePipeReviewRegionalApiResponse 
-} from "../model/statistics-sewage-pipe-review-interface"; 
-import { 
+import {
+    type StatsInputStatusReviewApiResponse
+} from "../model/statistics-input-review-interface";
+import {
     type SewerageSupplyRateReviewRequestParams,
     type SewerageSupplyRateReviewApiResponse,
-} from "../model/statistics-sewerage-penetration-review-interface"; 
-import { 
-    type SewagePipeFacilityApiResponse 
+} from "../model/statistics-sewerage-penetration-review-interface";
+import {
+    type SewagePipeReviewRequestParams,
+    type SewagePipeReviewRegionalApiResponse,
+    type SewagePipeFacilityApiResponse,
+    type SewerPipeTypeApiResponse,
+    type SewerPipeDiamApiResponse,
 } from "../model/statistics-sewage-pipe-review-interface";
+import {
+    type SewerPipeMtcApiResponse,
+    type SewerPipeDrdgApiResponse,
+    type SewerPipeMtcRequestParams
+} from "../model/statistics-sewage-pipe-mtc-review-interface";
+import {
+    type SewerReservoirRegionalApiResponse,
+    type PumpingStationRegionalApiResponse
+} from "../model/sewage-reservoir-pump-review-interface";
+import {
+    type MediationPumpStationApiResponse,
+} from "../model/statistics-pumping-station-review-interface";
+
 
 export class StatisticsManagementApiService {
     /**
@@ -24,25 +38,13 @@ export class StatisticsManagementApiService {
     public async getStatsInputStatusList(
         params: { yr?: string; bsnmCd?: string; sido?: string; gugun?: string }
     ): Promise<StatsInputStatusReviewApiResponse> {
-        const response = await axios.get<StatsInputStatusReviewApiResponse>(
+        const response = await stClient.get<StatsInputStatusReviewApiResponse>(
             `${ENDPOINT.ST_SERVICE.REVIEW}/input-status`,
             { params }
         );
         return response.data;
     }
 
-    /**
-     * 입력 기간 확인 (공통)
-     * @param year 연도
-     */
-    public async checkInputPeriod(year: string | number): Promise<any> {
-        const response = await axios.get<any>(
-            `${ENDPOINT.ST_SERVICE.INPUTCOMMON}/check-input-period`,
-            { params: { year } }
-        );
-        return response.data;
-    }
-
     /**
      * 01. 하수도 보급률 검토 목록 조회
      * @param params (sido, gugun, yr, bsnmCd)
@@ -50,7 +52,7 @@ export class StatisticsManagementApiService {
     public async getSewerageSupplyRateReviewList(
         params: SewerageSupplyRateReviewRequestParams
     ): Promise<SewerageSupplyRateReviewApiResponse> {
-        const response = await axios.get<SewerageSupplyRateReviewApiResponse>(
+        const response = await stClient.get<SewerageSupplyRateReviewApiResponse>(
             `${ENDPOINT.ST_SERVICE.REVIEW}/supply-rate`,
             { params }
         );
@@ -62,33 +64,128 @@ export class StatisticsManagementApiService {
      * @param params (sido, gugun, yr, bsnmCd)
      */
     public async getSewagePipeReviewRegionalList(
-        params: {
-            yr?: string;
-            bsnmCd?: string;
-            sido?: string;
-            gugun?: string;
-        }
+        params: SewagePipeReviewRequestParams
     ): Promise<SewagePipeReviewRegionalApiResponse> {
-        const response = await axios.get<SewagePipeReviewRegionalApiResponse>(
-            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe/regional-status`, 
+        const response = await stClient.get<SewagePipeReviewRegionalApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe/regional-status`,
             { params }
         );
         return response.data;
     }
+
     /**
      * 02. 하수관로 시설별 설치현황 목록 조회 (Tab2)
      * @param params (sido, gugun, yr, bsnmCd)
      */
     public async getSewagePipeFacilityList(
-        params: {
-            yr?: string;
-            bsnmCd?: string;
-            sido?: string;
-            gugun?: string;
-        }
+        params: SewagePipeReviewRequestParams
     ): Promise<SewagePipeFacilityApiResponse> {
-        const response = await axios.get<SewagePipeFacilityApiResponse>(
-            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe/facility-status`, 
+        const response = await stClient.get<SewagePipeFacilityApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe/facility-status`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+   * 02. 하수관로 관종별 시설현황 조회 (Tab3)
+   * @param params (sido, gugun, yr, bsnmCd)
+   */
+    public async getSewagePipeTypeList(
+        params: SewagePipeReviewRequestParams
+    ): Promise<SewerPipeTypeApiResponse> {
+        const response = await stClient.get<SewerPipeTypeApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe/type-status`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+     * 02. 하수관로 관경별 시설현황 조회 (Tab 4)
+     * @param params (sido, gugun, yr, bsnmCd)
+     */
+    public async getSewagePipeDiamList(
+        params: SewagePipeReviewRequestParams
+    ): Promise<SewerPipeDiamApiResponse> {
+        const response = await stClient.get<SewerPipeDiamApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe/diam-status`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+     * 03. 하수관로 유지관리 개보수 현황 조회
+     * @param params (yr, bsnmCd, sido, gugun)
+     */
+    public async getSewerPipeMtcList(
+        params: SewerPipeMtcRequestParams
+    ): Promise<SewerPipeMtcApiResponse> {
+        const response = await stClient.get<SewerPipeMtcApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe-mtc/repair`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+     * 03. 하수관로 유지관리 관로준설 현황 조회 (Tab B)
+     * @param params (yr, bsnmCd, sido, gugun)
+     */
+    public async getSewerPipeDrdgList(
+        params: SewerPipeMtcRequestParams
+    ): Promise<SewerPipeDrdgApiResponse> {
+        const response = await stClient.get<SewerPipeDrdgApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-pipe-mtc/dredging`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+     * 04. 하수저류시설 tab1. 시설현황 조회
+     * @param params (yr, bsnmCd, sido, gugun)
+     */
+    public async getSewerReservoirList(
+        params: SewerPipeMtcRequestParams
+    ): Promise<SewerReservoirRegionalApiResponse> {
+        const response = await stClient.get<SewerReservoirRegionalApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-reservoir/facilities`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+     * 04. 빗물펌프장 tab2. 조회
+     * @param params (yr, bsnmCd, sido, gugun)
+     */
+    public async getPumpStationList(
+        params: SewerPipeMtcRequestParams
+    ): Promise<PumpingStationRegionalApiResponse> {
+        const response = await stClient.get<PumpingStationRegionalApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/sewer-reservoir/pumping-stations`,
+            { params }
+        );
+        return response.data;
+    }
+
+    /**
+     * 05. 중계펌프장 통계관리 조회
+     * @param params (yr, bsnmCd, sido, gugun, bscFctNm)
+     */
+    public async getMediationPumpStationList(
+        params: {
+        ctpvNm?: string;      
+        sggNm?: string;       
+        statsYr?: string;     
+        sewerBzmnCd?: string; 
+        pumpstNm?: string; 
+        }
+    ): Promise<MediationPumpStationApiResponse> {
+        const response = await stClient.get<MediationPumpStationApiResponse>(
+            `${ENDPOINT.ST_SERVICE.REVIEW}/mediation-pump-stations`,
             { params }
         );
         return response.data;
diff --git a/apps/st/src/entities/statistics/api/statistics-service.ts b/apps/st/src/entities/statistics/api/statistics-service.ts
index 8455e68c5..1f2b66bd8 100644
--- a/apps/st/src/entities/statistics/api/statistics-service.ts
+++ b/apps/st/src/entities/statistics/api/statistics-service.ts
@@ -1,33 +1,46 @@
-import axios from "axios";
 import { ENDPOINT } from "@/shared/config";
+import { stClient, client } from "@/shared/api/client";
 
 import {
     type StatisticsService,
     type SearchCondition,
     type ApiResponse,
-    type Sgg
+    type Sgg,
+    type cancelSubmitRequest,
+    type cancelSubmitResponse,
+    type ImrRequest,
 } from "../model/statistics-interface";
 
 export class StatisticsAPiService implements StatisticsService {
-
     public async getSidoList(): Promise<ApiResponse<SearchCondition>> {
-        const response = await axios.get<ApiResponse<SearchCondition>>(
+        const response = await stClient.get<ApiResponse<SearchCondition>>(
             `${ENDPOINT.ST_SERVICE.COMMON}/search-condition`,
         );
-
         return response.data;
-    };
+    }
 
     public async getSggList(sidoName: string): Promise<ApiResponse<Sgg[]>> {
-        const response = await axios.get<ApiResponse<Sgg[]>>(
+        const response = await stClient.get<ApiResponse<Sgg[]>>(
             `${ENDPOINT.ST_SERVICE.COMMON}/sgg`,
-            {
-                params: {
-                    sidoName: sidoName,
-                },
-            }
+            { params: { sidoName } },
         );
+        return response.data;
+    }
 
+    // 입력 - 제출 취소
+    public async cancelSubmit(param: cancelSubmitRequest): Promise<cancelSubmitResponse> {
+        const response = await stClient.put<cancelSubmitResponse>(
+            `${ENDPOINT.ST_SERVICE.INPUTCOMMON}/cancel-submit`,
+            param
+        );
+        return response.data;
+    }
+
+    public async callImrService(param: ImrRequest): Promise<null> {
+        const response = await client.post<null>(
+            `${ENDPOINT.STATVERIFY_SERVICE.IMR}`,
+            param
+        );
         return response.data;
     }
 }
diff --git a/apps/st/src/entities/statistics/api/statistics-total-service.ts b/apps/st/src/entities/statistics/api/statistics-total-service.ts
new file mode 100644
index 000000000..a0c41f4c0
--- /dev/null
+++ b/apps/st/src/entities/statistics/api/statistics-total-service.ts
@@ -0,0 +1,16 @@
+import { ENDPOINT } from "@/shared/config";
+import { stClient } from "@/shared/api/client";
+
+import type { SewerageSupplyRateRequest, SewerageSupplyRateResponse } from "../model/statistics-total/statistics-sewage-supply-rate-total-interface";
+
+export class StatisticsTotalApiService {
+    public async getSewerageSupplyRateList(params: SewerageSupplyRateRequest): Promise<SewerageSupplyRateResponse> {
+        const response = await stClient.get<SewerageSupplyRateResponse> (
+            `${ENDPOINT.ST_SERVICE.TOTAL}/sewer-supply-rate/summary`,
+            { params: params }
+        );
+        return response.data;
+    }
+}
+
+export const statisticsTotalStatusApi = new StatisticsTotalApiService();
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/api/verification-target-management-service.ts b/apps/st/src/entities/statistics/api/verification-target-management-service.ts
index 5bbcd714c..118977970 100644
--- a/apps/st/src/entities/statistics/api/verification-target-management-service.ts
+++ b/apps/st/src/entities/statistics/api/verification-target-management-service.ts
@@ -2,6 +2,9 @@ import { client } from "@/shared/api";
 import { ENDPOINT } from "@/shared/config";
 
 import type {
+    VerificationTargetCodeResponse,
+    VerificationTargetManagementCheckColumnsParams,
+    VerificationTargetManagementCheckColumnsResponse,
     VerificationTargetManagementService,
     VerificationTargetManagementSearchParams,
     VerificationTargetManagementListApiResponse,
@@ -11,6 +14,7 @@ import type {
     VerificationTargetManagementUpdateRequest,
     VerificationTargetManagementUpdateApiResponse,
     VerificationTargetManagementDeleteApiResponse,
+    TableMetadataResponse,
 } from "../model/verification-target-management-interface";
 
 export class VerificationTargetManagementApiService implements VerificationTargetManagementService {
@@ -24,7 +28,12 @@ export class VerificationTargetManagementApiService implements VerificationTarge
         const response =
             await client.get<VerificationTargetManagementListApiResponse>(
                 `${ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG}`,
-                { params },
+                {
+                    params,
+                    paramsSerializer: {
+                        indexes: null,
+                    },
+                },
             );
         return response.data;
     }
@@ -43,6 +52,45 @@ export class VerificationTargetManagementApiService implements VerificationTarge
         return response.data;
     }
 
+    /**
+     * 검증 대상 컬럼 검사
+     * @param params 검사 조건 (vrfcMthdCd)
+     */
+    public async checkColumnsExist(
+        params: VerificationTargetManagementCheckColumnsParams,
+    ): Promise<VerificationTargetManagementCheckColumnsResponse> {
+        const response =
+            await client.get<VerificationTargetManagementCheckColumnsResponse>(
+                `${ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG}/check-columns`,
+                { params },
+            );
+        return response.data;
+    }
+
+    /**
+     * 테이블 메타데이터 조회
+     * @param statsCd 통계항목 코드
+     */
+    public async getTableInfo(statsCd: string): Promise<TableMetadataResponse> {
+        const response = await client.get<TableMetadataResponse>(
+            `${ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG}/table-info`,
+            { params: { statsCd } },
+        );
+        return response.data;
+    }
+
+    /**
+     * 검증 대상 코드 목록 조회
+     */
+    public async getVerificationTargetCodes(): Promise<
+        VerificationTargetCodeResponse[]
+    > {
+        const response = await client.get<VerificationTargetCodeResponse[]>(
+            `${ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG}/code`,
+        );
+        return response.data;
+    }
+
     /**
      * 검증 대상 등록
      * @param request 등록 요청 데이터
diff --git a/apps/st/src/entities/statistics/index.ts b/apps/st/src/entities/statistics/index.ts
new file mode 100644
index 000000000..4c331287a
--- /dev/null
+++ b/apps/st/src/entities/statistics/index.ts
@@ -0,0 +1,66 @@
+export {
+    type AnalysisHistoryListApiResponse,
+    type AnalysisRequestPayload,
+    type AnalysisResponseDto,
+    type AnalysisResultDto,
+    type AnalysisSummaryDto,
+    type JobStatusDto,
+    type OutlierRecordDto,
+} from "./model/analysis/analysis-interface";
+export {
+    IMR_DETAIL_VISIBLE_COLUMNS_BY_STATS_CD,
+    IMR_DETAIL_VISIBLE_COLUMNS_DEFAULT,
+    imrDetailGridColumnInfo,
+} from "./model/imr/imr-detail-grid-column-info";
+export {
+    type ImrDetailRequest,
+    type ImrDetailResponse,
+    type ImrDetailResponseItem,
+    type ImrDetectRequest,
+    type ImrDetectResponse,
+    type ImrListRequest,
+    type ImrListResponse,
+    type ImrLogDataParam,
+    type ImrLogRequest,
+    type ImrLogResponse,
+} from "./model/imr/imr-interface";
+export { imrVerificationHistoryColumns } from "./model/imr/imr-verification-history-columns";
+export {
+    type StAnlsDtlListApiResponse,
+    type StAnlsDtlResponse,
+    type StAnlsDtlSearchParams,
+} from "./model/statistics-analysis/statistics-analysis-detail-interface";
+export {
+    type AdstZoneResponseDto,
+    type StAnlsMstImrListApiResponse,
+    type StAnlsMstImrResponse,
+    type StAnlsMstImrResponseDto,
+    type StAnlsMstListApiResponse,
+    type StAnlsMstResponse,
+    type StAnlsMstResponseDto,
+    type StAnlsMstSearchDto,
+    type StAnlsMstSearchParams,
+    type StAnlsOutlierDataResponse,
+    type StAnlsOutlierDataResponseDto,
+    type StAnlsOutlierListResponse,
+    type StAnlsOutlierListResponseDto,
+} from "./model/statistics-analysis/statistics-analysis-master-interface";
+export {
+    type ChartBoundaryPointDto,
+    type ChartRetDto,
+    type StAnlsRsltListApiResponse,
+    type StAnlsRsltResponse,
+    type StAnlsRsltSearchParams,
+} from "./model/statistics-analysis/statistics-analysis-result-interface";
+export { verificationHistoryColumns } from "./model/statistics-analysis/verification-history-columns";
+export { getVerificationListColumns } from "./model/statistics-analysis/verification-list-columns";
+export {
+    hbArticleColumnInfo,
+    imrArticleColumnInfo,
+    validationArticleColumnInfo,
+} from "./model/verification-article/verification-article-column";
+export {
+    type HBArticleItem,
+    type IMRArticleItem,
+    type ValidationArticleItem,
+} from "./model/verification-article/verification-article-interface";
diff --git a/apps/st/src/entities/statistics/model/analysis/analysis-interface.ts b/apps/st/src/entities/statistics/model/analysis/analysis-interface.ts
new file mode 100644
index 000000000..96ef8a6cc
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/analysis/analysis-interface.ts
@@ -0,0 +1,64 @@
+import type { PageableList } from "@/shared/model";
+
+export interface AnalysisRequestPayload {
+    dataset?: string;
+    yearOld: number;
+    yearNew: number;
+    mu: number;
+    a: number;
+    c: number;
+    percentile: number;
+    sido?: string;
+    sigungu?: string;
+    vrfcMthdCd?: string;
+    allVerifyYn?: "Y" | "N";
+}
+
+export interface AnalysisResponseDto {
+    jobId: string;
+    status: string;
+    message: string;
+    queuePosition: number;
+    createdAt: string;
+    anlsSn: number;
+}
+
+export interface JobStatusDto {
+    jobId: string;
+    status: string;
+    message: string;
+    queuePosition: number;
+    progress: number;
+    startedAt: string | null;
+    completedAt: string | null;
+    error: string | null;
+    anlsSn: number | null;
+    processingTimeMs: number | null;
+}
+
+export interface AnalysisSummaryDto {
+    // 요약 필드는 Python 분석 서비스 스키마에 따라 확장
+    [key: string]: unknown;
+}
+
+export interface OutlierRecordDto {
+    // 상세 구조는 Python 분석 서비스 응답에 맞춰 필요 시 확장
+    [key: string]: unknown;
+}
+
+export interface AnalysisResultDto {
+    jobId: string;
+    status: string;
+    createdAt: string;
+    completedAt: string | null;
+    summary: AnalysisSummaryDto | null;
+    multiSummaries: Record<string, AnalysisSummaryDto> | null;
+    outliers: OutlierRecordDto[];
+    results: OutlierRecordDto[];
+    totalCount: number;
+    cached: boolean;
+    processingTimeMs: number;
+    anlsSn: number;
+}
+
+export type AnalysisHistoryListApiResponse = PageableList<AnalysisResultDto>;
diff --git a/apps/st/src/entities/statistics/model/general-verification-interface.ts b/apps/st/src/entities/statistics/model/general-verification-interface.ts
new file mode 100644
index 000000000..daf822113
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/general-verification-interface.ts
@@ -0,0 +1,212 @@
+export interface GeneralverificationList {
+    vrfcSn: number;
+    vrfcNm: string;
+    vrfcClsfCd: string;
+    vrfcClsfNm: string;
+    trgtStatsCd: string;
+    trgtStatsNm: string;
+    dcptDigtCnt: number;
+    dcptPrcsMthCd: string;
+    dcptPrcsMthNm: string;
+    useYn: string;
+    regDt?: string;
+    mdfcnDt?: string;
+    rgtrId?: string;
+    mdfrId?: string;
+}
+
+export interface GeneralverificationRequest {
+    trgtStatsCd?: string;
+    vrfcClsfCd?: string;
+    useYn?: string;
+}
+
+export interface GeneralverificationResponse {
+    status: string;
+    message?: string;
+    data: GeneralverificationList[];
+}
+
+export interface GeneralverificationInfoResponse {
+    status: string;
+    message?: string;
+    data: GeneralverificationList;
+}
+
+export interface CheckVerificationNameRequest {
+    trgtStatsCd: string;
+    vrfcNm: string;
+    vrfcClsfCd: string;
+}
+
+export interface CheckVerificationNameResponse {
+    status: string;
+    message?: string;
+    data: boolean;
+}
+
+export interface UpdateVrfcMasterRequest {
+    vrfcSn?: number | null;
+    vrfcNm?: string | null;
+    vrfcClsfCd?: string | null;
+    dcptDigtCnt?: number | null;
+    dcptPrcsMthCd?: string | null;
+    useYn?: string | null;
+    mdfrId?: string | null;
+}
+
+export interface UpdateVrfcMasterResponse {
+    status: string;
+    message?: string;
+}
+
+export interface RegistVrfcMasterRequest {
+    vrfcNm?: string | null;
+    vrfcClsfCd?: string | null;
+    dcptDigtCnt?: number | null;
+    dcptPrcsMthCd?: string | null;
+    rgtrId?: string | null;
+    trgtStatsCd?: string | null;
+}
+
+export interface RegistVrfcMasterResponse {
+    status: string;
+    message?: string;
+}
+
+export interface DeleteVrfcMasterResponse {
+    status: string;
+    message?: string;
+}
+
+export interface VrfcOperatorsResponse {
+    status: string;
+    message?: string;
+    data?: {
+        opertSn: string;
+        opertSymbl: string;
+        opertKornNm: string;
+    }[]
+}
+
+/** 검증 상세 - 공통 정보 */
+export interface GeneralverificationDetailCommonInfo {
+    vrfcSn: number;
+    vrfcNm: string;
+    vrfcClsfCd: string;
+    vrfcClsfNm: string;
+    trgtStatsCd: string;
+    trgtStatsNm: string;
+    dcptDigtCnt: number;
+    dcptPrcsMthCd: string | null;
+    dcptPrcsMthNm: string | null;
+    useYn: string;
+}
+
+/** 검증 상세 - 수식/조건 항목 */
+export interface VerifyDetailResponseDto {
+    /** DB에서 내려온 경우에만 존재(신규 작성 중이면 null) */
+    vrfcDtlSn: number | null;
+    refStatsCd: string | null;
+    refStatsNm: string | null;
+    kornArtopnEqtnCn: string;
+    engArtopnEqtnCn: string;
+    cmprOpert: string | null;
+}
+
+export interface VerifyDetailData {
+    commonInfo: GeneralverificationDetailCommonInfo;
+    verifyDetailResponseDtoList: VerifyDetailResponseDto[];
+}
+
+export interface GeneralverificationDetailResponse {
+    status: string;
+    message?: string;
+    data: VerifyDetailData;
+}
+
+export interface VerifyColumnListRequest {
+    trgtStatsCd: string;
+    vrfcDtlSn: number;
+    refStatsCd?: string | null;
+}
+
+export interface VerifyColumnItem {
+    kornColNm: string;
+    engColNm: string;
+}
+
+/** 통계코드 + 컬럼 목록 */
+export interface VerifyColumnInfo {
+    statsCd: string;
+    colList: VerifyColumnItem[];
+}
+
+export interface VerifyColumnListResponseData {
+    vrfcDtlSn?: number;
+    kornArtopnEqtnCn?: string;
+    engArtopnEqtnCn?: string;
+    targetColumnInfo?: VerifyColumnInfo;
+    commonColumnInfo?: VerifyColumnItem[];
+    refColumnInfo?: VerifyColumnInfo;
+}
+
+export interface VerifyColumnListResponse {
+    status: string;
+    message?: string;
+    data: VerifyColumnListResponseData;
+}
+
+export interface SelectedVerifyColumnListResponseData {
+    targetColumnInfo: VerifyColumnInfo;
+    commonColumnInfo: VerifyColumnItem[];
+}
+
+export interface SelectedVerifyColumnListResponse {
+    status: string;
+    message?: string;
+    data: VerifyColumnListResponseData
+}
+
+export interface VerifyDetailRegistData {
+    trgtStatsCd: string;
+    refStatsCd: string | null;
+    kornArtopnEqtnCn: string,
+    engArtopnEqtnCn: string,
+    cmprOpert: string | null;
+    eqtnCombSeq: number
+}
+
+export interface VerifyDetailRegistRequest {
+    vrfcSn: number | null;
+    detailList: VerifyDetailRegistData[]
+    rgtrId: string;
+}
+
+export interface VerifyDetailUpdateRequest {
+    vrfcSn: number | null;
+    detailList: VerifyDetailRegistData[]
+    mdfrId: string; 
+}
+
+export interface CopyVerifyDataRequest {
+    vrfcSn?: number | null;
+    targetStatsCd : string;
+    rgtrId: string;
+}
+
+export interface GeneralverificationService {
+    getGeneralverificationList(param: GeneralverificationRequest): Promise<GeneralverificationResponse>;
+    getGeneralverificationInfo(param: number): Promise<GeneralverificationInfoResponse>;
+    checkVerificationName(param: CheckVerificationNameRequest): Promise<CheckVerificationNameResponse>;
+    UpdateVrfcMaster(param: UpdateVrfcMasterRequest): Promise<UpdateVrfcMasterResponse>;
+    RegistVrfcMaster(param: RegistVrfcMasterRequest): Promise<RegistVrfcMasterResponse>;
+    DeleteVrfcMaster(param: number): Promise<DeleteVrfcMasterResponse>;
+    getVrfcOperators(): Promise<VrfcOperatorsResponse>;
+    getVrfcDetail(param: number): Promise<GeneralverificationDetailResponse>;
+    getVerifyColumnList(param: VerifyColumnListRequest): Promise<VerifyColumnListResponse>;
+    getSelectedVerifyColumnList(param: string): Promise<VerifyColumnListResponse>;
+    RegistVrfcDetail(param: VerifyDetailRegistRequest): Promise<RegistVrfcMasterResponse>;
+    UpdateVrfcDetail(param: VerifyDetailUpdateRequest): Promise<RegistVrfcMasterResponse>;
+    CopyVrfcData(param: CopyVerifyDataRequest): Promise<RegistVrfcMasterResponse>;
+}
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/general-verification-master-submit-schema.ts b/apps/st/src/entities/statistics/model/general-verification-master-submit-schema.ts
new file mode 100644
index 000000000..e9b8fe8e8
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/general-verification-master-submit-schema.ts
@@ -0,0 +1,28 @@
+import { z } from "zod";
+
+export const generalVerificationMasterSubmitSchema = z
+    .object({
+        vrfcSn: z.number().nullable().optional(),
+        vrfcNm: z.string().min(1, "검증명을 입력하세요"),
+        vrfcClsfCd: z.string().min(1, "검증분류를 선택하세요"),
+        trgtStatsCd: z.string().min(1, "통계항목을 선택하세요"),
+        trgtStatsNm: z.string().nullable().optional(),
+        dcptDigtCnt: z.coerce.number(),
+        dcptPrcsMthCd: z.string().nullable().optional(),
+        useYn: z.string().nullable().optional(),
+        rgtrId: z.string().nullable().optional(),
+        regDt: z.string().nullable().optional(),
+        mdfrId: z.string().nullable().optional(),
+        mdfcnDt: z.string().nullable().optional(),
+    })
+    .refine(
+        (data) => data.dcptDigtCnt === 0 || !!data.dcptPrcsMthCd,
+        {
+            path: ["dcptPrcsMthCd"],
+            message: "소수점 처리방식을 선택하세요",
+        },
+    );
+
+export type GeneralVerificationMasterSubmitFormData = z.infer<
+    typeof generalVerificationMasterSubmitSchema
+>;
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/imr/imr-detail-grid-column-info.ts b/apps/st/src/entities/statistics/model/imr/imr-detail-grid-column-info.ts
new file mode 100644
index 000000000..d55904295
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/imr/imr-detail-grid-column-info.ts
@@ -0,0 +1,135 @@
+import { ValueType } from "realgrid";
+
+import type { ColumnInfo } from "@/components/type/DataGrid.type";
+
+/** 공통: 시도·구군·행정구역·당해년도 */
+const IMR_VISIBLE_REGION_COLUMNS = [
+    "sido",
+    "gugun",
+    "adstDong",
+    "cryrVl",
+] as const;
+
+/** ST00020003, ST00020005: 시도·구군·행정구역·관종구분 */
+const IMR_VISIBLE_REGION_AND_PIPE_SE_COLUMNS = [
+    ...IMR_VISIBLE_REGION_COLUMNS,
+    "pipeSeNm",
+] as const;
+
+/** ST00060001, ST00100001: 시도·구군·행정구역·시설코드·시설명·주소 */
+const IMR_VISIBLE_FACILITY_FULL_COLUMNS = [
+    ...IMR_VISIBLE_REGION_COLUMNS,
+    "admdstCd",
+    "fcltNm",
+    "addr",
+] as const;
+
+/** ST00040001, ST00040002, ST00050001, ST00070001: 시도·구군·행정구역·시설명·주소 */
+const IMR_VISIBLE_FACILITY_NAME_ADDR_COLUMNS = [
+    ...IMR_VISIBLE_REGION_COLUMNS,
+    "fcltNm",
+    "addr",
+] as const;
+
+/**
+ * statsCd별 표시 컬럼 name 목록.
+ * 그 외 코드는 {@link IMR_DETAIL_VISIBLE_COLUMNS_DEFAULT} 사용.
+ */
+export const IMR_DETAIL_VISIBLE_COLUMNS_BY_STATS_CD: Record<
+    string,
+    readonly string[]
+> = {
+    ST00020003: [...IMR_VISIBLE_REGION_AND_PIPE_SE_COLUMNS],
+    ST00020005: [...IMR_VISIBLE_REGION_AND_PIPE_SE_COLUMNS],
+    ST00060001: [...IMR_VISIBLE_FACILITY_FULL_COLUMNS],
+    ST00100001: [...IMR_VISIBLE_FACILITY_FULL_COLUMNS],
+    ST00040001: [...IMR_VISIBLE_FACILITY_NAME_ADDR_COLUMNS],
+    ST00040002: [...IMR_VISIBLE_FACILITY_NAME_ADDR_COLUMNS],
+    ST00050001: [...IMR_VISIBLE_FACILITY_NAME_ADDR_COLUMNS],
+    ST00070001: [...IMR_VISIBLE_FACILITY_NAME_ADDR_COLUMNS],
+};
+
+/** 그 외 statsCd: 시도·구군·행정구역만 표시 */
+export const IMR_DETAIL_VISIBLE_COLUMNS_DEFAULT: readonly string[] =
+    IMR_VISIBLE_REGION_COLUMNS;
+
+export const imrDetailGridColumnInfo: ColumnInfo = {
+    columns: [
+        {
+            name: "sido",
+            fieldName: "sido",
+            header: { text: "시도" },
+            width: 80,
+        },
+        {
+            name: "gugun",
+            fieldName: "gugun",
+            header: { text: "구군" },
+            width: 80,
+        },
+        {
+            name: "adstDong",
+            fieldName: "adstDong",
+            header: { text: "행정구역" },
+            width: 100,
+        },
+        {
+            name: "admdstCd",
+            fieldName: "admdstCd",
+            header: { text: "시설코드" },
+            width: 100,
+        },
+        {
+            name: "fcltNm",
+            fieldName: "fcltNm",
+            header: { text: "시설명" },
+            width: 150,
+        },
+        {
+            name: "addr",
+            fieldName: "addr",
+            header: { text: "주소" },
+            width: 200,
+            styleName: "left-column",
+        },
+        {
+            name: "pipeSeNm",
+            fieldName: "pipeSeNm",
+            header: { text: "관종구분" },
+            width: 80,
+        },
+        {
+            name: "vrfcTrgtSn",
+            fieldName: "vrfcTrgtSn",
+            header: { text: "항목번호" },
+            width: 80,
+        },
+        {
+            name: "vrfcTrgtNm",
+            fieldName: "vrfcTrgtNm",
+            header: { text: "항목명" },
+            width: 150,
+        },
+        {
+            name: "cryrVl",
+            fieldName: "cryrVl",
+            header: { text: "당해년도" },
+            width: 100,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0",
+            styleName: "right-column",
+        },
+    ],
+    columnLayout: [
+        "sido",
+        "gugun",
+        "adstDong",
+        "admdstCd",
+        "fcltNm",
+        "addr",
+        "pipeSeNm",
+        "vrfcTrgtSn",
+        "vrfcTrgtNm",
+        "cryrVl",
+    ],
+};
diff --git a/apps/st/src/entities/statistics/model/imr/imr-interface.ts b/apps/st/src/entities/statistics/model/imr/imr-interface.ts
new file mode 100644
index 000000000..ce134eb18
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/imr/imr-interface.ts
@@ -0,0 +1,119 @@
+/**
+ * 이상치(IMR) 탐지 실행 요청 DTO
+ */
+export interface ImrDetectRequest {
+    userId?: string; // 사용자 ID
+    sewerBzmnCd: string; // 하수도 사업자 코드
+    statsCd: string; // 통계 탭/항목 코드
+    statsYr: string; // 분석 기준 통계 연도
+}
+
+/**
+ * 이상치(IMR) 탐지 실행 응답 DTO
+ */
+export interface ImrDetectResponse {
+    anlsSn: number; // 분석 테이블 마스터 일련번호
+    jobId: string; // Celery/비동기 처리를 위한 고유 작업 ID
+    totalOtlrCnt: number; // 탐지된 총 이상치 건수
+    statusCode: string; // 처리 상태 코드 (COMPLETED, FAIL, ERROR 등)
+    errorMsg?: string; // 에러 발생 시 상세 메시지
+    processingTimeMs: number; // 총 처리 소요 시간 (밀리초)
+}
+
+/**
+ * 이상치 탐지 목록(마스터) 조회 요청 DTO
+ */
+export interface ImrListRequest {
+    sewerBzmnCd?: string; // 하수도 사업자 코드
+    statsCd?: string; // 통계 항목 코드
+    statsYr?: string; // 통계 연도
+}
+
+/**
+ * 이상치 탐지 목록(마스터) 조회 응답 DTO
+ */
+export interface ImrListResponse {
+    anlsSn: number; // 분석 마스터 일련번호
+    anlsSttsCd: string; // 분석 상태 코드 (COMPLETED, FAIL, ERROR)
+    nmlDataNocs: number; // 정상 판정 데이터 건수
+    exclDataNocs: number; // 분석 제외 데이터 건수
+    otlrDataNocs: number; // 이상치 판정 데이터 건수
+}
+
+/**
+ * 이상치 탐지 상세 조회 요청 DTO
+ */
+export interface ImrDetailRequest {
+    anlsSn: number; // 분석 일련번호
+    vrfcTrgtSn: number; // 검증 대상 지표 일련번호
+}
+
+/**
+ * 이상치 탐지 상세 조회 응답 아이템
+ */
+export interface ImrDetailResponseItem {
+    anlsSn: number; // 분석 일련번호
+    vrfcTrgtSn: number; // 검증 대상 지표 일련번호
+    admdstCd: string; // 행정동(행정구역) 코드
+    cryrVl: number; // 당해년도 원천 데이터 값
+    otlrTrsfRt: number; // 이상치 판단 기준 (변이 척도)
+    otlrYn: string; // 이상치 여부 플래그 (Y/N)
+}
+
+/**
+ * 이상치 탐지 상세 조회 응답 DTO
+ */
+export interface ImrDetailResponse {
+    items: ImrDetailResponseItem[];
+}
+
+/**
+ * 이상치 산출 로그 요청 DTO
+ */
+export interface ImrLogRequest {
+    jobUuid?: string; // 작업 고유 식별자
+    anlsSn: number; // 분석 일련번호
+    vrfcTrgtSn: number; // 검증 대상 지표 일련번호
+    admdstCd: string; // 행정동(행정구역) 코드
+}
+
+/**
+ * 이상치 로그 기록용 연도/시퀀스별 파라미터 DTO
+ */
+export interface ImrLogDataParam {
+    year: number; // 대상 연도
+    t: number; // 시간 시퀀스
+    tDev: number; // 시점 간의 편차
+    x: number; // 원천 데이터 값
+    xDev: number; // 원천 데이터 값 편차
+    prod: number; // t편차와 x편차의 곱
+    tDevSq: number; // t편차의 제곱
+    predicted: number; // 예측 정상치
+    residuals: number; // 잔차
+    mr: number; // 이동 범위(MR)
+    ucl: number; // 관리 상한선
+    lcl: number; // 관리 하한선
+    judgment: string; // 최종 판정
+}
+
+/**
+ * 이상치 산출 상세 로그 응답 DTO
+ */
+export interface ImrLogResponse {
+    sewerBzmnCd: string; // 하수도 사업자 코드
+    colNm: string; // 영문 컬럼명
+    vrfcTrgtNm: string; // 분석 대상 지표명
+    admdstCd: string; // 행정동 코드
+    regressionA: number; // 회귀식 기울기(a)
+    regressionB: number; // 회귀식 절편(b)
+    tMean: number; // 시퀀스 평균값
+    xMean: number; // 원데이터 평균값
+    prodMean: number; // 편차 곱의 평균
+    tDevSqMean: number; // t편차 제곱의 평균
+    mrMean: number; // 잔차 이동 범위 평균(MR)
+    uc: number; // 상한 허용 폭(UCL)
+    lc: number; // 하한 허용 폭(LCL)
+    controlRange: number; // 관리 전체 폭(CL)
+    confidenceLevel: string; // 신뢰 구간 표기
+    history: ImrLogDataParam[]; // 연도별 상세 추적 기록
+}
diff --git a/apps/st/src/entities/statistics/model/imr/imr-verification-history-columns.tsx b/apps/st/src/entities/statistics/model/imr/imr-verification-history-columns.tsx
new file mode 100644
index 000000000..09370901f
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/imr/imr-verification-history-columns.tsx
@@ -0,0 +1,119 @@
+import { createColumnHelper } from "@tanstack/react-table";
+
+import {
+    Progress,
+    Tooltip,
+    TooltipContent,
+    TooltipTrigger,
+} from "@common/components";
+
+import type { StAnlsMstImrResponse } from "../statistics-analysis/statistics-analysis-master-interface";
+
+const columnHelper = createColumnHelper<StAnlsMstImrResponse>();
+
+export const imrVerificationHistoryColumns = [
+    columnHelper.accessor("anlsBgngDt", {
+        header: "검증 실행 일시",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor(
+        (row) => ({
+            anlsSttsCd: row.anlsSttsCd,
+            anlsSttsNm: row.anlsSttsNm,
+            anlsPrgrsRt: row.anlsPrgrsRt,
+            errMsgCn: row.errMsgCn,
+        }),
+        {
+            id: "anlsSttsNm",
+            header: "진행 상태",
+            cell: (info) => {
+                const { anlsSttsCd, anlsSttsNm, anlsPrgrsRt, errMsgCn } =
+                    info.getValue();
+                if (anlsSttsCd === "PROCESSING") {
+                    return (
+                        <div className="flex min-w-[8rem] items-center gap-2">
+                            <Progress
+                                value={anlsPrgrsRt ?? 0}
+                                className="h-2 flex-1"
+                            />
+                            <span className="text-xs text-muted-foreground">
+                                {anlsPrgrsRt ?? 0}%
+                            </span>
+                        </div>
+                    );
+                }
+                if (anlsSttsCd === "FAILED") {
+                    return (
+                        <div className="flex w-full items-center justify-center gap-1">
+                            {anlsSttsNm}
+                            <Tooltip>
+                                <TooltipTrigger>
+                                    <i className="diveicon di-info-circle text-destructive" />
+                                </TooltipTrigger>
+                                <TooltipContent className="max-w-[64rem]">
+                                    <p className="p-1 text-[1.2rem] leading-6">
+                                        {errMsgCn}
+                                    </p>
+                                </TooltipContent>
+                            </Tooltip>
+                        </div>
+                    );
+                }
+                return anlsSttsNm;
+            },
+        },
+    ),
+    columnHelper.accessor("anlsEndDt", {
+        header: "종료 일시",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("statsYr", {
+        header: "검증년도",
+        cell: (info) => (
+            <div className="px-2 py-4 text-center">
+                {info.getValue() ?? "-"}
+            </div>
+        ),
+    }),
+    columnHelper.accessor("sewerBzmnNm", {
+        header: "하수도사업자",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("vrfcTrgtNm", {
+        header: "검증대상",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("rgtrNm", {
+        header: "검증자",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("nmlDataNocs", {
+        header: "정상건수",
+        cell: (info) => (
+            <div className="px-2 py-4 text-right">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("exclDataNocs", {
+        header: "제외건수",
+        cell: (info) => (
+            <div className="px-2 py-4 text-right">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("otlrDataNocs", {
+        header: "이상건수",
+        cell: (info) => {
+            const value = info.getValue() ?? 0;
+            return <div className="px-2 py-4 text-right">{value}</div>;
+        },
+    }),
+];
diff --git a/apps/st/src/entities/statistics/model/input/statistics-input-status-interface.ts b/apps/st/src/entities/statistics/model/input/statistics-input-status-interface.ts
new file mode 100644
index 000000000..ae721e462
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/input/statistics-input-status-interface.ts
@@ -0,0 +1,34 @@
+import type { ApiResponse } from "../statistics-interface";
+
+export interface StatsInputStatusListRequestParams {
+    ctpvNm?: string;
+    sggNm?: string;
+    sewerBzmnCd?: string;
+    statsYr?: string;
+    mode?: string;
+}
+
+export interface StatsInputStatusList {
+    ctpvNm?: string;
+    sggNm?: string;
+    statsCd?: string;
+    menuTabName?: string;
+    locgStatusNm?: string;
+    inputRate?: number;
+    laePicNm?: string;
+    laePicTelNo?: string;
+    laeKbrdrDeptNm?: string;
+    laeKbrdrJbgdNm?: string;
+    laeIdfrNm?: string;
+    laeIdfrDeptNm?: string;
+    laeIdfrJbgdNm?: string;
+    rjctOpnnCn?: string;
+}
+
+export type StatsInputStatusListApiResponse = ApiResponse<StatsInputStatusList[]> & {
+    message: string;
+}
+
+export interface StatisticsInputStatusService {
+    getStatisticsInputStatusList(param: StatsInputStatusListRequestParams): Promise<StatsInputStatusListApiResponse>;
+}
diff --git a/apps/st/src/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface.ts b/apps/st/src/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface.ts
new file mode 100644
index 000000000..59481dc5b
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface.ts
@@ -0,0 +1,172 @@
+import type { ApiResponse } from "../statistics-interface";
+
+// 하수도 보급률 데이터 항목
+export interface SewerageSupplyRateStatusInfo {
+    laeSbmsnSttsCd: string | null;
+    laeSbmsnYmd: string | null;
+    laePicNm: string | null;
+    laePicTelNo: string | null;
+    laeKbrdrJbgdNm: string | null;
+    prvnStatus: string | null;
+    dcsnStatus: string | null;
+    wrterOpinionSm: string | null;
+    chckerOpinionSm: string | null;
+    laeIdfrDeptNm: string | null;
+    laeIdfrJbgdNm: string | null;
+    laeIdfrNm: string | null;
+    laeIdfrTelNo: string | null;
+    laeKbrdrDeptNm: string | null;
+}
+
+export interface SewerageSupplyRateCommonInfo {
+    sewerBzmnArea: number;
+    sewerBzmnCd: string;
+    sewerBzmnFrgnrWholPpltnCnt: number;
+    sewerBzmnDomplWholPpltnCnt: number;
+    sewerBzmnWholPpltnCnt: number;
+    piplFcltyExtn: number;
+    piplPlanExtn: number;
+    swagePplPsplyRt: number;
+    ctpvNm: string;
+    statsYr: string;
+    statsCd: string;
+}
+
+/** 검증 결과 한 건 (필드별 메시지) */
+export interface VerificationResultItem {
+    vrfcCd: string;
+    rsnExpln: string;
+}
+
+/** 필드명 → 검증 결과 배열. 예: { popltnSm: [{ type, rsn }], wstrPrmTrt: [...] } */
+export type SewerageSupplyRateVerificationResult = Record<string, VerificationResultItem[]>;
+
+/** 하수도 보급률 목록 API 응답 한 행 (실제 응답 필드만) */
+export interface SewerageSupplyRateItem {
+    admdstCd: string;
+    sggNm: string;
+    admdstNm: string;
+    rvbsn: string | null;
+    trbtrNm: string;
+    mdbsn: string;
+    lgbsn: string;
+    mdmbsn: string;
+    spcCtpnRgnCn: string | null;
+    totalPopl: number;
+    poplSm: number;
+    frgnrPoplSm: number;
+    refArea: number;
+    wholPpltnCnt: number;
+    wholArea: number;
+    wholSwtrmtPpltnCnt: number;
+    wholPblSwtrmtPpltnCnt: number;
+    ts1SwtrmtPpltnCnt: number;
+    ts2SwtrmtPpltnCnt: number;
+    ts3SwtrmtPpltnCnt: number;
+    wholWwtPrcsPpltnCnt: number;
+    ts1WwtPrcsPpltnCnt: number;
+    ts2WwtPrcsPpltnCnt: number;
+    ts3WwtPrcsPpltnCnt: number;
+    yetCntnPpltnCnt: number;
+    staaArea: number;
+    wholStaaExcpPpltnCnt: number;
+    unprcsPpltnCnt: number;
+    drtwPrcsPpltnCnt: number;
+    spctnkPpltnCnt: number;
+    staaExcpArea: number;
+    staaPsplyRt: number;
+    altdPrcsPsplyRt: number;
+    sewerInstlRt: number;
+    rmrk: string | null;
+    verificationResult?: SewerageSupplyRateVerificationResult | null;
+}
+
+export interface SewerageSupplyRateResponseData {
+    statusInfo: SewerageSupplyRateStatusInfo;
+    sewerageSupplyRateList: SewerageSupplyRateItem[];
+    commonInfo: SewerageSupplyRateCommonInfo;
+}
+
+export type SewerageSupplyRateApiResponse = ApiResponse<SewerageSupplyRateResponseData> & {
+    message: string;
+}
+
+export interface SewerageSupplyRateRequestParams {
+    ctpvNm?: string;
+    sggNm?: string;
+    sewerBzmnCd?: string;
+    statsYr?: string;
+    mode?: string;
+}
+
+/** 하수도 보급률 저장 API 요청 body (한 행) */
+export interface SewerageSupplyRateSaveItem {
+    sggNm: string | null;
+    admdstCd: string;
+    admdstNm: string;
+    trbtrNm: string;
+    spcCtpnRgnCn: string | null;
+    ts1SwtrmtPpltnCnt: number;
+    ts2SwtrmtPpltnCnt: number;
+    ts3SwtrmtPpltnCnt: number;
+    ts1WwtPrcsPpltnCnt: number;
+    ts2WwtPrcsPpltnCnt: number;
+    ts3WwtPrcsPpltnCnt: number;
+    yetCntnPpltnCnt: number;
+    staaArea: number;
+    unprcsPpltnCnt: number;
+    drtwPrcsPpltnCnt: number;
+    spctnkPpltnCnt: number;
+    staaExcpArea: number;
+    rmrk: string;
+    wholPpltnCnt: number;
+    wholArea: number;
+    wholSwtrmtPpltnCnt: number;
+    wholPblSwtrmtPpltnCnt: number;
+    wholWwtPrcsPpltnCnt: number;
+    wholStaaExcpPpltnCnt: number;
+    staaPsplyRt: number;
+    altdPrcsPsplyRt: number;
+    sewerInstlRt: number;
+}
+
+export interface SewerageSupplyRateSaveRequest {
+    statsYr: string;
+    ctpvNm: string;
+    sggNm: string;
+    sewerBzmnCd: string;
+    userId: string;
+    sewerBzmnFrgnrWholPpltnCnt?: number;
+    saveList?: SewerageSupplyRateSaveItem[];
+    submitList?: SewerageSupplyRateSaveItem[];
+    laePicNm?: string;
+    laeKbrdrJbgdNm?: string;
+    laeKbrdrDeptNm?: string;
+    laePicTelNo?: string;
+    laeIdfrNm?: string;
+    laeIdfrJbgdNm?: string;
+    laeIdfrDeptNm?: string;
+    laeIdfrTelNo?: string;
+    superAdmin?: string;
+}
+
+export interface SewerageSupplyRateSaveData {
+    httpStatus?: number;
+    code?: string;
+}
+
+export type SewerageSupplyRateSaveApiResponse = ApiResponse<SewerageSupplyRateSaveData>;
+
+// 하수도 통계 입력 기간 조회
+export interface CheckInputPeriodResponse {
+    status: string;
+    message: string;
+    data: boolean;
+}
+
+export interface StatisticsInputSewSupplyRateService {
+    getSewerageSupplyRateList(params: SewerageSupplyRateRequestParams): Promise<SewerageSupplyRateApiResponse>;
+    checkInputPeriod(params: string): Promise<CheckInputPeriodResponse>;
+    saveSewerageSupplyRate(params: SewerageSupplyRateSaveRequest): Promise<SewerageSupplyRateSaveApiResponse>;
+    submitSewerageSupplyRate(params: SewerageSupplyRateSaveRequest): Promise<SewerageSupplyRateSaveApiResponse>;
+}
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/regional-grid-columns.ts b/apps/st/src/entities/statistics/model/regional-grid-columns.ts
new file mode 100644
index 000000000..69eb9a316
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/regional-grid-columns.ts
@@ -0,0 +1,90 @@
+import { ValueType } from "realgrid";
+
+import type { ColumnInfo } from "@/components/type/DataGrid.type";
+
+export const regionalGridColumnInfo: ColumnInfo = {
+    columns: [
+        {
+            name: "sido",
+            fieldName: "sido",
+            header: { text: "시도" },
+            width: 80,
+        },
+        {
+            name: "gugun",
+            fieldName: "gugun",
+            header: { text: "구군" },
+            width: 80,
+        },
+        {
+            name: "adstDong",
+            fieldName: "adstDong",
+            header: { text: "행정구역" },
+            width: 100,
+        },
+        {
+            name: "fcltNm",
+            fieldName: "fcltNm",
+            header: { text: "시설명" },
+            width: 100,
+        },
+        {
+            name: "prvyrVl",
+            fieldName: "prvyrVl",
+            header: { text: "이전년도" },
+            width: 80,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0",
+        },
+        {
+            name: "cryrVl",
+            fieldName: "cryrVl",
+            header: { text: "당해년도" },
+            width: 80,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0",
+        },
+        {
+            name: "chgRt",
+            fieldName: "chgRt",
+            header: { text: "R" },
+            width: 60,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0.00",
+        },
+        {
+            name: "trsfRt",
+            fieldName: "trsfRt",
+            header: { text: "S" },
+            width: 60,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0.00",
+        },
+        {
+            name: "otlrTrsfRt",
+            fieldName: "otlrTrsfRt",
+            header: { text: "E" },
+            width: 60,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0.00",
+        },
+        {
+            name: "otlrYn",
+            fieldName: "otlrYn",
+            header: { text: "상태" },
+            width: 60,
+        },
+    ],
+    columnLayout: [
+        "sido",
+        "gugun",
+        "adstDong",
+        "fcltNm",
+        "prvyrVl",
+        "cryrVl",
+        "chgRt",
+        "trsfRt",
+        "otlrTrsfRt",
+        "otlrYn",
+    ],
+};
diff --git a/apps/st/src/entities/statistics/model/sewage-reservoir-pump-review-interface.ts b/apps/st/src/entities/statistics/model/sewage-reservoir-pump-review-interface.ts
new file mode 100644
index 000000000..d27d770f5
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/sewage-reservoir-pump-review-interface.ts
@@ -0,0 +1,156 @@
+
+import type { ApiResponse } from "./statistics-interface";
+
+/**
+ * 04. 하수저류시설 tab1. 시설현황 아이템 인터페이스 (Tab1)
+ */
+export interface SewerReservoirRegionalItem {
+// 1. 기본 정보
+    statsYr: string;         // 통계연도
+    ctpvNm: string;          // 시도명
+    sggNm: string;           // 시군구명
+    admdstNm: string;        // 행정구역명
+    admdstCd: string;        // 행정구역코드
+    sewerBzmnCd: string;     // 하수도사업자코드
+    displayYear: string;     // 화면 표시 연도
+    impdFcltNm: string;      // 저류시설명
+    impdFcltPstnCn: string;  // 저류시설위치내용
+    rowType: 'OLD' | 'CURR'; // 데이터 구분
+
+    // 2. 시설 제원
+    oprtngStrtYmd: string;   // 가동개시일자
+    planDesignFreqCnt: number; // 계획설계빈도
+    fldngPrvtnYn: string;    // 침수예방
+    wqPlltnMtgtYn: string;   // 수질오염저감
+    rtlztnUsgYn: string;     // 하수재이용용도
+    fcltStrctCn: string;     // 시설구조
+    wtrStrgZoneArea: number; // 집수구역면적
+    impdFcltCpct: number;    // 시설용량
+    grssPpqty: number;       // 총양수량
+
+    // 3. 펌프시설 상세 (1~3호기)
+    pumpFcltN1DmtrExpln: string;   // 1구경
+    pumpFcltN1PerPpqty: number;    // 1대당양수량
+    pumpFcltN1PumpCnt: number;     // 1펌프대수
+    pumpFcltN1RsrvPumpCnt: number; // 1예비펌프대수
+
+    pumpFcltN2DmtrExpln: string;   // 2구경
+    pumpFcltN2PerPpqty: number;    // 2대당양수량
+    pumpFcltN2PumpCnt: number;     // 2펌프대수
+    pumpFcltN2RsrvPumpCnt: number; // 2예비펌프대수
+
+    pumpFcltN3DmtrExpln: string;   // 3구경
+    pumpFcltN3PerPpqty: number;    // 3대당양수량
+    pumpFcltN3PumpCnt: number;     // 3펌프대수
+    pumpFcltN3RsrvPumpCnt: number; // 3예비펌프대수
+
+    // 4. 부대시설 및 방식
+    prcsgFcltYn: string;     // 전처리시설 유무
+    ddrztnEqpmYn: string;    // 탈취설비 유무
+    oslfEtgtYn: string;      // 자가발전 유무
+    mltvMthCn: string;       // 배수방식
+    impdMthCn: string;       // 저류방식
+    impdPrcsMthdCn: string;  // 저류수 처리방법
+    dschgWtrsExpln: string;  // 방류수역
+
+    // 5. 최종처분량 및 방법
+    prcptnLastDspsQnt: number;       // 침사 최종처분량
+    ctmnLastDspsQnt: number;        // 협잡물 최종처분량
+    prcptnLastDspsMthdExpln: string; // 침사 최종처분방법
+    ctmnLastDspsMthdExpln: string;  // 협잡물 최종처분방법
+
+    // 6. 운영 실적
+    oprtngDayCnt: number;    // 가동일수
+    grssMltvQnt: number;     // 총배수량
+    rmrk: string;            // 비고
+}
+
+/**
+ * 04. 빗물펌프장 tab2. 시설현황 아이템 인터페이스 (Tab2)
+ */
+
+export interface PumpingStationRegionalItem {
+    // --- 기본 정보 ---
+    ctpvNm: string;          // 시도명
+    sggNm: string;           // 시군구명
+    admdstNm: string;        // 행정구역명
+    admdstCd: string;        // 행정구역코드
+    sewerBzmnCd: string;     // 하수도사업자코드
+    displayYear: string;     // 화면 표시 연도
+    impdFcltNm: string;      // 저류시설명
+    impdFcltPstnCn: string;  // 저류시설위치내용
+    rowType: 'OLD' | 'CURR'; // 데이터 구분
+
+    // --- 시설 제원 ---
+    fcltyKndCn: string;          // 시설물종류
+    oprtngStrtYmd: string;       // 가동개시일자
+    planDesignFreqCnt: number;   // 계획설계빈도
+    wtrStrgZoneArea: number;     // 집수구역면적
+
+    // 유수지
+    rsvrYn: string;              // 유수지유무
+    rsvrImpndQnt: number;        // 저류량
+    abstnRgnImdQnt: number;      // 흡수지 저류량
+
+    fcltCpct: number;            // 시설용량
+
+    // --- 펌프시설 상세 (1~3호기) ---
+    pumpFcltN1DmtrExpln: string;   // 펌프시설1 구경
+    pumpFcltN1PerPpqty: number;    // 펌프시설1 대당양수량
+    pumpFcltN1PumpCnt: number;     // 펌프시설1 펌프대수
+    pumpFcltN1RsrvPumpCnt: number; // 펌프시설1 예비펌프대수
+
+    pumpFcltN2DmtrExpln: string;   // 펌프시설2 구경
+    pumpFcltN2PerPpqty: number;    // 펌프시설2 대당양수량
+    pumpFcltN2PumpCnt: number;     // 펌프시설2 펌프대수
+    pumpFcltN2RsrvPumpCnt: number; // 펌프시설2 예비펌프대수
+
+    pumpFcltN3DmtrExpln: string;   // 펌프시설3 구경
+    pumpFcltN3PerPpqty: number;    // 펌프시설3 대당양수량
+    pumpFcltN3PumpCnt: number;     // 펌프시설3 펌프대수
+    pumpFcltN3RsrvPumpCnt: number; // 펌프시설3 예비펌프대수
+
+    // --- 부대시설 ---
+    prcsgFcltYn: string;     // 전처리시설 유무
+    ddrztnEqpmYn: string;    // 탈취설비 유무
+    oslfEtgtYn: string;      // 자가발전 유무
+    dschgWtrsExpln: string;  // 방류수역
+
+    // --- 최종처분량 ---
+    prcptnLastDspsQnt: number;  // 침사 최종처분량
+    ctmnLastDspsQnt: number;    // 협잡물 최종처분량
+
+    // --- 운영실적 ---
+    oprtngDayCnt: number;    // 가동일수
+    grssMltvQnt: number;     // 총배수량
+    rmrk: string;            // 비고
+}
+
+export interface SewerReservoirRequestParams {
+    ctpvNm?: string;       // 시도명
+    sggNm?: string;        // 시군구명
+    statsYr?: string;      // 통계 연도
+    sewerBzmnCd?: string;  // 하수도사업자 코드
+}
+
+export type SewerReservoirRegionalApiResponse = ApiResponse<SewerReservoirRegionalItem[]>;
+export type PumpingStationRegionalApiResponse = ApiResponse<PumpingStationRegionalItem[]>;
+
+/**
+ * 하수저류시설 및 빗물펌프장 서비스 인터페이스
+ */
+export interface SewerReservoirService {
+    /**
+     * 하수저류시설 리스트 조회 (Tab1)
+     */
+    getSewerReservoirList(
+        params: SewerReservoirRequestParams
+    ): Promise<SewerReservoirRegionalApiResponse>;
+
+    /**
+     * 빗물펌프장 리스트 조회 (Tab2)
+     */
+    getPumpStationList(
+        params: SewerReservoirRequestParams
+    ): Promise<PumpingStationRegionalApiResponse>;
+}
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-detail-interface.ts b/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-detail-interface.ts
new file mode 100644
index 000000000..af0919b87
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-detail-interface.ts
@@ -0,0 +1,32 @@
+import type { PageableList, PageableParams } from "@/shared/model";
+
+export interface StAnlsDtlResponse {
+    anlsSn: number; // 분석 일련번호
+    vrfcTrgtSn: number; // 검증 대상 일련번호
+    ipcrCntVl: number | null; // 중요도 개수 값 (mu)
+    pctlCrtrVl: number | null; // 백분위 기준 값 (percentile)
+    scopAjmtCntVl: number | null; // 범위 조정 개수 값 (A)
+    thrsCntVl: number | null; // 임계 개수 값 (C)
+    rtCnterVl: number | null; // 비율 중앙값
+    lastTrsfScrCnterVl: number | null; // 최종 변환 점수 중앙값
+    lastTrsfScrLlmtVl: number | null; // 최종 변환 점수 하한값
+    lastTrsfScrUplmtVl: number | null; // 최종 변환 점수 상한값
+    uplmtVl: number | null; // 상한값
+    llmtVl: number | null; // 하한값
+    otlrUplmtLine: number | null; // 이상치 상한선
+    otlrLlmtLine: number | null; // 이상치 하한선
+    nmlDataNocs: number; // 정상 데이터 건수
+    exclDataNocs: number; // 제외 데이터 건수
+    otlrDataNocs: number; // 이상치 데이터 건수
+    statsCd: string; // 통계 코드
+    statsNm: string; // 통계 항목 명
+    vrfcTrgtNm: string; // 검증대상명
+    statsYr: string; // 통계년도
+}
+
+export interface StAnlsDtlSearchParams extends PageableParams {
+    anlsSn?: number; // 분석 일련번호
+    vrfcTrgtSn?: number; // 검증 대상 일련번호
+}
+
+export type StAnlsDtlListApiResponse = PageableList<StAnlsDtlResponse>;
diff --git a/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-master-interface.ts b/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-master-interface.ts
new file mode 100644
index 000000000..1129c14a8
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-master-interface.ts
@@ -0,0 +1,143 @@
+import type { PageableList, PageableParams } from "@/shared/model";
+
+/**
+ * 행정구역(시도·시군구) 콤보 응답 DTO
+ */
+export interface AdstZoneResponseDto {
+    /** 행정구역 코드 */
+    adstCd: string;
+    /** 행정구역 명 */
+    adstNm: string;
+}
+
+/**
+ * 분석 현황 마스터 응답 DTO
+ */
+export interface StAnlsMstResponseDto {
+    /** 분석번호 */
+    anlsSn: number;
+    /** 분석실행일시 (yyyy-MM-dd HH:mm:ss) */
+    anlsBgngDt: string;
+    /** 분석종료일시 (yyyy-MM-dd HH:mm:ss) */
+    anlsEndDt: string | null;
+    /** 분석상태코드 */
+    anlsSttsCd: string;
+    /** 분석상태코드명 */
+    anlsSttsNm: string;
+    /** 정상건수 */
+    nmlDataNocs: number;
+    /** 제외건수 */
+    exclDataNocs: number;
+    /** 이상건수 */
+    otlrDataNocs: number;
+    /** 작업UUID */
+    jobUuid: string;
+    /** 등록일시 (yyyy-MM-dd HH:mm:ss) */
+    regDt: string;
+    /** 등록자 */
+    rgtr: string;
+    /** 등록자명 */
+    rgtrNm: string;
+    /** 오류메세지내용 */
+    errMsgCn?: string;
+    /** 통계년도 */
+    statsYr: string;
+    /** 검증대상명 */
+    vrfcTrgtNm: string;
+    /** 분석진행비율 */
+    anlsPrgrsRt: number;
+    /** 하수도사업자코드 */
+    sewerBzmnCd: string;
+    /** 통계코드 */
+    statsCd: string;
+    /** 검증방법코드 */
+    vrfcMthdCd: string;
+}
+
+/**
+ * IMR 분석 현황 마스터 응답 DTO
+ */
+export interface StAnlsMstImrResponseDto extends StAnlsMstResponseDto {
+    /** 하수도사업자명 */
+    sewerBzmnNm: string;
+}
+
+/**
+ * 분석 현황 마스터 검색 DTO
+ */
+export interface StAnlsMstSearchDto extends PageableParams {
+    /** 분석상태코드 (COMPLETED, FAILED, QUEUED, PROCESSING) */
+    anlsSttsCd?: string;
+    /** 작업UUID */
+    jobUuid?: string;
+    /** 통계년도 */
+    statsYr?: string;
+    /** 검증대상명 */
+    vrfcTrgtNm?: string;
+    /** 하수도사업자코드 */
+    sewerBzmnCd?: string;
+    /** 통계코드 */
+    statsCd?: string;
+    /** 검증방법코드 */
+    vrfcMthdCd?: string;
+    /** 검증일시 시작 (yyyy-MM-dd) */
+    verifyDtStart?: string;
+    /** 검증일시 종료 (yyyy-MM-dd) */
+    verifyDtEnd?: string;
+}
+
+/**
+ * 분석 이상치 상세 데이터 응답 DTO
+ */
+export interface StAnlsOutlierDataResponseDto {
+    /** 결과 일련번호 */
+    rsltSn: number;
+    /** 검증 대상 일련번호 */
+    vrfcTrgtSn: number;
+    /** 행정구역 코드 */
+    admdstCd: string;
+    /** 시도 */
+    sido: string;
+    /** 시군구 */
+    gugun: string;
+    /** 행정동 */
+    adstDong: string;
+    /** 시설명 */
+    fcltNm: string;
+    /** 주소 */
+    addr: string;
+    /** 당해년도 값 */
+    cryrVl: number;
+    /** 이상치 변환 비율 */
+    otlrTrsfRt: number;
+}
+
+/**
+ * 분석 순번별 이상치 분석항목 응답 DTO
+ */
+export interface StAnlsOutlierListResponseDto {
+    /** 분석번호 */
+    anlsSn: number;
+    /** 검증 대상 일련번호 */
+    vrfcTrgtSn: number;
+    /** 검증대상명 */
+    vrfcTrgtNm: string;
+    /** 정상건수 */
+    nmlDataNocs: number;
+    /** 제외건수 */
+    exclDataNocs: number;
+    /** 이상건수 */
+    otlrDataNocs: number;
+    /** 이상치 상세 데이터 목록 */
+    outlierDataList: StAnlsOutlierDataResponseDto[];
+}
+
+/** 기존 인터페이스 호환을 위한 별칭 (필요 시 유지) */
+export type StAnlsMstResponse = StAnlsMstResponseDto;
+export type StAnlsMstImrResponse = StAnlsMstImrResponseDto;
+export type StAnlsMstSearchParams = StAnlsMstSearchDto;
+export type StAnlsOutlierDataResponse = StAnlsOutlierDataResponseDto;
+export type StAnlsOutlierListResponse = StAnlsOutlierListResponseDto;
+
+export type StAnlsMstListApiResponse = PageableList<StAnlsMstResponseDto>;
+export type StAnlsMstImrListApiResponse = PageableList<StAnlsMstImrResponseDto>;
diff --git a/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-result-interface.ts b/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-result-interface.ts
new file mode 100644
index 000000000..6cce20316
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-analysis/statistics-analysis-result-interface.ts
@@ -0,0 +1,49 @@
+import type { PageableList, PageableParams } from "@/shared/model";
+
+import type { StAnlsDtlResponse } from "./statistics-analysis-detail-interface";
+
+export interface StAnlsRsltResponse {
+    rsltSn: number; // 결과 일련번호
+    anlsSn: number; // 분석 일련번호
+    vrfcTrgtSn: number; // 검증 대상 일련번호
+    vrfcTrgtNm: string; // 검증 대상명(항목명)
+    admdstCd: string; // 행정구역 코드
+    sido: string; // 시도
+    gugun: string; // 시군구
+    adstDong: string; // 행정동
+    drngBzmnCd: string; // 하수도 사업자 코드
+    sewerBzmnNm: string; // 하수도 사업자명
+    swtrmtFcltCd: string; // 하수처리시설코드
+    pipeSeCd: string; // 파이프 구분 코드
+    pipeSeNm: string; // 파이프 구분 명
+    fcltNm: string; // 시설명
+    addr: string; // 주소
+    prvyrVl: number; // 전년도 값
+    cryrVl: number; // 당해년도 값
+    chgRt: number; // 변경율 (r_i)
+    trsfRt: number; // 변환 비율 (s_i)
+    otlrTrsfRt: number; // 이상치 변환 비율 (E_i)
+    otlrYnCd: string; // 이상치 여부 (0: 정상, 1: 이상치, 2: 제외)
+}
+
+export interface StAnlsRsltSearchParams extends PageableParams {
+    anlsSn?: number; // 분석 일련번호
+    vrfcTrgtSn?: number; // 검증 대상 일련번호
+    admdstCd?: string; // 행정구역 코드
+    admdstNm?: string; // 행정구역 명칭
+    fcltNm?: string; // 시설명
+    otlrYnCd?: string; // 이상치 여부 (0: 정상, 1: 이상치, 2: 제외)
+}
+
+export type StAnlsRsltListApiResponse = PageableList<StAnlsRsltResponse>;
+
+export interface ChartBoundaryPointDto {
+    xprev: number; // 전년도 값 (x축)
+    ylower: number; // 이상치 하한 당년값 (y축)
+    yupper: number; // 이상치 상한 당년값 (y축)
+}
+
+export interface ChartRetDto {
+    dtl: StAnlsDtlResponse; // 분석 상세 파라미터 (mu, r_mid, T_L, T_U 등)
+    list: ChartBoundaryPointDto[]; // HBR 경계선 곡선 데이터 리스트 (x_prev, y_lower, y_upper)
+}
diff --git a/apps/st/src/entities/statistics/model/statistics-analysis/verification-history-columns.tsx b/apps/st/src/entities/statistics/model/statistics-analysis/verification-history-columns.tsx
new file mode 100644
index 000000000..edd85652e
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-analysis/verification-history-columns.tsx
@@ -0,0 +1,119 @@
+import { createColumnHelper } from "@tanstack/react-table";
+
+import {
+    Progress,
+    Tooltip,
+    TooltipContent,
+    TooltipTrigger,
+} from "@common/components";
+
+import type { StAnlsMstResponse } from "./statistics-analysis-master-interface";
+
+const columnHelper = createColumnHelper<StAnlsMstResponse>();
+
+export const verificationHistoryColumns = [
+    columnHelper.accessor("anlsBgngDt", {
+        header: "검증 실행 일시",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor(
+        (row) => ({
+            anlsSttsCd: row.anlsSttsCd,
+            anlsSttsNm: row.anlsSttsNm,
+            anlsPrgrsRt: row.anlsPrgrsRt,
+            errMsgCn: row.errMsgCn,
+        }),
+        {
+            id: "anlsSttsNm",
+            header: "진행 상태",
+            cell: (info) => {
+                const { anlsSttsCd, anlsSttsNm, anlsPrgrsRt, errMsgCn } =
+                    info.getValue();
+                if (anlsSttsCd === "PROCESSING") {
+                    return (
+                        <div className="flex min-w-[8rem] items-center gap-2">
+                            <Progress
+                                value={anlsPrgrsRt ?? 0}
+                                className="h-2 flex-1"
+                            />
+                            <span className="text-xs text-muted-foreground">
+                                {anlsPrgrsRt ?? 0}%
+                            </span>
+                        </div>
+                    );
+                }
+                if (anlsSttsCd === "FAILED") {
+                    return (
+                        <div className="flex w-full items-center justify-center gap-1">
+                            {anlsSttsNm}
+                            <Tooltip>
+                                <TooltipTrigger>
+                                    <i className="diveicon di-info-circle text-destructive" />
+                                </TooltipTrigger>
+                                <TooltipContent className="max-w-[64rem]">
+                                    <p className="p-1 text-[1.2rem] leading-6">
+                                        {errMsgCn}
+                                    </p>
+                                </TooltipContent>
+                            </Tooltip>
+                        </div>
+                    );
+                }
+                return anlsSttsNm;
+            },
+        },
+    ),
+    columnHelper.accessor("anlsEndDt", {
+        header: "종료 일시",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("rgtrNm", {
+        header: "검증자",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("nmlDataNocs", {
+        header: "정상건수",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("exclDataNocs", {
+        header: "제외건수",
+        cell: (info) => (
+            <div className="px-2 py-4">{info.getValue() ?? "-"}</div>
+        ),
+    }),
+    columnHelper.accessor("otlrDataNocs", {
+        header: "이상건수",
+        cell: (info) => {
+            const value = info.getValue() ?? "-";
+            const row = info.row.original;
+            const onOutlierCellClick = (
+                info.table.options.meta as {
+                    onOutlierCellClick?: (row: StAnlsMstResponse) => void;
+                }
+            )?.onOutlierCellClick;
+            if (value > 0 && onOutlierCellClick) {
+                return (
+                    <button
+                        type="button"
+                        className="block w-full cursor-pointer bg-red-50 py-4 text-destructive underline"
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            onOutlierCellClick(row);
+                        }}
+                    >
+                        {value}
+                    </button>
+                );
+            }
+            return value;
+        },
+    }),
+];
diff --git a/apps/st/src/entities/statistics/model/statistics-analysis/verification-list-columns.tsx b/apps/st/src/entities/statistics/model/statistics-analysis/verification-list-columns.tsx
new file mode 100644
index 000000000..05d0ddae5
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-analysis/verification-list-columns.tsx
@@ -0,0 +1,109 @@
+import React from "react";
+
+import type { ColumnDef } from "@tanstack/react-table";
+
+import { Checkbox } from "@common/components";
+
+import type { StAnlsDtlResponse } from "./statistics-analysis-detail-interface";
+
+interface GetVerificationListColumnsParams {
+    rowData: StAnlsDtlResponse[];
+    checkedSns: string[];
+    onCheck: (checkedSns: string[], rows: StAnlsDtlResponse[]) => void;
+}
+
+export const getVerificationListColumns = ({
+    rowData,
+    checkedSns,
+    onCheck,
+}: GetVerificationListColumnsParams): ColumnDef<StAnlsDtlResponse>[] => [
+    {
+        id: "checkbox",
+        header: () => {
+            const isAllChecked =
+                rowData.length > 0 && checkedSns.length === rowData.length;
+            return (
+                <div className="flex items-center justify-center">
+                    <Checkbox
+                        checked={isAllChecked}
+                        onCheckedChange={(value: boolean) => {
+                            if (value) {
+                                onCheck(
+                                    rowData.map((r) => String(r.vrfcTrgtSn)),
+                                    rowData,
+                                );
+                            } else {
+                                onCheck([], []);
+                            }
+                        }}
+                        aria-label="Select all rows"
+                    />
+                </div>
+            );
+        },
+        cell: ({ row }) => {
+            const rowId = String(row.original.vrfcTrgtSn);
+            const isChecked = checkedSns.includes(rowId);
+            return (
+                <div className="flex items-center justify-center">
+                    <Checkbox
+                        checked={isChecked}
+                        onCheckedChange={(value: boolean) => {
+                            const newCheckedSns = value
+                                ? [...checkedSns, rowId]
+                                : checkedSns.filter((id) => id !== rowId);
+                            const newCheckedRows = rowData.filter((r) =>
+                                newCheckedSns.includes(String(r.vrfcTrgtSn)),
+                            );
+                            onCheck(newCheckedSns, newCheckedRows);
+                        }}
+                        onClick={(e: React.MouseEvent) => e.stopPropagation()}
+                        aria-label={`Select row ${rowId}`}
+                    />
+                </div>
+            );
+        },
+        enableSorting: false,
+        enableHiding: false,
+    },
+    {
+        header: "통계 년도",
+        accessorKey: "statsYr",
+    },
+    {
+        header: "통계 항목",
+        accessorKey: "statsNm",
+    },
+    {
+        header: "검증 항목",
+        accessorKey: "vrfcTrgtNm",
+    },
+    {
+        header: "μ",
+        accessorKey: "ipcrCntVl",
+    },
+    {
+        header: "Percentile",
+        accessorKey: "pctlCrtrVl",
+    },
+    {
+        header: "A",
+        accessorKey: "scopAjmtCntVl",
+    },
+    {
+        header: "C",
+        accessorKey: "thrsCntVl",
+    },
+    {
+        header: "정상건수",
+        accessorKey: "nmlDataNocs",
+    },
+    {
+        header: "제외건수",
+        accessorKey: "exclDataNocs",
+    },
+    {
+        header: "이상건수",
+        accessorKey: "otlrDataNocs",
+    },
+];
diff --git a/apps/st/src/entities/statistics/model/statistics-input-interface.ts b/apps/st/src/entities/statistics/model/statistics-input-interface.ts
deleted file mode 100644
index 3fd0ba0c8..000000000
--- a/apps/st/src/entities/statistics/model/statistics-input-interface.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import type { ApiResponse } from "./statistics-interface";
-
-// 하수도 보급률 데이터 항목
-export interface SewerageSupplyRateStatusInfo {
-    locgStatus: string;
-    locgDt: string;
-    locgCharger: string;
-    locgCttpc: string;
-    prvnStatus: string;
-    dcsnStatus: string;
-    wrterOpinionSm: string | null;
-    chckerOpinionSm: string | null;
-    returnOpinionSm: string | null;
-}
-
-export interface SewerageSupplyRateCommonInfo {
-    bsnmArea: number;
-    bsnmCd: string;
-    bsnmFrgnrPoplSm: number;
-    bsnmPoplSm: number;
-    bsnmTotalPopl: number;
-    piplFcltyExtn: number;
-    piplPlanExtn: number;
-    piplSupprt: number;
-    sido: string;
-    yr: string;
-}
-
-/** 검증 결과 한 건 (필드별 메시지) */
-export interface VerificationResultItem {
-    type: string;
-    rsn: string;
-}
-
-/** 필드명 → 검증 결과 배열. 예: { popltnSm: [{ type, rsn }], wstrPrmTrt: [...] } */
-export type SewerageSupplyRateVerificationResult = Record<string, VerificationResultItem[]>;
-
-export interface SewerageSupplyRateItem {
-    sido: string;
-    gugun: string;
-    adstDong: string;
-    rgnNm: string;
-    adstCd: string;
-    yr: string;
-    bsnmCd: string;
-    rvbsn: string;
-    lgbsn: string;
-    mdbsn: string;
-    mdmbsn: string;
-    totalPopl: number;
-    poplSm: number;
-    frgnrPoplSm: number;
-    area: number;
-    bsnmTotalPopl: number;
-    bsnmPoplSm: number;
-    bsnmFrgnrPoplSm: number;
-    bsnmArea: number;
-    piplPlanExtn: number;
-    piplFcltyExtn: number;
-    piplSupprt: number;
-    wrssm: string | null;
-    bstrm: string;
-    speclCntrplnAr: string | null;
-    popltnSm: number;
-    arSm: number;
-    swgeProcZoneInnerSm: number;
-    pblswrgPopltnSm: number;
-    pblswrgPrmTrt: number;
-    pblswrgScdTrt: number;
-    pblswrgTertTrt: number;
-    wstrPopltnSm: number;
-    wstrPrmTrt: number;
-    wstrScdTrt: number;
-    wstrTertTrt: number;
-    swgeProcZoneInnerAr: number;
-    swgeProcZoneOuterSm: number;
-    townUnprocPopltn: number;
-    townSwttPopltn: number;
-    townWrrtnPopltn: number;
-    uptownUnprPopltn: number;
-    uptownSwttPopltn: number;
-    uptownWrrtnPopltn: number;
-    swgeProcZoneOuterAr: number;
-    pblswrgPopltnSuprt: number;
-    adtrtPopltnSuprt: number;
-    swrgInstlrt: number;
-    wrterOpinion: string | null;
-    chckerOpinion: string | null;
-    notConectPopltn: number;
-    rmk: string;
-    chkWrssm: string;
-    chkBstrm: string;
-    chkSpeclCntrplnAr: string;
-    chkPopltnSm: string;
-    chkArSm: string;
-    chkSwgeProcZoneInnerSm: string;
-    chkPblswrgPopltnSm: string;
-    chkPblswrgPrmTrt: string;
-    chkPblswrgScdTrt: string;
-    chkPblswrgTertTrt: string;
-    chkWstrPopltnSm: string;
-    chkWstrPrmTrt: string;
-    chkWstrScdTrt: string;
-    chkWstrTertTrt: string;
-    chkSwgeProcZoneInnerAr: string;
-    chkSwgeProcZoneOuterSm: string;
-    chkTownUnprocPopltn: string;
-    chkTownSwttPopltn: string;
-    chkTownWrrtnPopltn: string;
-    chkUptownUnprPopltn: string;
-    chkUptownSwttPopltn: string;
-    chkUptownWrrtnPopltn: string;
-    chkSwgeProcZoneOuterAr: string;
-    chkPblswrgPopltnSuprt: string;
-    chkAdtrtPopltnSuprt: string;
-    chkSwrgInstlrt: string;
-    chkNotConectPopltn: string;
-    verificationResult?: SewerageSupplyRateVerificationResult;
-}
-
-export interface SewerageSupplyRateResponseData {
-    statusInfo: SewerageSupplyRateStatusInfo;
-    sewerageSupplyRateList: SewerageSupplyRateItem[];
-    commonInfo: SewerageSupplyRateCommonInfo;
-}
-
-export type SewerageSupplyRateApiResponse = ApiResponse<SewerageSupplyRateResponseData> & {
-    message: string;
-}
-
-export interface SewerageSupplyRateRequestParams {
-    sido?: string;
-    gugun?: string;
-    bsnmCd?: string;
-    yr?: string;
-    mode?: string;
-}
-
-/** 하수도 보급률 저장 API 요청 body (한 행) */
-export interface SewerageSupplyRateSaveItem {
-    gugun: string | null;
-    adstCd: string;
-    adstDong: string;
-    bstrm: string;
-    speclCntrplnAr: string | null;
-    pblswrgPrmTrt: number;
-    pblswrgScdTrt: number;
-    pblswrgTertTrt: number;
-    wstrPrmTrt: number;
-    wstrScdTrt: number;
-    wstrTertTrt: number;
-    notConectPopltn: number;
-    swgeProcZoneInnerAr: number;
-    townUnprocPopltn: number;
-    townSwttPopltn: number;
-    townWrrtnPopltn: number;
-    swgeProcZoneOuterAr: number;
-    rmk: string;
-    popltnSm: number;
-    arSm: number;
-    swgeProcZoneInnerSm: number;
-    pblswrgPopltnSm: number;
-    wstrPopltnSm: number;
-    swgeProcZoneOuterSm: number;
-    pblswrgPopltnSuprt: number;
-    adtrtPopltnSuprt: number;
-    swrgInstlrt: number;
-}
-
-export interface SewerageSupplyRateSaveRequest {
-    yr: string;
-    sido: string;
-    bsnmCd: string;
-    userId: string;
-    saveList: SewerageSupplyRateSaveItem[];
-}
-
-export interface SewerageSupplyRateSaveData {
-    hasMismatch?: boolean;
-    mismatchIdList?: string[];
-    httpStatus?: number;
-    code?: string;
-}
-
-export type SewerageSupplyRateSaveApiResponse = ApiResponse<SewerageSupplyRateSaveData>;
-
-// 하수도 통계 입력 기간 조회
-export interface CheckInputPeriodResponse {
-    status: string;
-    message: string;
-    data: boolean;
-}
-
-export interface StatisticsInputService {
-    getSewerageSupplyRateList(params: SewerageSupplyRateRequestParams): Promise<SewerageSupplyRateApiResponse>;
-    checkInputPeriod(params: string): Promise<CheckInputPeriodResponse>;
-    saveSewerageSupplyRate(params: SewerageSupplyRateSaveRequest): Promise<SewerageSupplyRateSaveApiResponse>;
-}
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-input-review-interface.ts b/apps/st/src/entities/statistics/model/statistics-input-review-interface.ts
index 93f1a4651..ff86a8799 100644
--- a/apps/st/src/entities/statistics/model/statistics-input-review-interface.ts
+++ b/apps/st/src/entities/statistics/model/statistics-input-review-interface.ts
@@ -104,7 +104,7 @@ export type StatsInputStatusReviewApiResponse = ApiResponse<StatsInputStatusRevi
 
 export interface StatsInputStatusReviewService {
     getStatsInputStatusList(params: {
-        yr?: String;
+        yr?: string;
         bsnmCd?: string;
         sido?: string;
         gugun?: string;
diff --git a/apps/st/src/entities/statistics/model/statistics-input-submit-info-schema.ts b/apps/st/src/entities/statistics/model/statistics-input-submit-info-schema.ts
new file mode 100644
index 000000000..623d037df
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-input-submit-info-schema.ts
@@ -0,0 +1,17 @@
+import { z } from "zod";
+
+export const statisticsInputSubmitInfoSchema = z.object({
+    // 작성자 명, 작성자 직제, 작성자 부서, 작성자 연락처, 승인자명, 승인자 직제, 승인자 부서, 승인자 연락처 (전부 필수)
+    laePicNm: z.string().min(1, "작성자 명을 입력하세요"),
+    laeKbrdrJbgdNm: z.string().min(1, "작성자 직제를 입력하세요"),
+    laeKbrdrDeptNm: z.string().min(1, "작성자 부서를 입력하세요"),
+    laePicTelNo: z.string().min(1, "작성자 연락처를 입력하세요"),
+    laeIdfrNm: z.string().min(1, "승인자명을 입력하세요"),
+    laeIdfrJbgdNm: z.string().min(1, "승인자 직제를 입력하세요"),
+    laeIdfrDeptNm: z.string().min(1, "승인자 부서를 입력하세요"),
+    laeIdfrTelNo: z.string().min(1, "승인자 연락처를 입력하세요"),
+});
+
+export type StatisticsInputSubmitInfoFormData = z.infer<
+    typeof statisticsInputSubmitInfoSchema
+>;
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-interface.ts b/apps/st/src/entities/statistics/model/statistics-interface.ts
index b909eba92..5a2b9eab5 100644
--- a/apps/st/src/entities/statistics/model/statistics-interface.ts
+++ b/apps/st/src/entities/statistics/model/statistics-interface.ts
@@ -15,13 +15,37 @@ export interface Sgg {
     bsnmCd: string;
 }
 
+export interface cancelSubmitRequest {
+    statsYr: string;
+    ctpvNm: string;
+    sggNm: string;
+    sewerBzmnCd: string;
+    statsCd: string;
+    mdfrId: string;
+}
+
+export interface cancelSubmitResponse {
+    status: string;
+    message?: string;
+}
+
 export interface ApiResponse<T> {
     status: string;
     data: T;
     message?: string;
 }
 
+export interface ImrRequest {
+    user_id?: string;
+    sewer_bzmn_cd: string;
+    stats_cd: string;
+    stats_yr: string;
+    lae_sbmsn_stts_cd: string;
+}
+
 export interface StatisticsService {
     getSidoList(): Promise<ApiResponse<SearchCondition>>;
     getSggList(sidoName: string): Promise<ApiResponse<Sgg[]>>;
+    cancelSubmit(param: cancelSubmitRequest): Promise<cancelSubmitResponse>;
+    callImrService(param: ImrRequest): Promise<null>;
 }
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-pumping-station-review-interface.ts b/apps/st/src/entities/statistics/model/statistics-pumping-station-review-interface.ts
new file mode 100644
index 000000000..0f34edf86
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-pumping-station-review-interface.ts
@@ -0,0 +1,84 @@
+import type { ApiResponse } from "./statistics-interface";
+
+/**
+ * 05.중계펌프장 검토 아이템 인터페이스
+ */
+export interface MediationPumpStationItem {
+   // 기본 정보
+    ctpvNm: string;          
+    sggNm: string;           
+    admdstCd: string;        
+    statsYr: string;         
+    displayYear: string;     
+    rowType: 'OLD' | 'CURR'; 
+    pumpstNm: string;        
+    impdFcltPstnCn: string;  
+    oprtngStrtYmd: string;   
+    pumpSeNm: string;        
+    swtrmtFcltNm: string;    
+    
+    // 제원 및 계획량
+    planMltvArea: number;    
+    sndyArea: number;        
+    rainArea: number;        
+    exlnQnt: number;         
+    
+    // 오수펌프 (DRTW)
+    drtwPumpGrssPpqty: number;     
+    drtwPumpN1DmtrArea: number;    
+    drtwPumpN1Ppqty: number;       
+    drtwPumpN1Cnt: number;         
+    drtwPumpN1RsrvCnt: number;     
+
+    drtwPumpN2DmtrArea: number;
+    drtwPumpN2Ppqty: number;
+    drtwPumpN2Cnt: number;
+    drtwPumpN2RsrvCnt: number;
+
+    drtwPumpN3DmtrArea: number;
+    drtwPumpN3Ppqty: number;
+    drtwPumpN3Cnt: number;
+    drtwPumpN3RsrvCnt: number;
+
+    // 우수펌프 (EXLN)
+    exlnPumpGrssPpqty: number;     
+    exlnPumpN1DmtrArea: number;
+    exlnPumpN1Ppqty: number;
+    exlnPumpN1Cnt: number;
+    exlnPumpN4RsrvCnt: number;   
+
+    exlnPumpN2DmtrArea: number;
+    exlnPumpN2Ppqty: number;
+    exlnPumpN2Cnt: number;
+    exlnPumpN2RsrvCnt: number;
+
+    exlnPumpN3DmtrArea: number;
+    exlnPumpN3Ppqty: number;
+    exlnPumpN3Cnt: number;
+    exlnPumpN3RsrvCnt: number;
+
+    // 기타
+    anlElpwrUseQnt: number;      
+    rmrk: string;            
+}
+
+
+export interface MediationPumpStationResponseData {
+    pumpStationList: MediationPumpStationItem[];
+}
+
+
+export type MediationPumpStationApiResponse = ApiResponse<MediationPumpStationItem[]> & {
+    message: string;
+};
+
+
+export interface MediationPumpStationService {
+    getMediationPumpStationList(params: {
+        statsYr?: string;
+        sewerBzmnCd?: string;
+        ctpvNm?: string;
+        sggNm?: string;
+        pumpstNm?: string;
+    }): Promise<MediationPumpStationApiResponse>;
+}
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-sewage-pipe-mtc-review-interface.ts b/apps/st/src/entities/statistics/model/statistics-sewage-pipe-mtc-review-interface.ts
new file mode 100644
index 000000000..330403c73
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-sewage-pipe-mtc-review-interface.ts
@@ -0,0 +1,107 @@
+import type { ApiResponse } from "./statistics-interface";
+
+/**
+ * 03. 하수관로 유지관리 개보수 아이템
+ */
+
+export interface SewerPipeMtcItem {
+    ctpvNm: string;
+    sggNm: string;
+    statsYr: string;
+    rowType: 'OLD' | 'CURR';
+    displayYear: string;
+    sewerBzmnCd: string;
+    admdstNm:string;
+    mendngWhol: number;
+    cbsysMendngPrlg: number;
+    sprsysDrtwPrlg: number;
+    sprsysExlnPrlg: number;
+    partMendngWhol: number;
+    cbsysPartMendngPrlg: number;
+    sprsysDrtwMendngPrlg: number;
+    sprsysExlnMendngPrlg: number;
+    cbsysMnhlCnt: number;
+    sprsysDrtwMnhlCnt: number;
+    sprsysExlnMnhlCnt: number;
+    exlnRcvprpCnt: number;
+    drtwRcvprpCnt: number;
+    stofcbrCnt: number;
+    otflCnt: number;
+    cctvExmnPrlg: number;
+    rmrk: string | null;
+}
+
+export interface SewerPipeMtcResponseData {
+    mtcStatusList: SewerPipeMtcItem[];
+}
+
+export interface SewerPipeMtcRequestParams {
+    ctpvNm?: string;
+    sggNm?: string;
+    statsYr?: string;
+    sewerBzmnCd?: string;
+}
+
+export type SewerPipeMtcApiResponse = ApiResponse<SewerPipeMtcResponseData>;
+
+export interface SewagePipeMtcService {
+    getSewerPipeMtcYearlyStatus(params: SewerPipeMtcRequestParams): Promise<SewerPipeMtcApiResponse>;
+}
+
+
+/**
+ * 03. 하수관로 유지관리 관로준설 아이템 (Tab 2)
+ */
+export interface SewerPipeDrdgItem {
+    // 1. 기본 정보
+    sido: string;             // 시도
+    gugun: string;            // 시군구
+    yr: string;               // 연도
+    displayYear: string;      // 화면 표시용 (예: 2024년, 2023년확정)
+    rowType: 'OLD' | 'CURR';  // OLD / CURR 구분
+    bsnmCd: string;           // 사업소코드
+
+    // 2. 시설 현황
+    piplFcltyExtn: number;    // 관로연장 (m)
+
+    // 3. 준설 실적 - 관로 (m)
+    drdgPipeSm: number;       // 준설계
+    drdgCmbnPipe: number;     // 합류식
+    drdgPltwtrPipe: number;   // 분류식-오수
+    drdgRainwtrPipe: number;  // 분류식-우수
+
+    // 4. 준설 실적 - 부속시설 (개소)
+    mnhleSite: number;           // 맨홀
+    pltwtrRcvrSite: number;      // 오수받이
+    soilspllSoilholeSite: number; // 토실/토구
+
+    // 5. 준설 효율 및 성과
+    drdgTrgetExtn: number;    // 준설대상 연장 (m)
+    drdgTrgetRt: number;      // 준설대상 대비 준설률 (%)
+    piplFcltyRt: number;      // 시설연장 대비 준설률 (%)
+    drdgAcmsltQy: number;     // 준설실적 - 양 (m3)
+    drdgAcmsltAmount: number; // 준설실적 - 금액 (천원)
+    drdgAcmsltUntpc: number;  // 준설실적 - 단가 (원/m3)
+
+    // 6. 준설토 처리 (톤)
+    drdgEtndSm: number;       // 처리량 계
+    rclm: number;             // 매립
+    oceanDpsl: number;        // 해양투기
+    ruse: number;             // 재활용
+    etc: number;              // 기타
+
+    // 7. 기타 및 상태값
+    rmk: string;              // 비고
+}
+
+
+export interface SewerPipeDrdgResponseData {
+    drdgStatusList: SewerPipeDrdgItem[];
+}
+
+
+export type SewerPipeDrdgApiResponse = ApiResponse<SewerPipeDrdgResponseData>;
+
+export interface SewagePipeMtcService {
+    getSewerPipeMtcDrdgItem(params: SewerPipeMtcRequestParams): Promise<SewerPipeDrdgApiResponse>;
+}
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-sewage-pipe-review-interface.ts b/apps/st/src/entities/statistics/model/statistics-sewage-pipe-review-interface.ts
index 0d82096ad..6ffa91466 100644
--- a/apps/st/src/entities/statistics/model/statistics-sewage-pipe-review-interface.ts
+++ b/apps/st/src/entities/statistics/model/statistics-sewage-pipe-review-interface.ts
@@ -4,131 +4,130 @@ import type { ApiResponse } from "./statistics-interface";
  * 02. 하수관로 tab1.지역별 시설현황 아이템 인터페이스 (Tab1)
  */
 export interface SewagePipeReviewrRegionalItem {
-    // 기본 정보 및 행 제어
-    sido: string;           // 시도
-    gugun: string;          // 시군구
-    adstDong: string;       // 행정구역명
-    adstCd: string;         // 행정코드
-    yr: string;             // 연도
-    rowType: 'OLD' | 'CURR'; // 전년도/당해년도 구분
-    displayYear: string;      // 구분 표시용 (2024년확정 등)
+    ctpvNm: string;                // 시도명
+    sggNm: string;                 // 시군구명
+    admdstNm: string;              // 행정구역명
+    admdstCd: string;              // 행정구역코드
+    statsYr: string;               // 통계 연도
+    displayYear: string;           // 화면 표시용 연도
+    rowType: 'OLD' | 'CURR';       // 데이터 구분
 
-    // 하수정비 기본계획
-    targetYr: number;               // 하수정보기본계획목표년도
-    piplImprmnPlanExtn: number;    // 총관로정비 계획연장(m)
-    piplPlanExtn: number;          // 총계획연장(m)
-    piplFcltyExtn: number;         // 총시설연장(m)
-    piplSupprt: number;            // 하수관로 보급률(%)
+    /* --- 하수정비 기본계획 및 총계 --- */
+    goalYr: string;                // 하수정비 기본계획 목표연도
+    wholPplMtncPlanPrlg: number;   // 총관로정비계획연장
+    wholPlanPrlg: number;          // 전체계획연장
+    wholFcltPrlg: number;          // 전체시설연장
+    swagePplPsplyRt: number;       // 하수관로보급비율
 
-    // 합류식 (CMBN)
-    cmbnPlanAr: number;            // 관로정비 계획면적(㎢)
-    cmbnImprmnPlanExtn: number;    // 관로정비 계획연장(m)
-    cmbnPlanExtn: number;          // 계획연장(m)
-    cmbnFcltyExtn: number;         // 시설연장(m)
-    cmbnRctglExtn: number;         // 사각형(m)
-    cmbnCicleExtn: number;         // 원형(m)
-    cmbnOpswrExtn: number;         // 개거(m)
-    cmbnSdgttrExtn: number;        // 측구(m)
+    /* --- 합류식 (Combined) --- */
+    cbsysPplMtncPlanArea: number;  // 합류식관로정비계획면적
+    cbsysPplMtncPlanPrlg: number;  // 합류식관로정비계획연장
+    cbsysPlanPrlg: number;         // 합류식계획연장
+    cbsysFcltPrlg: number;         // 합류식시설연장
+    cbsysSqrePrlg: number;         // 합류식사각연장
+    cbsysCiclPrlg: number;         // 합류식원형연장
+    cbsysOpnPrlg: number;          // 합류식개방연장
+    cbsysGttrPrlg: number;         // 합류식측구연장
 
-    // 분류식 - 오수관로 (PLTWTR)
-    pltwtrPlanAr: number;          // 관로정비 계획면적(㎢)
-    pltwtrImprmnPlanExtn: number;  // 관로정비 계획연장(m)
-    pltwtrPlanExtn: number;        // 계획연장(m)
-    pltwtrFlctyExtn: number;       // 시설연장(m)
-    pltwtrSqreExtn: number;        // 사각형(m)
-    pltwtrCiclExtn: number;        // 원형(m)
+    /* --- 분류식 - 오수관로 (Foul Water) --- */
+    drtwPplMtncPlanArea: number;   // 오수관로정비계획면적
+    drtwPplMtncPlanPrlg: number;   // 오수관로정비계획연장
+    drtwPplPlanPrlg: number;       // 오수관로계획연장
+    drtwPplFcltPrlg: number;       // 오수관로시설연장
+    drtwPplSqrePrlg: number;       // 오수관로사각연장
+    drtwPplCiclPrlg: number;       // 오수관로원형연장
 
-    // 분류식 - 우수관로 (RAINWTR)
-    rainwtrPlanAr: number;         // 관로정비 계획면적(㎢)
-    rainwtrImprmnPlanExtn: number; // 관로정비 계획연장(m)
-    rainwtrPlanExtn: number;       // 계획연장(m)
-    rainwtrFlctyExtn: number;      // 시설연장(m)
-    rainwtrSqreExtn: number;       // 사각형(m)
-    rainwtrCiclExtn: number;       // 원형(m)
-    rainwtrOpswrExtn: number;      // 개거(m)
-    rainwtrSdgttrExtn: number;     // 측구(m)
+    /* --- 분류식 - 우수관로 (Rain Water) --- */
+    exlnPplMtncPlanArea: number;   // 우수관로정비계획면적
+    exlnPplMtncPlanPrlg: number;   // 우수관로정비계획연장
+    exlnPplPlanPrlg: number;       // 우수관로계획연장
+    exlnPplFcltPrlg: number;       // 우수관로시설연장
+    exlnPplSqrePrlg: number;       // 우수관로사각연장
+    exlnPplCiclPrlg: number;       // 우수관로원형연장
+    exlnPplOpnPrlg: number;        // 우수관로개방연장
+    exlnPplGttrPrlg: number;       // 우수관로측구연장
 
-    // 부속시설 (개소)
-    mnhleSite: number;            // 합류식맨홀
-    pltwtrMnhleSite: number;      // 오수맨홀
-    rainwtrMnhleSite: number;     // 우수맨홀
-    pltwtrRcvrSite: number;       // 오수받이
-    rainwtrRcvrSite: number;      // 빗물받이
-    soilspllSite: number;         // 우수토실
-    soilholeSite: number;         // 우수토구
+    /* --- 부속시설 --- */
+    cbsysMnhlCnt: number;          // 합류식맨홀수
+    sprsysDrtwMnhlCnt: number;     // 분류식오수맨홀수
+    sprsysExlnMnhlCnt: number;     // 분류식우수맨홀수
+    drtwRcvprpCnt: number;         // 오수받이수
+    exlnRcvprpCnt: number;         // 우수받이수
+    stofcbrCnt: number;            // 우수토실수
+    exlnOtflCnt: number;           // 우수토구수
 
-    // 대장 및 기타
-    sewerRegstrCmptExtn: number;   // 하수도대장 전산화연장(m)
-    sewerRegstrCmptRt: number;     // 하수도대장 전산화율(%)
-    rmk: string;                   // 비고
+    /* --- 대장 및 기타 --- */
+    sewerLdgrEdpPrlg: number;      // 하수도대장전산화연장
+    sewerLdgrEdpRt: number;        // 하수도대장전산화비율
+    rmrk: string | null;           // 비고
 }
 
 export interface SewagePipeReviewResponseData {
     sewagePipeList: SewagePipeReviewrRegionalItem[];
 }
 
+export interface SewagePipeReviewRequestParams {
+    ctpvNm?: string;              
+    sggNm?: string;               
+    statsYr?: string;             
+    sewerBzmnCd?: string;         
+}
 
 export type SewagePipeReviewRegionalApiResponse = ApiResponse<SewagePipeReviewrRegionalItem[]> & {
     message: string;
 };
 
 export interface SewagePipeReviewService {
-
-    getSewagePipeReviewList(params: {
-        yr?: string;      // 조회 연도
-        bsnmCd?: string;  // 사업장 코드
-        sido?: string;    // 시도
-        gugun?: string;   // 구군
-    }): Promise<SewagePipeReviewRegionalApiResponse>;
+    getSewagePipeReviewRegionalList(params: SewagePipeReviewRequestParams): Promise<SewagePipeReviewRegionalApiResponse>;
 }
 
-
+/**
+ * 02. 하수관로 시설별 설치현황 데이터 항목 (Tab 2)
+ */
 export interface SewagePipeReviewFacilityItem {
     // 1. 행정구역 및 기본 정보
-    sido: string;           // 시도
-    gugun: string;          // 시군구
-    adstCd: string;         // 행정코드
-    adstDong: string;       // 행정구역명
-    yr: string;             // 연도
-    rowType: 'OLD' | 'CURR'; // 전년도/당해년도 구분
-    displayYear: string;    // 구분 표시용 (2024년확정 등)
+    ctpvNm: string;               
+    sggNm: string;                
+    admdstCd: string;             
+    admdstNm: string;             
+    statsYr: string;              
+    rowType: 'OLD' | 'CURR';      
+    displayYear: string;          
 
     // 2. 시설 정보
-    bscFctNm: string;       // 하수처리장명
-    fctCpc: number;         // 하수처리시설용량(㎥/일)
+    swtrmtFcltNm: string;         
+    prcsFcltCpct: number;         
 
-    // 3. 처리구역면적(㎢)
-    procZoneSm: number;      // 합계(면적)
-    cmbnProcZoneAr: number;  // 합류식(면적)
-    sprtProcZoneAr: number;  // 분류식(면적)
-    sepRate: number;         // 분류식화 (%)
+    // 3. 처리구역 면적(㎢)
+    prcsZoneArea: number;         
+    cbsysPrcsZoneArea: number;    
+    sprsysPrcsZoneArea: number;   
+
+    sprsysVartnRt:number;//분류식
 
     // 4. 배수설비(개소)
-    drngEqpSm: number;       // 합계(배수)
-    cmbnDrngEqp: number;     // 합류식(배수)
-    sprtDrngEqpSm: number;   // 합계(분류배수)
-    sprtDrngEqpCnnc: number; // 연결
-    sprtDrngEqpDcnnc: number; // 미연결
+    mltvEqpmCnt: number;        
+    cbsysMltvEqpmCnt: number;   
+    sprsysMltvEqpmCnt: number;  
 
     // 5. 하수관로 (m)
-    piplFcltyExtn: number;   // 총 시설연장(m)
-    icgMnnSm: number;        // 합계(차집/오수간선)
-    icgExtn: number;         // 차집
-    mnnExtn: number;         // 오수간선
+    wholFcltPrlg: number;       
+    wholIcptgAtlfcPrlg: number; 
+    icptgPrlg: number;          
+    atlfcsPrlg: number;         
 
-    // 6. 토실/토구 (개소)
-    cmbnSoilholeSite: number; // 우수토실(합류)
-    sprtSoilholeSite: number; // 우수토실(분류)
-    sprtSoilspllSite: number; // 우수토구(분류)
+    // 6. 우수토실/토구 (개소)
+    cbsysStofcbrCnt: number;    
+    sprsysStofcbrCnt: number;   
+    sprsysExlnOtflCnt: number;  
 
     // 7. 지선 (m)
-    brnchlnSm: number;          // 합계(지선)
-    cmbnBrnchlnExtn: number;    // 합류식(지선)
-    rainwtrBrnchlnExtn: number; // 우수(지선)
-    pltwtrBrnchlnExtn: number;  // 오수(지선)
+    wholBrchlnPrlg: number;       
+    cbsysBrchlnPrlg: number;      
+    exlnBrchlnPrlg: number;       
+    drtwBrchlnPrlg: number;       
 
-    // 비고
-    rmk: string;            // 비고
+    rmrk: string | null;          
 }
 
 
@@ -136,17 +135,109 @@ export interface SewagePipeFacilityResponseData {
     facilityPipeList: SewagePipeReviewFacilityItem[];
 }
 
-export type SewagePipeFacilityApiResponse = ApiResponse<SewagePipeReviewFacilityItem[]> & {
+
+export type SewagePipeFacilityApiResponse = ApiResponse<SewagePipeFacilityResponseData> & {
     message: string;
 };
 
 
 export interface SewagePipeFacilityService {
+    getSewagePipeFacilityList(params: SewagePipeReviewRequestParams): Promise<SewagePipeFacilityApiResponse>;
+}
 
-    getSewagePipeFacilityList(params: {
-        yr?: string;      // 조회 연도
-        bsnmCd?: string;  // 사업장 코드
-        sido?: string;    // 시도
-        gugun?: string;   // 구군
-    }): Promise<SewagePipeFacilityApiResponse>;
+/**
+ * 02. 하수관로 관종별 시설현황 (Tab 3)
+ *
+ */
+export interface SewerPipeTypeItem {
+    ctpvNm: string;
+    sggNm: string;
+    admdstCd: string;
+    admdstNm: string;
+    swrgPipeNm: string;
+    statsYr: string;
+    displayYear: string;
+    rowType: 'OLD' | 'CURR';
+    rmrk: string | null;
+
+    // 총합 필드
+    pipeByPrstWhol:number;
+    lyngPrlg: number;  
+    dmltnPrlg: number; 
+
+    [key: string]: string | number | null | undefined;
+}
+
+
+export interface SewerPipeTypeResponseData {
+    pipeTypeStatusList: SewerPipeTypeItem[];
+}
+
+export type SewerPipeTypeApiResponse = ApiResponse<SewerPipeTypeItem[]>;
+
+export interface SewagePipeTypeService {
+
+    getSewagePipeTypeList(params: SewagePipeReviewRequestParams): Promise<SewagePipeFacilityApiResponse>;
+}
+
+/**
+ * 02. 하수관로 관경별 시설현황 아이템 (Tab 4)
+ */
+export interface SewerPipeDiamItem {
+   // 1. 기본 정보
+    ctpvNm: string;           // 시도명
+    sggNm: string;            // 시군구명
+    admdstNm: string;         // 행정구역명
+    admdstCd: string;         // 행정구역코드
+    statsYr: string;          // 통계연도 (statsYr로 통일)
+    rowType: 'OLD' | 'CURR';  // 데이터 구분
+    displayYear: string;      // 화면 표시용 연도
+    sewerBzmnCd: string;      // 하수도사업자코드
+
+    // 2. 시설 현황
+    wholFcltPrlg: number;     // 전체시설연장 (m)
+
+    // 3. 준설연장 및 개소수 - 관로 (m)
+    wholSwagePpl: number;     // 전체하수관로 준설연장 (m)
+    cbsysPplPrlg: number;     // 합류식관로연장 (m)
+    sprsysDrtwPrlg: number;   // 분류식오수연장 (m)
+    sprsysExlnPrlg: number;   // 분류식우수연장 (m)
+
+    // 4. 준설연장 및 개소수 - 부속시설 (개소)
+    mnhlCnt: number;           // 맨홀수
+    exlnDrtwRcvprpCnt: number; // 우수오수받이수
+    stofcbrOtflCnt: number;    // 우수토실토구수
+
+    // 5. 준설 효율 및 성과
+    drdgnPlanPrlg: number;          // 준설계획연장 (m)
+    drdgnTrgtCtrsDrdgnRt: number;   // 준설대상대비준설비율 (%)
+    wholPrlgCtrsDrdgnRt: number;    // 전체연장대비준설비율 (%)
+
+    // 6. 준설실적
+    drdgnAmt: number;               // 준설금액 (백만원)
+    drdgnQnt: number;               // 준설량 (m3)
+
+    // 7. 준설토사처리 (톤)
+    drdgnUntprcAmt: number;         // 준설단가금액 (원/m3)
+    wholDrdgnPrcsQnt: number;       // 전체준설처리량 (톤)
+    rclmQnt: number;                // 매립량
+    oceanEmsnQnt: number;           // 해양방출량
+    rcycQnt: number;                // 재활용량
+    etcQnt: number;                 // 기타량
+
+    // 8. 기타
+    rmrk: string;                   // 비고
+}
+
+
+export interface SewerPipeDiamResponseData {
+    pipeDiamStatusList: SewerPipeDiamItem[];
+}
+
+
+export type SewerPipeDiamApiResponse = ApiResponse<SewerPipeDiamResponseData>;
+
+
+export interface SewagePipeDiamService {
+    getSewagePipeDiamList(params: SewagePipeReviewRequestParams): Promise<SewagePipeFacilityApiResponse>;
 }
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-sewerage-penetration-review-interface.ts b/apps/st/src/entities/statistics/model/statistics-sewerage-penetration-review-interface.ts
index 8fbf7ea1f..9c4d0ac1e 100644
--- a/apps/st/src/entities/statistics/model/statistics-sewerage-penetration-review-interface.ts
+++ b/apps/st/src/entities/statistics/model/statistics-sewerage-penetration-review-interface.ts
@@ -2,69 +2,55 @@ import type { ApiResponse } from "./statistics-interface";
 
 // 검토 01.하수도 보급률 데이터 항목
 export interface SewerageSupplyRateReviewItem {
+ctpvNm: string;               
+    sggNm: string;                
+    statsYr: string;              
+    admdstNm: string;             
+    admdstCd: string;             
+    displayYear: string;          
+    rowType: 'OLD' | 'CURR';      
 
-    sido: string;
-    gugun: string;
-    adstDong: string;   
-    displayYear: string; 
-    rowType: 'OLD' | 'CURR'; 
-    adstCd: string;
-    bsnmCd: string;
-    yr: number;
+    lgbsn: string;                
+    mdbsn: string;                
+    mdmbsn: string;               
+    rvbsn: string | null;   
+    trbtrNm: string | null;       
+    spcCtpnRgnCn: string | null;  
 
-    /* ======================================================================
-     * 수계 및 지역 정보
-     * ====================================================================== */
-    rvbsn: string;
-    lgbsn: string;
-    mdbsn: string;
-    mdmbsn: string;
-    wrssm: string | null;
-    bstrm: string;
-    speclCntrplnAr: string | null;
+    wholPpltnCnt: number;         
+    wholArea: number;             
 
-    /* ======================================================================
-     * 인구 및 면적 데이터 (공통 필드명)
-     * ====================================================================== */
-    popltnSm: number;      // 총인구
-    arSm: number;          // 총면적(㎢)
-
-    /* 하수처리구역내 (groupD) */
-    swgeProcZoneInnerSm: number;   // 계
-    pblswrgPopltnSm: number;       // 공공하수처리인구-합계
-    pblswrgPrmTrt: number;         // 1차처리
-    pblswrgScdTrt: number;         // 2차처리
-    pblswrgTertTrt: number;        // 3차처리
+    wholSwtrmtPpltnCnt: number;      
+    wholPblSwtrmtPpltnCnt: number;   
+    ts1SwtrmtPpltnCnt: number;       
+    ts2SwtrmtPpltnCnt: number;       
+    ts3SwtrmtPpltnCnt: number;       
     
-    wstrPopltnSm: number;          // 폐수처리인구-합계
-    wstrPrmTrt: number;            // 1차처리
-    wstrScdTrt: number;            // 2차처리
-    wstrTertTrt: number;           // 3차처리
+    wholWwtPrcsPpltnCnt: number;     
+    ts1WwtPrcsPpltnCnt: number | null; 
+    ts2WwtPrcsPpltnCnt: number | null; 
+    ts3WwtPrcsPpltnCnt: number | null; 
     
-    notConectPopltn: number;       // 미접속인구
-    swgeProcZoneInnerAr: number;   // 면적(㎢)
+    yetCntnPpltnCnt: number;         
+    staaArea: number;                
 
-    /* 하수처리구역외 (groupE) */
-    swgeProcZoneOuterSm: number;   // 계
-    townUnprocPopltn: number;      // 미처리인구 (Town + Uptown 합산값)
-    townSwttPopltn: number;        // 오수처리인구 (Town + Uptown 합산값)
-    townWrrtnPopltn: number;       // 정화조인구 (Town + Uptown 합산값)
-    swgeProcZoneOuterAr: number;   // 면적(㎢)
+    wholStaaExcpPpltnCnt: number;    
+    unprcsPpltnCnt: number | null;   
+    drtwPrcsPpltnCnt: number | null; 
+    spctnkPpltnCnt: number | null;   
+    staaExcpArea: number;            
 
-    /* ======================================================================
-     * 보급률 및 기타
-     * ====================================================================== */
-    pblswrgPopltnSuprt: number;    // 공공하수보급률(%)
-    adtrtPopltnSuprt: number;      // 고도처리보급률(%)
-    swrgInstlrt: number;           // 하수도설치율(%)
-    rmk: string | null;            // 비고
-
-    /* ======================================================================
-     * Flag (필요 시 유지)
-     * ====================================================================== */
-    lcnt: number | null;
-    ocnt: number | null;
+    staaPsplyRt: number;             
+    altdPrcsPsplyRt: number;         
+    sewerInstlRt: number;            
+    rmrk: string | null;
+}
 
+export interface SewerageSupplyRateReviewRequestParams {
+    ctpvNm?: string;      
+    sggNm?: string;       
+    statsYr?: string;     
+    sewerBzmnCd?: string; 
 }
 
 export interface SewerageSupplyRateReviewResponseData {
@@ -75,14 +61,6 @@ export type SewerageSupplyRateReviewApiResponse = ApiResponse<SewerageSupplyRate
     message: string;
 };
 
-
-export interface SewerageSupplyRateReviewRequestParams {
-    sido?: string;
-    gugun?: string;
-    yr?: string;
-    bsnmCd?: string;
-}
-
 export interface SewerageSupplyRateReviewService {
     getSewerageSupplyRateReviewList(params: SewerageSupplyRateReviewRequestParams): Promise<SewerageSupplyRateReviewApiResponse>;
 }
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/statistics-total/statistics-sewage-supply-rate-total-interface.ts b/apps/st/src/entities/statistics/model/statistics-total/statistics-sewage-supply-rate-total-interface.ts
new file mode 100644
index 000000000..31f7b81db
--- /dev/null
+++ b/apps/st/src/entities/statistics/model/statistics-total/statistics-sewage-supply-rate-total-interface.ts
@@ -0,0 +1,54 @@
+export interface SewerageSupplyRateRequest {
+    ctpvNm?: string;
+    sggNm?: string;
+    statsYr?: string;
+    sewerBzmnCd?: string;
+    rowDataYn?: boolean;
+}
+
+export interface SewerageSupplyRateTotalItem {
+    ctpvNm: string;
+    sggNm: string;
+    statsYr: string;
+    admdstNm: string;
+    admdstCd: string;
+    rowType: string;
+    trbtrNm: string;
+    rvbsn: string;
+    mdbsn: string;
+    lgbsn: string;
+    mdmbsn: string;
+    spcCtpnRgnCn: string;
+    wholPpltnCnt: number;
+    wholArea: number;
+    wholSwtrmtPpltnCnt: number;
+    wholPblSwtrmtPpltnCnt: number;
+    ts1SwtrmtPpltnCnt: number;
+    ts2SwtrmtPpltnCnt: number;
+    ts3SwtrmtPpltnCnt: number;
+    wholWwtPrcsPpltnCnt: number;
+    ts1WwtPrcsPpltnCnt: number;
+    ts2WwtPrcsPpltnCnt: number;
+    ts3WwtPrcsPpltnCnt: number;
+    yetCntnPpltnCnt: number;
+    staaArea: number;
+    wholStaaExcpPpltnCnt: number;
+    unprcsPpltnCnt: number;
+    drtwPrcsPpltnCnt: number;
+    spctnkPpltnCnt: number;
+    staaExcpArea: number;
+    staaPsplyRt: number;
+    altdPrcsPsplyRt: number;
+    sewerInstlRt: number;
+    rmrk: string;
+}
+
+export interface SewerageSupplyRateResponse {
+    status: string;
+    message: string;
+    data: SewerageSupplyRateTotalItem[];
+}
+
+// export interface StatisticsTotalSewSupplyRateService {
+//     getSewerageSupplyRateList(params: SewerageSupplyRateRequest): Promise<SewerageSupplyRateResponse>;
+// }
\ No newline at end of file
diff --git a/apps/st/src/entities/statistics/model/verification-article-mock.ts b/apps/st/src/entities/statistics/model/verification-article-mock.ts
deleted file mode 100644
index 272efeb16..000000000
--- a/apps/st/src/entities/statistics/model/verification-article-mock.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-import { fakerKO as faker } from "@faker-js/faker";
-import type {
-    HBArticleItem,
-    IMRArticleItem,
-    ValidationArticleItem,
-} from "./verification-article-interface";
-
-const HB_STATS_ITEMS = [
-    "하수도 보급률",
-    "하수관로",
-    "하수처리시설 및 방류량보고",
-    "펌프장",
-    "공공하수처리시설",
-    "분뇨처리시설",
-    "개인하수처리시설",
-    "하수도재정",
-    "물 재이용",
-];
-
-const HB_VERIFICATION_ITEMS = [
-    "행정구역 보급률",
-    "유역환경청별 보급률",
-    "관로연장",
-    "처리용량",
-    "방류량",
-    "펌프용량",
-];
-
-const IMR_STATS_ITEMS = [
-    "하수도 보급률",
-    "하수관로",
-    "하수처리시설 및 방류량보고",
-    "펌프장",
-    "공공하수처리시설",
-    "분뇨처리시설",
-    "개인하수처리시설",
-    "하수도재정",
-    "물 재이용",
-];
-
-const VALIDATION_STATS_ITEMS = [
-    "하수관로 유지관리",
-    "하수저류시설 및 빗물펌프장",
-    "공공하수처리시설",
-    "분뇨처리시설",
-    "개인하수처리시설",
-    "하수도재정",
-];
-
-const VERIFICATION_NAMES = [
-    "제정별 사업비",
-    "관로길이",
-    "공란검증",
-    "범위검증",
-    "논리검증",
-    "유지보수",
-];
-
-const TABLE_NAMES = [
-    "tb_stats_drng_sys",
-    "tb_stats_ppline",
-    "tb_stats_fclt",
-    "tb_stats_pump_stt",
-    "tb_stats_sewg_trtm",
-];
-
-const COLUMN_NAMES = [
-    "drng_sys_rate",
-    "ppline_len",
-    "fclt_cpct",
-    "pump_cpct",
-    "trtm_qty",
-    "popl_cnt",
-];
-
-const BASIC_RULES = [
-    "값 > 0",
-    "값 >= 0",
-    "값 != NULL",
-    "범위: 0-100",
-    "A > B",
-];
-
-function formatDateTime(date: Date): string {
-    const y = date.getFullYear();
-    const m = String(date.getMonth() + 1).padStart(2, "0");
-    const d = String(date.getDate()).padStart(2, "0");
-    const h = String(date.getHours()).padStart(2, "0");
-    const min = String(date.getMinutes()).padStart(2, "0");
-    return `${y}-${m}-${d} ${h}:${min}`;
-}
-
-/** H-B 탭 목데이터 생성 */
-export function createHBArticleMock(count = 10): HBArticleItem[] {
-    faker.seed(100);
-    return Array.from({ length: count }, (_, index) => ({
-        statsItmNm: faker.helpers.arrayElement(HB_STATS_ITEMS),
-        vrfcItmNm: faker.helpers.arrayElement(HB_VERIFICATION_ITEMS),
-        tblNm: faker.helpers.arrayElement(TABLE_NAMES),
-        colNm: faker.helpers.arrayElement(COLUMN_NAMES),
-        percentileVal: faker.number.float({
-            min: 0,
-            max: 100,
-            fractionDigits: 2,
-        }),
-        aVal: faker.number.float({ min: 0, max: 10, fractionDigits: 3 }),
-        cVal: faker.number.float({ min: 0, max: 10, fractionDigits: 3 }),
-        regNm: faker.person.fullName(),
-        regDt: formatDateTime(faker.date.recent({ days: 90 })),
-    }));
-}
-
-/** I-MR 탭 목데이터 생성 */
-export function createIMRArticleMock(count = 10): IMRArticleItem[] {
-    faker.seed(200);
-    return Array.from({ length: count }, (_, index) => ({
-        statsItmNm: faker.helpers.arrayElement(IMR_STATS_ITEMS),
-        vrfcNm: faker.helpers.arrayElement(VERIFICATION_NAMES),
-        tblNm: faker.helpers.arrayElement(TABLE_NAMES),
-        colNm: faker.helpers.arrayElement(COLUMN_NAMES),
-        regNm: faker.person.fullName(),
-        regDt: formatDateTime(faker.date.recent({ days: 90 })),
-    }));
-}
-
-/** Validation 탭 목데이터 생성 */
-export function createValidationArticleMock(
-    count = 6,
-): ValidationArticleItem[] {
-    faker.seed(300);
-    return Array.from({ length: count }, (_, index) => ({
-        no: `${index + 1}`,
-        statsItmNm: faker.helpers.arrayElement(VALIDATION_STATS_ITEMS),
-        vrfcNm: faker.helpers.arrayElement(VERIFICATION_NAMES),
-        tblNm: faker.helpers.arrayElement(TABLE_NAMES),
-        colNm: faker.helpers.arrayElement(COLUMN_NAMES),
-        cmpTblNm: faker.helpers.arrayElement(TABLE_NAMES),
-        cmpColNm: faker.helpers.arrayElement(COLUMN_NAMES),
-        bscRul: faker.helpers.arrayElement(BASIC_RULES),
-    }));
-}
-
-/** H-B 탭 기본 목데이터 */
-export const hbArticleMockData = createHBArticleMock(10);
-
-/** I-MR 탭 기본 목데이터 */
-export const imrArticleMockData = createIMRArticleMock(10);
-
-/** Validation 탭 기본 목데이터 */
-export const validationArticleMockData = createValidationArticleMock(6);
diff --git a/apps/st/src/entities/statistics/model/verification-article-column.ts b/apps/st/src/entities/statistics/model/verification-article/verification-article-column.ts
similarity index 94%
rename from apps/st/src/entities/statistics/model/verification-article-column.ts
rename to apps/st/src/entities/statistics/model/verification-article/verification-article-column.ts
index c62156730..e9e237338 100644
--- a/apps/st/src/entities/statistics/model/verification-article-column.ts
+++ b/apps/st/src/entities/statistics/model/verification-article/verification-article-column.ts
@@ -1,5 +1,5 @@
-import { ValueType } from "realgrid";
 import type { ColumnInfo } from "@rsone/components";
+import { ValueType } from "realgrid";
 
 export const hbArticleColumnInfo: ColumnInfo = {
     columns: [
@@ -31,6 +31,15 @@ export const hbArticleColumnInfo: ColumnInfo = {
             editable: false,
             sortdisable: false,
         },
+        {
+            name: "ipcrCntVl",
+            fieldName: "ipcrCntVl",
+            header: { text: "μ" },
+            editable: false,
+            sortdisable: false,
+            valueType: ValueType.NUMBER,
+            dataFormat: "#,##0.##",
+        },
         {
             name: "pctlCrtrVl",
             fieldName: "pctlCrtrVl",
@@ -78,6 +87,7 @@ export const hbArticleColumnInfo: ColumnInfo = {
         "vrfcTrgtNm",
         "tblNm",
         "colNm",
+        "ipcrCntVl",
         "pctlCrtrVl",
         "scopCntCntVl",
         "thrsCntVl",
diff --git a/apps/st/src/entities/statistics/model/verification-article-interface.ts b/apps/st/src/entities/statistics/model/verification-article/verification-article-interface.ts
similarity index 100%
rename from apps/st/src/entities/statistics/model/verification-article-interface.ts
rename to apps/st/src/entities/statistics/model/verification-article/verification-article-interface.ts
diff --git a/apps/st/src/entities/statistics/model/verification-history-column.ts b/apps/st/src/entities/statistics/model/verification-history-column.ts
deleted file mode 100644
index aea9b7f4f..000000000
--- a/apps/st/src/entities/statistics/model/verification-history-column.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { ValueType } from "realgrid";
-import type { ColumnInfo } from "@rsone/components";
-
-/** 검증 이력 그리드 컬럼 설정 */
-export const verificationHistoryColumnInfo: ColumnInfo = {
-    columns: [
-        {
-            name: "executedAt",
-            fieldName: "executedAt",
-            header: { text: "검증 실행 일시" },
-            editable: false,
-            sortdisable: false,
-        },
-        {
-            name: "progressStatus",
-            fieldName: "progressStatus",
-            header: { text: "진행 상태" },
-            editable: false,
-            sortdisable: false,
-        },
-        {
-            name: "endedAt",
-            fieldName: "endedAt",
-            header: { text: "종료 일시" },
-            editable: false,
-            sortdisable: false,
-        },
-        {
-            name: "verificationYear",
-            fieldName: "verificationYear",
-            header: { text: "검증년도" },
-            editable: false,
-            sortdisable: false,
-        },
-        {
-            name: "mu",
-            fieldName: "mu",
-            header: { text: "μ" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0.###",
-        },
-        {
-            name: "percentile",
-            fieldName: "percentile",
-            header: { text: "Percentile" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0.###",
-        },
-        {
-            name: "a",
-            fieldName: "a",
-            header: { text: "A" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0.###",
-        },
-        {
-            name: "c",
-            fieldName: "c",
-            header: { text: "C" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0.###",
-        },
-        {
-            name: "target",
-            fieldName: "target",
-            header: { text: "검증 대상" },
-            editable: false,
-            sortdisable: false,
-        },
-        {
-            name: "normalCount",
-            fieldName: "normalCount",
-            header: { text: "정상건수" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0",
-        },
-        {
-            name: "excludedCount",
-            fieldName: "excludedCount",
-            header: { text: "제외건수" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0",
-        },
-        {
-            name: "abnormalCount",
-            fieldName: "abnormalCount",
-            header: { text: "이상건수" },
-            editable: false,
-            sortdisable: false,
-            valueType: ValueType.NUMBER,
-            dataFormat: "#,##0",
-        },
-    ],
-    columnLayout: [
-        "executedAt",
-        "progressStatus",
-        "endedAt",
-        "verificationYear",
-        "mu",
-        "percentile",
-        "a",
-        "c",
-        "target",
-        "normalCount",
-        "excludedCount",
-        "abnormalCount",
-    ],
-};
diff --git a/apps/st/src/entities/statistics/model/verification-history-interface.ts b/apps/st/src/entities/statistics/model/verification-history-interface.ts
deleted file mode 100644
index 869399cba..000000000
--- a/apps/st/src/entities/statistics/model/verification-history-interface.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/** 검증 이력 한 건 (그리드 행 데이터) */
-export interface VerificationHistoryItem {
-    /** 검증 실행 일시 */
-    executedAt: string;
-    /** 진행 상태 */
-    progressStatus: string;
-    /** 종료 일시 */
-    endedAt: string;
-    /** 검증년도 */
-    verificationYear: string;
-    /** μ */
-    mu: number;
-    /** Percentile */
-    percentile: number;
-    /** A */
-    a: number;
-    /** C */
-    c: number;
-    /** 검증 대상 */
-    target: string;
-    /** 정상건수 */
-    normalCount: number;
-    /** 제외건수 */
-    excludedCount: number;
-    /** 이상건수 */
-    abnormalCount: number;
-}
diff --git a/apps/st/src/entities/statistics/model/verification-history-mock.ts b/apps/st/src/entities/statistics/model/verification-history-mock.ts
deleted file mode 100644
index 90c152be7..000000000
--- a/apps/st/src/entities/statistics/model/verification-history-mock.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { fakerKO as faker } from "@faker-js/faker";
-import type { VerificationHistoryItem } from "./verification-history-interface";
-
-const VERIFICATION_TARGETS = [
-    "하수도 보급률",
-    "하수관로",
-    "하수관로 유지관리",
-    "하수저류시설 및 빗물펌프장",
-    "펌프장",
-    "공공하수처리시설",
-    "분뇨처리시설",
-    "개인하수처리시설",
-    "하수도재정",
-    "물 재이용",
-    "하수도 서비스 수준",
-];
-
-const PROGRESS_STATUSES = ["대기", "진행중", "완료", "실패"];
-
-function formatDateTime(date: Date): string {
-    const y = date.getFullYear();
-    const m = String(date.getMonth() + 1).padStart(2, "0");
-    const d = String(date.getDate()).padStart(2, "0");
-    const h = String(date.getHours()).padStart(2, "0");
-    const min = String(date.getMinutes()).padStart(2, "0");
-    return `${y}-${m}-${d} ${h}:${min}`;
-}
-
-/** 검증 이력 목데이터 생성 (그리드 행 형식) */
-export function createVerificationHistoryMock(
-    count = 10,
-): Record<string, string | number>[] {
-    faker.seed(42);
-    return Array.from({ length: count }, () => {
-        const executedAt = faker.date.recent({ days: 90 });
-        const durationMinutes = faker.number.int({ min: 1, max: 120 });
-        const endedAt = new Date(
-            executedAt.getTime() + durationMinutes * 60 * 1000,
-        );
-        const status = faker.helpers.arrayElement(PROGRESS_STATUSES);
-        const normalCount = faker.number.int({ min: 0, max: 500 });
-        const excludedCount = faker.number.int({ min: 0, max: 50 });
-        const abnormalCount = faker.number.int({ min: 0, max: 30 });
-        const item: VerificationHistoryItem = {
-            executedAt: formatDateTime(executedAt),
-            progressStatus: status,
-            endedAt: formatDateTime(endedAt),
-            verificationYear: String(executedAt.getFullYear()),
-            mu: faker.number.float({ min: 0, max: 1, fractionDigits: 3 }),
-            percentile: faker.number.float({
-                min: 0,
-                max: 100,
-                fractionDigits: 2,
-            }),
-            a: faker.number.float({ min: 0, max: 10, fractionDigits: 3 }),
-            c: faker.number.float({ min: 0, max: 10, fractionDigits: 3 }),
-            target: faker.helpers.arrayElement(VERIFICATION_TARGETS),
-            normalCount,
-            excludedCount,
-            abnormalCount,
-        };
-        return { ...item } as Record<string, string | number>;
-    });
-}
-
-/** 검증 이력 기본 목데이터 (10건) */
-export const verificationHistoryMockData = createVerificationHistoryMock(10);
diff --git a/apps/st/src/entities/statistics/model/verification-target-management-interface.ts b/apps/st/src/entities/statistics/model/verification-target-management-interface.ts
index 08d771256..86866f05c 100644
--- a/apps/st/src/entities/statistics/model/verification-target-management-interface.ts
+++ b/apps/st/src/entities/statistics/model/verification-target-management-interface.ts
@@ -1,6 +1,25 @@
-import type { PageableList } from "@/shared/model";
+import type { PageableList, PageableParams } from "@/shared/model";
+
+export interface NumericColumnDto {
+    columnName: string;
+    dataType: string;
+    columnComment: string;
+}
+
+export interface TableMetadataResponse {
+    schmNm: string;
+    tblNm: string;
+    pkColumns: string[];
+    numericColumns: NumericColumnDto[];
+}
 import type { ApiResponse } from "./statistics-interface";
 
+// 검증 대상 코드 응답 DTO
+export interface VerificationTargetCodeResponse {
+    vrfcTrgtSn: string;
+    vrfcTrgtNm: string;
+}
+
 // 검증 대상 관리 응답 DTO
 export interface VerificationTargetManagementResponse {
     vrfcTrgtSn: number; // 검증 대상 일련번호
@@ -27,16 +46,24 @@ export interface VerificationTargetManagementResponse {
 }
 
 // 검증 대상 관리 검색 DTO
-export interface VerificationTargetManagementSearchParams {
+export interface VerificationTargetManagementSearchParams extends PageableParams {
     vrfcMthdCd?: string; // 검증 방법 코드
     statsCd?: string; // 통계 코드
     tblNm?: string; // 테이블 명
     colNm?: string; // 컬럼 명
     vrfcTrgtNm?: string; // 검증대상명
     useYn?: string; // 사용 여부
-    page?: number; // 페이지 번호 (0부터 시작)
-    size?: number; // 페이지 크기
-    sort?: string; // 정렬 조건 (예: "vrfcTrgtSn,desc")
+}
+
+// 검증 대상 컬럼 검사 검색 DTO
+export interface VerificationTargetManagementCheckColumnsParams {
+    vrfcMthdCd: string; // 검증 방법 코드 (HB, IMR, VAL 등)
+}
+
+// 검증 대상 컬럼 검사 응답 DTO
+export interface VerificationTargetManagementCheckColumnsResponse {
+    code: number; // 응답 코드 (정상: 0, 에러: -1)
+    message: string; // 응답 메시지
 }
 
 // 검증 대상 관리 저장 요청 DTO
@@ -90,6 +117,12 @@ export interface VerificationTargetManagementService {
         vrfcTrgtSn: number,
     ): Promise<VerificationTargetManagementDetailApiResponse>;
 
+    checkColumnsExist(
+        params: VerificationTargetManagementCheckColumnsParams,
+    ): Promise<VerificationTargetManagementCheckColumnsResponse>;
+
+    getVerificationTargetCodes(): Promise<VerificationTargetCodeResponse[]>;
+
     saveVerificationTargetManagement(
         request: VerificationTargetManagementSaveRequest,
     ): Promise<VerificationTargetManagementSaveApiResponse>;
diff --git a/apps/st/src/pages/auth/login/ui/login-page.tsx b/apps/st/src/pages/auth/login/ui/login-page.tsx
index 5ce6c9cb6..8d2b3300a 100644
--- a/apps/st/src/pages/auth/login/ui/login-page.tsx
+++ b/apps/st/src/pages/auth/login/ui/login-page.tsx
@@ -22,11 +22,11 @@ function LoginPage() {
       <div className="left_box fx">
         <div className="text">
           <h1>
-            하수도정보시스템
+            유역하수도통합플랫폼
             <br />
-            <span>CMS 통합관리시스템</span>
+            <span>하수도통계 관리시스템</span>
           </h1>
-          <p>하수도정보시스템 CMS 통합관리시스템에 오신 것을 환영합니다.</p>
+          <p>유역하수도통합플랫폼 하수도통계 관리시스템에 오신 것을 환영합니다.</p>
         </div>
         <div className="img">
           <Image src={images.logo} width={229} height={46} alt="logo" />
diff --git a/apps/st/src/pages/statistics/ui/statistics-page.tsx b/apps/st/src/pages/statistics/ui/statistics-page.tsx
index 7513b0ffe..a228a4d46 100644
--- a/apps/st/src/pages/statistics/ui/statistics-page.tsx
+++ b/apps/st/src/pages/statistics/ui/statistics-page.tsx
@@ -3,6 +3,7 @@
 import { Suspense, useRef, useEffect } from "react";
 import dynamic from "next/dynamic";
 import { useTabStore } from "@/store/tab-store";
+import { useAdminStore } from "@/store/admin-store";
 import Dashboard from "@/components/Dashboard";
 import { SkeletonPage } from "@/shared/ui/skeleton-page";
 
@@ -10,6 +11,7 @@ import "@rsone/components/index.css";
 
 const StatisticsPage = () => {
     const { tabs, activeTabId } = useTabStore();
+    const fetchAdminInfo = useAdminStore((state) => state.fetchAdminInfo);
     
     // 컴포넌트 캐시를 useRef로 유지 (재렌더링 시에도 유지됨)
     const componentCache = useRef(new Map<string, React.ComponentType>());
@@ -26,6 +28,10 @@ const StatisticsPage = () => {
         });
     }, [tabs]);
 
+    useEffect(() => {
+        fetchAdminInfo();
+    }, [fetchAdminInfo]);
+
     // 탭이 없으면 Dashboard 표시
     if (tabs.length === 0) {
         return (
diff --git a/apps/st/src/shared/api/client.ts b/apps/st/src/shared/api/client.ts
index f4696eb1d..61368d875 100644
--- a/apps/st/src/shared/api/client.ts
+++ b/apps/st/src/shared/api/client.ts
@@ -1,5 +1,5 @@
 import { Client } from "@common/network";
-import { BASE_URL } from "../config/api";
+import { BASE_URL, ST_SERVICE_BASE_URL } from "../config/api";
 import { SITE_ID } from "../config/env";
 import { setCookie } from "../lib";
 
@@ -8,4 +8,9 @@ setCookie("site-id-key", SITE_ID);
 export const client = Client.getInstance({
   baseURL: BASE_URL,
   siteId: SITE_ID,
+});
+
+export const stClient = Client.getInstance({
+  baseURL: ST_SERVICE_BASE_URL,
+  siteId: SITE_ID,
 });
\ No newline at end of file
diff --git a/apps/st/src/shared/config/api.ts b/apps/st/src/shared/config/api.ts
index 1b9cf74ec..12da1ddd5 100644
--- a/apps/st/src/shared/config/api.ts
+++ b/apps/st/src/shared/config/api.ts
@@ -2,6 +2,8 @@ import { PROXY_HOST } from "./env";
 
 export const BASE_URL = `${PROXY_HOST}/server`;
 
+export const ST_SERVICE_BASE_URL = `${PROXY_HOST}/server`;
+
 export const ENDPOINT = {
     ATTACH_SERVICE: {
         TUS_UPLOAD: "/attach-service/api/v1/tus/upload",
@@ -69,9 +71,16 @@ export const ENDPOINT = {
         INPUT: "/st-input-service/api/v1/input",
         REVIEW: "/st-management-service/api/v1/review",
         INPUTCOMMON: "/st-input-service/api/v1/common",
+        INPUTVERIFY: "/st-input-service/api/v1/verify",
+        TOTAL: "/st-management-service/api/v1/stats"
     },
     STATVERIFY_SERVICE: {
         VRFCTGT_MNG: "/statverify-service/api/v1/vrfc-trgt-mng",
+        ANALYSIS: "/statverify-service/api/v1/stat-verify/analysis",
+        ST_ANLS_MST: "/statverify-service/api/v1/st-anls-mst",
+        ST_ANLS_DTL: "/statverify-service/api/v1/st-anls-dtl",
+        ST_ANLS_RSLT: "/statverify-service/api/v1/st-anls-rslt",
+        IMR: "/statverify-service/api/v1/imr/outlier/detect",
     },
 };
 
diff --git a/apps/st/src/shared/config/env.ts b/apps/st/src/shared/config/env.ts
index ded87ac3e..560bf72e1 100644
--- a/apps/st/src/shared/config/env.ts
+++ b/apps/st/src/shared/config/env.ts
@@ -1,12 +1,15 @@
 export const PORT = process.env.NEXT_PUBLIC_PORT || "3000";
 export const PROXY_HOST =
-  process.env.NEXT_PUBLIC_PROXY_HOST || `http://localhost:${PORT}`;
+    process.env.NEXT_PUBLIC_PROXY_HOST || `http://localhost:${PORT}`;
 export const SERVER_API_URL = process.env.NEXT_PUBLIC_SERVER_API_URL;
+export const AUTH_LOGIN_REDIRECT_URL =
+    process.env.NEXT_PUBLIC_AUTH_LOGIN_REDIRECT_URL || "/auth/login";
 export const SITE_ID = process.env.NEXT_PUBLIC_SITE_ID || "ST";
 export const CLAIM_NAME = process.env.NEXT_PUBLIC_CLAIM_NAME || "Authorization";
 export const ACCESS_TOKEN =
-  process.env.NEXT_PUBLIC_ACCESS_TOKEN || "access-token";
+    process.env.NEXT_PUBLIC_ACCESS_TOKEN || "access-token";
 export const REFRESH_TOKEN =
-  process.env.NEXT_PUBLIC_REFRESH_TOKEN || "refresh-token";
+    process.env.NEXT_PUBLIC_REFRESH_TOKEN || "refresh-token";
 export const AUTH_USER_ID = process.env.NEXT_PUBLIC_AUTH_USER_ID || "token-id";
-export const ST_SERVICE_URL = process.env.NEXT_PUBLIC_ST_SERVICE_URL || "http://localhost:8080";
+export const ST_SERVICE_URL =
+    process.env.NEXT_PUBLIC_ST_SERVICE_URL || "http://localhost:8080";
diff --git a/apps/st/src/shared/model/api-interface.ts b/apps/st/src/shared/model/api-interface.ts
index 8218bfb0d..a172ee4bb 100644
--- a/apps/st/src/shared/model/api-interface.ts
+++ b/apps/st/src/shared/model/api-interface.ts
@@ -1,34 +1,42 @@
 interface SortConfig {
-  empty: boolean;
-  sorted: boolean;
-  unsorted: boolean;
+    empty: boolean;
+    sorted: boolean;
+    unsorted: boolean;
 }
 
 interface PageableConfig {
-  sort: SortConfig;
-  offset: number;
-  pageNumber: number;
-  pageSize: number;
-  paged: boolean;
-  unpaged: boolean;
+    sort: SortConfig;
+    offset: number;
+    pageNumber: number;
+    pageSize: number;
+    paged: boolean;
+    unpaged: boolean;
 }
 
 export interface PageableList<T> {
-  content: T[];
-  pageable: PageableConfig;
-  sort: SortConfig;
-  totalPages: number;
-  totalElements: number;
-  number: number;
-  numberOfElements: number;
-  size: number;
-  first: boolean;
-  last: boolean;
-  empty: boolean;
+    content: T[];
+    pageable: PageableConfig;
+    sort: SortConfig;
+    totalPages: number;
+    totalElements: number;
+    number: number;
+    numberOfElements: number;
+    size: number;
+    first: boolean;
+    last: boolean;
+    empty: boolean;
 }
 
 export interface PageableParams {
-  page?: number;
-  size?: number;
-  sort?: string;
+    page?: number;
+    size?: number;
+    sort?: string | string[];
+}
+
+export interface ApiErrorResponse {
+    timestamp: string;
+    message: string;
+    status: number;
+    code: string;
+    errors: unknown[];
 }
diff --git a/apps/st/src/shared/ui/statistics-page-layout.tsx b/apps/st/src/shared/ui/statistics-page-layout.tsx
index b34ebb5eb..d7d5b98b4 100644
--- a/apps/st/src/shared/ui/statistics-page-layout.tsx
+++ b/apps/st/src/shared/ui/statistics-page-layout.tsx
@@ -5,7 +5,7 @@ import { TabBar } from "./tab-bar";
 function StatisticsPageLayout({ children }: { children: React.ReactNode }) {
     const { activeTabId, tabs } = useTabStore();
 
-    const pageTitle = tabs.find((t) => t.menuItem.menuEngNm === activeTabId);
+    const pageTitle = tabs.find((t) => t.menuItem.urlPath === activeTabId);
 
     const menuPaths = pageTitle?.path?.split(">").map((path) => path.trim());
 
diff --git a/apps/st/src/shared/ui/tab-bar.tsx b/apps/st/src/shared/ui/tab-bar.tsx
index 3ba4e1977..392e1b199 100644
--- a/apps/st/src/shared/ui/tab-bar.tsx
+++ b/apps/st/src/shared/ui/tab-bar.tsx
@@ -22,7 +22,7 @@ const TabBar = () => {
         <Tabs
             value={activeTabId || undefined}
             onValueChange={setActiveTab}
-            className="w-full"
+            className="w-full border-b border-border"
             variant="outline"
         >
             <TabsList className="w-full !justify-start !p-4 !pb-0">
@@ -30,7 +30,7 @@ const TabBar = () => {
                     <TabsTrigger
                         key={tab.id}
                         value={tab.id}
-                        className="!flex !w-[140px] !items-center !justify-start !gap-2 !px-4"
+                        className="!flex !w-[140px] !items-center !justify-start !gap-2 !px-4 [&::after]:hidden"
                         title={tab.label}
                     >
                         <span className="flex-1 truncate text-xl leading-none">
diff --git a/apps/st/src/shared/ui/with-loading-button.tsx b/apps/st/src/shared/ui/with-loading-button.tsx
new file mode 100644
index 000000000..384464954
--- /dev/null
+++ b/apps/st/src/shared/ui/with-loading-button.tsx
@@ -0,0 +1,32 @@
+import {
+    Button,
+    type ButtonProps,
+    LoadingWithAnimation,
+} from "@common/components";
+
+interface WithLoadingButtonProps extends ButtonProps {
+    isLoading: boolean;
+    children: React.ReactNode;
+}
+
+function WithLoadingButton({
+    isLoading,
+    children,
+    ...props
+}: WithLoadingButtonProps) {
+    return (
+        <Button {...props}>
+            {isLoading ? (
+                <div className="flex w-[4.8rem] items-center justify-center">
+                    <div className="relative size-[2rem]">
+                        <LoadingWithAnimation color="primary" />
+                    </div>
+                </div>
+            ) : (
+                children
+            )}
+        </Button>
+    );
+}
+
+export { WithLoadingButton };
diff --git a/apps/st/src/store/admin-store.ts b/apps/st/src/store/admin-store.ts
new file mode 100644
index 000000000..1b9937d4f
--- /dev/null
+++ b/apps/st/src/store/admin-store.ts
@@ -0,0 +1,29 @@
+import { create } from "zustand";
+import { UserApi } from "@/entities/user";
+import { getUserInfo } from "../../../../packages/common/components/src/api";
+
+interface AdminStore {
+    /** 현재 사용자가 관리자 목록에 있는지 */
+    isAdminInfo: boolean;
+    setAdminInfo: (value: boolean) => void;
+    /** API로 관리자 목록 조회 후 현재 사용자 일치 여부 설정 */
+    fetchAdminInfo: () => Promise<void>;
+}
+
+const useAdminStoreHook = create<AdminStore>((set) => ({
+    isAdminInfo: false,
+    setAdminInfo: (value) => set({ isAdminInfo: value }),
+    fetchAdminInfo: async () => {
+        try {
+            const userInfo = await getUserInfo();
+            const adminList = await UserApi.findPageAdminUser({ userName: userInfo.userName });
+            const matched = adminList.content?.filter((a) => a.userName === userInfo.userName) ?? [];
+            set({ isAdminInfo: matched.length > 0 });
+        } catch {
+            set({ isAdminInfo: false });
+        }
+    },
+}));
+
+export const useAdminStore = useAdminStoreHook;
+export const getAdminStoreState = () => useAdminStoreHook.getState();
diff --git a/apps/st/src/store/tab-store.ts b/apps/st/src/store/tab-store.ts
index 6c48a5074..640cada97 100644
--- a/apps/st/src/store/tab-store.ts
+++ b/apps/st/src/store/tab-store.ts
@@ -1,8 +1,10 @@
 import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+
 import type { MenuItem } from "@/entities/menu";
 
 export interface Tab {
-    id: string; // 고유 ID (menuEngNm)
+    id: string; // 고유 ID (urlPath)
     label: string; // 탭에 표시될 이름
     path: string; // 메뉴 경로
     urlPath: string; // url 경로
@@ -22,96 +24,164 @@ interface TabStore {
     closeOtherTabs: (tabId: string) => void;
 }
 
-const useTabStoreHook = create<TabStore>((set, get) => ({
-    tabs: [],
-    activeTabId: null,
-    menuList: null,
-    addTab: (menuItem: MenuItem) => {
-        const { tabs, menuList } = get();
-        const tabId = menuItem.menuEngNm || '';
+export const TAB_STORE_PERSIST_KEY = "st-tab-store";
+const TAB_STORE_VERSION = 1;
+const MAX_TABS = 10;
 
-        // 이미 존재하는 탭인지 확인
-        const existingTab = tabs.find((tab) => tab.id === tabId);
+function tabForPersist(tab: Tab): Tab {
+    return {
+        ...tab,
+        menuItem: { ...tab.menuItem, children: null },
+    };
+}
 
-        if (existingTab) {
-            // 이미 존재하면 활성화만
-            set({ activeTabId: tabId });
-            return true;
-        }
+function sanitizePersistedTabsAndActive(
+    tabs: Tab[],
+    activeTabId: string | null,
+): { tabs: Tab[]; activeTabId: string | null } {
+    let nextTabs = Array.isArray(tabs) ? tabs : [];
+    if (nextTabs.length > MAX_TABS) nextTabs = nextTabs.slice(0, MAX_TABS);
 
-        if (tabs.length < 10) {
-            const newTab: Tab = {
-                id: tabId,
-                label: menuItem.menuKornNm,
-                path: menuItem.menuPath,
-                urlPath: menuItem.urlPath,
-                parentEngNm: menuList?.find((m) => m.menuCd === menuItem.parentId)?.menuEngNm || '',
-                menuItem,
-            };
-    
-            set({
-                tabs: [...tabs, newTab],
-                activeTabId: tabId,
-            });
+    if (nextTabs.length === 0) {
+        return { tabs: [], activeTabId: null };
+    }
 
-            return true;
-        } else {
-            return false;
-        }
+    let nextActive = activeTabId;
+    if (nextActive && !nextTabs.some((t) => t.id === nextActive)) {
+        nextActive = nextTabs[0]?.id ?? null;
+    }
+    if (nextActive == null && nextTabs.length > 0) {
+        nextActive = nextTabs[0]?.id ?? null;
+    }
 
-        // 새 탭 추가
-    },
-    removeTab: (tabId: string): void => {
-        const { tabs, activeTabId } = get();
-        const newTabs = tabs.filter((tab) => tab.id !== tabId);
+    return { tabs: nextTabs, activeTabId: nextActive };
+}
 
-        // 닫는 탭이 현재 활성 탭이면 다른 탭으로 전환
-        let newActiveTabId = activeTabId;
-        if (activeTabId === tabId) {
-            const closedTabIndex = tabs.findIndex((tab) => tab.id === tabId);
-            if (newTabs.length > 0) {
-                // 닫힌 탭의 이전 탭을 활성화, 없으면 다음 탭
-                if (closedTabIndex > 0) {
-                    const prevTab = tabs[closedTabIndex - 1];
-                    newActiveTabId = prevTab ? prevTab.id : null;
-                } else {
-                    const firstTab = newTabs[0];
-                    newActiveTabId = firstTab ? firstTab.id : null;
-                }
-            } else {
-                newActiveTabId = null;
-            }
-        }
-
-        set({
-            tabs: newTabs,
-            activeTabId: newActiveTabId,
-        });
-    },
-    setActiveTab: (tabId: string) => {
-        set({ activeTabId: tabId });
-    },
-    setMenuList: (menuList: MenuItem[] | null) => {
-        set({ menuList });
-    },
-    closeAllTabs: () => {
-        set({
+const useTabStoreHook = create<TabStore>()(
+    persist(
+        (set, get) => ({
             tabs: [],
             activeTabId: null,
-        });
-    },
-    closeOtherTabs: (tabId: string) => {
-        const { tabs } = get();
-        const tabToKeep = tabs.find((tab) => tab.id === tabId);
+            menuList: null,
+            addTab: (menuItem: MenuItem) => {
+                const { tabs, menuList } = get();
+                const tabId = menuItem.urlPath || "";
 
-        if (tabToKeep) {
-            set({
-                tabs: [tabToKeep],
-                activeTabId: tabId,
-            });
-        }
-    },
-}));
+                const existingTab = tabs.find((tab) => tab.id === tabId);
+
+                if (existingTab) {
+                    set({ activeTabId: tabId });
+                    return true;
+                }
+
+                if (tabs.length < MAX_TABS) {
+                    const newTab: Tab = {
+                        id: tabId,
+                        label: menuItem.menuKornNm,
+                        path: menuItem.menuPath,
+                        urlPath: menuItem.urlPath,
+                        parentEngNm:
+                            menuList?.find(
+                                (m) => m.menuCd === menuItem.parentId,
+                            )?.menuEngNm || "",
+                        menuItem,
+                    };
+
+                    set({
+                        tabs: [...tabs, newTab],
+                        activeTabId: tabId,
+                    });
+
+                    return true;
+                }
+                return false;
+            },
+            removeTab: (tabId: string): void => {
+                const { tabs, activeTabId } = get();
+                const newTabs = tabs.filter((tab) => tab.id !== tabId);
+
+                let newActiveTabId = activeTabId;
+                if (activeTabId === tabId) {
+                    const closedTabIndex = tabs.findIndex(
+                        (tab) => tab.id === tabId,
+                    );
+                    if (newTabs.length > 0) {
+                        if (closedTabIndex > 0) {
+                            const prevTab = tabs[closedTabIndex - 1];
+                            newActiveTabId = prevTab ? prevTab.id : null;
+                        } else {
+                            const firstTab = newTabs[0];
+                            newActiveTabId = firstTab ? firstTab.id : null;
+                        }
+                    } else {
+                        newActiveTabId = null;
+                    }
+                }
+
+                set({
+                    tabs: newTabs,
+                    activeTabId: newActiveTabId,
+                });
+            },
+            setActiveTab: (tabId: string) => {
+                set({ activeTabId: tabId });
+            },
+            setMenuList: (menuList: MenuItem[] | null) => {
+                set({ menuList });
+            },
+            closeAllTabs: () => {
+                set({
+                    tabs: [],
+                    activeTabId: null,
+                });
+            },
+            closeOtherTabs: (tabId: string) => {
+                const { tabs } = get();
+                const tabToKeep = tabs.find((tab) => tab.id === tabId);
+
+                if (tabToKeep) {
+                    set({
+                        tabs: [tabToKeep],
+                        activeTabId: tabId,
+                    });
+                }
+            },
+        }),
+        {
+            name: TAB_STORE_PERSIST_KEY,
+            version: TAB_STORE_VERSION,
+            storage: createJSONStorage(() => localStorage),
+            partialize: (state) => ({
+                tabs: state.tabs.map(tabForPersist),
+                activeTabId: state.activeTabId,
+            }),
+            merge: (persistedState, currentState) => {
+                const p = persistedState as Partial<
+                    Pick<TabStore, "tabs" | "activeTabId">
+                > | null;
+                const rawTabs = p?.tabs;
+                const rawActive = p?.activeTabId;
+                const { tabs, activeTabId } = sanitizePersistedTabsAndActive(
+                    (rawTabs as Tab[]) ?? [],
+                    typeof rawActive === "string" || rawActive === null
+                        ? rawActive
+                        : null,
+                );
+                return {
+                    ...currentState,
+                    tabs,
+                    activeTabId,
+                };
+            },
+        },
+    ),
+);
 
 export const useTabStore = useTabStoreHook;
-export const getTabStoreState = () => useTabStoreHook.getState();
\ No newline at end of file
+export const getTabStoreState = () => useTabStoreHook.getState();
+
+// 로그아웃 또는 사용자 전환 시 로컬 탭 스냅샷 제거 및 메모리 상태 초기화
+export function clearTabStorePersist(): void {
+    useTabStoreHook.getState().closeAllTabs();
+    useTabStoreHook.persist.clearStorage();
+}
diff --git a/apps/st/tsconfig.json b/apps/st/tsconfig.json
index e91347649..234373acb 100644
--- a/apps/st/tsconfig.json
+++ b/apps/st/tsconfig.json
@@ -25,7 +25,7 @@
     "baseUrl": "./src",
     "paths": {
       "@/*": ["./*"],
-      "@common/components": ["../../../packages/common/components/src/"],
+      "@common/components": ["../../../packages/common/components/dist/"],
       "@common/config": ["../../../packages/common/config/dist/"],
       "@common/network": ["../../../packages/common/network/"],
       "@rsone/components": ["../../../packages/rsone/dist/"]
diff --git a/apps/wr/.env.local b/apps/wr/.env.local
index 19f7f5a24..8f7fb329d 100644
--- a/apps/wr/.env.local
+++ b/apps/wr/.env.local
@@ -12,16 +12,16 @@ NEXT_PUBLIC_CS_SERVER_API_URL = http://dev.onasys.co.kr:8000
 NEXT_PUBLIC_CS_TUS_UPLOAD = /attach-service/api/v1/tus/upload
 NEXT_PUBLIC_GEOSERVER_URL = https://hasudo.geo.rsonesoft.com/geoserver
 NEXT_PUBLIC_LX_GEOSERVER_URL = http://con.mind-one.co.kr:11306/geoserver
-# NEXT_PUBLIC_WR_SERVER_API_URL = http://con.mind-one.co.kr:11083/reuse-service/api/v1
-NEXT_PUBLIC_WR_SERVER_API_URL = http://192.168.1.222:8883/reuse-service/api/v1
+NEXT_PUBLIC_WR_SERVER_API_URL = http://con.mind-one.co.kr:11083/reuse-service/api/v1
+# NEXT_PUBLIC_WR_SERVER_API_URL = http://localhost:8883/reuse-service/api/v1
 NEXT_PUBLIC_SEWERAGE_API_URL = http://con.mind-one.co.kr:11083/sewerage-service   # 개발 서버 API
-# NEXT_PUBLIC_SEWERAGE_API_URL=http://192.168.1.66:8883/sewerage-service
+# NEXT_PUBLIC_SEWERAGE_API_URL=http://localhost:8883/sewerage-service
 NEXT_PUBLIC_NGII_URL = https://map.ngii.go.kr
 NEXT_PUBLIC_NGII_PARAM = 04trYP9_xwLAfALjwZ-B8g&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={x}&tilerow={y}
-NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
+# NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = /auth/login
 NEXT_PUBLIC_HASUDOINFO = https://www.hasudoinfo.or.kr
 NEXT_PUBLIC_HASUDOINFO_IN = https://www.hasudoinfo.or.kr
 NEXT_PUBLIC_FINDADRESS_URL = https://business.juso.go.kr/addrlink/addrLinkApi.do
 NEXT_PRIVATE_WR_ADDRESS_KEY = devU01TX0FVVEgyMDI1MDgyNTEwMzkwNDExNjEwNTM=
 REACT_EDITOR = atom
-
diff --git a/apps/wr/.env.mindone b/apps/wr/.env.mindone
index 8749fe39f..f5e3b6d7e 100644
--- a/apps/wr/.env.mindone
+++ b/apps/wr/.env.mindone
@@ -16,6 +16,7 @@ NEXT_PUBLIC_WR_SERVER_API_URL = http://con.mind-one.co.kr:11083/reuse-service/ap
 NEXT_PUBLIC_SEWERAGE_API_URL = http://con.mind-one.co.kr:11083/sewerage-service   # 개발 서버 API
 NEXT_PUBLIC_NGII_URL = https://map.ngii.go.kr
 NEXT_PUBLIC_NGII_PARAM = 04trYP9_xwLAfALjwZ-B8g&service=WMTS&request=GetTile&version=1.0.0&format=image/png&layer=korean_map&style=korean&tilematrixset=korean&tilematrix={z}&tilecol={x}&tilerow={y}
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = /auth/login
 NEXT_PUBLIC_HASUDOINFO = https://www.hasudoinfo.or.kr
 NEXT_PUBLIC_HASUDOINFO_IN = https://www.hasudoinfo.or.kr
 NEXT_PUBLIC_FINDADRESS_URL=https://business.juso.go.kr/addrlink/addrLinkApi.do
diff --git a/apps/wr/.env.production b/apps/wr/.env.production
index 934f1e6a5..a159d1aa4 100644
--- a/apps/wr/.env.production
+++ b/apps/wr/.env.production
@@ -20,4 +20,5 @@ NEXT_PUBLIC_NGII_PARAM = BDE2BEF39DAFEC293AB6730150F222AC&service=WMTS&request=G
 NEXT_PUBLIC_HASUDOINFO = https://www.hasudoinfo.or.kr
 NEXT_PUBLIC_HASUDOINFO_IN = http://10.101.163.102:8889
 NEXT_PUBLIC_FINDADRESS_URL=https://business.juso.go.kr/addrlink/addrLinkApi.do
-NEXT_PRIVATE_WR_ADDRESS_KEY = U01TXOFVVEgyMDI1MDgyODE0MTAxNzExNjEyMjA=
\ No newline at end of file
+NEXT_PRIVATE_WR_ADDRESS_KEY = U01TXOFVVEgyMDI1MDgyODE0MTAxNzExNjEyMjA=
+NEXT_PUBLIC_CM_LOGIN_PAGE_URL = http://dev.onasys.co.kr:3000/auth/login
\ No newline at end of file
diff --git a/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx b/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx
index 330847f86..56096015f 100644
--- a/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx
+++ b/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx
@@ -49,6 +49,7 @@ import { z } from "zod";
 
 
 export default function CoMatRvw() {
+  const readOnlyInputClass = "bg-slate-50 text-gray-700";
   const { auth, code, coRvw, coMatRvwInit, coMatRvwSearch, coMatRvwInqua } =
     useWrStore((state) => state);
   const { coMatRvwRes, coMatRvwCount } = coRvw;
@@ -58,7 +59,7 @@ export default function CoMatRvw() {
   //init, sub, match
   const initRef = useRef<boolean>(false);
   const { coRvwHeadList } = coRvw;
-  const [pageNation, setPageNatiion] = useState<number>(1);
+  // const [pageNation, setPageNatiion] = useState<number>(1);
 
   const [dmdCoNm, setDmdCoNm] = useState<string>("");
   const [dmdMatData, setDmdMtaData] = useState<DmdMatTableType[]>([]);
@@ -80,9 +81,19 @@ export default function CoMatRvw() {
   const [selectionVersion, setSelectionVersion] = useState(0);
   const bottomRef = useRef<HTMLDivElement | null>(null);
 
+  const getCurrentRegionCode = () => {
+    if (String(objSearch.sgg).length > 0 && String(objSearch.sgg) !== "0") {
+      return String(objSearch.sgg);
+    }
+    if (String(objSearch.city).length > 0) {
+      return String(objSearch.city);
+    }
+    return "";
+  };
 
   //수요 매칭 검색
   const getSearch = (
+    pageNo: number,
     startYear: number,
     endYear: number,
     sggCd: string,
@@ -90,7 +101,7 @@ export default function CoMatRvw() {
   ) => {
     if (dmdCoNm.length > 0) {
       coMatRvwSearch(
-        pageNation,
+        pageNo,
         13,
         String(startYear),
         String(endYear),
@@ -98,7 +109,7 @@ export default function CoMatRvw() {
         dmdCoNm
       );
     } else {
-      coMatRvwInqua(pageNation, 13, String(startYear), String(endYear), sggCd);
+      coMatRvwInqua(pageNo, 13, String(startYear), String(endYear), sggCd);
     }
   };
 
@@ -116,6 +127,9 @@ export default function CoMatRvw() {
     }
   };
   const useUsgCdWatch = useWatch({ control: form.control, name: "useUsgCd" });
+  const useUsgCdText =
+    code.sewageOutFclttUse?.find((item) => item.val === useUsgCdWatch)?.text ??
+    String(useUsgCdWatch ?? "");
   useEffect(() => {
     if (useUsgCdWatch) {
       console.log("useUsgCdWatch:" , useUsgCdWatch);
@@ -268,17 +282,9 @@ export default function CoMatRvw() {
                               "시작년도가 종료년도 이후로 설정할 수 없습니다."
                             );
                           } else {
-                            let con: string | number = "";
-                            if (String(objSearch.city).length > 0) {
-                              con = String(objSearch.city);
-                            }
-                            if (
-                              String(objSearch.sgg).length > 0 &&
-                              String(objSearch.sgg) !== "0"
-                            ) {
-                              con = String(objSearch.sgg);
-                            }
-                            getSearch(fromNum, toNum, con, dmdCoNm);
+                            const con = getCurrentRegionCode();
+                            //setPageNatiion(1);
+                            getSearch(1, fromNum, toNum, con, dmdCoNm);
                           }
                         }
                       }}
@@ -299,7 +305,7 @@ export default function CoMatRvw() {
                 headName={"수요매칭검토현황"}
                 tableData={dmdMatData || []}
                 headlist={coRvwHeadList}
-                pageSize={20}
+                pageSize={13}
                 total={coMatRvwCount}
                 cellClick={(index: number | undefined) => {
                   if (index !== undefined && index >= 0) {
@@ -307,7 +313,9 @@ export default function CoMatRvw() {
                   }
                 }}
                 onPageChange={(val) => {
-                  setPageNatiion(val);
+                  const con = getCurrentRegionCode();
+                  //setPageNatiion(val);
+                  getSearch(val, Number(fromDate), Number(toDate), con, dmdCoNm);
                 }}
               ></UiTable>
               <div ref={bottomRef} />
@@ -339,6 +347,7 @@ export default function CoMatRvw() {
                               moment(field.value).format("YYYY-MM-DD") ?? ""
                             }
                             readOnly
+                            className={readOnlyInputClass}
                           />
                         </FormUi>
                       )}
@@ -359,6 +368,7 @@ export default function CoMatRvw() {
                             }}
                             value={field.value ?? 0}
                             readOnly
+                            className={readOnlyInputClass}
                           />
                         </FormUi>
                       )}
@@ -377,8 +387,9 @@ export default function CoMatRvw() {
                             onChange={(e) => {
                               field.onChange(e.target.value);
                             }}
-                            value={field.value ?? ""}
+                            value={useUsgCdText}
                             readOnly
+                            className={readOnlyInputClass}
                           />
                         </FormUi>
                       )}
@@ -399,6 +410,7 @@ export default function CoMatRvw() {
                             }}
                             value={field.value ?? 0}
                             readOnly
+                            className={readOnlyInputClass}
                           />
                         </FormUi>
                       )}
@@ -417,7 +429,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 type="text"
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 placeholder=""
                                 value={
                                   field.value != -1 ||field.value != undefined
@@ -450,7 +462,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 type="text"
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 placeholder=""
                                 value={field.value ?? ""}
                                 readOnly
@@ -474,7 +486,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 placeholder=""
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 type="text"
                                 value={field.value ?? 0}
                                 readOnly
@@ -499,7 +511,7 @@ export default function CoMatRvw() {
                               <Input
                                 placeholder=""
                                 type="text"
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 step="0.1"
                                 onChange={(e) => {
                                   field.onChange(Number(e.target.value));
@@ -527,6 +539,7 @@ export default function CoMatRvw() {
                             type="text"
                             value={field.value ?? ""}
                             readOnly
+                            className={readOnlyInputClass}
                           />
                         </FormUi>
                       )}
@@ -542,7 +555,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 placeholder=""
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 type="text"
                                 step="0.1"
                                 value={field.value ?? ""}
@@ -567,7 +580,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 placeholder=""
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 type="text"
                                 onChange={(e) => {
                                   field.onChange(Number(e.target.value));
@@ -594,7 +607,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 placeholder=""
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 type="text"
                                 onChange={(e) => {
                                   field.onChange(Number(e.target.value));
@@ -621,7 +634,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 placeholder=""
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 type="text"
                                 onChange={(e) => {
                                   field.onChange(Number(e.target.value));
@@ -645,7 +658,7 @@ export default function CoMatRvw() {
                             <div className="relative flex-1 min-w-0">
                               <Input
                                 placeholder=""
-                                className="w-full pr-16 border py-2 text-right rounded-md"
+                                className={`w-full pr-16 border py-2 text-right rounded-md ${readOnlyInputClass}`}
                                 type="text"
                                 onChange={(e) => {
                                   field.onChange(Number(e.target.value));
@@ -703,6 +716,7 @@ export default function CoMatRvw() {
                             }}
                             value={field.value ?? ""}
                             readOnly
+                            className={readOnlyInputClass}
                           />
                         </FormUi>
                       )}
@@ -727,10 +741,11 @@ export default function CoMatRvw() {
                                   ruseUtztnFcltNm: e.target.value,
                                 };
                                 field.onChange(newValue);
-                              }}
-                              value={field.value?.ruseUtztnFcltNm ?? ""}
-                              readOnly
-                            />
+                            }}
+                            value={field.value?.ruseUtztnFcltNm ?? ""}
+                            readOnly
+                            className={readOnlyInputClass}
+                          />
                           </FormUi>
                         )}
                       />
diff --git a/apps/wr/app/(with-layout)/matMng/coMat/ruseRvwHstry/page.tsx b/apps/wr/app/(with-layout)/matMng/coMat/ruseRvwHstry/page.tsx
index 46f4e9ded..392cc2fd3 100644
--- a/apps/wr/app/(with-layout)/matMng/coMat/ruseRvwHstry/page.tsx
+++ b/apps/wr/app/(with-layout)/matMng/coMat/ruseRvwHstry/page.tsx
@@ -1,3 +1,6 @@
+/**
+ * 수요처매칭 > 재이용검토이력
+ */
 "use client";
 
 import { useWrStore } from "@/app/store";
diff --git a/apps/wr/app/store/matDmd/coSttn/excel.tsx b/apps/wr/app/store/matDmd/coSttn/excel.tsx
index 84c982292..38becb2d6 100644
--- a/apps/wr/app/store/matDmd/coSttn/excel.tsx
+++ b/apps/wr/app/store/matDmd/coSttn/excel.tsx
@@ -1,5 +1,9 @@
 import type { SelectDataType } from "@common/business_components/ui";
 import moment from "moment";
+import {
+  formatKoreanPhoneNumber,
+  formatValueByPattern,
+} from "@/components/lib/func/formatUtils";
 
 export const excelCoSttnParsing = (data: any[],sidoCode:SelectDataType[] , sggCode:SelectDataType[]): string[][] => {
     const excelExportData: string[][] = [];
@@ -9,8 +13,8 @@ export const excelCoSttnParsing = (data: any[],sidoCode:SelectDataType[] , sggCo
             sggCode.find((sgg) => sgg.val === item.sggCd.toString().trim() )?.text ?? "",
             item.dmdCoNm ?? "",
             item.daddr ?? "",
-            String(item.dmdInfoId ?? ""),
-            item.telno ?? "",
+            formatValueByPattern("000-00-00000-0000", String(item.dmdInfoId ?? "")),
+            formatKoreanPhoneNumber(String(item.telno ?? "")),
               moment(item.regDt).format("YYYY-MM-DD") ?? ""
         ]);
     });
diff --git a/apps/wr/components/lib/func/formatUtils.ts b/apps/wr/components/lib/func/formatUtils.ts
new file mode 100644
index 000000000..c4ae02784
--- /dev/null
+++ b/apps/wr/components/lib/func/formatUtils.ts
@@ -0,0 +1,68 @@
+
+/**
+ * 전화번호에 - 처리
+ * @param value '-'없는 전화번호
+ * @returns 
+ */
+export const formatKoreanPhoneNumber = (value: string) => {
+  const digits = value.replace(/\D/g, "").slice(0, 11); // 숫자만 추출하고 최대 11자리까지만 사용
+  if (!digits) return ""; // 입력이 비어 있으면 빈 문자열 반환
+
+  if (/^1\d{0,7}$/.test(digits)) { // 15xx/16xx/18xx 같은 대표번호 패턴
+    if (digits.length <= 4) return digits; // 아직 뒷자리가 부족하면 원문 유지
+    return `${digits.slice(0, 4)}-${digits.slice(4, 8)}`; // xxxx-xxxx
+  }
+
+  if (digits.startsWith("02")) { // 서울 지역번호(02)
+    const rest = digits.slice(2); // 국번/가입자번호 구간
+    if (!rest) return "02"; // 02만 입력된 상태
+    if (rest.length <= 3) return `02-${rest}`; // 02-xxx
+    if (rest.length <= 7) return `02-${rest.slice(0, 3)}-${rest.slice(3)}`; // 02-xxx-xxxx
+    return `02-${rest.slice(0, 4)}-${rest.slice(4, 8)}`; // 02-xxxx-xxxx
+  }
+
+  if (digits.startsWith("0")) { // 02 제외 일반 지역번호/휴대폰(010 포함)
+    const area = digits.slice(0, 3); // 앞 3자리 식별자
+    const rest = digits.slice(3); // 나머지 번호
+    if (!rest) return area; // 식별자만 입력된 상태
+    if (rest.length <= 3) return `${area}-${rest}`; // 0xx-xxx
+    if (rest.length <= 7) return `${area}-${rest.slice(0, 3)}-${rest.slice(3)}`; // 0xx-xxx-xxxx
+    return `${area}-${rest.slice(0, 4)}-${rest.slice(4, 8)}`; // 0xx-xxxx-xxxx
+  }
+
+  if (digits.length <= 4) return digits; // 예외 입력: 앞 4자리까지
+  if (digits.length <= 8) return `${digits.slice(0, 4)}-${digits.slice(4)}`; // xxxx-xxxx
+  return `${digits.slice(0, 4)}-${digits.slice(4, 8)}-${digits.slice(8, 11)}`; // xxxx-xxxx-xxx
+};
+
+/**
+ * 숫자 문자열에 형식 문자열을 적용합니다.
+ * @param format 하이픈 위치를 포함한 형식 문자열. 예: 000-00-00000-0000
+ * @param value 형식을 적용할 원본 값
+ * @returns 형식이 적용된 문자열
+ */
+export const formatValueByPattern = (format: string, value: string) => {
+  const digits = value.replace(/\D/g, "");
+  if (!digits) return "";
+
+  let digitIndex = 0;
+  let result = "";
+
+  for (const char of format) {
+    if (char === "0") {
+      if (digitIndex >= digits.length) break;
+      result += digits[digitIndex];
+      digitIndex += 1;
+      continue;
+    }
+
+    if (digitIndex >= digits.length) break;
+    result += char;
+  }
+
+  if (digitIndex < digits.length) {
+    result += digits.slice(digitIndex);
+  }
+
+  return result;
+};
diff --git a/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx b/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx
index ca75016cf..73b4c036f 100644
--- a/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx
+++ b/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx
@@ -20,7 +20,6 @@ import {
   Form,
   FormField,
   FormUi,
-  SelectBox,
   UiTable,
 } from "@common/business_components/ui";
 import PopoverUi from "@common/business_components/ui/popover_ui";
@@ -47,6 +46,7 @@ export default function ConCostForm({
   selectionVersion: number;
   readonly: boolean;
 }) {
+  const readOnlyInputClass = "bg-slate-50 text-gray-700";
   const {
     constCostRes, // 표준사업비
     rateFeeRes,   // 부대경비요율
@@ -109,6 +109,10 @@ export default function ConCostForm({
   const totalConstCost = form.watch("totalConstCost");
   const cstrnCst = form.watch("demandCst.cstrnCst");
   const splyList = form.watch("splyCndtList");
+  const useUsgCdWatch = form.watch("useUsgCd");
+  const useUsgCdLabel =
+    code.sewageOutFclttUse?.find((item) => item.val === useUsgCdWatch)?.text ??
+    String(useUsgCdWatch ?? "");
 
   /**
    * 표준공산비 산정 : "계산"버튼 click시
@@ -386,7 +390,7 @@ export default function ConCostForm({
             다운로드
           </Button>
         </div>
-        <div className="col-span-12 w-full">
+        <div className="col-span-12 ml-4 mr-4">
           <h1 className={formH1Class}>기본사항</h1>
         </div>
         <div className="grid grid-cols-12 gap-4 ml-4 mr-4">
@@ -396,17 +400,13 @@ export default function ConCostForm({
               name="useUsgCd"
               render={({ field }) => (
                 <FormUi label="용도">
-                  <SelectBox
-                    className="w-full"
-                    label=""
-                    selectClass={""}
-                    selectArray={code.sewageOutFclttUse || []}
-                    onSelectValue={(val: string | number) => {
-                      if (readonly) return;
-                      field.onChange(String(val));
-                    }}
-                    value={field.value ?? ""}
-                    readOnly={readonly}
+                  <Input
+                    placeholder=""
+                    type="text"
+                    onChange={field.onChange}
+                    value={useUsgCdLabel}
+                    readOnly
+                    className={readOnlyInputClass}
                   />
                 </FormUi>
               )}
@@ -427,6 +427,7 @@ export default function ConCostForm({
                     }}
                     value={field.value ?? 0}
                     readOnly={true}
+                    className={readOnlyInputClass}
                   />
                 </FormUi>
               )}
@@ -454,12 +455,13 @@ export default function ConCostForm({
                     ]}
                     pageSize={0}
                     total={0}
+                    isHideCount={true}
                     cellClick={undefined}
                     onPageChange={() => {}}
                   />
                 </>
               }
-              bodyClassName={"w-[25vw] max-w-none h-[54vh]"}
+              bodyClassName={"w-[25vw] max-w-none"}
             ></PopoverUi>
             <FormField
               control={form.control}
@@ -471,7 +473,7 @@ export default function ConCostForm({
                     type="text"
                     onChange={field.onChange}
                     value={field.value ?? ""}
-                    className="mt-2"
+                    className={`mt-2 ${readOnlyInputClass}`}
                     readOnly={true}
                   />
                 </FormUi>
@@ -495,6 +497,7 @@ export default function ConCostForm({
                     // value={Number(field.value) * 365 || 0}
                     value={Number(field.value) || 0}
                     readOnly
+                    className={readOnlyInputClass}
                   />
                 </FormUi>
               )}
@@ -520,7 +523,7 @@ export default function ConCostForm({
                     <ConstCostFeeTable />
                   </>
                 }
-                bodyClassName={"w-[40vw] h-full"}
+                bodyClassName={"w-fit max-w-[40vw]"}
               ></PopoverUi>
             </div>
             <FormField
@@ -537,6 +540,7 @@ export default function ConCostForm({
                     }}
                     value={field.value ?? 0}
                     readOnly
+                    className={readOnlyInputClass}
                   />
                 </FormUi>
               )}
@@ -574,6 +578,7 @@ export default function ConCostForm({
                     }}
                     value={field.value ?? 0}
                     readOnly
+                    className={readOnlyInputClass}
                   />
                 </FormUi>
               )}
@@ -611,7 +616,7 @@ export default function ConCostForm({
                 <FormUi label="">
                   <Input
                     placeholder=""
-                    className="mt-2"
+                    className={`mt-2 ${readOnlyInputClass}`}
                     type="number"
                     step="0.01"
                     onChange={(e) => {
@@ -646,6 +651,7 @@ export default function ConCostForm({
                 type="text"
                 value={lastSub?.ruseUtztnFcltNm || ""}
                 readOnly
+                className={readOnlyInputClass}
               />
             </FormUi>
           </div>
@@ -680,6 +686,7 @@ export default function ConCostForm({
               step="0.001"
               readOnly={true}
               value={(totalConstCost ?? 0) + (cstrnCst ?? 0)}
+              className={readOnlyInputClass}
             />
           </div>
         </div>
diff --git a/apps/wr/components/ui/modal/coMat/constCostFeeTable.tsx b/apps/wr/components/ui/modal/coMat/constCostFeeTable.tsx
index 94f088d0e..6be066931 100644
--- a/apps/wr/components/ui/modal/coMat/constCostFeeTable.tsx
+++ b/apps/wr/components/ui/modal/coMat/constCostFeeTable.tsx
@@ -13,6 +13,7 @@ export function ConstCostFeeTable() {
   const { coRvw, constCostRes } = useWrStore((state) => state);
 
   const [constCostData, setConstCostData] = useState<ContCostMap[]>([]);
+  const 기준년도 = constCostRes?.[0]?.yr ?? "";
 
 
   const getFctDescription = (fctCd: string) => {
@@ -71,7 +72,7 @@ export function ConstCostFeeTable() {
         <hr />
         <div className="col-span-5 flex items-center">
           <Label className="ml-2 mr-1 text-xl text-gray-600">기준년도</Label>
-          <span>{new Date().getFullYear() || ""}</span>
+          <span>{기준년도}</span>
         </div>
         <UiTable
           headName={""}
diff --git a/apps/wr/components/ui/modal/coMat/rateFeeModal.tsx b/apps/wr/components/ui/modal/coMat/rateFeeModal.tsx
index f67a70b1a..9118f8127 100644
--- a/apps/wr/components/ui/modal/coMat/rateFeeModal.tsx
+++ b/apps/wr/components/ui/modal/coMat/rateFeeModal.tsx
@@ -10,6 +10,7 @@ import { useEffect, useState } from "react";
 export function RateFeeTableModal() {
   const { coRvw, rateFeeRes } = useWrStore((state) => state);
   const [reateFeeTable, setRateFeeTable] = useState<rateFeeType[]>([]);
+  const 기준년도 = rateFeeRes?.[0]?.yr ?? "";
 
   const gubunLabelMap: Record<number, string> = {
     50: "5천만원까지",
@@ -81,7 +82,7 @@ export function RateFeeTableModal() {
 
           <div className="col-span-5 flex items-center">
             <Label className="mr-1 text-xl text-gray-600">기준년도</Label>
-            <span>{new Date().getFullYear() || ""}</span>
+            <span>{기준년도}</span>
           </div>
           <div className="col-span-6 pr-6">
             <UiTable
diff --git a/apps/wr/package.json b/apps/wr/package.json
index 68ce5f1c5..881b4d149 100644
--- a/apps/wr/package.json
+++ b/apps/wr/package.json
@@ -51,7 +51,7 @@
     "@eslint/eslintrc": "^3",
     "@types/webpack": "^5.28.5",
     "eslint": "^9",
-    "eslint-config-next": "15.1.7",
+    "eslint-config-next": "15.3.8",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
diff --git a/apps/wr/src/entities/auth/lib/auth-wrapper.tsx b/apps/wr/src/entities/auth/lib/auth-wrapper.tsx
index 9b59774fc..796cd44a9 100644
--- a/apps/wr/src/entities/auth/lib/auth-wrapper.tsx
+++ b/apps/wr/src/entities/auth/lib/auth-wrapper.tsx
@@ -1,24 +1,26 @@
 "use client";
 
 import { useEffect } from "react";
-import { useRouter } from "next/navigation";
 import { usePathname } from "next/navigation";
 import { client } from "../../../shared/api";
 import type { IUserInfo } from "../../../shared/store";
 import { useUserStore } from "../../../shared/lib";
 import { ENDPOINT, AUTH_USER_ID } from "../../../shared/config";
+import { isAtLoginRedirectUrl } from "@common/network";
 import { getCookie } from "../../../shared/lib";
-import { LoginApi } from "../api/login-service";
 
-
-const LOGIN_PAGE_URL = process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL || "http://localhost:3000/auth/login"; // 로그인 페이지 URL
+const LOGIN_PAGE_URL =
+  process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL || "/auth/login";
 
 const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
-  const router = useRouter();
   const pathname = usePathname();
   const { userInfo, setUserInfo } = useUserStore((state) => state);
 
   async function authCheck() {
+    if (isAtLoginRedirectUrl(LOGIN_PAGE_URL)) {
+      return;
+    }
+
     const userId = getCookie(AUTH_USER_ID);
     if (!userId) {
       throw new Error("Missing required authentication tokens");
@@ -36,25 +38,27 @@ const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
         await authCheck();
       } catch (error) {
         console.error(error);
+        setUserInfo(null);
 
-        try {
-          await LoginApi.silentRefresh();
-          await authCheck();
-        } catch (refreshError) {
-          console.error("Token refresh failed:", refreshError);
-          setUserInfo(null);
-          
-          const hostname = window.location.hostname;
+        if (isAtLoginRedirectUrl(LOGIN_PAGE_URL)) return;
 
-          // 개발 환경에서는 localhost 도메인 사용
-          if (hostname === "localhost" || hostname === "127.0.0.1" || hostname === "con.mind-one.co.kr") 
-            router.push("/auth/login");
+        // const hostname = window.location.hostname;
 
-          // 운영 환경에서는 서브도메인을 포함한 최상위 도메인 사용
-          // router.push는 같은 Next.js 앱 내에서만 작동하므로 다른 앱으로 이동할 때는 window.location.href 사용
-          if (hostname.includes("hasuon.or.kr")) 
-            window.location.href = LOGIN_PAGE_URL; // 세션 만료 시 CM 로그인 페이지로 리다이렉트
-        }
+        // // 개발 환경에서는 localhost 도메인 사용
+        // if (
+        //   hostname === "localhost" ||
+        //   hostname === "127.0.0.1" ||
+        //   hostname === "con.mind-one.co.kr"
+        // )
+        //   router.push("/auth/login");
+
+        // // 운영 환경에서는 서브도메인을 포함한 최상위 도메인 사용
+        // // router.push는 같은 Next.js 앱 내에서만 작동하므로 다른 앱으로 이동할 때는 window.location.href 사용
+        // if (hostname.includes("hasuon.or.kr"))
+        //   window.location.assign(LOGIN_PAGE_URL); // 세션 만료 시 CM 로그인 페이지로 리다이렉트
+
+        // 개발/운영 환경에서 로그인 URL 분기는 환경 변수로 처리 (.env.*)
+        window.location.assign(LOGIN_PAGE_URL);
       }
     })();
   }, [pathname]);
diff --git a/ecosystem.config.js b/ecosystem.config.js
new file mode 100644
index 000000000..497e040bc
--- /dev/null
+++ b/ecosystem.config.js
@@ -0,0 +1,68 @@
+const common = {
+  exec_mode: 'cluster',
+  instances: 2,
+
+  autorestart: true,
+  max_memory_restart: '1G',
+  watch: false,
+
+  merge_logs: true,
+  log_date_format: 'YYYY-MM-DD HH:mm:ss Z',
+
+  env: {
+    NODE_ENV: 'production',
+  },
+}
+
+module.exports = {
+  apps: [   
+     {
+      ...common,
+
+      name: 'cs-app',
+      cwd: './apps/cs',
+
+      script: 'node_modules/next/dist/bin/next',
+      args: 'start -p 3000',
+
+      error_file: './logs/cs-error.log',
+      out_file: './logs/cs-out.log',
+    },
+    {
+      ...common,
+
+      name: 'st-app',
+      cwd: './apps/st',
+
+      script: 'node_modules/next/dist/bin/next',
+      args: 'start -p 3001',
+
+      error_file: './logs/st-error.log',
+      out_file: './logs/st-out.log',
+    },
+    {
+      ...common,
+      
+      name: 'cm-app',
+      cwd: './apps/cm',
+      
+      script: 'node_modules/next/dist/bin/next',
+      args: 'start -p 3002',
+      
+      error_file: './logs/cm-error.log',
+      out_file: './logs/cm-out.log',
+    },
+    {
+      ...common,
+
+      name: 'features-app',
+      cwd: './apps/common/features',
+
+      script: 'node_modules/next/dist/bin/next',
+      args: 'start -p 13000',
+
+      error_file: './logs/feature-error.log',
+      out_file: './logs/feature-out.log',
+    },
+  ],
+}
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 000000000..0b4394396
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,38 @@
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import tsParser from "@typescript-eslint/parser";
+
+export default [
+  {
+    files: ["**/*.{js,jsx,ts,tsx}"],
+    languageOptions: {
+      parser: tsParser,
+    },
+    plugins: {
+      "simple-import-sort": simpleImportSort,
+    },
+    rules: {
+      "simple-import-sort/imports": [
+        "warn",
+        {
+          groups: [
+            ["^react", "^next"],
+            ["^@?\\w"],
+            [
+              "^@/shared",
+              "^@/entities",
+              "^@/features",
+              "^@/widgets",
+              "^@/app",
+              "^@common",
+            ],
+            ["^\\u0000"],
+            ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
+            ["^\\./(?=.*/)", "^\\.(?!/?$)", "^\\./?$"],
+            ["^.+\\.?(css|scss)$"],
+          ],
+        },
+      ],
+      "simple-import-sort/exports": "warn",
+    },
+  },
+];
diff --git a/package.json b/package.json
index f48207433..fc236f021 100644
--- a/package.json
+++ b/package.json
@@ -38,9 +38,13 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@next/eslint-plugin-next": "^15.3.8",
     "@types/node": "^22.13.1",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/parser": "^8.56.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "turbo": "2.4.2"
diff --git a/packages/common/business_components/src/ui/map/lib/gis.core.js b/packages/common/business_components/src/ui/map/lib/gis.core.js
index 2e97e8af5..b136cdcee 100644
--- a/packages/common/business_components/src/ui/map/lib/gis.core.js
+++ b/packages/common/business_components/src/ui/map/lib/gis.core.js
@@ -1,25 +1,28 @@
-import MousePosition from 'ol/control/MousePosition';
-import ScaleLine from 'ol/control/ScaleLine';
-import Feature from 'ol/Feature';
-import WKT from 'ol/format/WKT';
-import LinearRing from 'ol/geom/LinearRing';
-import Draw from 'ol/interaction/Draw';
-import TileLayer from 'ol/layer/Tile';
-import * as olProj from 'ol/proj';
-import VectorSource from 'ol/source/Vector';
-import XYZ from 'ol/source/XYZ';
-import GeoSJON from 'ol/format/GeoJSON';
-import { Fill, Stroke, Style } from 'ol/style';
-import CircleStyle from 'ol/style/Circle';
-import VectorLayer from 'ol/layer/Vector';
+import MousePosition from 'ol/control/MousePosition'; // 마우스 좌표 표시
+import ScaleLine from 'ol/control/ScaleLine';	        // 지도 축척(스케일 바) 표시
+import Feature from 'ol/Feature';                     // 지도 위 객체- 점, 선, 폴리곤
+import WKT from 'ol/format/WKT';                      // WKT 문자열 기반 공간 데이터 포맷
+import LinearRing from 'ol/geom/LinearRing';          // 선형 고리(폴리곤의 외곽선 또는 내부 구멍을 나타냄)
+import Draw from 'ol/interaction/Draw';							  // 지도 위에 점, 선, 폴리곤 등의 피처를 그리는 인터랙션
+import TileLayer from 'ol/layer/Tile';                // 타일 레이어(배경 지도) 클래스
+import * as olProj from 'ol/proj';                    // 좌표 변환을 위한 모듈
+import VectorSource from 'ol/source/Vector';          // VectorLayer의 실제 데이터 저장소
+import XYZ from 'ol/source/XYZ';                      // {z}/{x}/{y} Google, OpenStreetMap 등에서 타일을 가져올 때 사용
+import GeoSJON from 'ol/format/GeoJSON';              // JSON 형태 공간 데이터 포맷
+import { Fill, Stroke, Style } from 'ol/style';       // 내부 색상 (폴리곤), 선 색상 및 두께 (점, 선), 스타일 정의
+import CircleStyle from 'ol/style/Circle';            // 점 스타일 정의 클래스 : 점을 원으로 표현
+import VectorLayer from 'ol/layer/Vector';            // 점, 선, 폴리곤 등의 피처를 지도에 표시하는 레이어
 import { Point } from 'ol/geom';
-import { getTopLeft } from 'ol/extent';
-import TileWMTS from 'ol/source/WMTS';
-import WMTSTileGrid from 'ol/tilegrid/WMTS';
-import proj4 from 'proj4';
-import { register } from 'ol/proj/proj4';
-import GisOlEditLayer from './gis.edit';
-import GisOlLayer from './gis.layer';
+import { getTopLeft } from 'ol/extent';               // extent의 좌측 상단 좌표 반환
+// WMTS 타일(국토정보 배경지도용)
+import TileWMTS from 'ol/source/WMTS';                // WMTS 서비스에서 타일을 가져와 지도에 표시하는 역할 (국토부 / 공공 GIS에서 사용)
+import WMTSTileGrid from 'ol/tilegrid/WMTS';          // WMTS 타일의 해상도 resolutions, 행렬 ID matrixIds, 타일 크기 등을 정의
+// 좌표계 등록(proj4 + OpenLayers 연동)
+import proj4 from 'proj4';                            // 사용자 정의 좌표계 정의
+import { register } from 'ol/proj/proj4';             // proj4 좌표계를 OpenLayers에 등록
+// 내부 모듈(레이어/편집)
+import GisOlEditLayer from './gis.edit';              // 편집 레이어 생성/관리 커스텀 로직
+import GisOlLayer from './gis.layer';                 // 레이어 생성/관리 커스텀 로직
 
 const GisApp = {};
 /**
@@ -51,7 +54,7 @@ GisApp.VWORLD_SATELLITE_URL = 'https://xdworld.vworld.kr/2d/Satellite/service/{z
 GisApp.OPENSTREET_URL = '//tile.openstreetmap.org/{z}/{x}/{y}.png';
 GisApp.BASE_MAP_TYPES = [];
 
-GisApp.FROM_PROJ = 'EPSG:4326';
+GisApp.FROM_PROJ = 'EPSG:4326'; // 위경도 좌표계
 GisApp.TO_PROJ = 'EPSG:5179'; //ngii 좌표계
 GisApp.TO_DATA_PROJ = 'EPSG:4326';
 GisApp.CONTEXT_LAYER_PATH = '/images/map/layericon/';
diff --git a/packages/common/business_components/src/ui/map/lib/gis.select.js b/packages/common/business_components/src/ui/map/lib/gis.select.js
index ed4f9a2a7..fb3a7432b 100644
--- a/packages/common/business_components/src/ui/map/lib/gis.select.js
+++ b/packages/common/business_components/src/ui/map/lib/gis.select.js
@@ -90,13 +90,16 @@ GisOlSelect.prototype = {
 		this.selectInteraction.on('select', function (e) {
 			const feature = e.selected[0];
 			if (feature) {
+				const selectedLayer = e.target?.getLayer(feature) || feature.getLayer?.();
+				const clckZoom = Number(selectedLayer?.get('clckZoom'));
+				const targetZoom = Number.isFinite(clckZoom) && clckZoom > 0 ? clckZoom : 16;
 				const geometry = feature.getGeometry();
 				if (geometry) {
 					const extent = geometry.getExtent();
 					map.getView().fit(extent, {
 						duration: 300,
 						padding: [50, 50, 50, 50],
-						maxZoom: 16
+						maxZoom: targetZoom
 					});
 				}
 			}
diff --git a/packages/common/business_components/src/ui/table/index.tsx b/packages/common/business_components/src/ui/table/index.tsx
index e5fc933ae..ed05a7f19 100644
--- a/packages/common/business_components/src/ui/table/index.tsx
+++ b/packages/common/business_components/src/ui/table/index.tsx
@@ -36,6 +36,7 @@ type UiTableProps<T extends object> = {
   curPage?: number;
   headButton?: React.ReactNode | undefined;
   widthFixed?: boolean;
+  isHideCount?: boolean; // 총 건수 default false
 };
 
 type UiHeadProps = {
@@ -67,7 +68,8 @@ export function UiTable<T extends object = Record<string, unknown>>({
   index = -1,
   curPage = 1,
   headButton = undefined,
-  widthFixed = false
+  widthFixed = false,
+  isHideCount = false, // 총 건수
 }: UiTableProps<T>) {
   const [cur, setCur] = useState<number>(curPage);
   const [idx, setIdx] = useState<number>(index);
@@ -132,12 +134,18 @@ export function UiTable<T extends object = Record<string, unknown>>({
       {headName ? (
         headButton ? (
           <div className="card-header flex items-center justify-between">
-            <h3 className="text-2xl font-medium text-label">{headName}  총 {totalLabel}건</h3>
+            <h3 className="text-2xl font-medium text-label">
+              {headName}
+              {isHideCount ? "" : `  총 ${totalLabel}건`}
+            </h3>
             <>{headButton}</>
           </div>
         ) : (
           <div className="card-header">
-            <h3 className="text-2xl font-medium text-label">{headName}  총 {totalLabel}건</h3>
+            <h3 className="text-2xl font-medium text-label">
+              {headName}
+              {isHideCount ? "" : `  총 ${totalLabel}건`}
+            </h3>
           </div>
         )
       ) : (
diff --git a/packages/common/components/src/ui/calendar/index.tsx b/packages/common/components/src/ui/calendar/index.tsx
index f2af829e5..1f4bce7e9 100644
--- a/packages/common/components/src/ui/calendar/index.tsx
+++ b/packages/common/components/src/ui/calendar/index.tsx
@@ -67,7 +67,6 @@ function Calendar({
         ),
         dropdowns: cn(
           "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-xl font-medium",
-          captionLayout === "dropdown" && "flex-row-reverse",
           defaultClassNames.dropdowns,
         ),
         dropdown_root: cn(
diff --git a/packages/common/components/src/ui/date-range-picker/index.tsx b/packages/common/components/src/ui/date-range-picker/index.tsx
index 1e8cdfe4c..58fa324d7 100644
--- a/packages/common/components/src/ui/date-range-picker/index.tsx
+++ b/packages/common/components/src/ui/date-range-picker/index.tsx
@@ -10,7 +10,10 @@ import { Button } from "../button";
 import { Calendar } from "../calendar";
 import { Popover, PopoverContent, PopoverTrigger } from "../popover";
 
-type DateRangePickerProps = React.HTMLAttributes<HTMLDivElement> &
+type DateRangePickerProps = Omit<
+  React.HTMLAttributes<HTMLDivElement>,
+  "defaultValue"
+> &
   React.ComponentProps<typeof DayPicker> & {
     value?: DateRange;
     defaultValue?: DateRange;
diff --git a/packages/common/components/src/ui/lnb/index.tsx b/packages/common/components/src/ui/lnb/index.tsx
index 12b50e324..3339a6f26 100644
--- a/packages/common/components/src/ui/lnb/index.tsx
+++ b/packages/common/components/src/ui/lnb/index.tsx
@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useRef } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { ChevronRight, HelpCircle } from "lucide-react";
+import { ChevronRight } from "lucide-react";
 import { useDetectDevice } from "@frontend-opensource/use-react-hooks";
 import { getConfig } from "@common/config";
 import { getParentIds } from "./lib";
@@ -66,7 +66,13 @@ export function LNB({
   const [currentMenuCode, setCurrentMenuCode] = useState<number | null>(null);
   const prevPathRef = useRef(currentPath);
   const { browser } = useDetectDevice();
-  const { isOpen: isHelpModalOpen, openHelp, closeHelp, setHelpContent, helpContent } = useHelpDialog();
+  const {
+    isOpen: isHelpModalOpen,
+    openHelp,
+    closeHelp,
+    setHelpContent,
+    helpContent,
+  } = useHelpDialog();
 
   const siteId = propSiteId ?? appSiteId;
 
@@ -170,12 +176,12 @@ export function LNB({
     const handleClick = () => {
       if (!isSidebarOpen) setOpen(true);
       setCookie("menu-code-key", item.menuCd.toString());
-      
+
       // newWndwYn이 Y인 경우 새창으로 열기
       if (item.newWndwYn === "Y") {
         window.open(item.urlPath, "_blank");
       }
-      
+
       handleMenuClick?.(item);
     };
 
@@ -295,30 +301,31 @@ export function LNB({
 
         {/* 도움말 아이콘 */}
         <div className="mt-auto pb-4">
-          <Dialog open={isHelpModalOpen} onOpenChange={(open) => open ? openHelp() : closeHelp()}>
-            <DialogTrigger asChild>
-
-            </DialogTrigger>
-            <DialogContent className="sm:max-w-[85rem] max-h-[90vh] flex flex-col">
+          <Dialog
+            open={isHelpModalOpen}
+            onOpenChange={(open) => (open ? openHelp() : closeHelp())}
+          >
+            <DialogTrigger asChild></DialogTrigger>
+            <DialogContent className="flex max-h-[90vh] flex-col sm:max-w-[85rem]">
               <DialogHeader>
                 <DialogTitle>도움말</DialogTitle>
               </DialogHeader>
-              <div className="py-4 overflow-y-auto flex-1 min-h-0">
+              <div className="min-h-0 flex-1 overflow-y-auto py-4">
                 {helpContent ? (
                   <div
-                    style={{ 
-                      fontSize: '16px',
-                      lineHeight: '1.5',
+                    style={{
+                      fontSize: "16px",
+                      lineHeight: "1.5",
                     }}
                   >
                     <div
-                      dangerouslySetInnerHTML={{ 
+                      dangerouslySetInnerHTML={{
                         __html: helpContent
-                          .replace(/<body[^>]*>/gi, '<div>')
-                          .replace(/<\/body>/gi, '</div>')
+                          .replace(/<body[^>]*>/gi, "<div>")
+                          .replace(/<\/body>/gi, "</div>"),
                       }}
                       style={{
-                        fontSize: 'inherit',
+                        fontSize: "inherit",
                       }}
                     />
                   </div>
diff --git a/packages/common/network/client.ts b/packages/common/network/client.ts
index 587fcf541..6b39a33fa 100644
--- a/packages/common/network/client.ts
+++ b/packages/common/network/client.ts
@@ -1,7 +1,8 @@
-import axios, { AxiosError } from "axios";
+import axios from "axios";
 import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from "axios";
 import Cookies from "js-cookie";
 import { AUTH_USER_ID, CLAIM_NAME } from "./env";
+import { errorInterceptor } from "./error-interceptor";
 
 interface ClientConfig {
   baseURL: string;
@@ -22,25 +23,12 @@ class Client {
       withCredentials: true,
     });
 
-
     this.axiosInstance.interceptors.request.use((config) => {
       const token = Cookies.get(CLAIM_NAME);
       const userId = Cookies.get(AUTH_USER_ID);
 
       if (!token || !userId) {
-        throw new AxiosError(
-          "The authentication token is invalid.",
-          "UNAUTHORIZED",
-          config,
-          null,
-          {
-            data: { message: "The authentication token is invalid." },
-            status: 401,
-            statusText: "Unauthorized",
-            headers: this.axiosInstance.defaults.headers,
-            config: config,
-          } as AxiosResponse
-        );
+        return config;
       }
 
       config.headers[CLAIM_NAME] = token;
@@ -48,6 +36,11 @@ class Client {
 
       return config;
     });
+
+    this.axiosInstance.interceptors.response.use(
+      (response) => response,
+      (error) => errorInterceptor(error),
+    );
   }
 
   public static getInstance(config: ClientConfig): Client {
@@ -59,7 +52,7 @@ class Client {
 
   public async get<T = unknown, R = AxiosResponse<T>>(
     url: string,
-    config?: AxiosRequestConfig
+    config?: AxiosRequestConfig,
   ): Promise<R> {
     const response = await this.axiosInstance.get<T, R>(url, config);
     return response;
@@ -68,7 +61,7 @@ class Client {
   public async post<T = unknown, R = AxiosResponse<T>, D = unknown>(
     url: string,
     data?: D,
-    config?: AxiosRequestConfig<D>
+    config?: AxiosRequestConfig<D>,
   ): Promise<R> {
     const response = await this.axiosInstance.post<T, R>(url, data, config);
     return response;
@@ -77,7 +70,7 @@ class Client {
   public async put<T = unknown, R = AxiosResponse<T>, D = unknown>(
     url: string,
     data?: D,
-    config?: AxiosRequestConfig<D>
+    config?: AxiosRequestConfig<D>,
   ): Promise<R> {
     const response = await this.axiosInstance.put<T, R>(url, data, config);
     return response;
@@ -85,7 +78,7 @@ class Client {
 
   public async delete<T = unknown, R = AxiosResponse<T>>(
     url: string,
-    config?: AxiosRequestConfig
+    config?: AxiosRequestConfig,
   ): Promise<R> {
     const response = await this.axiosInstance.delete<T, R>(url, config);
     return response;
diff --git a/packages/common/network/error-interceptor.ts b/packages/common/network/error-interceptor.ts
new file mode 100644
index 000000000..1f0eca1a4
--- /dev/null
+++ b/packages/common/network/error-interceptor.ts
@@ -0,0 +1,31 @@
+import type { AxiosError } from "axios";
+
+import { getAuthLoginRedirectUrl, isAtLoginRedirectUrl } from "./utils";
+
+let isRedirectingToLogin = false;
+
+function shouldRedirectToLogin(error: unknown): boolean {
+  if (!error || typeof error !== "object") return false;
+
+  const axiosError = error as AxiosError;
+  const status = axiosError.response?.status;
+  const code = axiosError.code;
+
+  return status === 401 || code === "UNAUTHORIZED";
+}
+
+function redirectToLogin(): void {
+  if (typeof window === "undefined") return;
+
+  const loginUrl = getAuthLoginRedirectUrl();
+  if (isAtLoginRedirectUrl(loginUrl)) return;
+  if (isRedirectingToLogin) return;
+
+  isRedirectingToLogin = true;
+  window.location.assign(loginUrl);
+}
+
+export function errorInterceptor(error: unknown) {
+  if (shouldRedirectToLogin(error)) redirectToLogin();
+  return Promise.reject(error);
+}
diff --git a/packages/common/network/index.ts b/packages/common/network/index.ts
index 5ec76921e..f08438b95 100644
--- a/packages/common/network/index.ts
+++ b/packages/common/network/index.ts
@@ -1 +1,2 @@
+export * from "./utils";
 export * from "./client";
diff --git a/packages/common/network/utils.ts b/packages/common/network/utils.ts
new file mode 100644
index 000000000..010bf2fe2
--- /dev/null
+++ b/packages/common/network/utils.ts
@@ -0,0 +1,20 @@
+export function getAuthLoginRedirectUrl(): string {
+  return (
+    process.env.NEXT_PUBLIC_AUTH_LOGIN_REDIRECT_URL ||
+    process.env.NEXT_PUBLIC_CM_LOGIN_PAGE_URL ||
+    "/auth/login"
+  );
+}
+
+export function isAtLoginRedirectUrl(loginRedirectUrl: string): boolean {
+  if (typeof window === "undefined") return false;
+  try {
+    const target = new URL(loginRedirectUrl, window.location.href);
+    return (
+      target.origin === window.location.origin &&
+      target.pathname === window.location.pathname
+    );
+  } catch {
+    return false;
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6c04620df..772cc3c0f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,32 +21,44 @@ importers:
         version: 4.5.1
       react:
         specifier: ^19.2.1
-        version: 19.2.3
+        version: 19.2.4
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dom:
         specifier: ^19.2.1
-        version: 19.2.3(react@19.2.3)
+        version: 19.2.4(react@19.2.4)
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
+      '@eslint/eslintrc':
+        specifier: ^3
+        version: 3.3.5
+      '@next/eslint-plugin-next':
+        specifier: ^15.3.8
+        version: 15.3.8
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@types/react':
         specifier: ^19.2.7
-        version: 19.2.7
+        version: 19.2.14
       '@types/react-dom':
         specifier: ^19.2.3
-        version: 19.2.3(@types/react@19.2.7)
+        version: 19.2.3(@types/react@19.2.14)
+      '@typescript-eslint/parser':
+        specifier: ^8.56.1
+        version: 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-simple-import-sort:
+        specifier: ^12.1.1
+        version: 12.1.1(eslint@9.39.4(jiti@2.6.1))
       husky:
         specifier: ^9.1.7
         version: 9.1.7
       lint-staged:
         specifier: ^16.2.7
-        version: 16.2.7
+        version: 16.4.0
       turbo:
         specifier: 2.4.2
         version: 2.4.2
@@ -64,53 +76,53 @@ importers:
         version: link:../../packages/common/network
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@tanstack/react-query':
         specifier: ^5.75.5
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       zod:
         specifier: ^3.24.2
         version: 3.25.76
     devDependencies:
       eslint:
         specifier: ^9.0.0
-        version: 9.39.2(jiti@1.21.7)
+        version: 9.39.4(jiti@1.21.7)
       eslint-config-next:
-        specifier: 15.4.0
-        version: 15.4.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
       postcss:
         specifier: ^8.4.49
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.11
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.14
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5.7.2
         version: 5.9.3
@@ -128,55 +140,55 @@ importers:
         version: link:../../packages/common/config
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@fullcalendar/core':
         specifier: ^6.1.17
-        version: 6.1.19
+        version: 6.1.20
       '@fullcalendar/daygrid':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@fullcalendar/interaction':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@fullcalendar/react':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 6.1.20(@fullcalendar/core@6.1.20)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@fullcalendar/timegrid':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-icons':
         specifier: ^1.3.2
-        version: 1.3.2(react@19.2.3)
+        version: 1.3.2(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.8
-        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.75.5
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tinymce/tinymce-react':
         specifier: ^5.1.1
-        version: 5.1.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 5.1.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -185,37 +197,37 @@ importers:
         version: 4.5.1
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       next-qrcode:
         specifier: ^2.5.1
-        version: 2.5.1(react@19.2.3)
+        version: 2.5.1(react@19.2.4)
       next-themes:
         specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 0.4.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       sonner:
         specifier: ^2.0.1
-        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       tus-js-client:
         specifier: ^4.3.1
         version: 4.3.1
@@ -224,41 +236,41 @@ importers:
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3.0.0
-        version: 3.3.3
+        version: 3.3.5
       '@types/js-cookie':
         specifier: ^3.0.6
         version: 3.0.6
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9.0.0
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.4.0
-        version: 15.4.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8.4.49
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.5
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.14
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5.7.2
         version: 5.9.3
@@ -279,37 +291,37 @@ importers:
         version: link:../../../packages/common/network
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: ^3.5.0
-        version: 3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-icons':
         specifier: ^1.3.2
-        version: 1.3.2(react@19.2.3)
+        version: 1.3.2(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.67.1
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tinymce/tinymce-react':
         specifier: ^5.1.1
-        version: 5.1.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 5.1.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -318,31 +330,31 @@ importers:
         version: 4.5.1
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       next-themes:
         specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 0.4.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       sonner:
         specifier: ^2.0.1
-        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       tus-js-client:
         specifier: ^4.3.1
         version: 4.3.1
@@ -354,41 +366,41 @@ importers:
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       '@types/js-cookie':
         specifier: ^3.0.6
         version: 3.0.6
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.5
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -406,55 +418,55 @@ importers:
         version: link:../../packages/common/config
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@fullcalendar/core':
         specifier: ^6.1.17
-        version: 6.1.19
+        version: 6.1.20
       '@fullcalendar/daygrid':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@fullcalendar/interaction':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@fullcalendar/react':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 6.1.20(@fullcalendar/core@6.1.20)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@fullcalendar/timegrid':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-icons':
         specifier: ^1.3.2
-        version: 1.3.2(react@19.2.3)
+        version: 1.3.2(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.8
-        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.75.5
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tinymce/tinymce-react':
         specifier: ^5.1.1
-        version: 5.1.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 5.1.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -463,37 +475,37 @@ importers:
         version: 4.5.1
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       next-qrcode:
         specifier: ^2.5.1
-        version: 2.5.1(react@19.2.3)
+        version: 2.5.1(react@19.2.4)
       next-themes:
         specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 0.4.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       sonner:
         specifier: ^2.0.1
-        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       tus-js-client:
         specifier: ^4.3.1
         version: 4.3.1
@@ -502,41 +514,41 @@ importers:
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3.0.0
-        version: 3.3.3
+        version: 3.3.5
       '@types/js-cookie':
         specifier: ^3.0.6
         version: 3.0.6
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9.0.0
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.4.0
-        version: 15.4.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8.4.49
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.5
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.14
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5.7.2
         version: 5.9.3
@@ -554,22 +566,22 @@ importers:
         version: 1.1.4
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: ^3.5.0
-        version: 3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.75.5
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -578,47 +590,47 @@ importers:
         version: 4.5.1
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       picocolors:
         specifier: ^1.1.1
         version: 1.1.1
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-dropzone:
         specifier: ^14.3.8
-        version: 14.3.8(react@19.2.3)
+        version: 14.4.1(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       react-qr-code:
         specifier: ^2.0.18
-        version: 2.0.18(react@19.2.3)
+        version: 2.0.18(react@19.2.4)
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       zod:
         specifier: ^3.24.2
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3.0.0
-        version: 3.3.3
+        version: 3.3.5
       '@faker-js/faker':
         specifier: ^9.5.0
         version: 9.9.0
@@ -627,31 +639,31 @@ importers:
         version: 3.0.6
       '@types/node':
         specifier: ^22.17.0
-        version: 22.19.2
+        version: 22.19.15
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9.0.0
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.4.0
-        version: 15.4.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8.4.49
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.5
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.14
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5.7.2
         version: 5.9.3
@@ -669,7 +681,7 @@ importers:
         version: link:../../packages/common/components
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -684,44 +696,44 @@ importers:
         version: 0.9.0
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       react-hot-toast:
         specifier: ^2.5.2
-        version: 2.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwind-merge:
         specifier: ^3.0.1
-        version: 3.4.0
+        version: 3.5.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       zod:
         specifier: ^3.24.2
         version: 3.25.76
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -739,7 +751,7 @@ importers:
         version: link:../../packages/common/components
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -754,44 +766,44 @@ importers:
         version: 0.9.0
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       react-hot-toast:
         specifier: ^2.5.2
-        version: 2.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwind-merge:
         specifier: ^3.0.1
-        version: 3.4.0
+        version: 3.5.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       zod:
         specifier: ^3.24.2
         version: 3.25.76
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -809,28 +821,28 @@ importers:
         version: link:../../packages/common/components
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tailwindcss/vite':
         specifier: ^4.0.10
-        version: 4.1.18(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 4.2.2(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
       '@tanstack/react-query':
         specifier: ^5.67.1
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -842,50 +854,50 @@ importers:
         version: 3.0.5
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ol:
         specifier: ^7.3.0
         version: 7.5.2
       ol-ext:
         specifier: ^4.0.11
-        version: 4.0.37(ol@7.5.2)
+        version: 4.0.38(ol@7.5.2)
       proj4:
         specifier: ^2.9.0
-        version: 2.20.2
+        version: 2.20.4
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       select:
         specifier: ^1.1.2
         version: 1.1.2
       webpack:
         specifier: ^5.98.0
-        version: 5.103.0
+        version: 5.105.4
       zod:
         specifier: ^3.24.2
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       tailwindcss:
         specifier: ^3.4.17
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5.6.3
         version: 5.9.3
@@ -903,31 +915,31 @@ importers:
         version: link:../../packages/common/components
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.67.1
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -936,7 +948,7 @@ importers:
         version: 4.5.1
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
@@ -945,31 +957,31 @@ importers:
         version: 2.30.1
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ol:
         specifier: ^7.3.0
         version: 7.5.2
       ol-ext:
         specifier: ^4.0.11
-        version: 4.0.37(ol@7.5.2)
+        version: 4.0.38(ol@7.5.2)
       proj4:
         specifier: ^2.9.0
-        version: 2.20.2
+        version: 2.20.4
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       react-hot-toast:
         specifier: ^2.5.2
-        version: 2.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       tus-js-client:
         specifier: ^4.3.1
         version: 4.3.1
@@ -984,11 +996,11 @@ importers:
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       '@faker-js/faker':
         specifier: ^9.5.0
         version: 9.9.0
@@ -997,31 +1009,31 @@ importers:
         version: 3.0.6
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.5
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -1042,58 +1054,58 @@ importers:
         version: 9.9.0
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@fullcalendar/core':
         specifier: ^6.1.17
-        version: 6.1.19
+        version: 6.1.20
       '@fullcalendar/daygrid':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@fullcalendar/interaction':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@fullcalendar/react':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 6.1.20(@fullcalendar/core@6.1.20)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@fullcalendar/timegrid':
         specifier: ^6.1.17
-        version: 6.1.19(@fullcalendar/core@6.1.19)
+        version: 6.1.20(@fullcalendar/core@6.1.20)
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-icons':
         specifier: ^1.3.2
-        version: 1.3.2(react@19.2.3)
+        version: 1.3.2(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.8
-        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@rsone/components':
         specifier: workspace:*
         version: link:../../packages/rsone
       '@tanstack/react-query':
         specifier: ^5.67.1
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tinymce/tinymce-react':
         specifier: ^5.1.1
-        version: 5.1.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 5.1.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@types/xlsx':
         specifier: ^0.0.36
         version: 0.0.36
@@ -1103,9 +1115,12 @@ importers:
       chart.js:
         specifier: ^4.4.8
         version: 4.5.1
+      chartjs-plugin-zoom:
+        specifier: ^2.2.0
+        version: 2.2.0(chart.js@4.5.1)
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
@@ -1114,43 +1129,43 @@ importers:
         version: 3.10.1
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       next-qrcode:
         specifier: ^2.5.1
-        version: 2.5.1(react@19.2.3)
+        version: 2.5.1(react@19.2.4)
       next-themes:
         specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 0.4.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       realgrid:
         specifier: ^2.9.5
-        version: 2.9.6
+        version: 2.9.7
       realgrid-react:
         specifier: ^0.9.7
-        version: 0.9.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 0.9.9(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       remixicon:
         specifier: ^4.7.0
-        version: 4.7.0
+        version: 4.9.1
       sonner:
         specifier: ^2.0.1
-        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       swr:
         specifier: ^2.3.7
-        version: 2.3.8(react@19.2.3)
+        version: 2.4.1(react@19.2.4)
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       tus-js-client:
         specifier: ^4.3.1
         version: 4.3.1
@@ -1162,41 +1177,44 @@ importers:
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       '@types/js-cookie':
         specifier: ^3.0.6
         version: 3.0.6
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-react-hooks:
+        specifier: ^5.0.0
+        version: 5.2.0(eslint@9.39.4(jiti@2.6.1))
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       steiger:
         specifier: ^0.5.5
         version: 0.5.11(typescript@5.9.3)
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -1214,31 +1232,31 @@ importers:
         version: link:../../packages/common/components
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
-        version: 5.2.9
+        version: 5.2.10
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.67.1
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.75.5
-        version: 5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)
+        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
         specifier: ^1.8.1
         version: 1.8.1
@@ -1250,49 +1268,49 @@ importers:
         version: 2.1.1
       i18next:
         specifier: ^25.3.2
-        version: 25.7.2(typescript@5.9.3)
+        version: 25.10.9(typescript@5.9.3)
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       moment:
         specifier: ^2.30.1
         version: 2.30.1
       next:
         specifier: 15.3.8
-        version: 15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ol:
         specifier: ^7.3.0
         version: 7.5.2
       ol-ext:
         specifier: ^4.0.11
-        version: 4.0.37(ol@7.5.2)
+        version: 4.0.38(ol@7.5.2)
       proj4:
         specifier: ^2.9.0
-        version: 2.20.2
+        version: 2.20.4
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-draggable:
         specifier: ^4.5.0
-        version: 4.5.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 4.5.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       react-hot-toast:
         specifier: ^2.5.2
-        version: 2.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-i18next:
         specifier: ^15.6.0
-        version: 15.7.4(i18next@25.7.2(typescript@5.9.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3)
+        version: 15.7.4(i18next@25.10.9(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)
       tailwind-merge:
         specifier: ^3.0.1
-        version: 3.4.0
+        version: 3.5.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       tus-js-client:
         specifier: ^4.3.1
         version: 4.3.1
@@ -1307,26 +1325,26 @@ importers:
         version: 3.25.76
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       '@eslint/eslintrc':
         specifier: ^3
-        version: 3.3.3
+        version: 3.3.5
       '@types/webpack':
         specifier: ^5.28.5
         version: 5.28.5
       eslint:
         specifier: ^9
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-config-next:
-        specifier: 15.1.7
-        version: 15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: 15.3.8
+        version: 15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       postcss:
         specifier: ^8
-        version: 8.5.6
+        version: 8.5.8
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       typescript:
         specifier: ^5
         version: 5.9.3
@@ -1335,10 +1353,10 @@ importers:
     devDependencies:
       '@types/node':
         specifier: ^20.11.0
-        version: 20.19.26
+        version: 20.19.37
       tsup:
         specifier: ^8.0.1
-        version: 8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.9.3)(yaml@2.8.2)
+        version: 8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.9.3)(yaml@2.8.3)
       typescript:
         specifier: ^5.3.3
         version: 5.9.3
@@ -1350,22 +1368,22 @@ importers:
         version: link:../components
       '@hookform/resolvers':
         specifier: ^4.1.3
-        version: 4.1.3(react-hook-form@7.68.0(react@19.2.3))
+        version: 4.1.3(react-hook-form@7.72.0(react@19.2.4))
       '@minoru/react-dnd-treeview':
         specifier: 3.5.1-alpha.1
-        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-scroll-area':
         specifier: ^1.2.3
-        version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-select':
         specifier: ^2.1.6
-        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       axios:
         specifier: 1.8.1
         version: 1.8.1
@@ -1380,46 +1398,46 @@ importers:
         version: 3.6.0
       libphonenumber-js:
         specifier: ^1.12.9
-        version: 1.12.31
+        version: 1.12.40
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       ol:
         specifier: ^7.3.0
         version: 7.5.2
       ol-ext:
         specifier: ^4.0.11
-        version: 4.0.37(ol@7.5.2)
+        version: 4.0.38(ol@7.5.2)
       path:
         specifier: ^0.12.7
         version: 0.12.7
       proj4:
         specifier: ^2.9.0
-        version: 2.20.2
+        version: 2.20.4
       react-day-picker:
         specifier: ^8.10.1
-        version: 8.10.1(date-fns@3.6.0)(react@19.2.3)
+        version: 8.10.1(date-fns@3.6.0)(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-dropzone:
         specifier: ^14.3.8
-        version: 14.3.8(react@19.2.3)
+        version: 14.4.1(react@19.2.4)
       react-hook-form:
         specifier: ^7.54.2
-        version: 7.68.0(react@19.2.3)
+        version: 7.72.0(react@19.2.4)
       recharts:
         specifier: ^2.15.1
-        version: 2.15.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.15.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       sonner:
         specifier: ^2.0.1
-        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwind-merge:
         specifier: ^3.0.1
-        version: 3.4.0
+        version: 3.5.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
       xlsx:
         specifier: ^0.18.5
         version: 0.18.5
@@ -1432,91 +1450,91 @@ importers:
     devDependencies:
       '@eslint/js':
         specifier: ^9.17.0
-        version: 9.39.2
+        version: 9.39.4
       '@storybook/addon-essentials':
         specifier: ^8.5.3
-        version: 8.6.14(@types/react@19.2.7)(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.1))
       '@storybook/addon-interactions':
         specifier: ^8.5.3
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@storybook/addon-onboarding':
         specifier: ^8.5.3
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.1))
       '@storybook/addon-themes':
         specifier: ^8.5.4
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.1))
       '@storybook/blocks':
         specifier: ^8.5.3
-        version: 8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))
       '@storybook/manager-api':
         specifier: ^8.5.5
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@storybook/react':
         specifier: ^8.5.3
-        version: 8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)
+        version: 8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)
       '@storybook/react-vite':
         specifier: ^8.5.3
-        version: 8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.53.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.60.0)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
       '@storybook/test':
         specifier: ^8.5.3
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.15(storybook@8.6.18(prettier@3.8.1))
       '@storybook/theming':
         specifier: ^8.5.5
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.7.0(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 4.7.0(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
       '@xlsx/xlsx-populate':
         specifier: ^0.0.8
         version: 0.0.8
       autoprefixer:
         specifier: ^10.4.20
-        version: 10.4.22(postcss@8.5.6)
+        version: 10.4.27(postcss@8.5.8)
       eslint:
         specifier: ^9.17.0
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-plugin-react-hooks:
         specifier: ^5.0.0
-        version: 5.2.0(eslint@9.39.2(jiti@2.6.1))
+        version: 5.2.0(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-react-refresh:
         specifier: ^0.4.16
-        version: 0.4.24(eslint@9.39.2(jiti@2.6.1))
+        version: 0.4.26(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-storybook:
         specifier: ^0.11.2
-        version: 0.11.6(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
+        version: 0.11.6(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
       globals:
         specifier: ^15.14.0
         version: 15.15.0
       postcss:
         specifier: ^8.5.3
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       storybook:
         specifier: ^8.5.3
-        version: 8.6.14(prettier@3.7.4)
+        version: 8.6.18(prettier@3.8.1)
       tailwindcss:
         specifier: ^3.4.17
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       tsup:
         specifier: 8.3.6
-        version: 8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.6.3)(yaml@2.8.2)
+        version: 8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.6.3)(yaml@2.8.3)
       typescript:
         specifier: ~5.6.2
         version: 5.6.3
       typescript-eslint:
         specifier: ^8.18.2
-        version: 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
+        version: 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
       vite:
         specifier: ^6.0.5
-        version: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+        version: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
       vite-tsconfig-paths:
         specifier: 5.1.4
-        version: 5.1.4(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 5.1.4(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
 
   packages/common/components:
     dependencies:
@@ -1531,70 +1549,70 @@ importers:
         version: 1.1.4
       '@minoru/react-dnd-treeview':
         specifier: ^3.5.0
-        version: 3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-accordion':
         specifier: ^1.2.3
-        version: 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-checkbox':
         specifier: ^1.1.4
-        version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-collapsible':
         specifier: ^1.1.3
-        version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-dialog':
         specifier: ^1.1.6
-        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-dropdown-menu':
         specifier: ^2.1.6
-        version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-icons':
         specifier: ^1.3.2
-        version: 1.3.2(react@19.2.3)
+        version: 1.3.2(react@19.2.4)
       '@radix-ui/react-label':
         specifier: ^2.1.2
-        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-popover':
         specifier: ^1.1.6
-        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-progress':
         specifier: ^1.1.2
-        version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-radio-group':
         specifier: ^1.2.2
-        version: 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-scroll-area':
         specifier: ^1.2.3
-        version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-select':
         specifier: ^2.1.6
-        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-separator':
         specifier: ^1.1.2
-        version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slider':
         specifier: ^1.2.3
-        version: 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-slot':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react@19.2.7)(react@19.2.3)
+        version: 1.2.4(@types/react@19.2.14)(react@19.2.4)
       '@radix-ui/react-switch':
         specifier: ^1.1.3
-        version: 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-tabs':
         specifier: ^1.1.3
-        version: 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.8
-        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@radix-ui/react-visually-hidden':
         specifier: ^1.1.2
-        version: 1.2.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.2.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.67.1
-        version: 5.90.12(react@19.2.3)
+        version: 5.95.2(react@19.2.4)
       '@tanstack/react-table':
         specifier: ^8.21.2
-        version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@types/js-cookie':
         specifier: ^3.0.6
         version: 3.0.6
@@ -1615,143 +1633,143 @@ importers:
         version: 3.6.0
       dayjs:
         specifier: ^1.11.13
-        version: 1.11.19
+        version: 1.11.20
       embla-carousel-autoplay:
         specifier: ^8.6.0
         version: 8.6.0(embla-carousel@8.6.0)
       embla-carousel-react:
         specifier: ^8.6.0
-        version: 8.6.0(react@19.2.3)
+        version: 8.6.0(react@19.2.4)
       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
       lucide-react:
         specifier: ^0.474.0
-        version: 0.474.0(react@19.2.3)
+        version: 0.474.0(react@19.2.4)
       react-chartjs-2:
         specifier: ^5.3.0
-        version: 5.3.1(chart.js@4.5.1)(react@19.2.3)
+        version: 5.3.1(chart.js@4.5.1)(react@19.2.4)
       react-day-picker:
         specifier: ^9.7.0
-        version: 9.12.0(react@19.2.3)
+        version: 9.14.0(react@19.2.4)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+        version: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-dnd-html5-backend:
         specifier: ^16.0.1
         version: 16.0.1
       tailwind-merge:
         specifier: ^3.0.1
-        version: 3.4.0
+        version: 3.5.0
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.2))
+        version: 1.0.7(tailwindcss@3.4.19(yaml@2.8.3))
     devDependencies:
       '@eslint/js':
         specifier: ^9.17.0
-        version: 9.39.2
+        version: 9.39.4
       '@faker-js/faker':
         specifier: ^9.5.0
         version: 9.9.0
       '@storybook/addon-essentials':
         specifier: ^8.5.3
-        version: 8.6.14(@types/react@19.2.7)(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.1))
       '@storybook/addon-interactions':
         specifier: ^8.5.3
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@storybook/addon-onboarding':
         specifier: ^8.5.3
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.1))
       '@storybook/addon-themes':
         specifier: ^8.5.4
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.18(storybook@8.6.18(prettier@3.8.1))
       '@storybook/blocks':
         specifier: ^8.5.3
-        version: 8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))
       '@storybook/manager-api':
         specifier: ^8.5.5
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@storybook/react':
         specifier: ^8.5.3
-        version: 8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)
+        version: 8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)
       '@storybook/react-vite':
         specifier: ^8.5.3
-        version: 8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.53.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.60.0)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
       '@storybook/test':
         specifier: ^8.5.3
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.15(storybook@8.6.18(prettier@3.8.1))
       '@storybook/theming':
         specifier: ^8.5.5
-        version: 8.6.14(storybook@8.6.14(prettier@3.7.4))
+        version: 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@types/node':
         specifier: ^22.13.1
-        version: 22.19.2
+        version: 22.19.15
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.7.0(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 4.7.0(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
       autoprefixer:
         specifier: ^10.4.20
-        version: 10.4.22(postcss@8.5.6)
+        version: 10.4.27(postcss@8.5.8)
       eslint:
         specifier: ^9.17.0
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       eslint-plugin-react-hooks:
         specifier: ^5.0.0
-        version: 5.2.0(eslint@9.39.2(jiti@2.6.1))
+        version: 5.2.0(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-react-refresh:
         specifier: ^0.4.16
-        version: 0.4.24(eslint@9.39.2(jiti@2.6.1))
+        version: 0.4.26(eslint@9.39.4(jiti@2.6.1))
       eslint-plugin-storybook:
         specifier: ^0.11.2
-        version: 0.11.6(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
+        version: 0.11.6(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
       globals:
         specifier: ^15.14.0
         version: 15.15.0
       postcss:
         specifier: ^8.5.1
-        version: 8.5.6
+        version: 8.5.8
       prettier:
         specifier: ^3.4.2
-        version: 3.7.4
+        version: 3.8.1
       prettier-plugin-tailwindcss:
         specifier: ^0.6.11
-        version: 0.6.14(prettier@3.7.4)
+        version: 0.6.14(prettier@3.8.1)
       storybook:
         specifier: ^8.5.3
-        version: 8.6.14(prettier@3.7.4)
+        version: 8.6.18(prettier@3.8.1)
       tailwindcss:
         specifier: ^3.4.17
-        version: 3.4.19(yaml@2.8.2)
+        version: 3.4.19(yaml@2.8.3)
       tsup:
         specifier: 8.3.6
-        version: 8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.6.3)(yaml@2.8.2)
+        version: 8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.6.3)(yaml@2.8.3)
       typescript:
         specifier: ~5.6.2
         version: 5.6.3
       typescript-eslint:
         specifier: ^8.18.2
-        version: 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
+        version: 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
       vite:
         specifier: ^6.0.5
-        version: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+        version: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
       vite-tsconfig-paths:
         specifier: 5.1.4
-        version: 5.1.4(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
+        version: 5.1.4(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
 
   packages/common/config:
     devDependencies:
       eslint:
         specifier: ^9.8.0
-        version: 9.39.2(jiti@2.6.1)
+        version: 9.39.4(jiti@2.6.1)
       tsup:
         specifier: ^8.2.3
-        version: 8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.9.3)(yaml@2.8.2)
+        version: 8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.9.3)(yaml@2.8.3)
       typescript:
         specifier: ^5.5.3
         version: 5.9.3
       vite:
         specifier: ^5.3.5
-        version: 5.4.21(@types/node@22.19.2)(lightningcss@1.30.2)(terser@5.44.1)
+        version: 5.4.21(@types/node@22.19.15)(lightningcss@1.32.0)(terser@5.46.1)
 
   packages/common/network:
     dependencies:
@@ -1767,7 +1785,7 @@ importers:
     devDependencies:
       '@types/node':
         specifier: ^20.11.19
-        version: 20.19.26
+        version: 20.19.37
       typescript:
         specifier: ^5.3.3
         version: 5.9.3
@@ -1782,26 +1800,26 @@ importers:
         version: 3.10.1
       react:
         specifier: ^19.2.1
-        version: 19.2.3
+        version: 19.2.4
       react-dom:
         specifier: ^19.2.1
-        version: 19.2.3(react@19.2.3)
+        version: 19.2.4(react@19.2.4)
       realgrid:
         specifier: ^2.9.5
-        version: 2.9.6
+        version: 2.9.7
       realgrid-react:
         specifier: ^0.9.7
-        version: 0.9.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 0.9.9(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       xlsx:
         specifier: ^0.18.5
         version: 0.18.5
       zustand:
         specifier: ^5.0.3
-        version: 5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4))
     devDependencies:
       tsup:
         specifier: 8.3.6
-        version: 8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.6.3)(yaml@2.8.2)
+        version: 8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.6.3)(yaml@2.8.3)
       typescript:
         specifier: ~5.6.2
         version: 5.6.3
@@ -1815,42 +1833,42 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@babel/code-frame@7.27.1':
-    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.28.5':
-    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.28.5':
-    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.28.5':
-    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.27.2':
-    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-globals@7.28.0':
     resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.27.1':
-    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.28.3':
-    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-plugin-utils@7.27.1':
-    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-string-parser@7.27.1':
@@ -1865,12 +1883,12 @@ packages:
     resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.28.4':
-    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.28.5':
-    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -1886,20 +1904,20 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime@7.28.4':
-    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+  '@babel/runtime@7.29.2':
+    resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.27.2':
-    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.28.5':
-    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.28.5':
-    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
 
   '@clack/core@0.4.1':
@@ -1915,14 +1933,14 @@ packages:
     resolution: {integrity: sha512-Y6+WUMsTFWE5jb20IFP4YGa5IrGY/+a/FbOSjDF/wz9gepU2hwCYSXRHP/vPwBvwcY3SVMASt4yXxbXNXigmZQ==}
     engines: {node: '>=18'}
 
-  '@emnapi/core@1.7.1':
-    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
+  '@emnapi/core@1.9.1':
+    resolution: {integrity: sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==}
 
-  '@emnapi/runtime@1.7.1':
-    resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
+  '@emnapi/runtime@1.9.1':
+    resolution: {integrity: sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==}
 
-  '@emnapi/wasi-threads@1.1.0':
-    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
+  '@emnapi/wasi-threads@1.2.0':
+    resolution: {integrity: sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==}
 
   '@esbuild/aix-ppc64@0.21.5':
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
@@ -2368,8 +2386,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@eslint-community/eslint-utils@4.9.0':
-    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
@@ -2378,8 +2396,8 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.21.1':
-    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/config-helpers@0.4.2':
@@ -2390,12 +2408,12 @@ packages:
     resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/eslintrc@3.3.3':
-    resolution: {integrity: sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==}
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.39.2':
-    resolution: {integrity: sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==}
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/object-schema@2.1.7':
@@ -2416,51 +2434,51 @@ packages:
   '@feature-sliced/steiger-plugin@0.5.7':
     resolution: {integrity: sha512-xENW2fvfU+UyMgcB3S+CCMPrH2Tq/BG1W9IxGp5B8+j0TtbgmbzT3DIj3A2HG4kouVYUjzgWA6JIuHbGo3lDzg==}
 
-  '@floating-ui/core@1.7.3':
-    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
+  '@floating-ui/core@1.7.5':
+    resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==}
 
-  '@floating-ui/dom@1.7.4':
-    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
+  '@floating-ui/dom@1.7.6':
+    resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==}
 
-  '@floating-ui/react-dom@2.1.6':
-    resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==}
+  '@floating-ui/react-dom@2.1.8':
+    resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==}
     peerDependencies:
       react: ^19.2.1
       react-dom: ^19.2.1
 
-  '@floating-ui/utils@0.2.10':
-    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
+  '@floating-ui/utils@0.2.11':
+    resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
 
-  '@fontsource-variable/noto-sans-kr@5.2.9':
-    resolution: {integrity: sha512-g1BnJdJbnAgRUP8YxyPIm8npZVUbtt6VgtLnkGR7poa/RVbVGd27i+9138DmwRvtbKhJG1fPLQ/V3BonvFykRQ==}
+  '@fontsource-variable/noto-sans-kr@5.2.10':
+    resolution: {integrity: sha512-UZOO7HF44Rt5+7SCeFMHYVgbKu36Jet6IxrAd7jjEkQMVDmeefwd0H8V5pSZydvBOOxClk3V5cQsujJqGHhQMw==}
 
   '@frontend-opensource/use-react-hooks@1.1.4':
     resolution: {integrity: sha512-otCSyciL5MVCNNYmdDdg2lEL6rbZ3XX1meYQCzapUSC4V6qx2YxMk1kUbhwEM/+vdxhYzBHsVBGD0rZWl5cgrw==}
 
-  '@fullcalendar/core@6.1.19':
-    resolution: {integrity: sha512-z0aVlO5e4Wah6p6mouM0UEqtRf1MZZPt4mwzEyU6kusaNL+dlWQgAasF2cK23hwT4cmxkEmr4inULXgpyeExdQ==}
+  '@fullcalendar/core@6.1.20':
+    resolution: {integrity: sha512-1cukXLlePFiJ8YKXn/4tMKsy0etxYLCkXk8nUCFi11nRONF2Ba2CD5b21/ovtOO2tL6afTJfwmc1ed3HG7eB1g==}
 
-  '@fullcalendar/daygrid@6.1.19':
-    resolution: {integrity: sha512-IAAfnMICnVWPjpT4zi87i3FEw0xxSza0avqY/HedKEz+l5MTBYvCDPOWDATpzXoLut3aACsjktIyw9thvIcRYQ==}
+  '@fullcalendar/daygrid@6.1.20':
+    resolution: {integrity: sha512-AO9vqhkLP77EesmJzuU+IGXgxNulsA8mgQHynclJ8U70vSwAVnbcLG9qftiTAFSlZjiY/NvhE7sflve6cJelyQ==}
     peerDependencies:
-      '@fullcalendar/core': ~6.1.19
+      '@fullcalendar/core': ~6.1.20
 
-  '@fullcalendar/interaction@6.1.19':
-    resolution: {integrity: sha512-GOciy79xe8JMVp+1evAU3ytdwN/7tv35t5i1vFkifiuWcQMLC/JnLg/RA2s4sYmQwoYhTw/p4GLcP0gO5B3X5w==}
+  '@fullcalendar/interaction@6.1.20':
+    resolution: {integrity: sha512-p6txmc5txL0bMiPaJxe2ip6o0T384TyoD2KGdsU6UjZ5yoBlaY+dg7kxfnYKpYMzEJLG58n+URrHr2PgNL2fyA==}
     peerDependencies:
-      '@fullcalendar/core': ~6.1.19
+      '@fullcalendar/core': ~6.1.20
 
-  '@fullcalendar/react@6.1.19':
-    resolution: {integrity: sha512-FP78vnyylaL/btZeHig8LQgfHgfwxLaIG6sKbNkzkPkKEACv11UyyBoTSkaavPsHtXvAkcTED1l7TOunAyPEnA==}
+  '@fullcalendar/react@6.1.20':
+    resolution: {integrity: sha512-1w0pZtceaUdfAnxMSCGHCQalhi+mR1jOe76sXzyAXpcPz/Lf0zHSdcGK/U2XpZlnQgQtBZW+d+QBnnzVQKCxAA==}
     peerDependencies:
-      '@fullcalendar/core': ~6.1.19
+      '@fullcalendar/core': ~6.1.20
       react: ^19.2.1
       react-dom: ^19.2.1
 
-  '@fullcalendar/timegrid@6.1.19':
-    resolution: {integrity: sha512-OuzpUueyO9wB5OZ8rs7TWIoqvu4v3yEqdDxZ2VcsMldCpYJRiOe7yHWKr4ap5Tb0fs7Rjbserc/b6Nt7ol6BRg==}
+  '@fullcalendar/timegrid@6.1.20':
+    resolution: {integrity: sha512-4H+/MWbz3ntA50lrPif+7TsvMeX3R1GSYjiLULz0+zEJ7/Yfd9pupZmAwUs/PBpA6aAcFmeRr0laWfcz1a9V1A==}
     peerDependencies:
-      '@fullcalendar/core': ~6.1.19
+      '@fullcalendar/core': ~6.1.20
 
   '@hookform/resolvers@4.1.3':
     resolution: {integrity: sha512-Jsv6UOWYTrEFJ/01ZrnwVXs7KDvP8XIo115i++5PWvNkNvkrsTfGiLS6w+eJ57CYtUtDQalUWovCZDHFJ8u1VQ==}
@@ -2483,8 +2501,8 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
-  '@img/colour@1.0.0':
-    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
     engines: {node: '>=18'}
 
   '@img/sharp-darwin-arm64@0.34.5':
@@ -2698,11 +2716,8 @@ packages:
   '@next/env@15.3.8':
     resolution: {integrity: sha512-SAfHg0g91MQVMPioeFeDjE+8UPF3j3BvHjs8ZKJAUz1BG7eMPvfCKOAgNWJ6s1MLNeP6O2InKQRTNblxPWuq+Q==}
 
-  '@next/eslint-plugin-next@15.1.7':
-    resolution: {integrity: sha512-kRP7RjSxfTO13NE317ek3mSGzoZlI33nc/i5hs1KaWpK+egs85xg0DJ4p32QEiHnR0mVjuUfhRIun7awqfL7pQ==}
-
-  '@next/eslint-plugin-next@15.4.0':
-    resolution: {integrity: sha512-dlGuj2B76ltswtpdDFQJfTlu6ux0v+EUYzsAYR1IqxqHi5iMPWhPRztgu8eqQZo4uNYkABKzLCmVeGDwbTYTiw==}
+  '@next/eslint-plugin-next@15.3.8':
+    resolution: {integrity: sha512-CKpvDZhNXPUjUHmjHddcsqjwj46oQblFms2hr2uA79C0kVTiSXQEQxkawUsDNSofHhTI31IbSeBdVyuk/U1nKw==}
 
   '@next/swc-darwin-arm64@15.3.5':
     resolution: {integrity: sha512-lM/8tilIsqBq+2nq9kbTW19vfwFve0NR7MxfkuSUbRSgXlMQoJYg+31+++XwKVSXk4uT23G2eF/7BRIKdn8t8w==}
@@ -3331,121 +3346,136 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.53.3':
-    resolution: {integrity: sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==}
+  '@rollup/rollup-android-arm-eabi@4.60.0':
+    resolution: {integrity: sha512-WOhNW9K8bR3kf4zLxbfg6Pxu2ybOUbB2AjMDHSQx86LIF4rH4Ft7vmMwNt0loO0eonglSNy4cpD3MKXXKQu0/A==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.53.3':
-    resolution: {integrity: sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==}
+  '@rollup/rollup-android-arm64@4.60.0':
+    resolution: {integrity: sha512-u6JHLll5QKRvjciE78bQXDmqRqNs5M/3GVqZeMwvmjaNODJih/WIrJlFVEihvV0MiYFmd+ZyPr9wxOVbPAG2Iw==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.53.3':
-    resolution: {integrity: sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==}
+  '@rollup/rollup-darwin-arm64@4.60.0':
+    resolution: {integrity: sha512-qEF7CsKKzSRc20Ciu2Zw1wRrBz4g56F7r/vRwY430UPp/nt1x21Q/fpJ9N5l47WWvJlkNCPJz3QRVw008fi7yA==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.53.3':
-    resolution: {integrity: sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==}
+  '@rollup/rollup-darwin-x64@4.60.0':
+    resolution: {integrity: sha512-WADYozJ4QCnXCH4wPB+3FuGmDPoFseVCUrANmA5LWwGmC6FL14BWC7pcq+FstOZv3baGX65tZ378uT6WG8ynTw==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.53.3':
-    resolution: {integrity: sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==}
+  '@rollup/rollup-freebsd-arm64@4.60.0':
+    resolution: {integrity: sha512-6b8wGHJlDrGeSE3aH5mGNHBjA0TTkxdoNHik5EkvPHCt351XnigA4pS7Wsj/Eo9Y8RBU6f35cjN9SYmCFBtzxw==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.53.3':
-    resolution: {integrity: sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==}
+  '@rollup/rollup-freebsd-x64@4.60.0':
+    resolution: {integrity: sha512-h25Ga0t4jaylMB8M/JKAyrvvfxGRjnPQIR8lnCayyzEjEOx2EJIlIiMbhpWxDRKGKF8jbNH01NnN663dH638mA==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.53.3':
-    resolution: {integrity: sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.0':
+    resolution: {integrity: sha512-RzeBwv0B3qtVBWtcuABtSuCzToo2IEAIQrcyB/b2zMvBWVbjo8bZDjACUpnaafaxhTw2W+imQbP2BD1usasK4g==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.53.3':
-    resolution: {integrity: sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==}
+  '@rollup/rollup-linux-arm-musleabihf@4.60.0':
+    resolution: {integrity: sha512-Sf7zusNI2CIU1HLzuu9Tc5YGAHEZs5Lu7N1ssJG4Tkw6e0MEsN7NdjUDDfGNHy2IU+ENyWT+L2obgWiguWibWQ==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.53.3':
-    resolution: {integrity: sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==}
+  '@rollup/rollup-linux-arm64-gnu@4.60.0':
+    resolution: {integrity: sha512-DX2x7CMcrJzsE91q7/O02IJQ5/aLkVtYFryqCjduJhUfGKG6yJV8hxaw8pZa93lLEpPTP/ohdN4wFz7yp/ry9A==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.53.3':
-    resolution: {integrity: sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==}
+  '@rollup/rollup-linux-arm64-musl@4.60.0':
+    resolution: {integrity: sha512-09EL+yFVbJZlhcQfShpswwRZ0Rg+z/CsSELFCnPt3iK+iqwGsI4zht3secj5vLEs957QvFFXnzAT0FFPIxSrkQ==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loong64-gnu@4.53.3':
-    resolution: {integrity: sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==}
+  '@rollup/rollup-linux-loong64-gnu@4.60.0':
+    resolution: {integrity: sha512-i9IcCMPr3EXm8EQg5jnja0Zyc1iFxJjZWlb4wr7U2Wx/GrddOuEafxRdMPRYVaXjgbhvqalp6np07hN1w9kAKw==}
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-ppc64-gnu@4.53.3':
-    resolution: {integrity: sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==}
+  '@rollup/rollup-linux-loong64-musl@4.60.0':
+    resolution: {integrity: sha512-DGzdJK9kyJ+B78MCkWeGnpXJ91tK/iKA6HwHxF4TAlPIY7GXEvMe8hBFRgdrR9Ly4qebR/7gfUs9y2IoaVEyog==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.0':
+    resolution: {integrity: sha512-RwpnLsqC8qbS8z1H1AxBA1H6qknR4YpPR9w2XX0vo2Sz10miu57PkNcnHVaZkbqyw/kUWfKMI73jhmfi9BRMUQ==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.53.3':
-    resolution: {integrity: sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==}
+  '@rollup/rollup-linux-ppc64-musl@4.60.0':
+    resolution: {integrity: sha512-Z8pPf54Ly3aqtdWC3G4rFigZgNvd+qJlOE52fmko3KST9SoGfAdSRCwyoyG05q1HrrAblLbk1/PSIV+80/pxLg==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.0':
+    resolution: {integrity: sha512-3a3qQustp3COCGvnP4SvrMHnPQ9d1vzCakQVRTliaz8cIp/wULGjiGpbcqrkv0WrHTEp8bQD/B3HBjzujVWLOA==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-musl@4.53.3':
-    resolution: {integrity: sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==}
+  '@rollup/rollup-linux-riscv64-musl@4.60.0':
+    resolution: {integrity: sha512-pjZDsVH/1VsghMJ2/kAaxt6dL0psT6ZexQVrijczOf+PeP2BUqTHYejk3l6TlPRydggINOeNRhvpLa0AYpCWSQ==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.53.3':
-    resolution: {integrity: sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==}
+  '@rollup/rollup-linux-s390x-gnu@4.60.0':
+    resolution: {integrity: sha512-3ObQs0BhvPgiUVZrN7gqCSvmFuMWvWvsjG5ayJ3Lraqv+2KhOsp+pUbigqbeWqueGIsnn+09HBw27rJ+gYK4VQ==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.53.3':
-    resolution: {integrity: sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==}
+  '@rollup/rollup-linux-x64-gnu@4.60.0':
+    resolution: {integrity: sha512-EtylprDtQPdS5rXvAayrNDYoJhIz1/vzN2fEubo3yLE7tfAw+948dO0g4M0vkTVFhKojnF+n6C8bDNe+gDRdTg==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.53.3':
-    resolution: {integrity: sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==}
+  '@rollup/rollup-linux-x64-musl@4.60.0':
+    resolution: {integrity: sha512-k09oiRCi/bHU9UVFqD17r3eJR9bn03TyKraCrlz5ULFJGdJGi7VOmm9jl44vOJvRJ6P7WuBi/s2A97LxxHGIdw==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-openharmony-arm64@4.53.3':
-    resolution: {integrity: sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==}
+  '@rollup/rollup-openbsd-x64@4.60.0':
+    resolution: {integrity: sha512-1o/0/pIhozoSaDJoDcec+IVLbnRtQmHwPV730+AOD29lHEEo4F5BEUB24H0OBdhbBBDwIOSuf7vgg0Ywxdfiiw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.0':
+    resolution: {integrity: sha512-pESDkos/PDzYwtyzB5p/UoNU/8fJo68vcXM9ZW2V0kjYayj1KaaUfi1NmTUTUpMn4UhU4gTuK8gIaFO4UGuMbA==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rollup/rollup-win32-arm64-msvc@4.53.3':
-    resolution: {integrity: sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==}
+  '@rollup/rollup-win32-arm64-msvc@4.60.0':
+    resolution: {integrity: sha512-hj1wFStD7B1YBeYmvY+lWXZ7ey73YGPcViMShYikqKT1GtstIKQAtfUI6yrzPjAy/O7pO0VLXGmUVWXQMaYgTQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.53.3':
-    resolution: {integrity: sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==}
+  '@rollup/rollup-win32-ia32-msvc@4.60.0':
+    resolution: {integrity: sha512-SyaIPFoxmUPlNDq5EHkTbiKzmSEmq/gOYFI/3HHJ8iS/v1mbugVa7dXUzcJGQfoytp9DJFLhHH4U3/eTy2Bq4w==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-gnu@4.53.3':
-    resolution: {integrity: sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==}
+  '@rollup/rollup-win32-x64-gnu@4.60.0':
+    resolution: {integrity: sha512-RdcryEfzZr+lAr5kRm2ucN9aVlCCa2QNq4hXelZxb8GG0NJSazq44Z3PCCc8wISRuCVnGs0lQJVX5Vp6fKA+IA==}
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.53.3':
-    resolution: {integrity: sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==}
+  '@rollup/rollup-win32-x64-msvc@4.60.0':
+    resolution: {integrity: sha512-PrsWNQ8BuE00O3Xsx3ALh2Df8fAj9+cvvX9AIA6o4KpATR98c9mud4XtDWVvsEuyia5U4tVSTKygawyJkjm60w==}
     cpu: [x64]
     os: [win32]
 
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@rushstack/eslint-patch@1.15.0':
-    resolution: {integrity: sha512-ojSshQPKwVvSMR8yT2L/QtUkV5SXi/IfDiJ4/8d6UbTPjiHVmxZzUAzGD8Tzks1b9+qQkZa0isUOvYObedITaw==}
+  '@rushstack/eslint-patch@1.16.1':
+    resolution: {integrity: sha512-TvZbIpeKqGQQ7X0zSCvPH9riMSFQFSggnfBjFZ1mEoILW+UuXCKwOoPcgjMwiUtRqFZ8jWhPJc4um14vC6I4ag==}
 
   '@sindresorhus/merge-streams@2.3.0':
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
@@ -3494,20 +3524,20 @@ packages:
     peerDependencies:
       storybook: ^8.6.14
 
-  '@storybook/addon-onboarding@8.6.14':
-    resolution: {integrity: sha512-bHdHiGJFigVcSzMIsNLHY5IODZHr+nKwyz5/QOZLMkLcGH2IaUbOJfm4RyGOaTTPsUtAKbdsVXNEG3Otf+qO9A==}
+  '@storybook/addon-onboarding@8.6.18':
+    resolution: {integrity: sha512-F0rpD5GwIpstQlRaPYQNroIPECB//yy0v2hHQOjFtH5OnCfJXpih4M5pFYcwXsMStRwLVJWS5ywfz+Xea0hmgg==}
     peerDependencies:
-      storybook: ^8.6.14
+      storybook: ^8.6.18
 
   '@storybook/addon-outline@8.6.14':
     resolution: {integrity: sha512-CW857JvN6OxGWElqjlzJO2S69DHf+xO3WsEfT5mT3ZtIjmsvRDukdWfDU9bIYUFyA2lFvYjncBGjbK+I91XR7w==}
     peerDependencies:
       storybook: ^8.6.14
 
-  '@storybook/addon-themes@8.6.14':
-    resolution: {integrity: sha512-/HJCgskA3OFGectuoLEBQ3JX1nQhE7lnpSv5gH13CWyyaMEk/mP8JYF1uO25YQqwGuSgL2gaEox+aK7UmglAmQ==}
+  '@storybook/addon-themes@8.6.18':
+    resolution: {integrity: sha512-v+Xcxo/XB2ayw9E/RygGOqUIaPOXp9XEFv6EF7DRt41/RQkQ846yJBARTC2cH8kCb+7FYcvDLD3GN/ms7i8wNg==}
     peerDependencies:
-      storybook: ^8.6.14
+      storybook: ^8.6.18
 
   '@storybook/addon-toolbars@8.6.14':
     resolution: {integrity: sha512-W/wEXT8h3VyZTVfWK/84BAcjAxTdtRiAkT2KAN0nbSHxxB5KEM1MjKpKu2upyzzMa3EywITqbfy4dP6lpkVTwQ==}
@@ -3531,19 +3561,19 @@ packages:
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@8.6.14':
-    resolution: {integrity: sha512-ajWYhy32ksBWxwWHrjwZzyC0Ii5ZTeu5lsqA95Q/EQBB0P5qWlHWGM3AVyv82Mz/ND03ebGy123uVwgf6olnYQ==}
+  '@storybook/builder-vite@8.6.18':
+    resolution: {integrity: sha512-XLqnOv4C36jlTd4uC8xpWBxv+7GV4/05zWJ0wAcU4qflorropUTirt4UQPGkwIzi+BVAhs9pJj+m4k0IWJtpHg==}
     peerDependencies:
-      storybook: ^8.6.14
+      storybook: ^8.6.18
       vite: ^4.0.0 || ^5.0.0 || ^6.0.0
 
-  '@storybook/components@8.6.14':
-    resolution: {integrity: sha512-HNR2mC5I4Z5ek8kTrVZlIY/B8gJGs5b3XdZPBPBopTIN6U/YHXiDyOjY3JlaS4fSG1fVhp/Qp1TpMn1w/9m1pw==}
+  '@storybook/components@8.6.18':
+    resolution: {integrity: sha512-55yViiZzPS/cPBuOeW4QGxGqrusjXVyxuknmbYCIwDtFyyvI/CgbjXRHdxNBaIjz+IlftxvBmmSaOqFG5+/dkA==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@storybook/core@8.6.14':
-    resolution: {integrity: sha512-1P/w4FSNRqP8j3JQBOi3yGt8PVOgSRbP66Ok520T78eJBeqx9ukCfl912PQZ7SPbW3TIunBwLXMZOjZwBB/JmA==}
+  '@storybook/core@8.6.18':
+    resolution: {integrity: sha512-dRBP2TnX6fGdS0T2mXBHjkS/3Nlu1ra1huovZVFuM67CYMzrhM/3hX/zru1vWSC5rqY93ZaAhjMciPW4pK5mMQ==}
     peerDependencies:
       prettier: ^2 || ^3
     peerDependenciesMeta:
@@ -3555,6 +3585,11 @@ packages:
     peerDependencies:
       storybook: ^8.6.14
 
+  '@storybook/csf-plugin@8.6.18':
+    resolution: {integrity: sha512-x1ioz/L0CwaelCkHci3P31YtvwayN3FBftvwQOPbvRh9qeb4Cpz5IdVDmyvSxxYwXN66uAORNoqgjTi7B4/y5Q==}
+    peerDependencies:
+      storybook: ^8.6.18
+
   '@storybook/csf@0.1.13':
     resolution: {integrity: sha512-7xOOwCLGB3ebM87eemep89MYRFTko+D8qE7EdAAq74lgdqRR5cOUtYWJLjO2dLtP94nqoOdHJo6MdLLKzg412Q==}
 
@@ -3573,13 +3608,23 @@ packages:
     peerDependencies:
       storybook: ^8.6.14
 
+  '@storybook/instrumenter@8.6.15':
+    resolution: {integrity: sha512-TvHR/+yyIAOp/1bLulFai2kkhIBtAlBw7J6Jd9DKyInoGhTWNE1G1Y61jD5GWXX29AlwaHfzGUaX5NL1K+FJpg==}
+    peerDependencies:
+      storybook: ^8.6.15
+
   '@storybook/manager-api@8.6.14':
     resolution: {integrity: sha512-ez0Zihuy17udLbfHZQXkGqwtep0mSGgHcNzGN7iZrMP1m+VmNo+7aGCJJdvXi7+iU3yq8weXSQFWg5DqWgLS7g==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
-  '@storybook/preview-api@8.6.14':
-    resolution: {integrity: sha512-2GhcCd4dNMrnD7eooEfvbfL4I83qAqEyO0CO7JQAmIO6Rxb9BsOLLI/GD5HkvQB73ArTJ+PT50rfaO820IExOQ==}
+  '@storybook/manager-api@8.6.18':
+    resolution: {integrity: sha512-BjIp12gEMgzFkEsgKpDIbZdnSWTZpm2dlws8WiPJCpgJtG+HWSxZ0/Ms30Au9yfwzQEKRSbV/5zpsKMGc2SIJw==}
+    peerDependencies:
+      storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+
+  '@storybook/preview-api@8.6.18':
+    resolution: {integrity: sha512-joXRXh3GdVvzhbfIgmix1xs90p8Q/nja7AhEAC2egn5Pl7SKsIYZUCYI6UdrQANb2myg9P552LKXfPect8llKg==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
@@ -3590,27 +3635,34 @@ packages:
       react-dom: ^19.2.1
       storybook: ^8.6.14
 
-  '@storybook/react-vite@8.6.14':
-    resolution: {integrity: sha512-FZU0xMPxa4/TO87FgcWwappOxLBHZV5HSRK5K+2bJD7rFJAoNorbHvB4Q1zvIAk7eCMjkr2GPCPHx9PRB9vJFg==}
-    engines: {node: '>=18.0.0'}
+  '@storybook/react-dom-shim@8.6.18':
+    resolution: {integrity: sha512-N4xULcAWZQTUv4jy1/d346Tyb4gufuC3UaLCuU/iVSZ1brYF4OW3ANr+096btbMxY8pR/65lmtoqr5CTGwnBvA==}
     peerDependencies:
-      '@storybook/test': 8.6.14
       react: ^19.2.1
       react-dom: ^19.2.1
-      storybook: ^8.6.14
+      storybook: ^8.6.18
+
+  '@storybook/react-vite@8.6.18':
+    resolution: {integrity: sha512-qpSYyH2IizlEsI95MJTdIL6xpLSgiNCMoJpHu+IEqLnyvmecRR/YEZvcHalgdtawuXlimH0bAYuwIu3l8Vo6FQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      '@storybook/test': 8.6.18
+      react: ^19.2.1
+      react-dom: ^19.2.1
+      storybook: ^8.6.18
       vite: ^4.0.0 || ^5.0.0 || ^6.0.0
     peerDependenciesMeta:
       '@storybook/test':
         optional: true
 
-  '@storybook/react@8.6.14':
-    resolution: {integrity: sha512-BOepx5bBFwl/CPI+F+LnmMmsG1wQYmrX/UQXgUbHQUU9Tj7E2ndTnNbpIuSLc8IrM03ru+DfwSg1Co3cxWtT+g==}
+  '@storybook/react@8.6.18':
+    resolution: {integrity: sha512-BuLpzMkKtF+UCQCbi+lYVX9cdcAMG86Lu2dDn7UFkPi5HRNFq/zHPSvlz1XDgL0OYMtcqB1aoVzFzcyzUBhhjw==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      '@storybook/test': 8.6.14
+      '@storybook/test': 8.6.18
       react: ^19.2.1
       react-dom: ^19.2.1
-      storybook: ^8.6.14
+      storybook: ^8.6.18
       typescript: '>= 4.2.x'
     peerDependenciesMeta:
       '@storybook/test':
@@ -3623,76 +3675,90 @@ packages:
     peerDependencies:
       storybook: ^8.6.14
 
+  '@storybook/test@8.6.15':
+    resolution: {integrity: sha512-EwquDRUDVvWcZds3T2abmB5wSN/Vattal4YtZ6fpBlIUqONV4o/cOBX39cFfQSUCBrIXIjQ6RmapQCHK/PvBYw==}
+    peerDependencies:
+      storybook: ^8.6.15
+
   '@storybook/theming@8.6.14':
     resolution: {integrity: sha512-r4y+LsiB37V5hzpQo+BM10PaCsp7YlZ0YcZzQP1OCkPlYXmUAFy2VvDKaFRpD8IeNPKug2u4iFm/laDEbs03dg==}
     peerDependencies:
       storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
 
+  '@storybook/theming@8.6.18':
+    resolution: {integrity: sha512-n6OEjEtHupa2PdTwWzRepr7cO8NkDd4rgF6BKLitRbujOspLxzMBEqdphs+QLcuiCIgf33SqmEA64QWnbSMhPw==}
+    peerDependencies:
+      storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+
   '@swc/counter@0.1.3':
     resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
 
   '@swc/helpers@0.5.15':
     resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
-  '@tailwindcss/node@4.1.18':
-    resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
+  '@tabby_ai/hijri-converter@1.0.5':
+    resolution: {integrity: sha512-r5bClKrcIusDoo049dSL8CawnHR6mRdDwhlQuIgZRNty68q0x8k3Lf1BtPAMxRf/GgnHBnIO4ujd3+GQdLWzxQ==}
+    engines: {node: '>=16.0.0'}
 
-  '@tailwindcss/oxide-android-arm64@4.1.18':
-    resolution: {integrity: sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/node@4.2.2':
+    resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    resolution: {integrity: sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==}
+    engines: {node: '>= 20'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.18':
-    resolution: {integrity: sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    resolution: {integrity: sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==}
+    engines: {node: '>= 20'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.18':
-    resolution: {integrity: sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    resolution: {integrity: sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==}
+    engines: {node: '>= 20'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.18':
-    resolution: {integrity: sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    resolution: {integrity: sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==}
+    engines: {node: '>= 20'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
-    resolution: {integrity: sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    resolution: {integrity: sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==}
+    engines: {node: '>= 20'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
-    resolution: {integrity: sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    resolution: {integrity: sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==}
+    engines: {node: '>= 20'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
-    resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    resolution: {integrity: sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==}
+    engines: {node: '>= 20'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
-    resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    resolution: {integrity: sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==}
+    engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
-    resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    resolution: {integrity: sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==}
+    engines: {node: '>= 20'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
-    resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    resolution: {integrity: sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -3703,41 +3769,41 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
-    resolution: {integrity: sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    resolution: {integrity: sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==}
+    engines: {node: '>= 20'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
-    resolution: {integrity: sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    resolution: {integrity: sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==}
+    engines: {node: '>= 20'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.18':
-    resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==}
-    engines: {node: '>= 10'}
+  '@tailwindcss/oxide@4.2.2':
+    resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
+    engines: {node: '>= 20'}
 
-  '@tailwindcss/vite@4.1.18':
-    resolution: {integrity: sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==}
+  '@tailwindcss/vite@4.2.2':
+    resolution: {integrity: sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==}
     peerDependencies:
-      vite: ^5.2.0 || ^6 || ^7
+      vite: ^5.2.0 || ^6 || ^7 || ^8
 
-  '@tanstack/query-core@5.90.12':
-    resolution: {integrity: sha512-T1/8t5DhV/SisWjDnaiU2drl6ySvsHj1bHBCWNXd+/T+Hh1cf6JodyEYMd5sgwm+b/mETT4EV3H+zCVczCU5hg==}
+  '@tanstack/query-core@5.95.2':
+    resolution: {integrity: sha512-o4T8vZHZET4Bib3jZ/tCW9/7080urD4c+0/AUaYVpIqOsr7y0reBc1oX3ttNaSW5mYyvZHctiQ/UOP2PfdmFEQ==}
 
-  '@tanstack/query-devtools@5.91.1':
-    resolution: {integrity: sha512-l8bxjk6BMsCaVQH6NzQEE/bEgFy1hAs5qbgXl0xhzezlaQbPk6Mgz9BqEg2vTLPOHD8N4k+w/gdgCbEzecGyNg==}
+  '@tanstack/query-devtools@5.95.2':
+    resolution: {integrity: sha512-QfaoqBn9uAZ+ICkA8brd1EHj+qBF6glCFgt94U8XP5BT6ppSsDBI8IJ00BU+cAGjQzp6wcKJL2EmRYvxy0TWIg==}
 
-  '@tanstack/react-query-devtools@5.91.1':
-    resolution: {integrity: sha512-tRnJYwEbH0kAOuToy8Ew7bJw1lX3AjkkgSlf/vzb+NpnqmHPdWM+lA2DSdGQSLi1SU0PDRrrCI1vnZnci96CsQ==}
+  '@tanstack/react-query-devtools@5.95.2':
+    resolution: {integrity: sha512-AFQFmbznVkbtfpx8VJ2DylW17wWagQel/qLstVLkYmNRo2CmJt3SNej5hvl6EnEeljJIdC3BTB+W7HZtpsH+3g==}
     peerDependencies:
-      '@tanstack/react-query': ^5.90.10
+      '@tanstack/react-query': ^5.95.2
       react: ^19.2.1
 
-  '@tanstack/react-query@5.90.12':
-    resolution: {integrity: sha512-graRZspg7EoEaw0a8faiUASCyJrqjKPdqJ9EwuDRUF9mEYJ1YPczI9H+/agJ0mOJkPCJDk0lsz5QTrLZ/jQ2rg==}
+  '@tanstack/react-query@5.95.2':
+    resolution: {integrity: sha512-/wGkvLj/st5Ud1Q76KF1uFxScV7WeqN1slQx5280ycwAyYkIPGaRZAEgHxe3bjirSd5Zpwkj6zNcR4cqYni/ZA==}
     peerDependencies:
       react: ^19.2.1
 
@@ -3808,8 +3874,8 @@ packages:
   '@types/d3-scale@4.0.9':
     resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
 
-  '@types/d3-shape@3.1.7':
-    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
 
   '@types/d3-time@3.0.4':
     resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
@@ -3829,6 +3895,9 @@ packages:
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
+  '@types/hammerjs@2.0.46':
+    resolution: {integrity: sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==}
+
   '@types/js-cookie@3.0.6':
     resolution: {integrity: sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==}
 
@@ -3841,19 +3910,19 @@ packages:
   '@types/mdx@2.0.13':
     resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
 
-  '@types/node@20.19.26':
-    resolution: {integrity: sha512-0l6cjgF0XnihUpndDhk+nyD3exio3iKaYROSgvh/qSevPXax3L8p5DBRFjbvalnwatGgHEQn2R88y2fA3g4irg==}
+  '@types/node@20.19.37':
+    resolution: {integrity: sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==}
 
-  '@types/node@22.19.2':
-    resolution: {integrity: sha512-LPM2G3Syo1GLzXLGJAKdqoU35XvrWzGJ21/7sgZTUpbkBaOasTj8tjwn6w+hCkqaa1TfJ/w67rJSwYItlJ2mYw==}
+  '@types/node@22.19.15':
+    resolution: {integrity: sha512-F0R/h2+dsy5wJAUe3tAU6oqa2qbWY5TpNfL/RGmo1y38hiyO1w3x2jPtt76wmuaJI4DQnOBu21cNXQ2STIUUWg==}
 
   '@types/react-dom@19.2.3':
     resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
       '@types/react': ^19.2.7
 
-  '@types/react@19.2.7':
-    resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
@@ -3868,63 +3937,63 @@ packages:
     resolution: {integrity: sha512-mvfrKiKKMErQzLMF8ElYEH21qxWCZtN59pHhWGmWCWFJStYdMWjkDSAy6mGowFxHXaXZWe5/TW7pBUiWclIVOw==}
     deprecated: This is a stub types definition for xlsx (https://github.com/sheetjs/js-xlsx). xlsx provides its own type definitions, so you don't need @types/xlsx installed!
 
-  '@typescript-eslint/eslint-plugin@8.49.0':
-    resolution: {integrity: sha512-JXij0vzIaTtCwu6SxTh8qBc66kmf1xs7pI4UOiMDFVct6q86G0Zs7KRcEoJgY3Cav3x5Tq0MF5jwgpgLqgKG3A==}
+  '@typescript-eslint/eslint-plugin@8.57.2':
+    resolution: {integrity: sha512-NZZgp0Fm2IkD+La5PR81sd+g+8oS6JwJje+aRWsDocxHkjyRw0J5L5ZTlN3LI1LlOcGL7ph3eaIUmTXMIjLk0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.49.0
-      eslint: ^8.57.0 || ^9.0.0
+      '@typescript-eslint/parser': ^8.57.2
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.49.0':
-    resolution: {integrity: sha512-N9lBGA9o9aqb1hVMc9hzySbhKibHmB+N3IpoShyV6HyQYRGIhlrO5rQgttypi+yEeKsKI4idxC8Jw6gXKD4THA==}
+  '@typescript-eslint/parser@8.57.2':
+    resolution: {integrity: sha512-30ScMRHIAD33JJQkgfGW1t8CURZtjc2JpTrq5n2HFhOefbAhb7ucc7xJwdWcrEtqUIYJ73Nybpsggii6GtAHjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.49.0':
-    resolution: {integrity: sha512-/wJN0/DKkmRUMXjZUXYZpD1NEQzQAAn9QWfGwo+Ai8gnzqH7tvqS7oNVdTjKqOcPyVIdZdyCMoqN66Ia789e7g==}
+  '@typescript-eslint/project-service@8.57.2':
+    resolution: {integrity: sha512-FuH0wipFywXRTHf+bTTjNyuNQQsQC3qh/dYzaM4I4W0jrCqjCVuUh99+xd9KamUfmCGPvbO8NDngo/vsnNVqgw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.49.0':
-    resolution: {integrity: sha512-npgS3zi+/30KSOkXNs0LQXtsg9ekZ8OISAOLGWA/ZOEn0ZH74Ginfl7foziV8DT+D98WfQ5Kopwqb/PZOaIJGg==}
+  '@typescript-eslint/scope-manager@8.57.2':
+    resolution: {integrity: sha512-snZKH+W4WbWkrBqj4gUNRIGb/jipDW3qMqVJ4C9rzdFc+wLwruxk+2a5D+uoFcKPAqyqEnSb4l2ULuZf95eSkw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.49.0':
-    resolution: {integrity: sha512-8prixNi1/6nawsRYxet4YOhnbW+W9FK/bQPxsGB1D3ZrDzbJ5FXw5XmzxZv82X3B+ZccuSxo/X8q9nQ+mFecWA==}
+  '@typescript-eslint/tsconfig-utils@8.57.2':
+    resolution: {integrity: sha512-3Lm5DSM+DCowsUOJC+YqHHnKEfFh5CoGkj5Z31NQSNF4l5wdOwqGn99wmwN/LImhfY3KJnmordBq/4+VDe2eKw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.49.0':
-    resolution: {integrity: sha512-KTExJfQ+svY8I10P4HdxKzWsvtVnsuCifU5MvXrRwoP2KOlNZ9ADNEWWsQTJgMxLzS5VLQKDjkCT/YzgsnqmZg==}
+  '@typescript-eslint/type-utils@8.57.2':
+    resolution: {integrity: sha512-Co6ZCShm6kIbAM/s+oYVpKFfW7LBc6FXoPXjTRQ449PPNBY8U0KZXuevz5IFuuUj2H9ss40atTaf9dlGLzbWZg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.49.0':
-    resolution: {integrity: sha512-e9k/fneezorUo6WShlQpMxXh8/8wfyc+biu6tnAqA81oWrEic0k21RHzP9uqqpyBBeBKu4T+Bsjy9/b8u7obXQ==}
+  '@typescript-eslint/types@8.57.2':
+    resolution: {integrity: sha512-/iZM6FnM4tnx9csuTxspMW4BOSegshwX5oBDznJ7S4WggL7Vczz5d2W11ecc4vRrQMQHXRSxzrCsyG5EsPPTbA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.49.0':
-    resolution: {integrity: sha512-jrLdRuAbPfPIdYNppHJ/D0wN+wwNfJ32YTAm10eJVsFmrVpXQnDWBn8niCSMlWjvml8jsce5E/O+86IQtTbJWA==}
+  '@typescript-eslint/typescript-estree@8.57.2':
+    resolution: {integrity: sha512-2MKM+I6g8tJxfSmFKOnHv2t8Sk3T6rF20A1Puk0svLK+uVapDZB/4pfAeB7nE83uAZrU6OxW+HmOd5wHVdXwXA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.49.0':
-    resolution: {integrity: sha512-N3W7rJw7Rw+z1tRsHZbK395TWSYvufBXumYtEGzypgMUthlg0/hmCImeA8hgO2d2G4pd7ftpxxul2J8OdtdaFA==}
+  '@typescript-eslint/utils@8.57.2':
+    resolution: {integrity: sha512-krRIbvPK1ju1WBKIefiX+bngPs+odIQUtR7kymzPfo1POVw3jlF+nLkmexdSSd4UCbDcQn+wMBATOOmpBbqgKg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.49.0':
-    resolution: {integrity: sha512-LlKaciDe3GmZFphXIc79THF/YYBugZ7FS1pO581E/edlVVNbZKDy93evqmrfQ9/Y4uN0vVhX4iuchq26mK/iiA==}
+  '@typescript-eslint/visitor-keys@8.57.2':
+    resolution: {integrity: sha512-zhahknjobV2FiD6Ee9iLbS7OV9zi10rG26odsQdfBO/hjSzUQbkIYgda+iNKK1zNiW2ey+Lf8MU5btN17V3dUw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
@@ -4046,20 +4115,20 @@ packages:
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
-  '@vue/compiler-core@3.5.25':
-    resolution: {integrity: sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==}
+  '@vue/compiler-core@3.5.30':
+    resolution: {integrity: sha512-s3DfdZkcu/qExZ+td75015ljzHc6vE+30cFMGRPROYjqkroYI5NV2X1yAMX9UeyBNWB9MxCfPcsjpLS11nzkkw==}
 
-  '@vue/compiler-dom@3.5.25':
-    resolution: {integrity: sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==}
+  '@vue/compiler-dom@3.5.30':
+    resolution: {integrity: sha512-eCFYESUEVYHhiMuK4SQTldO3RYxyMR/UQL4KdGD1Yrkfdx4m/HYuZ9jSfPdA+nWJY34VWndiYdW/wZXyiPEB9g==}
 
-  '@vue/compiler-sfc@3.5.25':
-    resolution: {integrity: sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==}
+  '@vue/compiler-sfc@3.5.30':
+    resolution: {integrity: sha512-LqmFPDn89dtU9vI3wHJnwaV6GfTRD87AjWpTWpyrdVOObVtjIuSeZr181z5C4PmVx/V3j2p+0f7edFKGRMpQ5A==}
 
-  '@vue/compiler-ssr@3.5.25':
-    resolution: {integrity: sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==}
+  '@vue/compiler-ssr@3.5.30':
+    resolution: {integrity: sha512-NsYK6OMTnx109PSL2IAyf62JP6EUdk4Dmj6AkWcJGBvN0dQoMYtVekAmdqgTtWQgEJo+Okstbf/1p7qZr5H+bA==}
 
-  '@vue/shared@3.5.25':
-    resolution: {integrity: sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==}
+  '@vue/shared@3.5.30':
+    resolution: {integrity: sha512-YXgQ7JjaO18NeK2K9VTbDHaFy62WrObMa6XERNfNOkAhD1F1oDSf3ZJ7K6GqabZ0BvSDHajp8qfS5Sa2I9n8uQ==}
 
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
@@ -4127,8 +4196,8 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -4149,11 +4218,11 @@ packages:
     peerDependencies:
       ajv: ^8.8.2
 
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  ajv@6.14.0:
+    resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==}
 
-  ajv@8.17.1:
-    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
 
   ansi-escapes@7.3.0:
     resolution: {integrity: sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==}
@@ -4264,8 +4333,8 @@ packages:
     resolution: {integrity: sha512-0bDNnY/u6pPwHDMoF0FieU354oBi0a8rD9FcsLwzcGWbc8KS8KPIi7y+s13OlVY+gMWc/9xEMUgNE6Qm8ZllYQ==}
     engines: {node: '>=4'}
 
-  autoprefixer@10.4.22:
-    resolution: {integrity: sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==}
+  autoprefixer@10.4.27:
+    resolution: {integrity: sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
@@ -4275,8 +4344,8 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axe-core@4.11.0:
-    resolution: {integrity: sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==}
+  axe-core@4.11.1:
+    resolution: {integrity: sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==}
     engines: {node: '>=4'}
 
   axios@1.8.1:
@@ -4289,12 +4358,17 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
   base64-arraybuffer@1.0.2:
     resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==}
     engines: {node: '>= 0.6.0'}
 
-  baseline-browser-mapping@2.9.7:
-    resolution: {integrity: sha512-k9xFKplee6KIio3IDbwj+uaCLpqzOwakOgmqzPezM0sFJlFKcg30vk2wOiAJtkTSfx0SSQDSe8q+mWA/fSH5Zg==}
+  baseline-browser-mapping@2.10.10:
+    resolution: {integrity: sha512-sUoJ3IMxx4AyRqO4MLeHlnGDkyXRoUG0/AI9fjK+vS72ekpV0yWVY7O0BVjmBcRtkNcsAO2QDZ4tdKKGoI6YaQ==}
+    engines: {node: '>=6.0.0'}
     hasBin: true
 
   better-opn@3.0.2:
@@ -4311,6 +4385,10 @@ packages:
   brace-expansion@2.0.2:
     resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
 
+  brace-expansion@5.0.5:
+    resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==}
+    engines: {node: 18 || 20 || >=22}
+
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -4364,8 +4442,8 @@ packages:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  caniuse-lite@1.0.30001760:
-    resolution: {integrity: sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==}
+  caniuse-lite@1.0.30001781:
+    resolution: {integrity: sha512-RdwNCyMsNBftLjW6w01z8bKEvT6e/5tpPVEgtn22TiLGlstHOVecsX2KHFkD5e/vRnIE4EGzpuIODb3mtswtkw==}
 
   cfb@1.2.2:
     resolution: {integrity: sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==}
@@ -4387,8 +4465,13 @@ packages:
     resolution: {integrity: sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==}
     engines: {pnpm: '>=8'}
 
-  check-error@2.1.1:
-    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+  chartjs-plugin-zoom@2.2.0:
+    resolution: {integrity: sha512-in6kcdiTlP6npIVLMd4zXZ08PDUXC52gZ4FAy5oyjk1zX3gKarXMAof7B9eFiisf9WOC3bh2saHg+J5WtLXZeA==}
+    peerDependencies:
+      chart.js: '>=3.2.0'
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
 
   chokidar@3.6.0:
@@ -4410,8 +4493,8 @@ packages:
     resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
     engines: {node: '>=18'}
 
-  cli-truncate@5.1.1:
-    resolution: {integrity: sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==}
+  cli-truncate@5.2.0:
+    resolution: {integrity: sha512-xRwvIOMGrfOAnM1JYtqQImuaNtDEv9v6oIYAs4LIHwTiKee8uwvIi363igssOC0O5U04i4AlENs79LQLu9tEMw==}
     engines: {node: '>=20'}
 
   client-only@0.0.1:
@@ -4481,8 +4564,8 @@ packages:
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
-  cosmiconfig@9.0.0:
-    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
+  cosmiconfig@9.0.1:
+    resolution: {integrity: sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==}
     engines: {node: '>=14'}
     peerDependencies:
       typescript: '>=4.9.5'
@@ -4531,8 +4614,8 @@ packages:
     resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
     engines: {node: '>=12'}
 
-  d3-format@3.1.0:
-    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
     engines: {node: '>=12'}
 
   d3-interpolate@3.0.1:
@@ -4587,8 +4670,8 @@ packages:
   date-fns@4.1.0:
     resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
-  dayjs@1.11.19:
-    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
+  dayjs@1.11.20:
+    resolution: {integrity: sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==}
 
   debug@3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
@@ -4653,8 +4736,8 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  detective-cjs@6.0.1:
-    resolution: {integrity: sha512-tLTQsWvd2WMcmn/60T2inEJNhJoi7a//PQ7DwRKEj1yEeiQs4mrONgsUtEJKnZmrGWBBmE0kJ1vqOG/NAxwaJw==}
+  detective-cjs@6.1.0:
+    resolution: {integrity: sha512-Qt3S4IddVNDb+71lm+jmt5NznIsgcKlibTnrw9Zr91rT9vRwKp+73+ImqLTNrQj4YuOxnzrC7GwIAVwF7136XQ==}
     engines: {node: '>=18'}
 
   detective-es6@5.0.1:
@@ -4739,8 +4822,8 @@ packages:
     resolution: {integrity: sha512-QkZboRN28K/iwxigDhlJcI3ux3aNbt8kYGGH/GkqWG0OlGeyuBhb7PdM89Iu+ogV8Lmz16xIlwnXR2UNWI6psg==}
     engines: {node: '>=11.0.0'}
 
-  electron-to-chromium@1.5.267:
-    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
+  electron-to-chromium@1.5.323:
+    resolution: {integrity: sha512-oQm+FxbazvN2WICCbvJgj3IYPKV8awip57+W5VP+Aatk4kFU4pDYCPHZOX22Z27zpw8uttBehEqgK+VTJAYrVw==}
 
   embla-carousel-autoplay@8.6.0:
     resolution: {integrity: sha512-OBu5G3nwaSXkZCo1A6LTaFMZ8EpkYbwIaH+bPqdBnDGQ2fh4+NbzjXjs2SktoPNKCtflfVMc75njaDHOYXcrsA==}
@@ -4773,12 +4856,12 @@ packages:
     resolution: {integrity: sha512-rsPft6CK3eHtrlp9Y5ALBb+hfK+DWnA4WFebbazxjWyx8vSm3rZeoM3z9irsjcqO3PYRzlfv27XIB4tz2DV7RA==}
     engines: {node: '>=14'}
 
-  enhanced-resolve@5.18.4:
-    resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
+  enhanced-resolve@5.20.1:
+    resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
     engines: {node: '>=10.13.0'}
 
-  entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
 
   env-paths@2.2.1:
@@ -4792,8 +4875,8 @@ packages:
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
-  es-abstract@1.24.0:
-    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
+  es-abstract@1.24.1:
+    resolution: {integrity: sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==}
     engines: {node: '>= 0.4'}
 
   es-define-property@1.0.1:
@@ -4804,12 +4887,12 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-iterator-helpers@1.2.1:
-    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
+  es-iterator-helpers@1.3.1:
+    resolution: {integrity: sha512-zWwRvqWiuBPr0muUG/78cW3aHROFCNIQ3zpmYDpwdbnt2m+xlNyRWpHBpa2lJjSBit7BQ+RXA1iwbSmu5yJ/EQ==}
     engines: {node: '>= 0.4'}
 
-  es-module-lexer@1.7.0:
-    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+  es-module-lexer@2.0.0:
+    resolution: {integrity: sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==}
 
   es-object-atoms@1.1.1:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
@@ -4860,17 +4943,8 @@ packages:
     engines: {node: '>=6.0'}
     hasBin: true
 
-  eslint-config-next@15.1.7:
-    resolution: {integrity: sha512-zXoMnYUIy3XHaAoOhrcYkT9UQWvXqWju2K7NNsmb5wd/7XESDwof61eUdW4QhERr3eJ9Ko/vnXqIrj8kk/drYw==}
-    peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  eslint-config-next@15.4.0:
-    resolution: {integrity: sha512-OFkQ8br0wuZNRlXDyLpfaCwzW+qayzNaiHNcLHDMW874/1Nktb2+cCUMlItXdzDvNS/QY5jggKlYXEH2+vz1BA==}
+  eslint-config-next@15.3.8:
+    resolution: {integrity: sha512-s/imi0g/LQZsXif8RhlwhgryyqyMhEIMkUL0Yvj0l16ByEAqve4wodS8al+bt+utxf68fgfb1EXlOpuZKqOjlg==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
       typescript: '>=3.3.1'
@@ -4937,8 +5011,8 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react-refresh@0.4.24:
-    resolution: {integrity: sha512-nLHIW7TEq3aLrEYWpVaJ1dRgFR+wLDPN8e8FpYAql/bMV2oBEfC37K0gLEGgv9fy66juNShSMV8OkTqzltcG/w==}
+  eslint-plugin-react-refresh@0.4.26:
+    resolution: {integrity: sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==}
     peerDependencies:
       eslint: '>=8.40'
 
@@ -4948,6 +5022,11 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
+  eslint-plugin-simple-import-sort@12.1.1:
+    resolution: {integrity: sha512-6nuzu4xwQtE3332Uz0to+TxDQYRLTKRESSc2hefVT48Zc8JthmN23Gx9lnYhu0FtkRSL1oxny3kJ2aveVhmOVA==}
+    peerDependencies:
+      eslint: '>=5.0.0'
+
   eslint-plugin-storybook@0.11.6:
     resolution: {integrity: sha512-3WodYD6Bs9ACqnB+TP2TuLh774c/nacAjxSKOP9bHJ2c8rf+nrhocxjjeAWNmO9IPkFIzTKlcl0vNXI2yYpVOw==}
     engines: {node: '>= 18'}
@@ -4970,8 +5049,12 @@ packages:
     resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.39.2:
-    resolution: {integrity: sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==}
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -4989,8 +5072,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esquery@1.6.0:
-    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
 
   esrecurse@4.3.0:
@@ -5028,8 +5111,8 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
-  fast-equals@5.3.4:
-    resolution: {integrity: sha512-d+yU9iNQbbC098NOuMlAIth/g+owbpX/uuOkH/DQcC2fMMyjOlX292Op29DrUKq388m4UUyOdWakUH/msGypOg==}
+  fast-equals@5.4.0:
+    resolution: {integrity: sha512-jt2DW/aNFNwke7AUd+Z+e6pz39KO5rzdbbFCg2sGafS4mk13MI7Z8O5z9cADNn5lhGODIgLwug6TZO2ctf7kcw==}
     engines: {node: '>=6.0.0'}
 
   fast-glob@3.3.1:
@@ -5053,8 +5136,8 @@ packages:
     resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
     engines: {node: '>= 4.9.1'}
 
-  fastq@1.19.1:
-    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
 
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
@@ -5089,8 +5172,8 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
-  flatted@3.3.3:
-    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
 
   follow-redirects@1.15.11:
     resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
@@ -5169,10 +5252,6 @@ packages:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
     engines: {node: 6.* || 8.* || >= 10.*}
 
-  get-east-asian-width@1.4.0:
-    resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
-    engines: {node: '>=18'}
-
   get-east-asian-width@1.5.0:
     resolution: {integrity: sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==}
     engines: {node: '>=18'}
@@ -5193,8 +5272,8 @@ packages:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
-  get-tsconfig@4.13.0:
-    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
+  get-tsconfig@4.13.7:
+    resolution: {integrity: sha512-7tN6rFgBlMgpBML5j8typ92BKFi2sFQvIdpAqLA2beia5avZDrMs0FLZiM5etShWq5irVyGcGMEA1jcDaK7A/Q==}
 
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
@@ -5248,6 +5327,10 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
+  hammerjs@2.0.8:
+    resolution: {integrity: sha512-tSQXBXS/MWQOn/RKckawJ61vvsDpCom87JgxiYdGwHdOa0ht0vzUWDlfioofFCRU0L+6NGDt6XzbgoJvZkMeRQ==}
+    engines: {node: '>=0.8.0'}
+
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
     engines: {node: '>= 0.4'}
@@ -5290,10 +5373,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  i18next@25.7.2:
-    resolution: {integrity: sha512-58b4kmLpLv1buWUEwegMDUqZVR5J+rT+WTRFaBGL7lxDuJQQ0NrJFrq+eT2N94aYVR1k1Sr13QITNOL88tZCuw==}
+  i18next@25.10.9:
+    resolution: {integrity: sha512-hQY9/bFoQKGlSKMlaCuLR8w1h5JjieqrsnZvEmj1Ja6Ec7fbyc4cTrCsY9mb9Sd8YQ/swsrKz1S9M8AcvVI70w==}
     peerDependencies:
-      typescript: ^5
+      typescript: ^5 || ^6
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -5595,80 +5678,80 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
-  libphonenumber-js@1.12.31:
-    resolution: {integrity: sha512-Z3IhgVgrqO1S5xPYM3K5XwbkDasU67/Vys4heW+lfSBALcUZjeIIzI8zCLifY+OCzSq+fpDdywMDa7z+4srJPQ==}
+  libphonenumber-js@1.12.40:
+    resolution: {integrity: sha512-HKGs7GowShNls3Zh+7DTr6wYpPk5jC78l508yQQY3e8ZgJChM3A9JZghmMJZuK+5bogSfuTafpjksGSR3aMIEg==}
 
   lie@3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
 
-  lightningcss-android-arm64@1.30.2:
-    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [android]
 
-  lightningcss-darwin-arm64@1.30.2:
-    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.30.2:
-    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.30.2:
-    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.30.2:
-    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.30.2:
-    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.30.2:
-    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.30.2:
-    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.30.2:
-    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.30.2:
-    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.30.2:
-    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.30.2:
-    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@3.1.3:
@@ -5678,8 +5761,8 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  lint-staged@16.2.7:
-    resolution: {integrity: sha512-lDIj4RnYmK7/kXMya+qJsmkRFkGolciXjrsZ6PC25GdTfWOAWetR0ZbsNXRAj1EHHImRSalc+whZFg56F5DVow==}
+  lint-staged@16.4.0:
+    resolution: {integrity: sha512-lBWt8hujh/Cjysw5GYVmZpFHXDCgZzhrOm8vbcUdobADZNOK/bRshr2kM3DfgrrtR1DQhfupW9gnIXOfiFi+bw==}
     engines: {node: '>=20.17'}
     hasBin: true
 
@@ -5703,8 +5786,8 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+  lodash-es@4.17.23:
+    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
 
   lodash._baseiteratee@4.7.0:
     resolution: {integrity: sha512-nqB9M+wITz0BX/Q2xg6fQ8mLkyfF7MU7eE+MNBNjTHFKeKaZAPEzEg+E8LWxKWf1DQVflNEn9N49yAuqKh2mWQ==}
@@ -5749,8 +5832,8 @@ packages:
   lodash.uniqby@4.5.0:
     resolution: {integrity: sha512-IRt7cfTtHy6f1aRVA5n7kT8rgN3N1nH6MOWLcHfpWG2SH19E3JksLK38MktLxZDhlAjCP9jpIXkOnRXlu6oByQ==}
 
-  lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+  lodash@4.17.23:
+    resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
 
   log-update@6.1.0:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
@@ -5828,18 +5911,22 @@ packages:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
 
-  minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+  minimatch@10.2.4:
+    resolution: {integrity: sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==}
+    engines: {node: 18 || 20 || >=22}
 
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
+  minimatch@9.0.9:
+    resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
     engines: {node: '>=16 || 14 >=14.17'}
 
   module-definition@6.0.1:
@@ -5862,10 +5949,6 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  nano-spawn@2.0.0:
-    resolution: {integrity: sha512-tacvGzUY5o2D8CBh2rrwxyNojUsZNU2zjNTzKQrkgGJQTbGAfArVWXSKMBokBeeg6C7OLRGUEyoFlYbfeWQIqw==}
-    engines: {node: '>=20.17'}
-
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -5915,8 +5998,12 @@ packages:
       sass:
         optional: true
 
-  node-releases@2.0.27:
-    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+  node-exports-info@1.6.0:
+    resolution: {integrity: sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==}
+    engines: {node: '>= 0.4'}
+
+  node-releases@2.0.36:
+    resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==}
 
   node-source-walk@7.0.1:
     resolution: {integrity: sha512-3VW/8JpPqPvnJvseXowjZcirPisssnBuDikk6JIZ8jQzF7KJQX52iPFX4RYYxLycYH7IbMRSPUOga/esVjy5Yg==}
@@ -5926,10 +6013,6 @@ packages:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -5966,8 +6049,8 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
-  ol-ext@4.0.37:
-    resolution: {integrity: sha512-RxzdgMWnNBDP9VZCza3oS3rl1+OCl+1SJLMjt7ATyDDLZl/zzrsQELfJ25WAL6HIWgjkQ2vYDh3nnHFupxOH4w==}
+  ol-ext@4.0.38:
+    resolution: {integrity: sha512-fJmMcUYV8tfNhaHTl93eV1esBo1L8QHdOjJsBzapomgpmXiW7PGv91i6tmvXU4mL2z0gFrupuzs8BMLGi6T0QQ==}
     peerDependencies:
       ol: '>= 5.3.0'
 
@@ -6071,19 +6154,14 @@ packages:
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
-  picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
     engines: {node: '>=8.6'}
 
-  picomatch@4.0.3:
-    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
     engines: {node: '>=12'}
 
-  pidtree@0.6.0:
-    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-
   pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
@@ -6161,8 +6239,8 @@ packages:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
 
-  postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
     engines: {node: ^10 || ^12 || >=14}
 
   preact@10.12.1:
@@ -6238,8 +6316,8 @@ packages:
       prettier-plugin-svelte:
         optional: true
 
-  prettier@3.7.4:
-    resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==}
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -6258,8 +6336,8 @@ packages:
     resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
     engines: {node: '>= 0.6.0'}
 
-  proj4@2.20.2:
-    resolution: {integrity: sha512-ipfBRfQly0HhHTO7hnC1GfaX8bvroO7VV4KH889ehmADSE8C/qzp2j+Jj6783S9Tj6c2qX/hhYm7oH0kgXzBAA==}
+  proj4@2.20.4:
+    resolution: {integrity: sha512-/EEBoXjBw+zW1Lofinw0YFQ4OFOqC6XThnwRAgjEHw8WBN+wSy/6aeqRRdjy4b2igy3X0k3RNDuwcYqcQq7nDw==}
 
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
@@ -6301,9 +6379,6 @@ packages:
   quote-unquote@1.0.0:
     resolution: {integrity: sha512-twwRO/ilhlG/FIgYeKGFqyHhoEhqgnKVkcmqMKi2r524gz3ZbDTcyFt38E9xjJI2vT+KbRNHVbnJ/e0I25Azwg==}
 
-  randombytes@2.1.0:
-    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
-
   rbush@3.0.1:
     resolution: {integrity: sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==}
 
@@ -6319,8 +6394,8 @@ packages:
       date-fns: ^2.28.0 || ^3.0.0
       react: ^19.2.1
 
-  react-day-picker@9.12.0:
-    resolution: {integrity: sha512-t8OvG/Zrciso5CQJu5b1A7yzEmebvST+S3pOVQJWxwjjVngyG/CA2htN/D15dLI4uTEuLLkbZyS4YYt480FAtA==}
+  react-day-picker@9.14.0:
+    resolution: {integrity: sha512-tBaoDWjPwe0M5pGrum4H0SR6Lyk+BO9oHnp9JbKpGKW2mlraNPgP9BMfsg5pWpwrssARmeqk7YBl2oXutZTaHA==}
     engines: {node: '>=18'}
     peerDependencies:
       react: ^19.2.1
@@ -6355,8 +6430,8 @@ packages:
     resolution: {integrity: sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg==}
     engines: {node: '>=16.14.0'}
 
-  react-dom@19.2.3:
-    resolution: {integrity: sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==}
+  react-dom@19.2.4:
+    resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
     peerDependencies:
       react: ^19.2.1
 
@@ -6366,14 +6441,14 @@ packages:
       react: ^19.2.1
       react-dom: ^19.2.1
 
-  react-dropzone@14.3.8:
-    resolution: {integrity: sha512-sBgODnq+lcA4P296DY4wacOZz3JFpD99fp+hb//iBO2HHnyeZU3FwWyXJ6salNpqQdsZrgMrotuko/BdJMV8Ug==}
+  react-dropzone@14.4.1:
+    resolution: {integrity: sha512-QDuV76v3uKbHiH34SpwifZ+gOLi1+RdsCO1kl5vxMT4wW8R82+sthjvBw4th3NHF/XX6FBsqDYZVNN+pnhaw0g==}
     engines: {node: '>= 10.13'}
     peerDependencies:
       react: ^19.2.1
 
-  react-hook-form@7.68.0:
-    resolution: {integrity: sha512-oNN3fjrZ/Xo40SWlHf1yCjlMK417JxoSJVUXQjGdvdRCU07NTFei1i1f8ApUAts+IVh14e4EdakeLEA+BEAs/Q==}
+  react-hook-form@7.72.0:
+    resolution: {integrity: sha512-V4v6jubaf6JAurEaVnT9aUPKFbNtDgohj5CIgVGyPHvT9wRx5OZHVjz31GsxnPNI278XMu+ruFz+wGOscHaLKw==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^19.2.1
@@ -6470,8 +6545,8 @@ packages:
       react-dom:
         optional: true
 
-  react@19.2.3:
-    resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
+  react@19.2.4:
+    resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
 
   read-cache@1.0.0:
@@ -6488,14 +6563,14 @@ packages:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
-  realgrid-react@0.9.8:
-    resolution: {integrity: sha512-kmWphRkOEo/jFZz5oVemjrwHdYoYwj2Lfb+kFv5U7zkhWfuOfWZU0oacIX9g9GDhF4Bq+Ab5rKd2GzURKlySzw==}
+  realgrid-react@0.9.9:
+    resolution: {integrity: sha512-1zvD9eM45kMViOdMT6cLag7+riiu7vGq3FXf0/9Se/O8MRj86d3PpPCYfyrCV5Xo37cUZZHyEJ86sZsMj6VoBA==}
     peerDependencies:
       react: ^19.2.1
       react-dom: ^19.2.1
 
-  realgrid@2.9.6:
-    resolution: {integrity: sha512-6QpaN6vCw6rxGXvjxOS5CSRnnvyS77raZnChNkNqfMw2BSVJxjYhRu928wHwhYHs4Iwjazgm5PIMEDrHuIpdMg==}
+  realgrid@2.9.7:
+    resolution: {integrity: sha512-gPn2Ol10gomZw6KH7HgRXEe8O67XfPb35BrgCmWF0/GzlJEqb1XzdAKzuVYmoQuj6eXVwsnjP0w5RaE3O1DoNg==}
 
   recast@0.23.11:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
@@ -6526,8 +6601,8 @@ packages:
     resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
 
-  remixicon@4.7.0:
-    resolution: {integrity: sha512-g2pHOofQWARWpxdbrQu5+K3C8ZbqguQFzE54HIMWFCpFa63pumaAltIgZmFMRQpKKBScRWQASQfWxS9asNCcHQ==}
+  remixicon@4.9.1:
+    resolution: {integrity: sha512-36gLSoujkabnCFZFDyP17VNh9piuBA/rsXUb4auSJWLGsHVXtmxLj/EM5FjaEAGnk8oIAj1Azob/DZ2N+90lAQ==}
 
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
@@ -6562,8 +6637,9 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+  resolve@2.0.0-next.6:
+    resolution: {integrity: sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==}
+    engines: {node: '>= 0.4'}
     hasBin: true
 
   restore-cursor@5.1.0:
@@ -6581,8 +6657,8 @@ packages:
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
-  rollup@4.53.3:
-    resolution: {integrity: sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==}
+  rollup@4.60.0:
+    resolution: {integrity: sha512-yqjxruMGBQJ2gG4HtjZtAfXArHomazDHoFwFFmZZl0r7Pdo7qCIXKqKHZc8yeoMgzJJ+pO6pEEHa+V7uzWlrAQ==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -6599,9 +6675,6 @@ packages:
   safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
-  safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-
   safe-push-apply@1.0.0:
     resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
     engines: {node: '>= 0.4'}
@@ -6610,8 +6683,9 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
-  sax@1.4.3:
-    resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
+  sax@1.6.0:
+    resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
+    engines: {node: '>=11.0.0'}
 
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
@@ -6627,14 +6701,11 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.7.3:
-    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
     engines: {node: '>=10'}
     hasBin: true
 
-  serialize-javascript@6.0.2:
-    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
-
   set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
 
@@ -6699,6 +6770,10 @@ packages:
     resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
     engines: {node: '>=18'}
 
+  slice-ansi@8.0.0:
+    resolution: {integrity: sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg==}
+    engines: {node: '>=20'}
+
   sonner@2.0.7:
     resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
@@ -6743,8 +6818,8 @@ packages:
     resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
     engines: {node: '>= 0.4'}
 
-  storybook@8.6.14:
-    resolution: {integrity: sha512-sVKbCj/OTx67jhmauhxc2dcr1P+yOgz/x3h0krwjyMgdc5Oubvxyg4NYDZmzAw+ym36g/lzH8N0Ccp4dwtdfxw==}
+  storybook@8.6.18:
+    resolution: {integrity: sha512-p8seiSI6FiVY6P3V0pG+5v7c8pDMehMAFRWEhG5XqIBSQszzOjDnW2rNvm3odoLKfo3V3P6Cs6Hv9ILzymULyQ==}
     hasBin: true
     peerDependencies:
       prettier: ^2 || ^3
@@ -6806,8 +6881,8 @@ packages:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
 
-  strip-ansi@7.1.2:
-    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
     engines: {node: '>=12'}
 
   strip-bom@3.0.0:
@@ -6856,13 +6931,13 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  swr@2.3.8:
-    resolution: {integrity: sha512-gaCPRVoMq8WGDcWj9p4YWzCMPHzE0WNl6W8ADIx9c3JBEIdMkJGMzW+uzXvxHMltwcYACr9jP+32H8/hgwMR7w==}
+  swr@2.4.1:
+    resolution: {integrity: sha512-2CC6CiKQtEwaEeNiqWTAw9PGykW8SR5zZX8MZk6TeAvEAnVS7Visz8WzphqgtQ8v2xz/4Q5K+j+SeMaKXeeQIA==}
     peerDependencies:
       react: ^19.2.1
 
-  tailwind-merge@3.4.0:
-    resolution: {integrity: sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==}
+  tailwind-merge@3.5.0:
+    resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
 
   tailwindcss-animate@1.0.7:
     resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
@@ -6874,15 +6949,15 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  tailwindcss@4.1.18:
-    resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
+  tailwindcss@4.2.2:
+    resolution: {integrity: sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==}
 
-  tapable@2.3.0:
-    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+  tapable@2.3.2:
+    resolution: {integrity: sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==}
     engines: {node: '>=6'}
 
-  terser-webpack-plugin@5.3.16:
-    resolution: {integrity: sha512-h9oBFCWrq78NyWWVcSwZarJkZ01c2AyGrzs1crmHZO3QUg9D61Wu4NPjBy69n7JqylFF5y+CsUZYmYEIZ3mR+Q==}
+  terser-webpack-plugin@5.4.0:
+    resolution: {integrity: sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==}
     engines: {node: '>= 10.13.0'}
     peerDependencies:
       '@swc/core': '*'
@@ -6897,8 +6972,8 @@ packages:
       uglify-js:
         optional: true
 
-  terser@5.44.1:
-    resolution: {integrity: sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==}
+  terser@5.46.1:
+    resolution: {integrity: sha512-vzCjQO/rgUuK9sf8VJZvjqiqiHFaZLnOiimmUuOKODxWL8mm/xua7viT7aqX7dgPY60otQjUotzFMmCB4VdmqQ==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -6918,12 +6993,16 @@ packages:
   tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
+  tinyexec@1.0.4:
+    resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
+    engines: {node: '>=18'}
+
   tinyglobby@0.2.15:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
-  tinymce@7.9.1:
-    resolution: {integrity: sha512-zaOHwmiP1EqTeLRXAvVriDb00JYnfEjWGPdKEuac7MiZJ5aiDMZ4Unc98Gmajn+PBljOmO1GKV6G0KwWn3+k8A==}
+  tinymce@7.9.2:
+    resolution: {integrity: sha512-zS2gn2CPQmZhUqLzkhwYH+WGsx/DIRY/mS18RVzsIcuQg2lN2uzaqoHSJU6DdMUpvXBtBFnLNpumC3QrDwLBzA==}
 
   tinyrainbow@1.2.0:
     resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
@@ -6941,8 +7020,8 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
-  ts-api-utils@2.1.0:
-    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
@@ -7055,11 +7134,11 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript-eslint@8.49.0:
-    resolution: {integrity: sha512-zRSVH1WXD0uXczCXw+nsdjGPUdx4dfrs5VQoHnUWmv1U3oNlAKv4FUNdLDhVUg+gYn+a5hUESqch//Rv5wVhrg==}
+  typescript-eslint@8.57.2:
+    resolution: {integrity: sha512-VEPQ0iPgWO/sBaZOU1xo4nuNdODVOajPnTIbog2GKYr31nIlZ0fWPoCQgGfF3ETyBl1vn63F/p50Um9Z4J8O8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
   typescript@5.6.3:
@@ -7090,8 +7169,8 @@ packages:
   unrs-resolver@1.11.1:
     resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
 
-  update-browserslist-db@1.2.2:
-    resolution: {integrity: sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==}
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
@@ -7229,22 +7308,22 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
-  watchpack@2.4.4:
-    resolution: {integrity: sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==}
+  watchpack@2.5.1:
+    resolution: {integrity: sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==}
     engines: {node: '>=10.13.0'}
 
   web-worker@1.5.0:
     resolution: {integrity: sha512-RiMReJrTAiA+mBjGONMnjVDP2u3p9R1vkcGz6gDIrOMT3oGuYwX2WRMYI9ipkphSuE5XKEhydbhNEJh4NY9mlw==}
 
-  webpack-sources@3.3.3:
-    resolution: {integrity: sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==}
+  webpack-sources@3.3.4:
+    resolution: {integrity: sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==}
     engines: {node: '>=10.13.0'}
 
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
-  webpack@5.103.0:
-    resolution: {integrity: sha512-HU1JOuV1OavsZ+mfigY0j8d1TgQgbZ6M+J75zDkpEAwYeXjWSqrGJtgnPblJjd/mAyTNQ7ygw0MiKOn6etz8yw==}
+  webpack@5.105.4:
+    resolution: {integrity: sha512-jTywjboN9aHxFlToqb0K0Zs9SbBoW4zRUlGzI2tYNxVYcEi/IPpn+Xi4ye5jTLvX2YeLuic/IvxNot+Q1jMoOw==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -7268,8 +7347,8 @@ packages:
   which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
-  which-typed-array@1.1.19:
-    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
+  which-typed-array@1.1.20:
+    resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
     engines: {node: '>= 0.4'}
 
   which@2.0.2:
@@ -7277,8 +7356,8 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
-  wkt-parser@1.5.2:
-    resolution: {integrity: sha512-1ZUiV1FTwSiSrgWzV9KXJuOF2BVW91KY/mau04BhnmgOdroRQea7Q0s5TVqwGLm0D2tZwObd/tBYXW49sSxp3Q==}
+  wkt-parser@1.5.4:
+    resolution: {integrity: sha512-heRp3QBynj8SAGepAkE8h2k4KhUGRqzgwlSRgqNhxjmSIeSvE5ZrV8n1uy5jk+iJO2jmfffIwjdAaTirBOOx0A==}
 
   wmf@1.0.2:
     resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
@@ -7308,8 +7387,8 @@ packages:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
 
-  ws@8.18.3:
-    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
+  ws@8.20.0:
+    resolution: {integrity: sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -7341,8 +7420,8 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  yaml@2.8.2:
-    resolution: {integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==}
+  yaml@2.8.3:
+    resolution: {integrity: sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==}
     engines: {node: '>= 14.6'}
     hasBin: true
 
@@ -7386,8 +7465,8 @@ packages:
   zstddec@0.1.0:
     resolution: {integrity: sha512-w2NTI8+3l3eeltKAdK8QpiLo/flRAr2p8AGeakfMZOXBxOg9HIu4LVDxBi81sYgVhFhdJjv1OrB5ssI8uFPoLg==}
 
-  zustand@5.0.9:
-    resolution: {integrity: sha512-ALBtUj0AfjJt3uNRQoL1tL2tMvj6Gp/6e39dnfT6uzpelGru8v1tPOGBzayOWbPJvujM8JojDk3E1LxeFisBNg==}
+  zustand@5.0.12:
+    resolution: {integrity: sha512-i77ae3aZq4dhMlRhJVCYgMLKuSiZAaUPAct2AksxQ+gOtimhGMdXljRT21P5BNpeT4kXlLIckvkPM029OljD7g==}
     engines: {node: '>=12.20.0'}
     peerDependencies:
       '@types/react': ^19.2.7
@@ -7410,25 +7489,25 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@babel/code-frame@7.27.1':
+  '@babel/code-frame@7.29.0':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.28.5': {}
+  '@babel/compat-data@7.29.0': {}
 
-  '@babel/core@7.28.5':
+  '@babel/core@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.5
-      '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
-      '@babel/helpers': 7.28.4
-      '@babel/parser': 7.28.5
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
       '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
       debug: 4.4.3
@@ -7438,17 +7517,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.28.5':
+  '@babel/generator@7.29.1':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
 
-  '@babel/helper-compilation-targets@7.27.2':
+  '@babel/helper-compilation-targets@7.28.6':
     dependencies:
-      '@babel/compat-data': 7.28.5
+      '@babel/compat-data': 7.29.0
       '@babel/helper-validator-option': 7.27.1
       browserslist: 4.28.1
       lru-cache: 5.1.1
@@ -7456,23 +7535,23 @@ snapshots:
 
   '@babel/helper-globals@7.28.0': {}
 
-  '@babel/helper-module-imports@7.27.1':
+  '@babel/helper-module-imports@7.28.6':
     dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
       '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.28.5
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-plugin-utils@7.27.1': {}
+  '@babel/helper-plugin-utils@7.28.6': {}
 
   '@babel/helper-string-parser@7.27.1': {}
 
@@ -7480,46 +7559,46 @@ snapshots:
 
   '@babel/helper-validator-option@7.27.1': {}
 
-  '@babel/helpers@7.28.4':
+  '@babel/helpers@7.29.2':
     dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
 
-  '@babel/parser@7.28.5':
+  '@babel/parser@7.29.2':
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/runtime@7.28.4': {}
+  '@babel/runtime@7.29.2': {}
 
-  '@babel/template@7.27.2':
+  '@babel/template@7.28.6':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
 
-  '@babel/traverse@7.28.5':
+  '@babel/traverse@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.5
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
       '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.28.5
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.2
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.28.5':
+  '@babel/types@7.29.0':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
@@ -7542,18 +7621,18 @@ snapshots:
       gonzales-pe: 4.3.0
       node-source-walk: 7.0.1
 
-  '@emnapi/core@1.7.1':
+  '@emnapi/core@1.9.1':
     dependencies:
-      '@emnapi/wasi-threads': 1.1.0
+      '@emnapi/wasi-threads': 1.2.0
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.7.1':
+  '@emnapi/runtime@1.9.1':
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/wasi-threads@1.1.0':
+  '@emnapi/wasi-threads@1.2.0':
     dependencies:
       tslib: 2.8.1
     optional: true
@@ -7780,23 +7859,23 @@ snapshots:
   '@esbuild/win32-x64@0.25.12':
     optional: true
 
-  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.2(jiti@1.21.7))':
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@1.21.7))':
     dependencies:
-      eslint: 9.39.2(jiti@1.21.7)
+      eslint: 9.39.4(jiti@1.21.7)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.2(jiti@2.6.1))':
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@2.6.1))':
     dependencies:
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/config-array@0.21.1':
+  '@eslint/config-array@0.21.2':
     dependencies:
       '@eslint/object-schema': 2.1.7
       debug: 4.4.3
-      minimatch: 3.1.2
+      minimatch: 3.1.5
     transitivePeerDependencies:
       - supports-color
 
@@ -7808,21 +7887,21 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/eslintrc@3.3.3':
+  '@eslint/eslintrc@3.3.5':
     dependencies:
-      ajv: 6.12.6
+      ajv: 6.14.0
       debug: 4.4.3
       espree: 10.4.0
       globals: 14.0.0
       ignore: 5.3.2
       import-fresh: 3.3.1
       js-yaml: 4.1.1
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.39.2': {}
+  '@eslint/js@9.39.4': {}
 
   '@eslint/object-schema@2.1.7': {}
 
@@ -7841,7 +7920,7 @@ snapshots:
     dependencies:
       '@feature-sliced/filesystem': 3.0.1
       fastest-levenshtein: 1.0.16
-      lodash-es: 4.17.21
+      lodash-es: 4.17.23
       pluralize: 8.0.0
       precinct: 12.2.0
       tsconfck: 3.1.6(typescript@5.9.3)
@@ -7849,59 +7928,59 @@ snapshots:
       - supports-color
       - typescript
 
-  '@floating-ui/core@1.7.3':
+  '@floating-ui/core@1.7.5':
     dependencies:
-      '@floating-ui/utils': 0.2.10
+      '@floating-ui/utils': 0.2.11
 
-  '@floating-ui/dom@1.7.4':
+  '@floating-ui/dom@1.7.6':
     dependencies:
-      '@floating-ui/core': 1.7.3
-      '@floating-ui/utils': 0.2.10
+      '@floating-ui/core': 1.7.5
+      '@floating-ui/utils': 0.2.11
 
-  '@floating-ui/react-dom@2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@floating-ui/react-dom@2.1.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@floating-ui/dom': 1.7.4
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@floating-ui/dom': 1.7.6
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  '@floating-ui/utils@0.2.10': {}
+  '@floating-ui/utils@0.2.11': {}
 
-  '@fontsource-variable/noto-sans-kr@5.2.9': {}
+  '@fontsource-variable/noto-sans-kr@5.2.10': {}
 
   '@frontend-opensource/use-react-hooks@1.1.4':
     dependencies:
       async-wave: 1.8.6
       fast-deep-equal: 3.1.3
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  '@fullcalendar/core@6.1.19':
+  '@fullcalendar/core@6.1.20':
     dependencies:
       preact: 10.12.1
 
-  '@fullcalendar/daygrid@6.1.19(@fullcalendar/core@6.1.19)':
+  '@fullcalendar/daygrid@6.1.20(@fullcalendar/core@6.1.20)':
     dependencies:
-      '@fullcalendar/core': 6.1.19
+      '@fullcalendar/core': 6.1.20
 
-  '@fullcalendar/interaction@6.1.19(@fullcalendar/core@6.1.19)':
+  '@fullcalendar/interaction@6.1.20(@fullcalendar/core@6.1.20)':
     dependencies:
-      '@fullcalendar/core': 6.1.19
+      '@fullcalendar/core': 6.1.20
 
-  '@fullcalendar/react@6.1.19(@fullcalendar/core@6.1.19)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@fullcalendar/react@6.1.20(@fullcalendar/core@6.1.20)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@fullcalendar/core': 6.1.19
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@fullcalendar/core': 6.1.20
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  '@fullcalendar/timegrid@6.1.19(@fullcalendar/core@6.1.19)':
+  '@fullcalendar/timegrid@6.1.20(@fullcalendar/core@6.1.20)':
     dependencies:
-      '@fullcalendar/core': 6.1.19
-      '@fullcalendar/daygrid': 6.1.19(@fullcalendar/core@6.1.19)
+      '@fullcalendar/core': 6.1.20
+      '@fullcalendar/daygrid': 6.1.20(@fullcalendar/core@6.1.20)
 
-  '@hookform/resolvers@4.1.3(react-hook-form@7.68.0(react@19.2.3))':
+  '@hookform/resolvers@4.1.3(react-hook-form@7.72.0(react@19.2.4))':
     dependencies:
       '@standard-schema/utils': 0.3.0
-      react-hook-form: 7.68.0(react@19.2.3)
+      react-hook-form: 7.72.0(react@19.2.4)
 
   '@humanfs/core@0.19.1': {}
 
@@ -7914,7 +7993,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@img/colour@1.0.0':
+  '@img/colour@1.1.0':
     optional: true
 
   '@img/sharp-darwin-arm64@0.34.5':
@@ -7999,7 +8078,7 @@ snapshots:
 
   '@img/sharp-wasm32@0.34.5':
     dependencies:
-      '@emnapi/runtime': 1.7.1
+      '@emnapi/runtime': 1.9.1
     optional: true
 
   '@img/sharp-win32-arm64@0.34.5':
@@ -8015,17 +8094,17 @@ snapshots:
     dependencies:
       string-width: 5.1.2
       string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
       strip-ansi-cjs: strip-ansi@6.0.1
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.5.0(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.5.0(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))':
     dependencies:
       glob: 10.5.0
       magic-string: 0.27.0
       react-docgen-typescript: 2.4.0(typescript@5.6.3)
-      vite: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
     optionalDependencies:
       typescript: 5.6.3
 
@@ -8074,56 +8153,52 @@ snapshots:
 
   '@mapbox/unitbezier@0.0.0': {}
 
-  '@mdx-js/react@3.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 19.2.7
-      react: 19.2.3
+      '@types/react': 19.2.14
+      react: 19.2.4
 
-  '@minoru/react-dnd-treeview@3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@minoru/react-dnd-treeview@3.5.1-alpha.1(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@juggle/resize-observer': 3.4.0
       dnd-multi-backend: 8.1.2(dnd-core@16.0.1)
-      framer-motion: 11.18.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dnd: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+      framer-motion: 11.18.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dnd: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-dnd-html5-backend: 16.0.1
       react-dnd-touch-backend: 16.0.1
-      react-dom: 19.2.3(react@19.2.3)
-      react-use-measure: 2.1.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react-dom: 19.2.4(react@19.2.4)
+      react-use-measure: 2.1.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     transitivePeerDependencies:
       - '@emotion/is-prop-valid'
       - dnd-core
 
-  '@minoru/react-dnd-treeview@3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@minoru/react-dnd-treeview@3.5.3(dnd-core@16.0.1)(react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@juggle/resize-observer': 3.4.0
       dnd-multi-backend: 8.1.2(dnd-core@16.0.1)
-      framer-motion: 11.18.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dnd: 16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3)
+      framer-motion: 11.18.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dnd: 16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4)
       react-dnd-html5-backend: 16.0.1
       react-dnd-touch-backend: 16.0.1
-      react-dom: 19.2.3(react@19.2.3)
-      react-use-measure: 2.1.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react-dom: 19.2.4(react@19.2.4)
+      react-use-measure: 2.1.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     transitivePeerDependencies:
       - '@emotion/is-prop-valid'
       - dnd-core
 
   '@napi-rs/wasm-runtime@0.2.12':
     dependencies:
-      '@emnapi/core': 1.7.1
-      '@emnapi/runtime': 1.7.1
+      '@emnapi/core': 1.9.1
+      '@emnapi/runtime': 1.9.1
       '@tybys/wasm-util': 0.10.1
     optional: true
 
   '@next/env@15.3.8': {}
 
-  '@next/eslint-plugin-next@15.1.7':
-    dependencies:
-      fast-glob: 3.3.1
-
-  '@next/eslint-plugin-next@15.4.0':
+  '@next/eslint-plugin-next@15.3.8':
     dependencies:
       fast-glob: 3.3.1
 
@@ -8161,7 +8236,7 @@ snapshots:
   '@nodelib/fs.walk@1.2.8':
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.19.1
+      fastq: 1.20.1
 
   '@nolyfill/is-core-module@1.0.39': {}
 
@@ -8174,547 +8249,547 @@ snapshots:
 
   '@radix-ui/primitive@1.1.3': {}
 
-  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-context@1.1.2(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-context@1.1.2(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-context@1.1.3(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-context@1.1.3(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
       aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-direction@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-direction@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-icons@1.3.2(react@19.2.3)':
+  '@radix-ui/react-icons@1.3.2(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
-  '@radix-ui/react-id@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-id@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
       aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
       aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@floating-ui/react-dom': 2.1.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.2.4)
       '@radix-ui/rect': 1.1.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-slot': 1.2.4(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.4(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-progress@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-context': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-context': 1.1.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      react-remove-scroll: 2.7.2(@types/react@19.2.14)(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-slot@1.2.3(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-slot@1.2.3(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-slot@1.2.4(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-slot@1.2.4(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.14)(react@19.2.4)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
       '@radix-ui/rect': 1.1.1
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.14)(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.14)(react@19.2.4)
+      react: 19.2.4
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
-  '@radix-ui/react-visually-hidden@1.2.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@radix-ui/react-visually-hidden@1.2.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
 
   '@radix-ui/rect@1.1.1': {}
 
@@ -8726,208 +8801,217 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-beta.27': {}
 
-  '@rollup/pluginutils@5.3.0(rollup@4.53.3)':
+  '@rollup/pluginutils@5.3.0(rollup@4.60.0)':
     dependencies:
       '@types/estree': 1.0.8
       estree-walker: 2.0.2
-      picomatch: 4.0.3
+      picomatch: 4.0.4
     optionalDependencies:
-      rollup: 4.53.3
+      rollup: 4.60.0
 
-  '@rollup/rollup-android-arm-eabi@4.53.3':
+  '@rollup/rollup-android-arm-eabi@4.60.0':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.53.3':
+  '@rollup/rollup-android-arm64@4.60.0':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.53.3':
+  '@rollup/rollup-darwin-arm64@4.60.0':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.53.3':
+  '@rollup/rollup-darwin-x64@4.60.0':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.53.3':
+  '@rollup/rollup-freebsd-arm64@4.60.0':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.53.3':
+  '@rollup/rollup-freebsd-x64@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.53.3':
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.53.3':
+  '@rollup/rollup-linux-arm-musleabihf@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.53.3':
+  '@rollup/rollup-linux-arm64-gnu@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.53.3':
+  '@rollup/rollup-linux-arm64-musl@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.53.3':
+  '@rollup/rollup-linux-loong64-gnu@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.53.3':
+  '@rollup/rollup-linux-loong64-musl@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.53.3':
+  '@rollup/rollup-linux-ppc64-gnu@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-musl@4.53.3':
+  '@rollup/rollup-linux-ppc64-musl@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.53.3':
+  '@rollup/rollup-linux-riscv64-gnu@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.53.3':
+  '@rollup/rollup-linux-riscv64-musl@4.60.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.53.3':
+  '@rollup/rollup-linux-s390x-gnu@4.60.0':
     optional: true
 
-  '@rollup/rollup-openharmony-arm64@4.53.3':
+  '@rollup/rollup-linux-x64-gnu@4.60.0':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.53.3':
+  '@rollup/rollup-linux-x64-musl@4.60.0':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.53.3':
+  '@rollup/rollup-openbsd-x64@4.60.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-gnu@4.53.3':
+  '@rollup/rollup-openharmony-arm64@4.60.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.53.3':
+  '@rollup/rollup-win32-arm64-msvc@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.0':
     optional: true
 
   '@rtsao/scc@1.1.0': {}
 
-  '@rushstack/eslint-patch@1.15.0': {}
+  '@rushstack/eslint-patch@1.16.1': {}
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
   '@standard-schema/utils@0.3.0': {}
 
-  '@storybook/addon-actions@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-actions@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
       '@types/uuid': 9.0.8
       dequal: 2.0.3
       polished: 4.3.1
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       uuid: 9.0.1
 
-  '@storybook/addon-backgrounds@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-backgrounds@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-controls@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-controls@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
       dequal: 2.0.3
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-docs@8.6.14(@types/react@19.2.7)(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-docs@8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      '@mdx-js/react': 3.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@storybook/blocks': 8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/csf-plugin': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/react-dom-shim': 8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      storybook: 8.6.14(prettier@3.7.4)
+      '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.4)
+      '@storybook/blocks': 8.6.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/csf-plugin': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/react-dom-shim': 8.6.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-essentials@8.6.14(@types/react@19.2.7)(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-essentials@8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      '@storybook/addon-actions': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-backgrounds': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-controls': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-docs': 8.6.14(@types/react@19.2.7)(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-highlight': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-measure': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-outline': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-toolbars': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/addon-viewport': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      storybook: 8.6.14(prettier@3.7.4)
+      '@storybook/addon-actions': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-backgrounds': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-controls': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-docs': 8.6.14(@types/react@19.2.14)(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-highlight': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-measure': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-outline': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-toolbars': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/addon-viewport': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-highlight@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-highlight@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/addon-interactions@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-interactions@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/instrumenter': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/test': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/instrumenter': 8.6.14(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/test': 8.6.14(storybook@8.6.18(prettier@3.8.1))
       polished: 4.3.1
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-measure@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-measure@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       tiny-invariant: 1.3.3
 
-  '@storybook/addon-onboarding@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-onboarding@8.6.18(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/addon-outline@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-outline@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-themes@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-themes@8.6.18(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-toolbars@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-toolbars@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/addon-viewport@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/addon-viewport@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       memoizerific: 1.11.3
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/blocks@8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/blocks@8.6.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      '@storybook/icons': 1.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      storybook: 8.6.14(prettier@3.7.4)
+      '@storybook/icons': 1.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
     optionalDependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  '@storybook/builder-vite@8.6.14(storybook@8.6.14(prettier@3.7.4))(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))':
+  '@storybook/builder-vite@8.6.18(storybook@8.6.18(prettier@3.8.1))(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))':
     dependencies:
-      '@storybook/csf-plugin': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/csf-plugin': 8.6.18(storybook@8.6.18(prettier@3.8.1))
       browser-assert: 1.2.1
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       ts-dedent: 2.2.0
-      vite: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
 
-  '@storybook/components@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/components@8.6.18(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/core@8.6.14(prettier@3.7.4)(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/core@8.6.18(prettier@3.8.1)(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      '@storybook/theming': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/theming': 8.6.18(storybook@8.6.18(prettier@3.8.1))
       better-opn: 3.0.2
       browser-assert: 1.2.1
       esbuild: 0.25.12
@@ -8935,20 +9019,25 @@ snapshots:
       jsdoc-type-pratt-parser: 4.8.0
       process: 0.11.10
       recast: 0.23.11
-      semver: 7.7.3
+      semver: 7.7.4
       util: 0.12.5
-      ws: 8.18.3
+      ws: 8.20.0
     optionalDependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
     transitivePeerDependencies:
       - bufferutil
       - storybook
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/csf-plugin@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
+      unplugin: 1.16.1
+
+  '@storybook/csf-plugin@8.6.18(storybook@8.6.18(prettier@3.8.1))':
+    dependencies:
+      storybook: 8.6.18(prettier@3.8.1)
       unplugin: 1.16.1
 
   '@storybook/csf@0.1.13':
@@ -8957,82 +9046,113 @@ snapshots:
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@1.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@storybook/icons@1.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  '@storybook/instrumenter@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/instrumenter@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
       '@vitest/utils': 2.1.9
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/manager-api@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/instrumenter@8.6.15(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      '@storybook/global': 5.0.0
+      '@vitest/utils': 2.1.9
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/preview-api@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/manager-api@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/react-dom-shim@8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/manager-api@8.6.18(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/react-vite@8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(rollup@4.53.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))':
+  '@storybook/preview-api@8.6.18(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.5.0(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
-      '@rollup/pluginutils': 5.3.0(rollup@4.53.3)
-      '@storybook/builder-vite': 8.6.14(storybook@8.6.14(prettier@3.7.4))(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))
-      '@storybook/react': 8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)
+      storybook: 8.6.18(prettier@3.8.1)
+
+  '@storybook/react-dom-shim@8.6.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))':
+    dependencies:
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      storybook: 8.6.18(prettier@3.8.1)
+
+  '@storybook/react-dom-shim@8.6.18(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))':
+    dependencies:
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      storybook: 8.6.18(prettier@3.8.1)
+
+  '@storybook/react-vite@8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.60.0)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))':
+    dependencies:
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.5.0(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
+      '@rollup/pluginutils': 5.3.0(rollup@4.60.0)
+      '@storybook/builder-vite': 8.6.18(storybook@8.6.18(prettier@3.8.1))(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))
+      '@storybook/react': 8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)
       find-up: 5.0.0
       magic-string: 0.30.21
-      react: 19.2.3
+      react: 19.2.4
       react-docgen: 7.1.1
-      react-dom: 19.2.3(react@19.2.3)
+      react-dom: 19.2.4(react@19.2.4)
       resolve: 1.22.11
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
       tsconfig-paths: 4.2.0
-      vite: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
     optionalDependencies:
-      '@storybook/test': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/test': 8.6.15(storybook@8.6.18(prettier@3.8.1))
     transitivePeerDependencies:
       - rollup
       - supports-color
       - typescript
 
-  '@storybook/react@8.6.14(@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4)))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))(typescript@5.6.3)':
+  '@storybook/react@8.6.18(@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1)))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))(typescript@5.6.3)':
     dependencies:
-      '@storybook/components': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/components': 8.6.18(storybook@8.6.18(prettier@3.8.1))
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/preview-api': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/react-dom-shim': 8.6.14(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@8.6.14(prettier@3.7.4))
-      '@storybook/theming': 8.6.14(storybook@8.6.14(prettier@3.7.4))
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      storybook: 8.6.14(prettier@3.7.4)
+      '@storybook/manager-api': 8.6.18(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/preview-api': 8.6.18(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/react-dom-shim': 8.6.18(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@8.6.18(prettier@3.8.1))
+      '@storybook/theming': 8.6.18(storybook@8.6.18(prettier@3.8.1))
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      storybook: 8.6.18(prettier@3.8.1)
     optionalDependencies:
-      '@storybook/test': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/test': 8.6.15(storybook@8.6.18(prettier@3.8.1))
       typescript: 5.6.3
 
-  '@storybook/test@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/test@8.6.14(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/instrumenter': 8.6.14(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/instrumenter': 8.6.14(storybook@8.6.18(prettier@3.8.1))
       '@testing-library/dom': 10.4.0
       '@testing-library/jest-dom': 6.5.0
       '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0)
       '@vitest/expect': 2.0.5
       '@vitest/spy': 2.0.5
-      storybook: 8.6.14(prettier@3.7.4)
+      storybook: 8.6.18(prettier@3.8.1)
 
-  '@storybook/theming@8.6.14(storybook@8.6.14(prettier@3.7.4))':
+  '@storybook/test@8.6.15(storybook@8.6.18(prettier@3.8.1))':
     dependencies:
-      storybook: 8.6.14(prettier@3.7.4)
+      '@storybook/global': 5.0.0
+      '@storybook/instrumenter': 8.6.15(storybook@8.6.18(prettier@3.8.1))
+      '@testing-library/dom': 10.4.0
+      '@testing-library/jest-dom': 6.5.0
+      '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0)
+      '@vitest/expect': 2.0.5
+      '@vitest/spy': 2.0.5
+      storybook: 8.6.18(prettier@3.8.1)
+
+  '@storybook/theming@8.6.14(storybook@8.6.18(prettier@3.8.1))':
+    dependencies:
+      storybook: 8.6.18(prettier@3.8.1)
+
+  '@storybook/theming@8.6.18(storybook@8.6.18(prettier@3.8.1))':
+    dependencies:
+      storybook: 8.6.18(prettier@3.8.1)
 
   '@swc/counter@0.1.3': {}
 
@@ -9040,101 +9160,103 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@tailwindcss/node@4.1.18':
+  '@tabby_ai/hijri-converter@1.0.5': {}
+
+  '@tailwindcss/node@4.2.2':
     dependencies:
       '@jridgewell/remapping': 2.3.5
-      enhanced-resolve: 5.18.4
+      enhanced-resolve: 5.20.1
       jiti: 2.6.1
-      lightningcss: 1.30.2
+      lightningcss: 1.32.0
       magic-string: 0.30.21
       source-map-js: 1.2.1
-      tailwindcss: 4.1.18
+      tailwindcss: 4.2.2
 
-  '@tailwindcss/oxide-android-arm64@4.1.18':
+  '@tailwindcss/oxide-android-arm64@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.18':
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
     optional: true
 
-  '@tailwindcss/oxide@4.1.18':
+  '@tailwindcss/oxide@4.2.2':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.18
-      '@tailwindcss/oxide-darwin-arm64': 4.1.18
-      '@tailwindcss/oxide-darwin-x64': 4.1.18
-      '@tailwindcss/oxide-freebsd-x64': 4.1.18
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.18
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.18
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.18
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.18
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.18
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.18
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
+      '@tailwindcss/oxide-android-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-x64': 4.2.2
+      '@tailwindcss/oxide-freebsd-x64': 4.2.2
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.2
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.2
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.2
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
 
-  '@tailwindcss/vite@4.1.18(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))':
+  '@tailwindcss/vite@4.2.2(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))':
     dependencies:
-      '@tailwindcss/node': 4.1.18
-      '@tailwindcss/oxide': 4.1.18
-      tailwindcss: 4.1.18
-      vite: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+      '@tailwindcss/node': 4.2.2
+      '@tailwindcss/oxide': 4.2.2
+      tailwindcss: 4.2.2
+      vite: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
 
-  '@tanstack/query-core@5.90.12': {}
+  '@tanstack/query-core@5.95.2': {}
 
-  '@tanstack/query-devtools@5.91.1': {}
+  '@tanstack/query-devtools@5.95.2': {}
 
-  '@tanstack/react-query-devtools@5.91.1(@tanstack/react-query@5.90.12(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-query-devtools@5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/query-devtools': 5.91.1
-      '@tanstack/react-query': 5.90.12(react@19.2.3)
-      react: 19.2.3
+      '@tanstack/query-devtools': 5.95.2
+      '@tanstack/react-query': 5.95.2(react@19.2.4)
+      react: 19.2.4
 
-  '@tanstack/react-query@5.90.12(react@19.2.3)':
+  '@tanstack/react-query@5.95.2(react@19.2.4)':
     dependencies:
-      '@tanstack/query-core': 5.90.12
-      react: 19.2.3
+      '@tanstack/query-core': 5.95.2
+      react: 19.2.4
 
-  '@tanstack/react-table@8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-table@8.21.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/table-core': 8.21.3
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
   '@tanstack/table-core@8.21.3': {}
 
   '@testing-library/dom@10.4.0':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.28.4
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.29.2
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
       chalk: 4.1.2
@@ -9149,19 +9271,19 @@ snapshots:
       chalk: 3.0.0
       css.escape: 1.5.1
       dom-accessibility-api: 0.6.3
-      lodash: 4.17.21
+      lodash: 4.17.23
       redent: 3.0.0
 
   '@testing-library/user-event@14.5.2(@testing-library/dom@10.4.0)':
     dependencies:
       '@testing-library/dom': 10.4.0
 
-  '@tinymce/tinymce-react@5.1.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tinymce/tinymce-react@5.1.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       prop-types: 15.8.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      tinymce: 7.9.1
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      tinymce: 7.9.2
 
   '@tybys/wasm-util@0.10.1':
     dependencies:
@@ -9172,24 +9294,24 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
       '@types/babel__generator': 7.27.0
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.28.0
 
   '@types/babel__generator@7.27.0':
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
 
   '@types/babel__traverse@7.28.0':
     dependencies:
-      '@babel/types': 7.28.5
+      '@babel/types': 7.29.0
 
   '@types/d3-array@3.2.2': {}
 
@@ -9207,7 +9329,7 @@ snapshots:
     dependencies:
       '@types/d3-time': 3.0.4
 
-  '@types/d3-shape@3.1.7':
+  '@types/d3-shape@3.1.8':
     dependencies:
       '@types/d3-path': 3.1.1
 
@@ -9229,6 +9351,8 @@ snapshots:
 
   '@types/estree@1.0.8': {}
 
+  '@types/hammerjs@2.0.46': {}
+
   '@types/js-cookie@3.0.6': {}
 
   '@types/json-schema@7.0.15': {}
@@ -9237,19 +9361,19 @@ snapshots:
 
   '@types/mdx@2.0.13': {}
 
-  '@types/node@20.19.26':
+  '@types/node@20.19.37':
     dependencies:
       undici-types: 6.21.0
 
-  '@types/node@22.19.2':
+  '@types/node@22.19.15':
     dependencies:
       undici-types: 6.21.0
 
-  '@types/react-dom@19.2.3(@types/react@19.2.7)':
+  '@types/react-dom@19.2.3(@types/react@19.2.14)':
     dependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  '@types/react@19.2.7':
+  '@types/react@19.2.14':
     dependencies:
       csstype: 3.2.3
 
@@ -9259,9 +9383,9 @@ snapshots:
 
   '@types/webpack@5.28.5':
     dependencies:
-      '@types/node': 22.19.2
-      tapable: 2.3.0
-      webpack: 5.103.0
+      '@types/node': 22.19.15
+      tapable: 2.3.2
+      webpack: 5.105.4
     transitivePeerDependencies:
       - '@swc/core'
       - esbuild
@@ -9272,226 +9396,226 @@ snapshots:
     dependencies:
       xlsx: 0.18.5
 
-  '@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
-      eslint: 9.39.2(jiti@1.21.7)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/type-utils': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
+      eslint: 9.39.4(jiti@1.21.7)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.9.3)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/type-utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
+      eslint: 9.39.4(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.6.3)
+      ts-api-utils: 2.5.0(typescript@5.6.3)
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/type-utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/type-utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
+      eslint: 9.39.4(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.9.3)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
-      eslint: 9.39.2(jiti@1.21.7)
+      eslint: 9.39.4(jiti@1.21.7)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)':
+  '@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.6.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.49.0(typescript@5.6.3)':
+  '@typescript-eslint/project-service@8.57.2(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.6.3)
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/types': 8.57.2
       debug: 4.4.3
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.49.0(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.57.2(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/types': 8.57.2
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.49.0':
+  '@typescript-eslint/scope-manager@8.57.2':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/visitor-keys': 8.57.2
 
-  '@typescript-eslint/tsconfig-utils@8.49.0(typescript@5.6.3)':
+  '@typescript-eslint/tsconfig-utils@8.57.2(typescript@5.6.3)':
     dependencies:
       typescript: 5.6.3
 
-  '@typescript-eslint/tsconfig-utils@8.49.0(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.57.2(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
       debug: 4.4.3
-      eslint: 9.39.2(jiti@1.21.7)
-      ts-api-utils: 2.1.0(typescript@5.9.3)
+      eslint: 9.39.4(jiti@1.21.7)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
-      ts-api-utils: 2.1.0(typescript@5.6.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      ts-api-utils: 2.5.0(typescript@5.6.3)
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
-      ts-api-utils: 2.1.0(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.49.0': {}
+  '@typescript-eslint/types@8.57.2': {}
 
-  '@typescript-eslint/typescript-estree@8.49.0(typescript@5.6.3)':
+  '@typescript-eslint/typescript-estree@8.57.2(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.49.0(typescript@5.6.3)
-      '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.6.3)
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/project-service': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
-      minimatch: 9.0.5
-      semver: 7.7.3
+      minimatch: 10.2.4
+      semver: 7.7.4
       tinyglobby: 0.2.15
-      ts-api-utils: 2.1.0(typescript@5.6.3)
+      ts-api-utils: 2.5.0(typescript@5.6.3)
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.49.0(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.57.2(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/visitor-keys': 8.49.0
+      '@typescript-eslint/project-service': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3
-      minimatch: 9.0.5
-      semver: 7.7.3
+      minimatch: 10.2.4
+      semver: 7.7.4
       tinyglobby: 0.2.15
-      ts-api-utils: 2.1.0(typescript@5.9.3)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      eslint: 9.39.2(jiti@1.21.7)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@1.21.7))
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      eslint: 9.39.4(jiti@1.21.7)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)':
+  '@typescript-eslint/utils@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.6.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      eslint: 9.39.4(jiti@2.6.1)
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.49.0
-      '@typescript-eslint/types': 8.49.0
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.57.2
+      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.49.0':
+  '@typescript-eslint/visitor-keys@8.57.2':
     dependencies:
-      '@typescript-eslint/types': 8.49.0
-      eslint-visitor-keys: 4.2.1
+      '@typescript-eslint/types': 8.57.2
+      eslint-visitor-keys: 5.0.1
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     optional: true
@@ -9552,15 +9676,15 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vitejs/plugin-react@4.7.0(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2))':
+  '@vitejs/plugin-react@4.7.0(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3))':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.5)
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-beta.27
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -9596,37 +9720,37 @@ snapshots:
       loupe: 3.2.1
       tinyrainbow: 1.2.0
 
-  '@vue/compiler-core@3.5.25':
+  '@vue/compiler-core@3.5.30':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/shared': 3.5.25
-      entities: 4.5.0
+      '@babel/parser': 7.29.2
+      '@vue/shared': 3.5.30
+      entities: 7.0.1
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.25':
+  '@vue/compiler-dom@3.5.30':
     dependencies:
-      '@vue/compiler-core': 3.5.25
-      '@vue/shared': 3.5.25
+      '@vue/compiler-core': 3.5.30
+      '@vue/shared': 3.5.30
 
-  '@vue/compiler-sfc@3.5.25':
+  '@vue/compiler-sfc@3.5.30':
     dependencies:
-      '@babel/parser': 7.28.5
-      '@vue/compiler-core': 3.5.25
-      '@vue/compiler-dom': 3.5.25
-      '@vue/compiler-ssr': 3.5.25
-      '@vue/shared': 3.5.25
+      '@babel/parser': 7.29.2
+      '@vue/compiler-core': 3.5.30
+      '@vue/compiler-dom': 3.5.30
+      '@vue/compiler-ssr': 3.5.30
+      '@vue/shared': 3.5.30
       estree-walker: 2.0.2
       magic-string: 0.30.21
-      postcss: 8.5.6
+      postcss: 8.5.8
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.25':
+  '@vue/compiler-ssr@3.5.30':
     dependencies:
-      '@vue/compiler-dom': 3.5.25
-      '@vue/shared': 3.5.25
+      '@vue/compiler-dom': 3.5.30
+      '@vue/shared': 3.5.30
 
-  '@vue/shared@3.5.25': {}
+  '@vue/shared@3.5.30': {}
 
   '@webassemblyjs/ast@1.14.1':
     dependencies:
@@ -9710,35 +9834,35 @@ snapshots:
 
   '@xtuc/long@4.2.2': {}
 
-  acorn-import-phases@1.0.4(acorn@8.15.0):
+  acorn-import-phases@1.0.4(acorn@8.16.0):
     dependencies:
-      acorn: 8.15.0
+      acorn: 8.16.0
 
-  acorn-jsx@5.3.2(acorn@8.15.0):
+  acorn-jsx@5.3.2(acorn@8.16.0):
     dependencies:
-      acorn: 8.15.0
+      acorn: 8.16.0
 
-  acorn@8.15.0: {}
+  acorn@8.16.0: {}
 
   adler-32@1.3.1: {}
 
-  ajv-formats@2.1.1(ajv@8.17.1):
+  ajv-formats@2.1.1(ajv@8.18.0):
     optionalDependencies:
-      ajv: 8.17.1
+      ajv: 8.18.0
 
-  ajv-keywords@5.1.0(ajv@8.17.1):
+  ajv-keywords@5.1.0(ajv@8.18.0):
     dependencies:
-      ajv: 8.17.1
+      ajv: 8.18.0
       fast-deep-equal: 3.1.3
 
-  ajv@6.12.6:
+  ajv@6.14.0:
     dependencies:
       fast-deep-equal: 3.1.3
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ajv@8.17.1:
+  ajv@8.18.0:
     dependencies:
       fast-deep-equal: 3.1.3
       fast-uri: 3.1.0
@@ -9766,7 +9890,7 @@ snapshots:
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
-      picomatch: 2.3.1
+      picomatch: 2.3.2
 
   arg@5.0.2: {}
 
@@ -9792,7 +9916,7 @@ snapshots:
       call-bind: 1.0.8
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
       is-string: 1.1.1
@@ -9802,7 +9926,7 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       es-shim-unscopables: 1.1.0
@@ -9812,7 +9936,7 @@ snapshots:
       call-bind: 1.0.8
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       es-shim-unscopables: 1.1.0
@@ -9821,21 +9945,21 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-shim-unscopables: 1.1.0
 
   array.prototype.flatmap@1.3.3:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-shim-unscopables: 1.1.0
 
   array.prototype.tosorted@1.1.4:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       es-shim-unscopables: 1.1.0
 
@@ -9844,7 +9968,7 @@ snapshots:
       array-buffer-byte-length: 1.0.2
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
@@ -9874,21 +9998,20 @@ snapshots:
 
   attr-accept@2.2.5: {}
 
-  autoprefixer@10.4.22(postcss@8.5.6):
+  autoprefixer@10.4.27(postcss@8.5.8):
     dependencies:
       browserslist: 4.28.1
-      caniuse-lite: 1.0.30001760
+      caniuse-lite: 1.0.30001781
       fraction.js: 5.3.4
-      normalize-range: 0.1.2
       picocolors: 1.1.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
 
-  axe-core@4.11.0: {}
+  axe-core@4.11.1: {}
 
   axios@1.8.1:
     dependencies:
@@ -9902,9 +10025,11 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
+  balanced-match@4.0.4: {}
+
   base64-arraybuffer@1.0.2: {}
 
-  baseline-browser-mapping@2.9.7: {}
+  baseline-browser-mapping@2.10.10: {}
 
   better-opn@3.0.2:
     dependencies:
@@ -9921,6 +10046,10 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
+  brace-expansion@5.0.5:
+    dependencies:
+      balanced-match: 4.0.4
+
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -9929,11 +10058,11 @@ snapshots:
 
   browserslist@4.28.1:
     dependencies:
-      baseline-browser-mapping: 2.9.7
-      caniuse-lite: 1.0.30001760
-      electron-to-chromium: 1.5.267
-      node-releases: 2.0.27
-      update-browserslist-db: 1.2.2(browserslist@4.28.1)
+      baseline-browser-mapping: 2.10.10
+      caniuse-lite: 1.0.30001781
+      electron-to-chromium: 1.5.323
+      node-releases: 2.0.36
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
 
   buffer-from@1.1.2: {}
 
@@ -9971,7 +10100,7 @@ snapshots:
 
   camelcase@5.3.1: {}
 
-  caniuse-lite@1.0.30001760: {}
+  caniuse-lite@1.0.30001781: {}
 
   cfb@1.2.2:
     dependencies:
@@ -9981,7 +10110,7 @@ snapshots:
   chai@5.3.3:
     dependencies:
       assertion-error: 2.0.1
-      check-error: 2.1.1
+      check-error: 2.1.3
       deep-eql: 5.0.2
       loupe: 3.2.1
       pathval: 2.0.1
@@ -10000,7 +10129,13 @@ snapshots:
     dependencies:
       '@kurkle/color': 0.3.4
 
-  check-error@2.1.1: {}
+  chartjs-plugin-zoom@2.2.0(chart.js@4.5.1):
+    dependencies:
+      '@types/hammerjs': 2.0.46
+      chart.js: 4.5.1
+      hammerjs: 2.0.8
+
+  check-error@2.1.3: {}
 
   chokidar@3.6.0:
     dependencies:
@@ -10028,9 +10163,9 @@ snapshots:
     dependencies:
       restore-cursor: 5.1.0
 
-  cli-truncate@5.1.1:
+  cli-truncate@5.2.0:
     dependencies:
-      slice-ansi: 7.1.2
+      slice-ansi: 8.0.0
       string-width: 8.2.0
 
   client-only@0.0.1: {}
@@ -10050,7 +10185,7 @@ snapshots:
   cliui@9.0.1:
     dependencies:
       string-width: 7.2.0
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
       wrap-ansi: 9.0.2
 
   clsx@2.1.1: {}
@@ -10090,7 +10225,7 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig@9.0.0(typescript@5.9.3):
+  cosmiconfig@9.0.1(typescript@5.9.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.1
@@ -10129,7 +10264,7 @@ snapshots:
 
   d3-ease@3.0.1: {}
 
-  d3-format@3.1.0: {}
+  d3-format@3.1.2: {}
 
   d3-interpolate@3.0.1:
     dependencies:
@@ -10140,7 +10275,7 @@ snapshots:
   d3-scale@4.0.2:
     dependencies:
       d3-array: 3.2.4
-      d3-format: 3.1.0
+      d3-format: 3.1.2
       d3-interpolate: 3.0.1
       d3-time: 3.1.0
       d3-time-format: 4.1.0
@@ -10185,7 +10320,7 @@ snapshots:
 
   date-fns@4.1.0: {}
 
-  dayjs@1.11.19: {}
+  dayjs@1.11.20: {}
 
   debug@3.2.7:
     dependencies:
@@ -10232,7 +10367,7 @@ snapshots:
       get-amd-module-type: 6.0.1
       node-source-walk: 7.0.1
 
-  detective-cjs@6.0.1:
+  detective-cjs@6.1.0:
     dependencies:
       ast-module-types: 6.0.1
       node-source-walk: 7.0.1
@@ -10241,11 +10376,11 @@ snapshots:
     dependencies:
       node-source-walk: 7.0.1
 
-  detective-postcss@7.0.1(postcss@8.5.6):
+  detective-postcss@7.0.1(postcss@8.5.8):
     dependencies:
       is-url: 1.2.4
-      postcss: 8.5.6
-      postcss-values-parser: 6.0.2(postcss@8.5.6)
+      postcss: 8.5.8
+      postcss-values-parser: 6.0.2(postcss@8.5.8)
 
   detective-sass@6.0.1:
     dependencies:
@@ -10261,7 +10396,7 @@ snapshots:
 
   detective-typescript@14.0.0(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
       ast-module-types: 6.0.1
       node-source-walk: 7.0.1
       typescript: 5.9.3
@@ -10271,7 +10406,7 @@ snapshots:
   detective-vue2@2.2.0(typescript@5.9.3):
     dependencies:
       '@dependents/detective-less': 5.0.1
-      '@vue/compiler-sfc': 3.5.25
+      '@vue/compiler-sfc': 3.5.30
       detective-es6: 5.0.1
       detective-sass: 6.0.1
       detective-scss: 5.0.1
@@ -10311,7 +10446,7 @@ snapshots:
 
   dom-helpers@5.2.1:
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.29.2
       csstype: 3.2.3
 
   dunder-proto@1.0.1:
@@ -10326,17 +10461,17 @@ snapshots:
 
   effector@23.4.4: {}
 
-  electron-to-chromium@1.5.267: {}
+  electron-to-chromium@1.5.323: {}
 
   embla-carousel-autoplay@8.6.0(embla-carousel@8.6.0):
     dependencies:
       embla-carousel: 8.6.0
 
-  embla-carousel-react@8.6.0(react@19.2.3):
+  embla-carousel-react@8.6.0(react@19.2.4):
     dependencies:
       embla-carousel: 8.6.0
       embla-carousel-reactive-utils: 8.6.0(embla-carousel@8.6.0)
-      react: 19.2.3
+      react: 19.2.4
 
   embla-carousel-reactive-utils@8.6.0(embla-carousel@8.6.0):
     dependencies:
@@ -10352,12 +10487,12 @@ snapshots:
 
   empathic@1.1.0: {}
 
-  enhanced-resolve@5.18.4:
+  enhanced-resolve@5.20.1:
     dependencies:
       graceful-fs: 4.2.11
-      tapable: 2.3.0
+      tapable: 2.3.2
 
-  entities@4.5.0: {}
+  entities@7.0.1: {}
 
   env-paths@2.2.1: {}
 
@@ -10367,7 +10502,7 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract@1.24.0:
+  es-abstract@1.24.1:
     dependencies:
       array-buffer-byte-length: 1.0.2
       arraybuffer.prototype.slice: 1.0.4
@@ -10422,18 +10557,18 @@ snapshots:
       typed-array-byte-offset: 1.0.4
       typed-array-length: 1.0.7
       unbox-primitive: 1.1.0
-      which-typed-array: 1.1.19
+      which-typed-array: 1.1.20
 
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
-  es-iterator-helpers@1.2.1:
+  es-iterator-helpers@1.3.1:
     dependencies:
       call-bind: 1.0.8
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       es-set-tostringtag: 2.1.0
       function-bind: 1.1.2
@@ -10445,9 +10580,10 @@ snapshots:
       has-symbols: 1.1.0
       internal-slot: 1.1.0
       iterator.prototype: 1.1.5
+      math-intrinsics: 1.1.0
       safe-array-concat: 1.1.3
 
-  es-module-lexer@1.7.0: {}
+  es-module-lexer@2.0.0: {}
 
   es-object-atoms@1.1.1:
     dependencies:
@@ -10572,19 +10708,19 @@ snapshots:
     optionalDependencies:
       source-map: 0.7.6
 
-  eslint-config-next@15.1.7(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  eslint-config-next@15.3.8(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3):
     dependencies:
-      '@next/eslint-plugin-next': 15.1.7
-      '@rushstack/eslint-patch': 1.15.0
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@next/eslint-plugin-next': 15.3.8
+      '@rushstack/eslint-patch': 1.16.1
+      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@1.21.7))
+      eslint-plugin-react: 7.37.5(eslint@9.39.4(jiti@1.21.7))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.4(jiti@1.21.7))
     optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -10592,39 +10728,19 @@ snapshots:
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-next@15.4.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3):
+  eslint-config-next@15.3.8(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@next/eslint-plugin-next': 15.4.0
-      '@rushstack/eslint-patch': 1.15.0
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@1.21.7)
+      '@next/eslint-plugin-next': 15.3.8
+      '@rushstack/eslint-patch': 1.16.1
+      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@1.21.7))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@1.21.7))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@1.21.7))
-      eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@1.21.7))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.2(jiti@1.21.7))
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-webpack
-      - eslint-plugin-import-x
-      - supports-color
-
-  eslint-config-next@15.4.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
-    dependencies:
-      '@next/eslint-plugin-next': 15.4.0
-      '@rushstack/eslint-patch': 1.15.0
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-react: 7.37.5(eslint@9.39.2(jiti@2.6.1))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react: 7.37.5(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.4(jiti@2.6.1))
     optionalDependencies:
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -10640,59 +10756,59 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@1.21.7)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.3
-      eslint: 9.39.2(jiti@1.21.7)
-      get-tsconfig: 4.13.0
+      eslint: 9.39.4(jiti@1.21.7)
+      get-tsconfig: 4.13.7
       is-bun-module: 2.0.0
       stable-hash: 0.0.5
       tinyglobby: 0.2.15
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.3
-      eslint: 9.39.2(jiti@2.6.1)
-      get-tsconfig: 4.13.0
+      eslint: 9.39.4(jiti@2.6.1)
+      get-tsconfig: 4.13.7
       is-bun-module: 2.0.0
       stable-hash: 0.0.5
       tinyglobby: 0.2.15
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@1.21.7)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@1.21.7)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@1.21.7))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@1.21.7))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.2(jiti@2.6.1))
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@1.21.7)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -10701,13 +10817,13 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.39.2(jiti@1.21.7)
+      eslint: 9.39.4(jiti@1.21.7)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@1.21.7))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@1.21.7))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       object.fromentries: 2.0.8
       object.groupby: 1.0.3
       object.values: 1.2.1
@@ -10715,13 +10831,13 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -10730,13 +10846,13 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.2(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       object.fromentries: 2.0.8
       object.groupby: 1.0.3
       object.values: 1.2.1
@@ -10744,111 +10860,115 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.2(jiti@1.21.7)):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       aria-query: 5.3.2
       array-includes: 3.1.9
       array.prototype.flatmap: 1.3.3
       ast-types-flow: 0.0.8
-      axe-core: 4.11.0
+      axe-core: 4.11.1
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 9.39.2(jiti@1.21.7)
+      eslint: 9.39.4(jiti@1.21.7)
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       object.fromentries: 2.0.8
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       aria-query: 5.3.2
       array-includes: 3.1.9
       array.prototype.flatmap: 1.3.3
       ast-types-flow: 0.0.8
-      axe-core: 4.11.0
+      axe-core: 4.11.1
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       object.fromentries: 2.0.8
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.39.2(jiti@1.21.7)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
-      eslint: 9.39.2(jiti@1.21.7)
+      eslint: 9.39.4(jiti@1.21.7)
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
 
-  eslint-plugin-react-refresh@0.4.24(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-react-refresh@0.4.26(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
-      eslint: 9.39.2(jiti@2.6.1)
+      eslint: 9.39.4(jiti@2.6.1)
 
-  eslint-plugin-react@7.37.5(eslint@9.39.2(jiti@1.21.7)):
+  eslint-plugin-react@7.37.5(eslint@9.39.4(jiti@1.21.7)):
     dependencies:
       array-includes: 3.1.9
       array.prototype.findlast: 1.2.5
       array.prototype.flatmap: 1.3.3
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
-      es-iterator-helpers: 1.2.1
-      eslint: 9.39.2(jiti@1.21.7)
+      es-iterator-helpers: 1.3.1
+      eslint: 9.39.4(jiti@1.21.7)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       object.entries: 1.1.9
       object.fromentries: 2.0.8
       object.values: 1.2.1
       prop-types: 15.8.1
-      resolve: 2.0.0-next.5
+      resolve: 2.0.0-next.6
       semver: 6.3.1
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-react@7.37.5(eslint@9.39.2(jiti@2.6.1)):
+  eslint-plugin-react@7.37.5(eslint@9.39.4(jiti@2.6.1)):
     dependencies:
       array-includes: 3.1.9
       array.prototype.findlast: 1.2.5
       array.prototype.flatmap: 1.3.3
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
-      es-iterator-helpers: 1.2.1
-      eslint: 9.39.2(jiti@2.6.1)
+      es-iterator-helpers: 1.3.1
+      eslint: 9.39.4(jiti@2.6.1)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       object.entries: 1.1.9
       object.fromentries: 2.0.8
       object.values: 1.2.1
       prop-types: 15.8.1
-      resolve: 2.0.0-next.5
+      resolve: 2.0.0-next.6
       semver: 6.3.1
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-storybook@0.11.6(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3):
+  eslint-plugin-simple-import-sort@12.1.1(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.4(jiti@2.6.1)
+
+  eslint-plugin-storybook@0.11.6(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3):
     dependencies:
       '@storybook/csf': 0.1.13
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      eslint: 9.39.4(jiti@2.6.1)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - supports-color
@@ -10868,21 +10988,23 @@ snapshots:
 
   eslint-visitor-keys@4.2.1: {}
 
-  eslint@9.39.2(jiti@1.21.7):
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@9.39.4(jiti@1.21.7):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@1.21.7))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@1.21.7))
       '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.21.1
+      '@eslint/config-array': 0.21.2
       '@eslint/config-helpers': 0.4.2
       '@eslint/core': 0.17.0
-      '@eslint/eslintrc': 3.3.3
-      '@eslint/js': 9.39.2
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
       '@eslint/plugin-kit': 0.4.1
       '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
       '@types/estree': 1.0.8
-      ajv: 6.12.6
+      ajv: 6.14.0
       chalk: 4.1.2
       cross-spawn: 7.0.6
       debug: 4.4.3
@@ -10890,7 +11012,7 @@ snapshots:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
-      esquery: 1.6.0
+      esquery: 1.7.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 8.0.0
@@ -10901,7 +11023,7 @@ snapshots:
       is-glob: 4.0.3
       json-stable-stringify-without-jsonify: 1.0.1
       lodash.merge: 4.6.2
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
@@ -10909,21 +11031,21 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint@9.39.2(jiti@2.6.1):
+  eslint@9.39.4(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.21.1
+      '@eslint/config-array': 0.21.2
       '@eslint/config-helpers': 0.4.2
       '@eslint/core': 0.17.0
-      '@eslint/eslintrc': 3.3.3
-      '@eslint/js': 9.39.2
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
       '@eslint/plugin-kit': 0.4.1
       '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
       '@types/estree': 1.0.8
-      ajv: 6.12.6
+      ajv: 6.14.0
       chalk: 4.1.2
       cross-spawn: 7.0.6
       debug: 4.4.3
@@ -10931,7 +11053,7 @@ snapshots:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
-      esquery: 1.6.0
+      esquery: 1.7.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 8.0.0
@@ -10942,7 +11064,7 @@ snapshots:
       is-glob: 4.0.3
       json-stable-stringify-without-jsonify: 1.0.1
       lodash.merge: 4.6.2
-      minimatch: 3.1.2
+      minimatch: 3.1.5
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
@@ -10952,13 +11074,13 @@ snapshots:
 
   espree@10.4.0:
     dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
       eslint-visitor-keys: 4.2.1
 
   esprima@4.0.1: {}
 
-  esquery@1.6.0:
+  esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
 
@@ -10986,7 +11108,7 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
-  fast-equals@5.3.4: {}
+  fast-equals@5.4.0: {}
 
   fast-glob@3.3.1:
     dependencies:
@@ -11012,13 +11134,13 @@ snapshots:
 
   fastest-levenshtein@1.0.16: {}
 
-  fastq@1.19.1:
+  fastq@1.20.1:
     dependencies:
       reusify: 1.1.0
 
-  fdir@6.5.0(picomatch@4.0.3):
+  fdir@6.5.0(picomatch@4.0.4):
     optionalDependencies:
-      picomatch: 4.0.3
+      picomatch: 4.0.4
 
   file-entry-cache@8.0.0:
     dependencies:
@@ -11044,10 +11166,10 @@ snapshots:
 
   flat-cache@4.0.1:
     dependencies:
-      flatted: 3.3.3
+      flatted: 3.4.2
       keyv: 4.5.4
 
-  flatted@3.3.3: {}
+  flatted@3.4.2: {}
 
   follow-redirects@1.15.11: {}
 
@@ -11072,14 +11194,14 @@ snapshots:
 
   fraction.js@5.3.4: {}
 
-  framer-motion@11.18.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  framer-motion@11.18.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       motion-dom: 11.18.1
       motion-utils: 11.18.1
       tslib: 2.8.1
     optionalDependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
   fsevents@2.3.3:
     optional: true
@@ -11119,8 +11241,6 @@ snapshots:
 
   get-caller-file@2.0.5: {}
 
-  get-east-asian-width@1.4.0: {}
-
   get-east-asian-width@1.5.0: {}
 
   get-intrinsic@1.3.0:
@@ -11149,7 +11269,7 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.3.0
 
-  get-tsconfig@4.13.0:
+  get-tsconfig@4.13.7:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
@@ -11167,8 +11287,8 @@ snapshots:
     dependencies:
       foreground-child: 3.3.1
       jackspeak: 3.4.3
-      minimatch: 9.0.5
-      minipass: 7.1.2
+      minimatch: 9.0.9
+      minipass: 7.1.3
       package-json-from-dist: 1.0.1
       path-scurry: 1.11.1
 
@@ -11204,6 +11324,8 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
+  hammerjs@2.0.8: {}
+
   has-bigints@1.1.0: {}
 
   has-flag@4.0.0: {}
@@ -11241,9 +11363,9 @@ snapshots:
 
   husky@9.1.7: {}
 
-  i18next@25.7.2(typescript@5.9.3):
+  i18next@25.10.9(typescript@5.9.3):
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.29.2
     optionalDependencies:
       typescript: 5.9.3
 
@@ -11314,7 +11436,7 @@ snapshots:
 
   is-bun-module@2.0.0:
     dependencies:
-      semver: 7.7.3
+      semver: 7.7.4
 
   is-callable@1.2.7: {}
 
@@ -11345,7 +11467,7 @@ snapshots:
 
   is-fullwidth-code-point@5.1.0:
     dependencies:
-      get-east-asian-width: 1.4.0
+      get-east-asian-width: 1.5.0
 
   is-generator-function@1.1.2:
     dependencies:
@@ -11400,7 +11522,7 @@ snapshots:
 
   is-typed-array@1.1.15:
     dependencies:
-      which-typed-array: 1.1.19
+      which-typed-array: 1.1.20
 
   is-url-superb@4.0.0: {}
 
@@ -11444,7 +11566,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 22.19.2
+      '@types/node': 22.19.15
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -11519,78 +11641,77 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
-  libphonenumber-js@1.12.31: {}
+  libphonenumber-js@1.12.40: {}
 
   lie@3.3.0:
     dependencies:
       immediate: 3.0.6
 
-  lightningcss-android-arm64@1.30.2:
+  lightningcss-android-arm64@1.32.0:
     optional: true
 
-  lightningcss-darwin-arm64@1.30.2:
+  lightningcss-darwin-arm64@1.32.0:
     optional: true
 
-  lightningcss-darwin-x64@1.30.2:
+  lightningcss-darwin-x64@1.32.0:
     optional: true
 
-  lightningcss-freebsd-x64@1.30.2:
+  lightningcss-freebsd-x64@1.32.0:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.30.2:
+  lightningcss-linux-arm-gnueabihf@1.32.0:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.30.2:
+  lightningcss-linux-arm64-gnu@1.32.0:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.30.2:
+  lightningcss-linux-arm64-musl@1.32.0:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.30.2:
+  lightningcss-linux-x64-gnu@1.32.0:
     optional: true
 
-  lightningcss-linux-x64-musl@1.30.2:
+  lightningcss-linux-x64-musl@1.32.0:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.30.2:
+  lightningcss-win32-arm64-msvc@1.32.0:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.30.2:
+  lightningcss-win32-x64-msvc@1.32.0:
     optional: true
 
-  lightningcss@1.30.2:
+  lightningcss@1.32.0:
     dependencies:
       detect-libc: 2.1.2
     optionalDependencies:
-      lightningcss-android-arm64: 1.30.2
-      lightningcss-darwin-arm64: 1.30.2
-      lightningcss-darwin-x64: 1.30.2
-      lightningcss-freebsd-x64: 1.30.2
-      lightningcss-linux-arm-gnueabihf: 1.30.2
-      lightningcss-linux-arm64-gnu: 1.30.2
-      lightningcss-linux-arm64-musl: 1.30.2
-      lightningcss-linux-x64-gnu: 1.30.2
-      lightningcss-linux-x64-musl: 1.30.2
-      lightningcss-win32-arm64-msvc: 1.30.2
-      lightningcss-win32-x64-msvc: 1.30.2
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
 
   lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
 
-  lint-staged@16.2.7:
+  lint-staged@16.4.0:
     dependencies:
       commander: 14.0.3
       listr2: 9.0.5
-      micromatch: 4.0.8
-      nano-spawn: 2.0.0
-      pidtree: 0.6.0
+      picomatch: 4.0.4
       string-argv: 0.3.2
-      yaml: 2.8.2
+      tinyexec: 1.0.4
+      yaml: 2.8.3
 
   listr2@9.0.5:
     dependencies:
-      cli-truncate: 5.1.1
+      cli-truncate: 5.2.0
       colorette: 2.0.20
       eventemitter3: 5.0.4
       log-update: 6.1.0
@@ -11609,7 +11730,7 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash-es@4.17.21: {}
+  lodash-es@4.17.23: {}
 
   lodash._baseiteratee@4.7.0:
     dependencies:
@@ -11649,14 +11770,14 @@ snapshots:
       lodash._baseiteratee: 4.7.0
       lodash._baseuniq: 4.6.0
 
-  lodash@4.17.21: {}
+  lodash@4.17.23: {}
 
   log-update@6.1.0:
     dependencies:
       ansi-escapes: 7.3.0
       cli-cursor: 5.0.0
       slice-ansi: 7.1.2
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
       wrap-ansi: 9.0.2
 
   loose-envify@1.4.0:
@@ -11671,9 +11792,9 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lucide-react@0.474.0(react@19.2.3):
+  lucide-react@0.474.0(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
   lz-string@1.5.0: {}
 
@@ -11704,7 +11825,7 @@ snapshots:
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
-      picomatch: 2.3.1
+      picomatch: 2.3.2
 
   mime-db@1.52.0: {}
 
@@ -11716,17 +11837,21 @@ snapshots:
 
   min-indent@1.0.1: {}
 
-  minimatch@3.1.2:
+  minimatch@10.2.4:
+    dependencies:
+      brace-expansion: 5.0.5
+
+  minimatch@3.1.5:
     dependencies:
       brace-expansion: 1.1.12
 
-  minimatch@9.0.5:
+  minimatch@9.0.9:
     dependencies:
       brace-expansion: 2.0.2
 
   minimist@1.2.8: {}
 
-  minipass@7.1.2: {}
+  minipass@7.1.3: {}
 
   module-definition@6.0.1:
     dependencies:
@@ -11749,8 +11874,6 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  nano-spawn@2.0.0: {}
-
   nanoid@3.3.11: {}
 
   napi-postinstall@0.3.4: {}
@@ -11759,27 +11882,27 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next-qrcode@2.5.1(react@19.2.3):
+  next-qrcode@2.5.1(react@19.2.4):
     dependencies:
       qrcode: 1.5.4
-      react: 19.2.3
+      react: 19.2.4
 
-  next-themes@0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  next-themes@0.4.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  next@15.3.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  next@15.3.8(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@next/env': 15.3.8
       '@swc/counter': 0.1.3
       '@swc/helpers': 0.5.15
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001760
+      caniuse-lite: 1.0.30001781
       postcss: 8.4.31
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      styled-jsx: 5.1.6(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      styled-jsx: 5.1.6(react@19.2.4)
     optionalDependencies:
       '@next/swc-darwin-arm64': 15.3.5
       '@next/swc-darwin-x64': 15.3.5
@@ -11794,16 +11917,21 @@ snapshots:
       - '@babel/core'
       - babel-plugin-macros
 
-  node-releases@2.0.27: {}
+  node-exports-info@1.6.0:
+    dependencies:
+      array.prototype.flatmap: 1.3.3
+      es-errors: 1.3.0
+      object.entries: 1.1.9
+      semver: 6.3.1
+
+  node-releases@2.0.36: {}
 
   node-source-walk@7.0.1:
     dependencies:
-      '@babel/parser': 7.28.5
+      '@babel/parser': 7.29.2
 
   normalize-path@3.0.0: {}
 
-  normalize-range@0.1.2: {}
-
   object-assign@4.1.1: {}
 
   object-hash@3.0.0: {}
@@ -11832,14 +11960,14 @@ snapshots:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-object-atoms: 1.1.1
 
   object.groupby@1.0.3:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
 
   object.values@1.2.1:
     dependencies:
@@ -11848,7 +11976,7 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
-  ol-ext@4.0.37(ol@7.5.2):
+  ol-ext@4.0.38(ol@7.5.2):
     dependencies:
       ol: 7.5.2
 
@@ -11923,7 +12051,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.27.1
+      '@babel/code-frame': 7.29.0
       error-ex: 1.3.4
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -11937,7 +12065,7 @@ snapshots:
   path-scurry@1.11.1:
     dependencies:
       lru-cache: 10.4.3
-      minipass: 7.1.2
+      minipass: 7.1.3
 
   path-type@6.0.0: {}
 
@@ -11959,11 +12087,9 @@ snapshots:
 
   picocolors@1.1.1: {}
 
-  picomatch@2.3.1: {}
+  picomatch@2.3.2: {}
 
-  picomatch@4.0.3: {}
-
-  pidtree@0.6.0: {}
+  picomatch@4.0.4: {}
 
   pify@2.3.0: {}
 
@@ -11975,41 +12101,41 @@ snapshots:
 
   polished@4.3.1:
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.29.2
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-import@15.1.0(postcss@8.5.6):
+  postcss-import@15.1.0(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.11
 
-  postcss-js@4.1.0(postcss@8.5.6):
+  postcss-js@4.1.0(postcss@8.5.8):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.5.6
+      postcss: 8.5.8
 
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6)(yaml@2.8.2):
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.8)(yaml@2.8.3):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 1.21.7
-      postcss: 8.5.6
-      yaml: 2.8.2
+      postcss: 8.5.8
+      yaml: 2.8.3
 
-  postcss-load-config@6.0.1(jiti@2.6.1)(postcss@8.5.6)(yaml@2.8.2):
+  postcss-load-config@6.0.1(jiti@2.6.1)(postcss@8.5.8)(yaml@2.8.3):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
       jiti: 2.6.1
-      postcss: 8.5.6
-      yaml: 2.8.2
+      postcss: 8.5.8
+      yaml: 2.8.3
 
-  postcss-nested@6.2.0(postcss@8.5.6):
+  postcss-nested@6.2.0(postcss@8.5.8):
     dependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       postcss-selector-parser: 6.1.2
 
   postcss-selector-parser@6.1.2:
@@ -12019,11 +12145,11 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss-values-parser@6.0.2(postcss@8.5.6):
+  postcss-values-parser@6.0.2(postcss@8.5.8):
     dependencies:
       color-name: 1.1.4
       is-url-superb: 4.0.0
-      postcss: 8.5.6
+      postcss: 8.5.8
       quote-unquote: 1.0.0
 
   postcss@8.4.31:
@@ -12032,7 +12158,7 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  postcss@8.5.6:
+  postcss@8.5.8:
     dependencies:
       nanoid: 3.3.11
       picocolors: 1.1.1
@@ -12045,9 +12171,9 @@ snapshots:
       '@dependents/detective-less': 5.0.1
       commander: 12.1.0
       detective-amd: 6.0.1
-      detective-cjs: 6.0.1
+      detective-cjs: 6.1.0
       detective-es6: 5.0.1
-      detective-postcss: 7.0.1(postcss@8.5.6)
+      detective-postcss: 7.0.1(postcss@8.5.8)
       detective-sass: 6.0.1
       detective-scss: 5.0.1
       detective-stylus: 5.0.1
@@ -12055,18 +12181,18 @@ snapshots:
       detective-vue2: 2.2.0(typescript@5.9.3)
       module-definition: 6.0.1
       node-source-walk: 7.0.1
-      postcss: 8.5.6
+      postcss: 8.5.8
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-tailwindcss@0.6.14(prettier@3.7.4):
+  prettier-plugin-tailwindcss@0.6.14(prettier@3.8.1):
     dependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
 
-  prettier@3.7.4: {}
+  prettier@3.8.1: {}
 
   pretty-format@27.5.1:
     dependencies:
@@ -12080,10 +12206,10 @@ snapshots:
 
   process@0.11.10: {}
 
-  proj4@2.20.2:
+  proj4@2.20.4:
     dependencies:
       mgrs: 1.0.0
-      wkt-parser: 1.5.2
+      wkt-parser: 1.5.4
 
   prop-types@15.8.1:
     dependencies:
@@ -12121,30 +12247,27 @@ snapshots:
 
   quote-unquote@1.0.0: {}
 
-  randombytes@2.1.0:
-    dependencies:
-      safe-buffer: 5.2.1
-
   rbush@3.0.1:
     dependencies:
       quickselect: 2.0.0
 
-  react-chartjs-2@5.3.1(chart.js@4.5.1)(react@19.2.3):
+  react-chartjs-2@5.3.1(chart.js@4.5.1)(react@19.2.4):
     dependencies:
       chart.js: 4.5.1
-      react: 19.2.3
+      react: 19.2.4
 
-  react-day-picker@8.10.1(date-fns@3.6.0)(react@19.2.3):
+  react-day-picker@8.10.1(date-fns@3.6.0)(react@19.2.4):
     dependencies:
       date-fns: 3.6.0
-      react: 19.2.3
+      react: 19.2.4
 
-  react-day-picker@9.12.0(react@19.2.3):
+  react-day-picker@9.14.0(react@19.2.4):
     dependencies:
       '@date-fns/tz': 1.4.1
+      '@tabby_ai/hijri-converter': 1.0.5
       date-fns: 4.1.0
       date-fns-jalali: 4.1.0-0
-      react: 19.2.3
+      react: 19.2.4
 
   react-dnd-html5-backend@16.0.1:
     dependencies:
@@ -12155,17 +12278,17 @@ snapshots:
       '@react-dnd/invariant': 4.0.2
       dnd-core: 16.0.1
 
-  react-dnd@16.0.1(@types/node@22.19.2)(@types/react@19.2.7)(react@19.2.3):
+  react-dnd@16.0.1(@types/node@22.19.15)(@types/react@19.2.14)(react@19.2.4):
     dependencies:
       '@react-dnd/invariant': 4.0.2
       '@react-dnd/shallowequal': 4.0.2
       dnd-core: 16.0.1
       fast-deep-equal: 3.1.3
       hoist-non-react-statics: 3.3.2
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      '@types/node': 22.19.2
-      '@types/react': 19.2.7
+      '@types/node': 22.19.15
+      '@types/react': 19.2.14
 
   react-docgen-typescript@2.4.0(typescript@5.6.3):
     dependencies:
@@ -12173,9 +12296,9 @@ snapshots:
 
   react-docgen@7.1.1:
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/core': 7.29.0
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
       '@types/babel__core': 7.20.5
       '@types/babel__traverse': 7.28.0
       '@types/doctrine': 0.0.9
@@ -12186,44 +12309,44 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  react-dom@19.2.3(react@19.2.3):
+  react-dom@19.2.4(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
       scheduler: 0.27.0
 
-  react-draggable@4.5.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  react-draggable@4.5.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       clsx: 2.1.1
       prop-types: 15.8.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  react-dropzone@14.3.8(react@19.2.3):
+  react-dropzone@14.4.1(react@19.2.4):
     dependencies:
       attr-accept: 2.2.5
       file-selector: 2.1.2
       prop-types: 15.8.1
-      react: 19.2.3
+      react: 19.2.4
 
-  react-hook-form@7.68.0(react@19.2.3):
+  react-hook-form@7.72.0(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
-  react-hot-toast@2.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  react-hot-toast@2.6.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       csstype: 3.2.3
       goober: 2.1.18(csstype@3.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  react-i18next@15.7.4(i18next@25.7.2(typescript@5.9.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3):
+  react-i18next@15.7.4(i18next@25.10.9(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3):
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.29.2
       html-parse-stringify: 3.0.1
-      i18next: 25.7.2(typescript@5.9.3)
-      react: 19.2.3
+      i18next: 25.10.9(typescript@5.9.3)
+      react: 19.2.4
     optionalDependencies:
-      react-dom: 19.2.3(react@19.2.3)
+      react-dom: 19.2.4(react@19.2.4)
       typescript: 5.9.3
 
   react-is@16.13.1: {}
@@ -12232,65 +12355,65 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-qr-code@2.0.18(react@19.2.3):
+  react-qr-code@2.0.18(react@19.2.4):
     dependencies:
       prop-types: 15.8.1
       qr.js: 0.0.0
-      react: 19.2.3
+      react: 19.2.4
 
   react-refresh@0.17.0: {}
 
-  react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.3):
+  react-remove-scroll-bar@2.3.8(@types/react@19.2.14)(react@19.2.4):
     dependencies:
-      react: 19.2.3
-      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.4
+      react-style-singleton: 2.2.3(@types/react@19.2.14)(react@19.2.4)
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  react-remove-scroll@2.7.2(@types/react@19.2.7)(react@19.2.3):
+  react-remove-scroll@2.7.2(@types/react@19.2.14)(react@19.2.4):
     dependencies:
-      react: 19.2.3
-      react-remove-scroll-bar: 2.3.8(@types/react@19.2.7)(react@19.2.3)
-      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.4
+      react-remove-scroll-bar: 2.3.8(@types/react@19.2.14)(react@19.2.4)
+      react-style-singleton: 2.2.3(@types/react@19.2.14)(react@19.2.4)
       tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@19.2.7)(react@19.2.3)
-      use-sidecar: 1.1.3(@types/react@19.2.7)(react@19.2.3)
+      use-callback-ref: 1.3.3(@types/react@19.2.14)(react@19.2.4)
+      use-sidecar: 1.1.3(@types/react@19.2.14)(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  react-smooth@4.0.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  react-smooth@4.0.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
-      fast-equals: 5.3.4
+      fast-equals: 5.4.0
       prop-types: 15.8.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-transition-group: 4.4.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      react-transition-group: 4.4.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
 
-  react-style-singleton@2.2.3(@types/react@19.2.7)(react@19.2.3):
+  react-style-singleton@2.2.3(@types/react@19.2.14)(react@19.2.4):
     dependencies:
       get-nonce: 1.0.1
-      react: 19.2.3
+      react: 19.2.4
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  react-transition-group@4.4.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  react-transition-group@4.4.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.29.2
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
-  react-use-measure@2.1.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  react-use-measure@2.1.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
     optionalDependencies:
-      react-dom: 19.2.3(react@19.2.3)
+      react-dom: 19.2.4(react@19.2.4)
 
-  react@19.2.3: {}
+  react@19.2.4: {}
 
   read-cache@1.0.0:
     dependencies:
@@ -12308,17 +12431,17 @@ snapshots:
 
   readdirp@3.6.0:
     dependencies:
-      picomatch: 2.3.1
+      picomatch: 2.3.2
 
   readdirp@4.1.2: {}
 
-  realgrid-react@0.9.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  realgrid-react@0.9.9(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      realgrid: 2.9.6
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      realgrid: 2.9.7
 
-  realgrid@2.9.6: {}
+  realgrid@2.9.7: {}
 
   recast@0.23.11:
     dependencies:
@@ -12332,15 +12455,15 @@ snapshots:
     dependencies:
       decimal.js-light: 2.5.1
 
-  recharts@2.15.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  recharts@2.15.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       clsx: 2.1.1
       eventemitter3: 4.0.7
-      lodash: 4.17.21
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      lodash: 4.17.23
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
       react-is: 18.3.1
-      react-smooth: 4.0.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react-smooth: 4.0.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       recharts-scale: 0.4.5
       tiny-invariant: 1.3.3
       victory-vendor: 36.9.2
@@ -12352,13 +12475,13 @@ snapshots:
 
   redux@4.2.1:
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.29.2
 
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
@@ -12374,7 +12497,7 @@ snapshots:
       gopd: 1.2.0
       set-function-name: 2.0.2
 
-  remixicon@4.7.0: {}
+  remixicon@4.9.1: {}
 
   require-directory@2.1.1: {}
 
@@ -12400,9 +12523,12 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@2.0.0-next.5:
+  resolve@2.0.0-next.6:
     dependencies:
+      es-errors: 1.3.0
       is-core-module: 2.16.1
+      node-exports-info: 1.6.0
+      object-keys: 1.1.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
@@ -12417,32 +12543,35 @@ snapshots:
 
   rfdc@1.4.1: {}
 
-  rollup@4.53.3:
+  rollup@4.60.0:
     dependencies:
       '@types/estree': 1.0.8
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.53.3
-      '@rollup/rollup-android-arm64': 4.53.3
-      '@rollup/rollup-darwin-arm64': 4.53.3
-      '@rollup/rollup-darwin-x64': 4.53.3
-      '@rollup/rollup-freebsd-arm64': 4.53.3
-      '@rollup/rollup-freebsd-x64': 4.53.3
-      '@rollup/rollup-linux-arm-gnueabihf': 4.53.3
-      '@rollup/rollup-linux-arm-musleabihf': 4.53.3
-      '@rollup/rollup-linux-arm64-gnu': 4.53.3
-      '@rollup/rollup-linux-arm64-musl': 4.53.3
-      '@rollup/rollup-linux-loong64-gnu': 4.53.3
-      '@rollup/rollup-linux-ppc64-gnu': 4.53.3
-      '@rollup/rollup-linux-riscv64-gnu': 4.53.3
-      '@rollup/rollup-linux-riscv64-musl': 4.53.3
-      '@rollup/rollup-linux-s390x-gnu': 4.53.3
-      '@rollup/rollup-linux-x64-gnu': 4.53.3
-      '@rollup/rollup-linux-x64-musl': 4.53.3
-      '@rollup/rollup-openharmony-arm64': 4.53.3
-      '@rollup/rollup-win32-arm64-msvc': 4.53.3
-      '@rollup/rollup-win32-ia32-msvc': 4.53.3
-      '@rollup/rollup-win32-x64-gnu': 4.53.3
-      '@rollup/rollup-win32-x64-msvc': 4.53.3
+      '@rollup/rollup-android-arm-eabi': 4.60.0
+      '@rollup/rollup-android-arm64': 4.60.0
+      '@rollup/rollup-darwin-arm64': 4.60.0
+      '@rollup/rollup-darwin-x64': 4.60.0
+      '@rollup/rollup-freebsd-arm64': 4.60.0
+      '@rollup/rollup-freebsd-x64': 4.60.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.0
+      '@rollup/rollup-linux-arm64-gnu': 4.60.0
+      '@rollup/rollup-linux-arm64-musl': 4.60.0
+      '@rollup/rollup-linux-loong64-gnu': 4.60.0
+      '@rollup/rollup-linux-loong64-musl': 4.60.0
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.0
+      '@rollup/rollup-linux-ppc64-musl': 4.60.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.0
+      '@rollup/rollup-linux-riscv64-musl': 4.60.0
+      '@rollup/rollup-linux-s390x-gnu': 4.60.0
+      '@rollup/rollup-linux-x64-gnu': 4.60.0
+      '@rollup/rollup-linux-x64-musl': 4.60.0
+      '@rollup/rollup-openbsd-x64': 4.60.0
+      '@rollup/rollup-openharmony-arm64': 4.60.0
+      '@rollup/rollup-win32-arm64-msvc': 4.60.0
+      '@rollup/rollup-win32-ia32-msvc': 4.60.0
+      '@rollup/rollup-win32-x64-gnu': 4.60.0
+      '@rollup/rollup-win32-x64-msvc': 4.60.0
       fsevents: 2.3.3
 
   run-parallel@1.2.0:
@@ -12461,8 +12590,6 @@ snapshots:
 
   safe-buffer@5.1.2: {}
 
-  safe-buffer@5.2.1: {}
-
   safe-push-apply@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -12474,26 +12601,22 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
-  sax@1.4.3: {}
+  sax@1.6.0: {}
 
   scheduler@0.27.0: {}
 
   schema-utils@4.3.3:
     dependencies:
       '@types/json-schema': 7.0.15
-      ajv: 8.17.1
-      ajv-formats: 2.1.1(ajv@8.17.1)
-      ajv-keywords: 5.1.0(ajv@8.17.1)
+      ajv: 8.18.0
+      ajv-formats: 2.1.1(ajv@8.18.0)
+      ajv-keywords: 5.1.0(ajv@8.18.0)
 
   select@1.1.2: {}
 
   semver@6.3.1: {}
 
-  semver@7.7.3: {}
-
-  serialize-javascript@6.0.2:
-    dependencies:
-      randombytes: 2.1.0
+  semver@7.7.4: {}
 
   set-blocking@2.0.0: {}
 
@@ -12523,9 +12646,9 @@ snapshots:
 
   sharp@0.34.5:
     dependencies:
-      '@img/colour': 1.0.0
+      '@img/colour': 1.1.0
       detect-libc: 2.1.2
-      semver: 7.7.3
+      semver: 7.7.4
     optionalDependencies:
       '@img/sharp-darwin-arm64': 0.34.5
       '@img/sharp-darwin-x64': 0.34.5
@@ -12600,10 +12723,15 @@ snapshots:
       ansi-styles: 6.2.3
       is-fullwidth-code-point: 5.1.0
 
-  sonner@2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  slice-ansi@8.0.0:
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 5.1.0
+
+  sonner@2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+    dependencies:
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
   sort-asc@0.1.0: {}
 
@@ -12634,13 +12762,13 @@ snapshots:
       '@clack/prompts': 0.9.1
       '@feature-sliced/steiger-plugin': 0.5.7(typescript@5.9.3)
       chokidar: 4.0.3
-      cosmiconfig: 9.0.0(typescript@5.9.3)
+      cosmiconfig: 9.0.1(typescript@5.9.3)
       effector: 23.4.4
       empathic: 1.1.0
       fastest-levenshtein: 1.0.16
       globby: 14.1.0
       immer: 10.2.0
-      lodash-es: 4.17.21
+      lodash-es: 4.17.23
       micromatch: 4.0.8
       patronum: 2.3.0(effector@23.4.4)
       picocolors: 1.1.1
@@ -12657,11 +12785,11 @@ snapshots:
       es-errors: 1.3.0
       internal-slot: 1.1.0
 
-  storybook@8.6.14(prettier@3.7.4):
+  storybook@8.6.18(prettier@3.8.1):
     dependencies:
-      '@storybook/core': 8.6.14(prettier@3.7.4)(storybook@8.6.14(prettier@3.7.4))
+      '@storybook/core': 8.6.18(prettier@3.8.1)(storybook@8.6.18(prettier@3.8.1))
     optionalDependencies:
-      prettier: 3.7.4
+      prettier: 3.8.1
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -12681,31 +12809,31 @@ snapshots:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
 
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.6.0
-      get-east-asian-width: 1.4.0
-      strip-ansi: 7.1.2
+      get-east-asian-width: 1.5.0
+      strip-ansi: 7.2.0
 
   string-width@8.2.0:
     dependencies:
       get-east-asian-width: 1.5.0
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
 
   string.prototype.includes@2.0.1:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
 
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
       call-bound: 1.0.4
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
       get-intrinsic: 1.3.0
@@ -12719,7 +12847,7 @@ snapshots:
   string.prototype.repeat@1.0.0:
     dependencies:
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
 
   string.prototype.trim@1.2.10:
     dependencies:
@@ -12727,7 +12855,7 @@ snapshots:
       call-bound: 1.0.4
       define-data-property: 1.1.4
       define-properties: 1.2.1
-      es-abstract: 1.24.0
+      es-abstract: 1.24.1
       es-object-atoms: 1.1.1
       has-property-descriptors: 1.0.2
 
@@ -12752,7 +12880,7 @@ snapshots:
     dependencies:
       ansi-regex: 5.0.1
 
-  strip-ansi@7.1.2:
+  strip-ansi@7.2.0:
     dependencies:
       ansi-regex: 6.2.2
 
@@ -12766,10 +12894,10 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  styled-jsx@5.1.6(react@19.2.3):
+  styled-jsx@5.1.6(react@19.2.4):
     dependencies:
       client-only: 0.0.1
-      react: 19.2.3
+      react: 19.2.4
 
   sucrase@3.35.1:
     dependencies:
@@ -12791,19 +12919,19 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  swr@2.3.8(react@19.2.3):
+  swr@2.4.1(react@19.2.4):
     dependencies:
       dequal: 2.0.3
-      react: 19.2.3
-      use-sync-external-store: 1.6.0(react@19.2.3)
+      react: 19.2.4
+      use-sync-external-store: 1.6.0(react@19.2.4)
 
-  tailwind-merge@3.4.0: {}
+  tailwind-merge@3.5.0: {}
 
-  tailwindcss-animate@1.0.7(tailwindcss@3.4.19(yaml@2.8.2)):
+  tailwindcss-animate@1.0.7(tailwindcss@3.4.19(yaml@2.8.3)):
     dependencies:
-      tailwindcss: 3.4.19(yaml@2.8.2)
+      tailwindcss: 3.4.19(yaml@2.8.3)
 
-  tailwindcss@3.4.19(yaml@2.8.2):
+  tailwindcss@3.4.19(yaml@2.8.3):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -12819,11 +12947,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-import: 15.1.0(postcss@8.5.6)
-      postcss-js: 4.1.0(postcss@8.5.6)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.6)(yaml@2.8.2)
-      postcss-nested: 6.2.0(postcss@8.5.6)
+      postcss: 8.5.8
+      postcss-import: 15.1.0(postcss@8.5.8)
+      postcss-js: 4.1.0(postcss@8.5.8)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.8)(yaml@2.8.3)
+      postcss-nested: 6.2.0(postcss@8.5.8)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.11
       sucrase: 3.35.1
@@ -12831,23 +12959,22 @@ snapshots:
       - tsx
       - yaml
 
-  tailwindcss@4.1.18: {}
+  tailwindcss@4.2.2: {}
 
-  tapable@2.3.0: {}
+  tapable@2.3.2: {}
 
-  terser-webpack-plugin@5.3.16(webpack@5.103.0):
+  terser-webpack-plugin@5.4.0(webpack@5.105.4):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
-      serialize-javascript: 6.0.2
-      terser: 5.44.1
-      webpack: 5.103.0
+      terser: 5.46.1
+      webpack: 5.105.4
 
-  terser@5.44.1:
+  terser@5.46.1:
     dependencies:
       '@jridgewell/source-map': 0.3.11
-      acorn: 8.15.0
+      acorn: 8.16.0
       commander: 2.20.3
       source-map-support: 0.5.21
 
@@ -12867,12 +12994,14 @@ snapshots:
 
   tinyexec@0.3.2: {}
 
+  tinyexec@1.0.4: {}
+
   tinyglobby@0.2.15:
     dependencies:
-      fdir: 6.5.0(picomatch@4.0.3)
-      picomatch: 4.0.3
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
 
-  tinymce@7.9.1: {}
+  tinymce@7.9.2: {}
 
   tinyrainbow@1.2.0: {}
 
@@ -12884,11 +13013,11 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
-  ts-api-utils@2.1.0(typescript@5.6.3):
+  ts-api-utils@2.5.0(typescript@5.6.3):
     dependencies:
       typescript: 5.6.3
 
-  ts-api-utils@2.1.0(typescript@5.9.3):
+  ts-api-utils@2.5.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
 
@@ -12919,7 +13048,7 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsup@8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.6.3)(yaml@2.8.2):
+  tsup@8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.6.3)(yaml@2.8.3):
     dependencies:
       bundle-require: 5.1.0(esbuild@0.24.2)
       cac: 6.7.14
@@ -12929,16 +13058,16 @@ snapshots:
       esbuild: 0.24.2
       joycon: 3.1.1
       picocolors: 1.1.1
-      postcss-load-config: 6.0.1(jiti@2.6.1)(postcss@8.5.6)(yaml@2.8.2)
+      postcss-load-config: 6.0.1(jiti@2.6.1)(postcss@8.5.8)(yaml@2.8.3)
       resolve-from: 5.0.0
-      rollup: 4.53.3
+      rollup: 4.60.0
       source-map: 0.7.6
       sucrase: 3.35.1
       tinyexec: 0.3.2
       tinyglobby: 0.2.15
       tree-kill: 1.2.2
     optionalDependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       typescript: 5.6.3
     transitivePeerDependencies:
       - jiti
@@ -12946,7 +13075,7 @@ snapshots:
       - tsx
       - yaml
 
-  tsup@8.3.6(jiti@2.6.1)(postcss@8.5.6)(typescript@5.9.3)(yaml@2.8.2):
+  tsup@8.3.6(jiti@2.6.1)(postcss@8.5.8)(typescript@5.9.3)(yaml@2.8.3):
     dependencies:
       bundle-require: 5.1.0(esbuild@0.24.2)
       cac: 6.7.14
@@ -12956,16 +13085,16 @@ snapshots:
       esbuild: 0.24.2
       joycon: 3.1.1
       picocolors: 1.1.1
-      postcss-load-config: 6.0.1(jiti@2.6.1)(postcss@8.5.6)(yaml@2.8.2)
+      postcss-load-config: 6.0.1(jiti@2.6.1)(postcss@8.5.8)(yaml@2.8.3)
       resolve-from: 5.0.0
-      rollup: 4.53.3
+      rollup: 4.60.0
       source-map: 0.7.6
       sucrase: 3.35.1
       tinyexec: 0.3.2
       tinyglobby: 0.2.15
       tree-kill: 1.2.2
     optionalDependencies:
-      postcss: 8.5.6
+      postcss: 8.5.8
       typescript: 5.9.3
     transitivePeerDependencies:
       - jiti
@@ -13049,13 +13178,13 @@ snapshots:
       possible-typed-array-names: 1.1.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3):
+  typescript-eslint@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.49.0(@typescript-eslint/parser@8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      '@typescript-eslint/parser': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      '@typescript-eslint/typescript-estree': 8.49.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.49.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.6.3)
-      eslint: 9.39.2(jiti@2.6.1)
+      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.57.2(eslint@9.39.4(jiti@2.6.1))(typescript@5.6.3)
+      eslint: 9.39.4(jiti@2.6.1)
       typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
@@ -13077,7 +13206,7 @@ snapshots:
 
   unplugin@1.16.1:
     dependencies:
-      acorn: 8.15.0
+      acorn: 8.16.0
       webpack-virtual-modules: 0.6.2
 
   unrs-resolver@1.11.1:
@@ -13104,7 +13233,7 @@ snapshots:
       '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
       '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
 
-  update-browserslist-db@1.2.2(browserslist@4.28.1):
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
     dependencies:
       browserslist: 4.28.1
       escalade: 3.2.0
@@ -13119,24 +13248,24 @@ snapshots:
       querystringify: 2.2.0
       requires-port: 1.0.0
 
-  use-callback-ref@1.3.3(@types/react@19.2.7)(react@19.2.3):
+  use-callback-ref@1.3.3(@types/react@19.2.14)(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  use-sidecar@1.1.3(@types/react@19.2.7)(react@19.2.3):
+  use-sidecar@1.1.3(@types/react@19.2.14)(react@19.2.4):
     dependencies:
       detect-node-es: 1.1.0
-      react: 19.2.3
+      react: 19.2.4
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
 
-  use-sync-external-store@1.6.0(react@19.2.3):
+  use-sync-external-store@1.6.0(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
   util-deprecate@1.0.2: {}
 
@@ -13150,7 +13279,7 @@ snapshots:
       is-arguments: 1.2.0
       is-generator-function: 1.1.2
       is-typed-array: 1.1.15
-      which-typed-array: 1.1.19
+      which-typed-array: 1.1.20
 
   utrie@1.0.2:
     dependencies:
@@ -13164,7 +13293,7 @@ snapshots:
       '@types/d3-ease': 3.0.2
       '@types/d3-interpolate': 3.0.4
       '@types/d3-scale': 4.0.9
-      '@types/d3-shape': 3.1.7
+      '@types/d3-shape': 3.1.8
       '@types/d3-time': 3.0.4
       '@types/d3-timer': 3.0.2
       d3-array: 3.2.4
@@ -13175,58 +13304,58 @@ snapshots:
       d3-time: 3.1.0
       d3-timer: 3.0.1
 
-  vite-tsconfig-paths@5.1.4(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)):
+  vite-tsconfig-paths@5.1.4(typescript@5.6.3)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)):
     dependencies:
       debug: 4.4.3
       globrex: 0.1.2
       tsconfck: 3.1.6(typescript@5.6.3)
     optionalDependencies:
-      vite: 6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2)
+      vite: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  vite@5.4.21(@types/node@22.19.2)(lightningcss@1.30.2)(terser@5.44.1):
+  vite@5.4.21(@types/node@22.19.15)(lightningcss@1.32.0)(terser@5.46.1):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.5.6
-      rollup: 4.53.3
+      postcss: 8.5.8
+      rollup: 4.60.0
     optionalDependencies:
-      '@types/node': 22.19.2
+      '@types/node': 22.19.15
       fsevents: 2.3.3
-      lightningcss: 1.30.2
-      terser: 5.44.1
+      lightningcss: 1.32.0
+      terser: 5.46.1
 
-  vite@6.4.1(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)(yaml@2.8.2):
+  vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.3):
     dependencies:
       esbuild: 0.25.12
-      fdir: 6.5.0(picomatch@4.0.3)
-      picomatch: 4.0.3
-      postcss: 8.5.6
-      rollup: 4.53.3
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.8
+      rollup: 4.60.0
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 22.19.2
+      '@types/node': 22.19.15
       fsevents: 2.3.3
       jiti: 2.6.1
-      lightningcss: 1.30.2
-      terser: 5.44.1
-      yaml: 2.8.2
+      lightningcss: 1.32.0
+      terser: 5.46.1
+      yaml: 2.8.3
 
   void-elements@3.1.0: {}
 
-  watchpack@2.4.4:
+  watchpack@2.5.1:
     dependencies:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
 
   web-worker@1.5.0: {}
 
-  webpack-sources@3.3.3: {}
+  webpack-sources@3.3.4: {}
 
   webpack-virtual-modules@0.6.2: {}
 
-  webpack@5.103.0:
+  webpack@5.105.4:
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.8
@@ -13234,12 +13363,12 @@ snapshots:
       '@webassemblyjs/ast': 1.14.1
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
-      acorn: 8.15.0
-      acorn-import-phases: 1.0.4(acorn@8.15.0)
+      acorn: 8.16.0
+      acorn-import-phases: 1.0.4(acorn@8.16.0)
       browserslist: 4.28.1
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.18.4
-      es-module-lexer: 1.7.0
+      enhanced-resolve: 5.20.1
+      es-module-lexer: 2.0.0
       eslint-scope: 5.1.1
       events: 3.3.0
       glob-to-regexp: 0.4.1
@@ -13249,10 +13378,10 @@ snapshots:
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 4.3.3
-      tapable: 2.3.0
-      terser-webpack-plugin: 5.3.16(webpack@5.103.0)
-      watchpack: 2.4.4
-      webpack-sources: 3.3.3
+      tapable: 2.3.2
+      terser-webpack-plugin: 5.4.0(webpack@5.105.4)
+      watchpack: 2.5.1
+      webpack-sources: 3.3.4
     transitivePeerDependencies:
       - '@swc/core'
       - esbuild
@@ -13280,7 +13409,7 @@ snapshots:
       isarray: 2.0.5
       which-boxed-primitive: 1.1.1
       which-collection: 1.0.2
-      which-typed-array: 1.1.19
+      which-typed-array: 1.1.20
 
   which-collection@1.0.2:
     dependencies:
@@ -13291,7 +13420,7 @@ snapshots:
 
   which-module@2.0.1: {}
 
-  which-typed-array@1.1.19:
+  which-typed-array@1.1.20:
     dependencies:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.8
@@ -13305,7 +13434,7 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  wkt-parser@1.5.2: {}
+  wkt-parser@1.5.4: {}
 
   wmf@1.0.2: {}
 
@@ -13329,22 +13458,22 @@ snapshots:
     dependencies:
       ansi-styles: 6.2.3
       string-width: 5.1.2
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
 
   wrap-ansi@9.0.2:
     dependencies:
       ansi-styles: 6.2.3
       string-width: 7.2.0
-      strip-ansi: 7.1.2
+      strip-ansi: 7.2.0
 
-  ws@8.18.3: {}
+  ws@8.20.0: {}
 
   xlsx-populate@1.21.0:
     dependencies:
       cfb: 1.2.2
       jszip: 3.10.1
-      lodash: 4.17.21
-      sax: 1.4.3
+      lodash: 4.17.23
+      sax: 1.6.0
 
   xlsx@0.18.5:
     dependencies:
@@ -13364,7 +13493,7 @@ snapshots:
 
   yallist@3.1.1: {}
 
-  yaml@2.8.2: {}
+  yaml@2.8.3: {}
 
   yargs-parser@18.1.3:
     dependencies:
@@ -13418,9 +13547,9 @@ snapshots:
 
   zstddec@0.1.0: {}
 
-  zustand@5.0.9(@types/react@19.2.7)(immer@10.2.0)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
+  zustand@5.0.12(@types/react@19.2.14)(immer@10.2.0)(react@19.2.4)(use-sync-external-store@1.6.0(react@19.2.4)):
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.14
       immer: 10.2.0
-      react: 19.2.3
-      use-sync-external-store: 1.6.0(react@19.2.3)
+      react: 19.2.4
+      use-sync-external-store: 1.6.0(react@19.2.4)