@bwg-ui/core 1.2.35 → 1.3.1

package/dist/chunks/{layout-components-D2Fla5uu.js → layout-components-C1DG2B74.js}

@@ -1,34 +1,38 @@
-import { jsxs as y, jsx as e, Fragment as V } from "react/jsx-runtime";
-import { ServiceCodeProvider as Ne, CommonCodeProvider as Ie, SearchBoxProvider as ie, ScreenProtectProvider as Pe, useLock as Se } from "../provider/index.js";
-import { Routes as ge, Route as Y, Navigate as Me, useNavigate as le, useLocation as Le } from "react-router-dom";
-import { G as Te, B as Be, Q as Ee } from "./common-components-DIpOkbb5.js";
-import { Spin as q, Layout as j, ColorPicker as Oe, Button as L, Divider as Re, Slider as te, Popover as ze, Avatar as De, Tabs as $e, Tooltip as K, AutoComplete as Ae, Input as oe, Segmented as Fe, ConfigProvider as We, Menu as se, Result as fe, Space as Ge, Typography as _e, Empty as ne, Breadcrumb as He, Form as H, Flex as Ve, Checkbox as je } from "antd";
-import { lazy as W, useEffect as E, useState as R, useRef as U, useMemo as F, useCallback as z, createElement as be, memo as ce, cloneElement as Ke, Component as Ue, Suspense as X } from "react";
-import { useLogout as Ze, useUserStore as Ye, useMenuViewStore as A, useMenuModelStore as J, useFavoriteStore as qe, usePopupStore as de, useLogin as Qe, useSystemStore as Xe } from "../stores/index.js";
-import * as Q from "@ant-design/icons";
-import { UserOutlined as Je, StepBackwardOutlined as et, LeftOutlined as tt, RightOutlined as nt, StepForwardOutlined as rt, CloseOutlined as ye, MenuUnfoldOutlined as ot, MenuFoldOutlined as st, ExclamationCircleOutlined as at, WarningOutlined as it, StarOutlined as lt, FolderOpenOutlined as ct, ReloadOutlined as Ce, ExclamationCircleTwoTone as dt } from "@ant-design/icons";
-import { getCookie as ut, getTodateString as ue, setCookie as mt, THEME_COOKIE_NAME as me, getUserId as he } from "../utils/index.js";
-import { useSensors as ht, useSensor as pt, PointerSensor as gt, DndContext as ft, closestCenter as bt } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as yt } from "@dnd-kit/modifiers";
-import { arrayMove as Ct, SortableContext as vt, horizontalListSortingStrategy as wt, useSortable as xt } from "@dnd-kit/sortable";
-const kt = W(
-  () => import("./MenuReport-B4EU1A6l.js")
-), Nt = W(
-  () => import("./common-components-DIpOkbb5.js").then((n) => n.$)
-), It = W(
-  () => import("./common-components-DIpOkbb5.js").then((n) => n.a0)
-), Pt = W(
-  () => import("./common-components-DIpOkbb5.js").then((n) => n.a1)
+import { jsxs as C, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { o as Me, C as Le, S as pe, n as Be, m as Oe } from "./provider-VCa8UGvF.js";
+import { Routes as xe, Route as te, Navigate as Ee, useNavigate as ge, useLocation as Re } from "react-router-dom";
+import { G as De, B as ze, Q as Ae } from "./common-components-coAoWxE9.js";
+import { Spin as re, Layout as Z, Button as B, Divider as ae, Flex as ne, Slider as le, Switch as We, Modal as $e, Popover as Fe, Avatar as _e, Dropdown as Ge, Tabs as He, Tooltip as X, AutoComplete as je, Input as ue, Segmented as Ve, ConfigProvider as Ue, Menu as me, Result as ke, Space as Ke, Typography as Ze, Empty as ce, Breadcrumb as Ye, Form as V, Checkbox as qe } from "antd";
+import { lazy as W, useEffect as D, useRef as J, useCallback as R, useMemo as _, useState as A, createElement as Ie, memo as fe, cloneElement as Qe, Component as Xe, Suspense as se } from "react";
+import { useLogout as Je, useUserStore as Ne, useMenuViewStore as O, useMenuModelStore as ie, useFavoriteStore as et, usePopupStore as be, useLogin as tt, useSystemStore as nt } from "../stores/index.js";
+import * as oe from "@ant-design/icons";
+import { UndoOutlined as ee, UserOutlined as rt, CloseOutlined as U, PushpinOutlined as ot, ReloadOutlined as ye, StepBackwardOutlined as st, LeftOutlined as it, RightOutlined as at, StepForwardOutlined as lt, MenuUnfoldOutlined as ct, MenuFoldOutlined as dt, ExclamationCircleOutlined as ut, WarningOutlined as mt, StarOutlined as ht, FolderOpenOutlined as pt, ExclamationCircleTwoTone as gt } from "@ant-design/icons";
+import { getTodateString as Ce, getUserId as ve } from "../utils/index.js";
+import { useSensors as ft, useSensor as bt, PointerSensor as yt, DndContext as Ct, closestCenter as vt } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as wt } from "@dnd-kit/modifiers";
+import { arrayMove as xt, SortableContext as kt, horizontalListSortingStrategy as It, useSortable as Nt } from "@dnd-kit/sortable";
+const Pt = W(
+  () => import("./MenuReport-yYhMOHyq.js")
 ), St = W(
-  () => import("./common-components-DIpOkbb5.js").then((n) => n.a2)
+  () => import("./common-components-coAoWxE9.js").then((n) => n.$)
+), Tt = W(
+  () => import("./common-components-coAoWxE9.js").then((n) => n.a0)
 ), Mt = W(
-  () => import("./common-components-DIpOkbb5.js").then((n) => n.a3)
+  () => import("./common-components-coAoWxE9.js").then((n) => n.a1)
 ), Lt = W(
-  () => import("./CMSearchIntfGwP01-Duabg_5A.js")
-), Tt = {
+  () => import("./common-components-coAoWxE9.js").then((n) => n.a2)
+), Bt = W(
+  () => import("./common-components-coAoWxE9.js").then((n) => n.a4)
+), Ot = W(
+  () => import("./CMSearchIntfGwP01-BWm9OqAH.js")
+), Et = W(
+  () => import("./common-components-coAoWxE9.js").then((n) => n.a5)
+), Rt = W(
+  () => import("./common-components-coAoWxE9.js").then((n) => n.a3)
+), Dt = {
   // 게시판/문의
   CORE_REPORT: {
-    component: kt,
+    component: Pt,
     defaultConfig: {
       title: "게시판/문의",
       width: 1200,
@@ -37,7 +41,7 @@ const kt = W(
   },
   // 조직/부서 검색류
   CORE_DEPARTMENT_01: {
-    component: Nt,
+    component: St,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -45,7 +49,7 @@ const kt = W(
     }
   },
   CORE_DEPARTMENT_02: {
-    component: It,
+    component: Tt,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -53,7 +57,7 @@ const kt = W(
     }
   },
   CORE_ORGANIZATION_01: {
-    component: Pt,
+    component: Mt,
     defaultConfig: {
       title: "조직 검색",
       width: 620,
@@ -61,7 +65,7 @@ const kt = W(
     }
   },
   CORE_ORGANIZATION_02: {
-    component: St,
+    component: Lt,
     defaultConfig: {
       title: "조직 검색",
       width: 1e3,
@@ -69,7 +73,7 @@ const kt = W(
     }
   },
   CORE_PRGR_02: {
-    component: Mt,
+    component: Bt,
     defaultConfig: {
       title: "프로그램 검색",
       width: 700,
@@ -77,18 +81,34 @@ const kt = W(
     }
   },
   CORE_GW_DRAFTS: {
-    component: Lt,
+    component: Ot,
     defaultConfig: {
       title: "기안 목록",
       width: 1e3,
       height: 700
     }
+  },
+  CORE_ADDRESS_01: {
+    component: Et,
+    defaultConfig: {
+      title: "주소 검색",
+      width: 750,
+      height: 800
+    }
+  },
+  CORE_HOLIDAY_01: {
+    component: Rt,
+    defaultConfig: {
+      title: "휴일 검색",
+      width: 750,
+      height: 800
+    }
   }
-}, pe = "bwg-dot-line-wave-v4";
-function Bt() {
-  if (typeof document > "u" || document.getElementById(pe)) return;
+}, we = "bwg-dot-line-wave-v4";
+function zt() {
+  if (typeof document > "u" || document.getElementById(we)) return;
   const n = document.createElement("style");
-  n.id = pe, n.textContent = `
+  n.id = we, n.textContent = `
     .bwg-dotline {
       display: inline-flex;
       align-items: center;
@@ -124,53 +144,53 @@ function Bt() {
     }
   `, document.head.appendChild(n);
 }
-const Et = ({
+const At = ({
   colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
   count: t,
   size: r = 12,
   gap: o = 10,
-  amp: s = 16,
-  speedMs: i = 900,
+  amp: i = 16,
+  speedMs: a = 900,
   direction: b = "ltr",
   phase: l = 0.7
 }) => {
-  E(() => {
-    Bt();
+  D(() => {
+    zt();
   }, []);
-  const d = t ?? n.length, c = Array.from({ length: d }), u = {
+  const c = t ?? n.length, v = Array.from({ length: c }), m = {
     "--bwg-size": `${r}px`,
     "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${s}px`,
-    "--bwg-speed": `${i}ms`
-  }, C = i / d * l;
+    "--bwg-amp": `${i}px`,
+    "--bwg-speed": `${a}ms`
+  }, d = a / c * l;
   return /* @__PURE__ */ e(
     "span",
     {
       className: "bwg-dotline",
       role: "img",
       "aria-label": "loading",
-      style: u,
-      children: c.map((m, h) => /* @__PURE__ */ e(
+      style: m,
+      children: v.map((h, p) => /* @__PURE__ */ e(
         "span",
         {
           className: "dot",
           style: {
-            backgroundColor: n[h % n.length],
-            animationDelay: b === "ltr" ? `${h * C}ms` : `${(d - 1 - h) * C}ms`
+            backgroundColor: n[p % n.length],
+            animationDelay: b === "ltr" ? `${p * d}ms` : `${(c - 1 - p) * d}ms`
           }
         },
-        h
+        p
       ))
     }
   );
-}, pn = ({
+}, vn = ({
   spin: n = null,
   text: t = "인증중...",
   dimStyle: r = "dark"
 }) => {
   if (!(n ?? !0)) return null;
-  const i = r === "dark";
-  return /* @__PURE__ */ y(
+  const a = r === "dark";
+  return /* @__PURE__ */ C(
     "div",
     {
       className: "loading-overlay",
@@ -186,8 +206,8 @@ const Et = ({
         alignItems: "center",
         gap: 8,
         padding: "8px 12px",
-        background: i ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
-        color: i ? "#fff" : "#333",
+        background: a ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
+        color: a ? "#fff" : "#333",
         backdropFilter: "blur(4px)",
         zIndex: 1e4
       },
@@ -196,10 +216,10 @@ const Et = ({
       role: "status",
       children: [
         /* @__PURE__ */ e(
-          q,
+          re,
           {
             indicator: /* @__PURE__ */ e(
-              Et,
+              At,
               {
                 colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
                 size: 12,
@@ -216,18 +236,18 @@ const Et = ({
       ]
     }
   );
-}, gn = ({
+}, wn = ({
   routes: n,
   useCommonProvider: t = !0,
   useServiceProvider: r = !0
 }) => {
-  let s = /* @__PURE__ */ y(ge, { children: [
-    /* @__PURE__ */ e(Y, { path: "/", element: /* @__PURE__ */ e(Me, { to: "/login" }) }),
-    /* @__PURE__ */ e(Y, { path: "/login", element: n.login }),
-    /* @__PURE__ */ e(Y, { path: "/main/*", element: n.main })
+  let i = /* @__PURE__ */ C(xe, { children: [
+    /* @__PURE__ */ e(te, { path: "/", element: /* @__PURE__ */ e(Ee, { to: "/login" }) }),
+    /* @__PURE__ */ e(te, { path: "/login", element: n.login }),
+    /* @__PURE__ */ e(te, { path: "/main/*", element: n.main })
   ] });
-  return r && (s = /* @__PURE__ */ e(Ne, { children: s })), t && (s = /* @__PURE__ */ e(Ie, { children: s })), /* @__PURE__ */ e(Te, { children: s });
-}, { Content: Ot } = j, ve = ({
+  return r && (i = /* @__PURE__ */ e(Me, { children: i })), t && (i = /* @__PURE__ */ e(Le, { children: i })), /* @__PURE__ */ e(De, { children: i });
+}, { Content: Wt } = Z, Pe = ({
   config: n = {},
   children: t
 }) => {
@@ -243,11 +263,11 @@ const Et = ({
     ...n
   };
   return /* @__PURE__ */ e(
-    Ot,
+    Wt,
     {
       className: r.wrapper.className,
       style: r.wrapper.style,
-      children: /* @__PURE__ */ e(Be, { children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(
         "div",
         {
           className: r.body.className,
@@ -257,7 +277,7 @@ const Et = ({
       ) })
     }
   );
-}, Rt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9998%2019.9993V20.9993C11.9998%2021.3932%2012.0774%2021.7833%2012.2282%2022.1473C12.3789%2022.5112%2012.5999%2022.8419%2012.8785%2023.1205C13.157%2023.399%2013.4877%2023.62%2013.8517%2023.7708C14.2156%2023.9215%2014.6057%2023.9991%2014.9997%2023.9991C15.3936%2023.9991%2015.7837%2023.9215%2016.1477%2023.7708C16.5116%2023.62%2016.8423%2023.399%2017.1209%2023.1205C17.3994%2022.8419%2017.6204%2022.5112%2017.7712%2022.1473C17.9219%2021.7833%2017.9995%2021.3932%2017.9995%2020.9993V19.9993M20.9994%2011.9997C20.9994%2014.9996%2022.9993%2019.9993%2022.9993%2019.9993H7.00006C7.00006%2019.9993%208.99996%2015.9995%208.99996%2011.9997C8.99996%208.73187%2011.7318%206%2014.9997%206C18.2675%206%2020.9994%208.73187%2020.9994%2011.9997Z'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", zt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_93_4488)'%3e%3cpath%20d='M18%207H21C22.1046%207%2023%207.89543%2023%209V21C23%2022.1046%2022.1046%2023%2021%2023H18M11%2011L7%2015M7%2015L11%2019M7%2015L19%2015'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_93_4488'%3e%3crect%20width='30'%20height='30'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Dt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%206H16C16.5523%206%2017%206.44772%2017%207V7.56879C17%207.99659%2017.2871%208.36825%2017.6822%208.53228C18.0775%208.69638%2018.5377%208.63384%2018.8403%208.33123L19.2426%207.92891C19.6331%207.53838%2020.2663%207.53838%2020.6568%207.92891L22.071%209.34312C22.4616%209.73365%2022.4615%2010.3668%2022.071%2010.7573L21.6688%2011.1596C21.3661%2011.4622%2021.3036%2011.9225%2021.4677%2012.3177C21.6317%2012.7129%2022.0034%2013%2022.4313%2013L23%2013C23.5523%2013%2024%2013.4477%2024%2014V16C24%2016.5523%2023.5523%2017%2023%2017H22.4312C22.0034%2017%2021.6318%2017.2871%2021.4677%2017.6822C21.3036%2018.0775%2021.3661%2018.5377%2021.6688%2018.8403L22.071%2019.2426C22.4616%2019.6331%2022.4616%2020.2663%2022.071%2020.6568L20.6568%2022.071C20.2663%2022.4616%2019.6331%2022.4616%2019.2426%2022.071L18.8403%2021.6688C18.5377%2021.3661%2018.0775%2021.3036%2017.6822%2021.4677C17.2871%2021.6318%2017%2022.0034%2017%2022.4312V23C17%2023.5523%2016.5523%2024%2016%2024H14C13.4477%2024%2013%2023.5523%2013%2023V22.4313C13%2022.0034%2012.7129%2021.6317%2012.3177%2021.4677C11.9225%2021.3036%2011.4622%2021.3661%2011.1596%2021.6688L10.7573%2022.071C10.3668%2022.4616%209.73363%2022.4616%209.34311%2022.071L7.92889%2020.6568C7.53837%2020.2663%207.53837%2019.6331%207.92889%2019.2426L8.33123%2018.8403C8.63384%2018.5377%208.69638%2018.0775%208.53228%2017.6822C8.36825%2017.2871%207.99659%2017%207.56879%2017H7C6.44772%2017%206%2016.5523%206%2016V14C6%2013.4477%206.44772%2013%207%2013L7.56877%2013C7.99658%2013%208.36825%2012.7129%208.53229%2012.3178C8.6964%2011.9225%208.63386%2011.4623%208.33123%2011.1597L7.92891%2010.7573C7.53838%2010.3668%207.53838%209.73365%207.92891%209.34313L9.34312%207.92891C9.73365%207.53839%2010.3668%207.53839%2010.7573%207.92891L11.1597%208.33123C11.4623%208.63386%2011.9225%208.6964%2012.3178%208.53229C12.7129%208.36825%2013%207.99658%2013%207.56876V7C13%206.44772%2013.4477%206%2014%206Z'%20stroke='%23485299'%20stroke-width='1.5'/%3e%3cpath%20d='M17%2015C17%2016.1046%2016.1046%2017%2015%2017C13.8954%2017%2013%2016.1046%2013%2015C13%2013.8954%2013.8954%2013%2015%2013C16.1046%2013%2017%2013.8954%2017%2015Z'%20stroke='%23485299'%20stroke-width='1.5'/%3e%3c/svg%3e", { Header: $t } = j, G = {
+}, $t = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9998%2019.9993V20.9993C11.9998%2021.3932%2012.0774%2021.7833%2012.2282%2022.1473C12.3789%2022.5112%2012.5999%2022.8419%2012.8785%2023.1205C13.157%2023.399%2013.4877%2023.62%2013.8517%2023.7708C14.2156%2023.9215%2014.6057%2023.9991%2014.9997%2023.9991C15.3936%2023.9991%2015.7837%2023.9215%2016.1477%2023.7708C16.5116%2023.62%2016.8423%2023.399%2017.1209%2023.1205C17.3994%2022.8419%2017.6204%2022.5112%2017.7712%2022.1473C17.9219%2021.7833%2017.9995%2021.3932%2017.9995%2020.9993V19.9993M20.9994%2011.9997C20.9994%2014.9996%2022.9993%2019.9993%2022.9993%2019.9993H7.00006C7.00006%2019.9993%208.99996%2015.9995%208.99996%2011.9997C8.99996%208.73187%2011.7318%206%2014.9997%206C18.2675%206%2020.9994%208.73187%2020.9994%2011.9997Z'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Ft = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_93_4488)'%3e%3cpath%20d='M18%207H21C22.1046%207%2023%207.89543%2023%209V21C23%2022.1046%2022.1046%2023%2021%2023H18M11%2011L7%2015M7%2015L11%2019M7%2015L19%2015'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_93_4488'%3e%3crect%20width='30'%20height='30'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", _t = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%206H16C16.5523%206%2017%206.44772%2017%207V7.56879C17%207.99659%2017.2871%208.36825%2017.6822%208.53228C18.0775%208.69638%2018.5377%208.63384%2018.8403%208.33123L19.2426%207.92891C19.6331%207.53838%2020.2663%207.53838%2020.6568%207.92891L22.071%209.34312C22.4616%209.73365%2022.4615%2010.3668%2022.071%2010.7573L21.6688%2011.1596C21.3661%2011.4622%2021.3036%2011.9225%2021.4677%2012.3177C21.6317%2012.7129%2022.0034%2013%2022.4313%2013L23%2013C23.5523%2013%2024%2013.4477%2024%2014V16C24%2016.5523%2023.5523%2017%2023%2017H22.4312C22.0034%2017%2021.6318%2017.2871%2021.4677%2017.6822C21.3036%2018.0775%2021.3661%2018.5377%2021.6688%2018.8403L22.071%2019.2426C22.4616%2019.6331%2022.4616%2020.2663%2022.071%2020.6568L20.6568%2022.071C20.2663%2022.4616%2019.6331%2022.4616%2019.2426%2022.071L18.8403%2021.6688C18.5377%2021.3661%2018.0775%2021.3036%2017.6822%2021.4677C17.2871%2021.6318%2017%2022.0034%2017%2022.4312V23C17%2023.5523%2016.5523%2024%2016%2024H14C13.4477%2024%2013%2023.5523%2013%2023V22.4313C13%2022.0034%2012.7129%2021.6317%2012.3177%2021.4677C11.9225%2021.3036%2011.4622%2021.3661%2011.1596%2021.6688L10.7573%2022.071C10.3668%2022.4616%209.73363%2022.4616%209.34311%2022.071L7.92889%2020.6568C7.53837%2020.2663%207.53837%2019.6331%207.92889%2019.2426L8.33123%2018.8403C8.63384%2018.5377%208.69638%2018.0775%208.53228%2017.6822C8.36825%2017.2871%207.99659%2017%207.56879%2017H7C6.44772%2017%206%2016.5523%206%2016V14C6%2013.4477%206.44772%2013%207%2013L7.56877%2013C7.99658%2013%208.36825%2012.7129%208.53229%2012.3178C8.6964%2011.9225%208.63386%2011.4623%208.33123%2011.1597L7.92891%2010.7573C7.53838%2010.3668%207.53838%209.73365%207.92891%209.34313L9.34312%207.92891C9.73365%207.53839%2010.3668%207.53839%2010.7573%207.92891L11.1597%208.33123C11.4623%208.63386%2011.9225%208.6964%2012.3178%208.53229C12.7129%208.36825%2013%207.99658%2013%207.56876V7C13%206.44772%2013.4477%206%2014%206Z'%20stroke='%23485299'%20stroke-width='1.5'/%3e%3cpath%20d='M17%2015C17%2016.1046%2016.1046%2017%2015%2017C13.8954%2017%2013%2016.1046%2013%2015C13%2013.8954%2013.8954%2013%2015%2013C16.1046%2013%2017%2013.8954%2017%2015Z'%20stroke='%23485299'%20stroke-width='1.5'/%3e%3c/svg%3e", { Header: Gt } = Z, { confirm: Ht } = $e, $ = {
   light: {
     headerBg: "#ffffff",
     headerText: "#000000",
@@ -310,11 +330,11 @@ const Et = ({
     buttonDefaultBorder: "#dddddd",
     buttonPermissionBorder: "#bdb1ff"
   }
-}, re = {
+}, de = {
   0: "작게",
   1: "보통",
   2: "크게"
-}, we = ({ config: n = {}, children: t }) => {
+}, Se = ({ config: n = {}, children: t }) => {
   const r = {
     gap: 14,
     minWidth: 200,
@@ -347,128 +367,273 @@ const Et = ({
       ...n.logo
     },
     right: r
-  }, s = le(), [i, b] = R("modern"), l = U(null), d = Ze(), {
-    componentSize: c,
-    setComponentSize: u,
-    gridSize: C,
+  }, i = ge(), a = J(null), b = Je(), {
+    componentSize: l,
+    setComponentSize: c,
+    gridSize: v,
     setGridSize: m,
-    spacingSize: h,
-    setSpacingSize: N
-  } = Ye(), v = (g, a) => {
+    spacingSize: d,
+    setSpacingSize: h,
+    enableProtectWrapper: p,
+    setEnableProtectWrapper: N,
+    theme: y,
+    setTheme: g,
+    clearAllGridLayouts: k
+  } = Ne(), T = 1, z = 2, E = 2, w = (u, S) => {
     try {
-      if (!/^[a-zA-Z0-9-]+$/.test(g) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(a)) return;
-      document.documentElement.style.setProperty(g, a);
-    } catch (M) {
-      console.error("CSS variable setting failed:", M);
+      if (!/^[a-zA-Z0-9-]+$/.test(u) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(S)) return;
+      document.documentElement.style.setProperty(u, S);
+    } catch (I) {
+      console.error("CSS variable setting failed:", I);
     }
-  }, p = (g) => {
-    if (!G[g]) return;
-    b(g);
-    const a = { ...G[g] };
-    v("--header-bg", a.headerBg), v("--header-text", a.headerText), v("--sidebar-bg", a.sidebarBg), v("--sidebar-text", a.sidebarText), v("--button-primary", a.buttonPrimary), v("--button-primary-hover", a.buttonPrimaryHover), v("--button-primary-active", a.buttonPrimaryActive), v("--button-default", a.buttonDefault), v("--button-default-hover", a.buttonDefaultHover), v("--button-default-border", a.buttonDefaultBorder), v(
+  }, F = (u) => {
+    if (!$[u]) return;
+    g(u);
+    const S = { ...$[u] };
+    w("--header-bg", S.headerBg), w("--header-text", S.headerText), w("--sidebar-bg", S.sidebarBg), w("--sidebar-text", S.sidebarText), w("--button-primary", S.buttonPrimary), w("--button-primary-hover", S.buttonPrimaryHover), w("--button-primary-active", S.buttonPrimaryActive), w("--button-default", S.buttonDefault), w("--button-default-hover", S.buttonDefaultHover), w("--button-default-border", S.buttonDefaultBorder), w(
       "--button-permission-border",
-      a.buttonPermissionBorder
-    ), l.current && l.current.setAttribute("data-theme", g), document.documentElement.setAttribute("data-theme", g), mt(me, g, 30);
+      S.buttonPermissionBorder
+    ), a.current && a.current.setAttribute("data-theme", u), document.documentElement.setAttribute("data-theme", u);
   };
-  E(() => {
-    const g = ut(me);
-    g && G[g] ? p(g) : p("modern");
-  }, []);
-  const w = () => ({ ...G[i] }).headerBg, I = () => {
-    d(), s("/login");
+  D(() => {
+    if (y && $[y]) {
+      const u = { ...$[y] };
+      w("--header-bg", u.headerBg), w("--header-text", u.headerText), w("--sidebar-bg", u.sidebarBg), w("--sidebar-text", u.sidebarText), w("--button-primary", u.buttonPrimary), w("--button-primary-hover", u.buttonPrimaryHover), w(
+        "--button-primary-active",
+        u.buttonPrimaryActive
+      ), w("--button-default", u.buttonDefault), w("--button-default-hover", u.buttonDefaultHover), w(
+        "--button-default-border",
+        u.buttonDefaultBorder
+      ), w(
+        "--button-permission-border",
+        u.buttonPermissionBorder
+      ), a.current && a.current.setAttribute("data-theme", y), document.documentElement.setAttribute("data-theme", y);
+    } else
+      F("modern");
+  }, [y]);
+  const H = () => {
+    b(), i("/login");
   };
-  ue ? ue("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
-  const D = /* @__PURE__ */ y("div", { style: { padding: "8px 0" }, children: [
-    /* @__PURE__ */ y("div", { style: { marginBottom: "12px" }, children: [
-      /* @__PURE__ */ e(Oe, { value: w(), disabled: !0, size: "small" }),
-      /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "12px" }, children: "현재 테마 색상" })
-    ] }),
-    /* @__PURE__ */ y("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-      /* @__PURE__ */ e(
-        L,
-        {
-          type: i === "modern" ? "primary" : "default",
-          size: "small",
-          onClick: () => p("modern"),
-          style: {
-            textAlign: "left",
-            backgroundColor: i === "modern" ? G.modern.headerBg : void 0,
-            color: i === "modern" ? G.modern.headerText : void 0
-          },
-          children: "모던"
-        },
-        "modern"
-      ),
-      Object.entries(G).filter(([g]) => g !== "modern").map(([g, a]) => /* @__PURE__ */ e(
-        L,
-        {
-          type: i === g ? "primary" : "default",
-          size: "small",
-          onClick: () => p(g),
-          style: {
-            textAlign: "left",
-            backgroundColor: i === g ? a.headerBg : void 0,
-            color: i === g ? a.headerText : void 0
-          },
-          children: g
-        },
-        g
-      ))
-    ] }),
-    /* @__PURE__ */ e(Re, {}),
-    /* @__PURE__ */ y("div", { style: { marginTop: "8px" }, children: [
-      /* @__PURE__ */ e("div", { style: { marginBottom: "8px", fontSize: "12px" }, children: "컴포넌트 크기" }),
-      /* @__PURE__ */ e(
-        te,
-        {
-          marks: re,
-          value: c,
-          min: 0,
-          max: 2,
-          step: 1,
-          onChange: (g) => u(g)
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: { marginTop: "16px", marginBottom: "8px", fontSize: "12px" },
-          children: "그리드 크기"
-        }
-      ),
-      /* @__PURE__ */ e(
-        te,
-        {
-          marks: re,
-          value: C,
-          min: 0,
-          max: 2,
-          step: 1,
-          onChange: (g) => m(g)
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: { marginTop: "16px", marginBottom: "8px", fontSize: "12px" },
-          children: "여백 조정"
-        }
-      ),
-      /* @__PURE__ */ e(
-        te,
-        {
-          marks: re,
-          value: h,
-          min: 0,
-          max: 2,
-          step: 1,
-          onChange: (g) => N(g)
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ y(
-    $t,
+  Ce ? Ce("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const j = $[y]?.headerBg || "#f3f4ff", Y = /* @__PURE__ */ C(
+    "div",
+    {
+      style: {
+        padding: "16px",
+        backgroundColor: j,
+        borderRadius: "8px",
+        minWidth: "320px"
+      },
+      children: [
+        /* @__PURE__ */ C("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: { marginBottom: "12px", fontSize: "14px", fontWeight: 500 },
+              children: "테마 선택"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "1fr 1fr",
+                gap: "8px",
+                marginBottom: "8px"
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: y === "modern" ? "primary" : "default",
+                    size: "small",
+                    onClick: () => F("modern"),
+                    style: {
+                      width: "100%",
+                      backgroundColor: y === "modern" ? $.modern.headerBg : void 0,
+                      color: y === "modern" ? $.modern.headerText : void 0,
+                      borderColor: y === "modern" ? $.modern.headerBg : void 0
+                    },
+                    children: "모던"
+                  },
+                  "modern"
+                ),
+                Object.entries($).filter(([u]) => u !== "modern").map(([u, S]) => /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: y === u ? "primary" : "default",
+                    size: "small",
+                    onClick: () => F(u),
+                    style: {
+                      width: "100%",
+                      backgroundColor: y === u ? S.headerBg : void 0,
+                      color: y === u ? S.headerText : void 0,
+                      borderColor: y === u ? S.headerBg : void 0
+                    },
+                    children: u
+                  },
+                  u
+                ))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(ae, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ C("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ C(
+            ne,
+            {
+              justify: "space-between",
+              align: "center",
+              style: { marginBottom: "8px" },
+              children: [
+                /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500 }, children: "컴포넌트 크기" }),
+                /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ e(ee, {}),
+                    onClick: () => c(T),
+                    disabled: l === T,
+                    style: { padding: "0 4px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            le,
+            {
+              marks: de,
+              value: l,
+              min: 0,
+              max: 2,
+              step: 1,
+              onChange: (u) => c(u)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ C("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ C(
+            ne,
+            {
+              justify: "space-between",
+              align: "center",
+              style: { marginBottom: "8px" },
+              children: [
+                /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500 }, children: "그리드 크기" }),
+                /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ e(ee, {}),
+                    onClick: () => m(z),
+                    disabled: v === z,
+                    style: { padding: "0 4px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            le,
+            {
+              marks: de,
+              value: v,
+              min: 0,
+              max: 2,
+              step: 1,
+              onChange: (u) => m(u)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ C("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ C(
+            ne,
+            {
+              justify: "space-between",
+              align: "center",
+              style: { marginBottom: "8px" },
+              children: [
+                /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500 }, children: "여백 조정" }),
+                /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ e(ee, {}),
+                    onClick: () => h(E),
+                    disabled: d === E,
+                    style: { padding: "0 4px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            le,
+            {
+              marks: de,
+              value: d,
+              min: 0,
+              max: 2,
+              step: 1,
+              onChange: (u) => h(u)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(ae, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ C(
+          "div",
+          {
+            style: {
+              marginBottom: "16px",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500 }, children: "화면 보호 활성화" }),
+              /* @__PURE__ */ e(
+                We,
+                {
+                  checked: p,
+                  onChange: N
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(ae, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          B,
+          {
+            type: "default",
+            danger: !0,
+            size: "small",
+            icon: /* @__PURE__ */ e(ee, {}),
+            onClick: () => {
+              Ht({
+                title: "전체 그리드 레이아웃 초기화",
+                content: "임의 변경한 그리드 레이아웃 변경사항을 초기화하시겠습니까? 기존 열려있는 화면들은 다시 열어야 적용됩니다.",
+                onOk() {
+                  k();
+                }
+              });
+            },
+            block: !0,
+            style: { fontSize: "12px" },
+            children: "전체 그리드 레이아웃 초기화"
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ C(
+    Gt,
     {
       className: o.wrapper.className,
       style: { ...o.wrapper.style },
@@ -494,7 +659,7 @@ const Et = ({
             children: t
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ C(
           "div",
           {
             className: "header-right",
@@ -503,29 +668,29 @@ const Et = ({
               minWidth: o.right?.minWidth
             },
             children: [
-              o.right?.items?.map((g, a) => /* @__PURE__ */ e("div", { children: g }, a)),
+              o.right?.items?.map((u, S) => /* @__PURE__ */ e("div", { children: u }, S)),
               o.right?.alarm?.visible && /* @__PURE__ */ e(
-                L,
+                B,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: Rt, alt: "알림" }),
+                  icon: /* @__PURE__ */ e("img", { src: $t, alt: "알림" }),
                   className: "alarm-btn",
                   onClick: o.right?.alarm?.onClick
                 }
               ),
               o.right?.theme?.visible && /* @__PURE__ */ e(
-                ze,
+                Fe,
                 {
-                  content: D,
-                  title: "테마 설정",
+                  content: Y,
+                  title: "개인 설정",
                   trigger: "click",
                   placement: "bottomRight",
-                  onOpenChange: (g) => o.right?.theme?.onOpenChange?.(g),
+                  onOpenChange: (u) => o.right?.theme?.onOpenChange?.(u),
                   children: /* @__PURE__ */ e(
-                    L,
+                    B,
                     {
                       type: "text",
-                      icon: /* @__PURE__ */ e("img", { src: Dt, alt: "개인설정" }),
+                      icon: /* @__PURE__ */ e("img", { src: _t, alt: "개인설정" }),
                       className: "theme-btn",
                       onClick: o.right?.theme?.onClick
                     }
@@ -533,18 +698,18 @@ const Et = ({
                 }
               ),
               o.right?.logout?.visible && /* @__PURE__ */ e(
-                L,
+                B,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: zt, alt: "로그아웃" }),
-                  onClick: o.right?.logout?.onClick || I,
+                  icon: /* @__PURE__ */ e("img", { src: Ft, alt: "로그아웃" }),
+                  onClick: o.right?.logout?.onClick || H,
                   className: "logout-btn"
                 }
               ),
               o.right?.avatar?.visible && /* @__PURE__ */ e(
-                De,
+                _e,
                 {
-                  icon: /* @__PURE__ */ e(Je, {}),
+                  icon: /* @__PURE__ */ e(rt, {}),
                   className: "avatar",
                   style: {
                     width: o.right?.avatar?.width,
@@ -559,7 +724,7 @@ const Et = ({
       ]
     }
   );
-}, ae = /* @__PURE__ */ Object.freeze({
+}, he = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(n) {
       if (!n)
@@ -585,7 +750,7 @@ const Et = ({
   Transform: {
     toString(n) {
       if (n)
-        return [ae.Translate.toString(n), ae.Scale.toString(n)].join(" ");
+        return [he.Translate.toString(n), he.Scale.toString(n)].join(" ");
     }
   },
   Transition: {
@@ -598,91 +763,91 @@ const Et = ({
       return t + " " + r + "ms " + o;
     }
   }
-}), At = ce(
+}), jt = fe(
   ({ className: n, ...t }) => {
-    const r = U(null), {
+    const r = J(null), {
       attributes: o,
-      listeners: s,
-      transform: i,
+      listeners: i,
+      transform: a,
       transition: b,
       isDragging: l,
-      setNodeRef: d
-    } = xt({ id: t["data-node-key"] }), [c, u] = R();
-    E(() => {
-      const m = r.current;
-      if (m)
+      setNodeRef: c
+    } = Nt({ id: t["data-node-key"] }), [v, m] = A();
+    D(() => {
+      const h = r.current;
+      if (h)
         if (l) {
-          const h = Math.round(m.getBoundingClientRect().width);
-          u(h);
+          const p = Math.round(h.getBoundingClientRect().width);
+          m(p);
         } else
-          u(void 0);
+          m(void 0);
     }, [l]);
-    const C = {
+    const d = {
       ...t.style,
-      transform: i ? ae.Transform.toString(i) : void 0,
+      transform: a ? he.Transform.toString(a) : void 0,
       transition: b ?? "transform 0.16s ease",
       cursor: "grab",
       userSelect: "none",
       willChange: "transform",
       // ✅ 드래그 중 픽셀 폭 고정 (flex 재계산 억제)
-      width: c ?? void 0,
-      minWidth: c ?? void 0,
-      maxWidth: c ?? void 0,
-      flex: c !== void 0 ? "0 0 auto" : void 0
+      width: v ?? void 0,
+      minWidth: v ?? void 0,
+      maxWidth: v ?? void 0,
+      flex: v !== void 0 ? "0 0 auto" : void 0
     };
-    return Ke(t.children, {
-      ref: (m) => {
-        r.current !== m && (r.current = m), d(m);
+    return Qe(t.children, {
+      ref: (h) => {
+        r.current !== h && (r.current = h), c(h);
       },
-      style: C,
+      style: d,
       ...o,
-      ...s
+      ...i
     });
   }
-), Ft = ce(function({
+), Vt = fe(function({
   config: t,
   isFirst: r,
   isLast: o,
-  canCloseAll: s,
-  onFirst: i,
+  canCloseAll: i,
+  onFirst: a,
   onPrev: b,
   onNext: l,
-  onLast: d,
-  onCloseAll: c
+  onLast: c,
+  onCloseAll: v
 }) {
-  return /* @__PURE__ */ y("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+  return /* @__PURE__ */ C("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
     /* @__PURE__ */ e(
-      K,
+      X,
       {
         title: "첫 번째 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          L,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(et, {}),
-            onClick: i,
+            icon: /* @__PURE__ */ e(st, {}),
+            onClick: a,
             disabled: r
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      X,
       {
         title: "이전 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          L,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(tt, {}),
+            icon: /* @__PURE__ */ e(it, {}),
             onClick: b,
             disabled: r
           }
@@ -690,18 +855,18 @@ const Et = ({
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      X,
       {
         title: "다음 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          L,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(nt, {}),
+            icon: /* @__PURE__ */ e(at, {}),
             onClick: l,
             disabled: o
           }
@@ -709,45 +874,45 @@ const Et = ({
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      X,
       {
         title: "마지막 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          L,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(rt, {}),
-            onClick: d,
+            icon: /* @__PURE__ */ e(lt, {}),
+            onClick: c,
             disabled: o
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      X,
       {
         title: "모든 탭 닫기",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          L,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ye, {}),
-            onClick: c,
-            disabled: !s
+            icon: /* @__PURE__ */ e(U, {}),
+            onClick: v,
+            disabled: !i
           }
         )
       }
     )
   ] });
-}), Wt = ({
+}), Ut = ({
   config: n = {}
 }) => {
   const t = {
@@ -775,72 +940,179 @@ const Et = ({
       ...n?.nav
     },
     ...n
-  }, r = A((a) => a.tabs), o = A((a) => a.activeMenuId), s = A((a) => a.focusTab), i = A((a) => a.closeTab), b = A((a) => a.reorderTabs), l = ht(
-    pt(gt, { activationConstraint: { distance: 6 } })
-  ), d = (a) => {
-    s(a);
-  }, c = (a, M) => {
-    M === "remove" && typeof a == "string" && i(a);
-  }, u = () => {
-    r.length > 0 && s(r[0].key);
-  }, C = () => {
+  }, r = O((s) => s.tabs), o = O((s) => s.activeMenuId), i = O((s) => s.pinnedTabs), a = O((s) => s.focusTab), b = O((s) => s.closeTab), l = O((s) => s.reorderTabs), c = O((s) => s.togglePinTab), v = O((s) => s.refreshTab), m = O((s) => s.closeOtherTabs), d = O((s) => s.closeRightTabs);
+  O((s) => s.closeAllTabs);
+  const h = ft(
+    bt(yt, { activationConstraint: { distance: 6 } })
+  ), p = (s) => {
+    a(s);
+  }, N = (s, x) => {
+    x === "remove" && typeof s == "string" && b(s);
+  }, y = () => {
+    r.length > 0 && a(r[0].key);
+  }, g = () => {
     if (!o || r.length <= 1) return;
-    const a = r.findIndex((M) => M.key === o);
-    a > 0 && s(r[a - 1].key);
-  }, m = () => {
+    const s = r.findIndex((x) => x.key === o);
+    s > 0 && a(r[s - 1].key);
+  }, k = () => {
     if (!o || r.length <= 1) return;
-    const a = r.findIndex((M) => M.key === o);
-    a < r.length - 1 && s(r[a + 1].key);
-  }, h = () => {
-    r.length > 0 && s(r[r.length - 1].key);
-  }, N = () => {
-    r.forEach((a) => {
-      i(a.key);
+    const s = r.findIndex((x) => x.key === o);
+    s < r.length - 1 && a(r[s + 1].key);
+  }, T = () => {
+    r.length > 0 && a(r[r.length - 1].key);
+  }, z = () => {
+    r.forEach((s) => {
+      i.has(s.key) || b(s.key);
     });
-  }, v = o ? r.findIndex((a) => a.key === o) : -1, p = v === 0, w = v === r.length - 1, I = F(
-    () => r.map((a) => ({
-      key: a.key,
-      label: a.label,
-      closable: !0,
+  }, E = R((s) => (x) => {
+    x.preventDefault(), x.stopPropagation();
+  }, []), w = R(
+    (s) => {
+      const x = i.has(s), M = r.findIndex((q) => q.key === s), L = M >= 0 && M < r.length - 1, G = r.length > 1;
+      return [
+        {
+          key: "close",
+          label: "닫기",
+          icon: /* @__PURE__ */ e(U, {}),
+          onClick: () => {
+            x || b(s);
+          },
+          disabled: x
+        },
+        {
+          key: "pin",
+          label: x ? "고정 해제" : "고정",
+          icon: /* @__PURE__ */ e(ot, {}),
+          onClick: () => {
+            c(s);
+          }
+        },
+        {
+          key: "refresh",
+          label: "새로고침",
+          icon: /* @__PURE__ */ e(ye, {}),
+          onClick: () => {
+            v(s);
+          }
+        },
+        {
+          type: "divider"
+        },
+        {
+          key: "closeOthers",
+          label: "다른 탭 닫기",
+          icon: /* @__PURE__ */ e(U, {}),
+          onClick: () => {
+            m(s);
+          },
+          disabled: !G
+        },
+        {
+          key: "closeRight",
+          label: "우측 탭 닫기",
+          icon: /* @__PURE__ */ e(U, {}),
+          onClick: () => {
+            d(s);
+          },
+          disabled: !L
+        },
+        {
+          key: "closeAll",
+          label: "전체 닫기",
+          icon: /* @__PURE__ */ e(U, {}),
+          onClick: () => {
+            z();
+          },
+          disabled: r.length === 0
+        }
+      ];
+    },
+    [
+      r,
+      i,
+      b,
+      c,
+      v,
+      m,
+      d
+    ]
+  ), F = o ? r.findIndex((s) => s.key === o) : -1, H = F === 0, j = F === r.length - 1, Y = _(
+    () => r.map((s) => ({
+      key: s.key,
+      label: s.label,
+      closable: !i.has(s.key),
+      // 고정된 탭은 닫을 수 없음
       children: null
       // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
     })),
-    [r]
-  ), D = z(
-    ({ active: a, over: M }) => {
-      if (!M || a.id === M.id) return;
-      const T = r.findIndex(($) => $.key === a.id), _ = r.findIndex(($) => $.key === M.id);
-      if (T < 0 || _ < 0 || T === _) return;
-      const ee = r.map(($) => $.key), Z = Ct(ee, T, _);
-      b?.(Z);
+    [r, i]
+  ), [u, S] = A(null), I = R(({ active: s }) => {
+    S(null);
+  }, []), P = R(
+    ({ active: s, over: x }) => {
+      if (!x || s.id === x.id) return;
+      const M = r.findIndex((Q) => Q.key === s.id), L = r.findIndex((Q) => Q.key === x.id);
+      if (M < 0 || L < 0 || M === L) return;
+      const G = r.map((Q) => Q.key), q = xt(G, M, L);
+      l?.(q);
     },
-    [r, b]
-  ), g = z(
-    (a, M) => /* @__PURE__ */ e(
-      ft,
+    [r, l]
+  ), f = R(
+    (s, x) => /* @__PURE__ */ e(
+      Ct,
       {
-        sensors: l,
-        onDragEnd: D,
-        collisionDetection: bt,
-        modifiers: [yt],
+        sensors: h,
+        onDragStart: I,
+        onDragEnd: P,
+        collisionDetection: vt,
+        modifiers: [wt],
         children: /* @__PURE__ */ e(
-          vt,
+          kt,
           {
-            items: r.map((T) => T.key),
-            strategy: wt,
-            children: /* @__PURE__ */ e(M, { ...a, children: (T) => /* @__PURE__ */ be(
-              At,
-              {
-                ...T.props,
-                key: T.key
-              },
-              T
-            ) })
+            items: r.map((M) => M.key),
+            strategy: It,
+            children: /* @__PURE__ */ e(x, { ...s, children: (M) => {
+              const L = M.key, G = u === L;
+              return /* @__PURE__ */ e(
+                Ge,
+                {
+                  menu: { items: w(L) },
+                  trigger: ["contextMenu"],
+                  open: G,
+                  onOpenChange: (q) => {
+                    S(q ? L : null);
+                  },
+                  children: /* @__PURE__ */ e(
+                    "span",
+                    {
+                      onContextMenu: E(L),
+                      style: { display: "inline-block", width: "100%" },
+                      children: /* @__PURE__ */ Ie(
+                        jt,
+                        {
+                          ...M.props,
+                          key: M.key
+                        },
+                        M
+                      )
+                    }
+                  )
+                }
+              );
+            } })
           }
         )
       }
     ),
-    [l, D, r]
+    [
+      h,
+      I,
+      P,
+      r,
+      u,
+      w,
+      E
+    ]
   );
   return /* @__PURE__ */ e(
     "div",
@@ -851,36 +1123,36 @@ const Et = ({
         display: r.length === 0 ? "none" : "block"
       },
       children: /* @__PURE__ */ e(
-        $e,
+        He,
         {
           type: "editable-card",
           activeKey: o || void 0,
-          onChange: d,
-          onEdit: c,
+          onChange: p,
+          onEdit: N,
           className: t.tabs.className,
           style: t.tabs.style,
           hideAdd: !0,
-          items: I,
+          items: Y,
           tabBarExtraContent: /* @__PURE__ */ e(
-            Ft,
+            Vt,
             {
               config: t?.nav,
-              isFirst: !!p,
-              isLast: !!w,
+              isFirst: !!H,
+              isLast: !!j,
               canCloseAll: r.length > 0,
-              onFirst: u,
-              onPrev: C,
-              onNext: m,
-              onLast: h,
-              onCloseAll: N
+              onFirst: y,
+              onPrev: g,
+              onNext: k,
+              onLast: T,
+              onCloseAll: z
             }
           ),
-          renderTabBar: g
+          renderTabBar: f
         }
       )
     }
   );
-}, { Sider: Gt } = j, _t = ({
+}, { Sider: Kt } = Z, Zt = ({
   config: n = {}
 }) => {
   const t = {
@@ -922,15 +1194,15 @@ const Et = ({
       ...n?.style
     },
     ...n
-  }, [r, o] = R(""), [s, i] = R(
+  }, [r, o] = A(""), [i, a] = A(
     "category"
-  ), [b, l] = R([]), { activeMenuId: d, sidebarCollapsed: c, openTabFromMenu: u, toggleSidebar: C } = A(), { menuList: m, isLoading: h, error: N, findMenuById: v, flatMenuList: p } = J(), { nodes: w, treeNodes: I, loadFavoritesIfNeeded: D } = qe(), g = F(() => {
-    const k = [], x = (f, P = 0) => {
+  ), [b, l] = A([]), { activeMenuId: c, sidebarCollapsed: v, openTabFromMenu: m, toggleSidebar: d } = O(), { menuList: h, isLoading: p, error: N, findMenuById: y, flatMenuList: g } = ie(), { nodes: k, treeNodes: T, loadFavoritesIfNeeded: z } = et(), E = _(() => {
+    const I = [], P = (f, s = 0) => {
       if (f.menuGbCd === t.menuGubunCode.program && f.scrnPath) {
-        const S = "  ".repeat(P), O = f.menuNo || "";
-        k.push({
+        const x = "  ".repeat(s), M = f.menuNo || "";
+        I.push({
           value: f.menuId,
-          label: /* @__PURE__ */ y(
+          label: /* @__PURE__ */ C(
             "div",
             {
               style: {
@@ -939,8 +1211,8 @@ const Et = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ y("span", { children: [
-                  S,
+                /* @__PURE__ */ C("span", { children: [
+                  x,
                   f.menuNm
                 ] }),
                 /* @__PURE__ */ e(
@@ -954,7 +1226,7 @@ const Et = ({
                       borderRadius: "3px",
                       marginLeft: "8px"
                     },
-                    children: O
+                    children: M
                   }
                 )
               ]
@@ -963,26 +1235,26 @@ const Et = ({
           menuItem: f
         });
       }
-      f.children && f.children.length > 0 && f.children.forEach((S) => x(S, P + 1));
+      f.children && f.children.length > 0 && f.children.forEach((x) => P(x, s + 1));
     };
-    return m.forEach((f) => x(f)), k;
-  }, [m]), a = F(() => r.trim() ? g.filter((k) => {
-    const x = k.menuItem.menuNm.toLowerCase(), f = String(k.menuItem.menuNo || "미지정").toLowerCase(), P = r.toLowerCase();
-    return x.includes(P) || f.includes(P);
-  }) : [], [g, r]), M = (k) => {
-    if (!k || typeof k != "string") {
-      console.warn("Invalid menu selection value:", k);
+    return h.forEach((f) => P(f)), I;
+  }, [h]), w = _(() => r.trim() ? E.filter((I) => {
+    const P = I.menuItem.menuNm.toLowerCase(), f = String(I.menuItem.menuNo || "미지정").toLowerCase(), s = r.toLowerCase();
+    return P.includes(s) || f.includes(s);
+  }) : [], [E, r]), F = (I) => {
+    if (!I || typeof I != "string") {
+      console.warn("Invalid menu selection value:", I);
       return;
     }
-    if (!/^[a-zA-Z0-9_-]+$/.test(k)) {
-      console.warn("Invalid menu ID format:", k);
+    if (!/^[a-zA-Z0-9_-]+$/.test(I)) {
+      console.warn("Invalid menu ID format:", I);
       return;
     }
-    const x = g.find(
-      (f) => f.value === k
+    const P = E.find(
+      (f) => f.value === I
     );
-    if (x) {
-      const { menuItem: f } = x;
+    if (P) {
+      const { menuItem: f } = P;
       if (!f || !f.menuId || !f.menuNm) {
         console.warn("Invalid menu item:", f);
         return;
@@ -996,23 +1268,23 @@ const Et = ({
         f.scrnPath,
         "scrnId:",
         f.scrnId
-      ), u(f)) : (f.menuGbCd === t.menuGubunCode.mainMenu || f.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", f.menuNm, "menuGbCd:", f.menuGbCd)), o("");
+      ), m(f)) : (f.menuGbCd === t.menuGubunCode.mainMenu || f.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", f.menuNm, "menuGbCd:", f.menuGbCd)), o("");
     }
-  }, T = z(
-    (k) => {
-      const x = v(k);
-      x?.menuGbCd === t.menuGubunCode.program && (console.log(
+  }, H = R(
+    (I) => {
+      const P = y(I);
+      P?.menuGbCd === t.menuGubunCode.program && (console.log(
         "메뉴명:",
-        x.menuNm,
+        P.menuNm,
         "경로:",
-        x.scrnPath,
+        P.scrnPath,
         "scrnId:",
-        x.scrnId
-      ), u(x));
+        P.scrnId
+      ), m(P));
     },
-    [v, u]
-  ), _ = z((k) => k.map((x) => ({
-    key: x.menuId,
+    [y, m]
+  ), j = R((I) => I.map((P) => ({
+    key: P.menuId,
     label: /* @__PURE__ */ e(
       "div",
       {
@@ -1021,21 +1293,21 @@ const Et = ({
           justifyContent: "space-between",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ e("span", { children: x.menuNm })
+        children: /* @__PURE__ */ e("span", { children: P.menuNm })
       }
     ),
-    icon: ee(x.iconCd, x.menuGbCd),
-    children: x.children && x.children.length > 0 ? _(x.children) : void 0
-  })), []), ee = (k, x) => {
-    if (k) {
-      const f = Q[k];
+    icon: Y(P.iconCd, P.menuGbCd),
+    children: P.children && P.children.length > 0 ? j(P.children) : void 0
+  })), []), Y = (I, P) => {
+    if (I) {
+      const f = oe[I];
       if (f)
         return /* @__PURE__ */ e(f, {});
     }
-    if (x)
-      switch (x) {
+    if (P)
+      switch (P) {
         case t.menuGubunCode.mainMenu:
-          return /* @__PURE__ */ e(Q.HomeOutlined, {});
+          return /* @__PURE__ */ e(oe.HomeOutlined, {});
         case t.menuGubunCode.subMenu:
           return null;
         case t.menuGubunCode.program:
@@ -1044,66 +1316,66 @@ const Et = ({
           return null;
       }
     return null;
-  }, Z = z(
-    (k) => {
-      if (m.length === 0) return [];
-      const x = (P) => {
-        if (P)
-          return typeof P == "string" ? w[P] : P;
-      }, f = (P) => {
-        if (P.type === "M") {
-          const S = P, O = v(S.menuId) || void 0, B = !!O, ke = B ? `${O?.menuNm ?? S.menuNm ?? S.menuId}` : `${S.menuNm ?? S.menuId} (삭제됨)`;
+  }, u = R(
+    (I) => {
+      if (h.length === 0) return [];
+      const P = (s) => {
+        if (s)
+          return typeof s == "string" ? k[s] : s;
+      }, f = (s) => {
+        if (s.type === "M") {
+          const x = s, M = y(x.menuId) || void 0, L = !!M, G = L ? `${M?.menuNm ?? x.menuNm ?? x.menuId}` : `${x.menuNm ?? x.menuId} (삭제됨)`;
           return {
-            key: S.menuId,
-            label: ke,
-            icon: B ? void 0 : /* @__PURE__ */ e(it, { style: { color: "#faad14" } })
+            key: x.menuId,
+            label: G,
+            icon: L ? void 0 : /* @__PURE__ */ e(mt, { style: { color: "#faad14" } })
           };
         } else {
-          const S = P, O = (S.children ?? []).map(x).filter(Boolean).map(f);
+          const x = s, M = (x.children ?? []).map(P).filter(Boolean).map(f);
           return {
-            key: S.bkmkId,
-            label: S.bkmkNm ?? S.bkmkId,
-            icon: S.prntBkmkId === "-" ? /* @__PURE__ */ e(lt, {}) : /* @__PURE__ */ e(ct, {}),
-            children: O
+            key: x.bkmkId,
+            label: x.bkmkNm ?? x.bkmkId,
+            icon: x.prntBkmkId === "-" ? /* @__PURE__ */ e(ht, {}) : /* @__PURE__ */ e(pt, {}),
+            children: M
             // 빈 배열이면 자동으로 말아줌
           };
         }
       };
-      return k.map(f);
+      return I.map(f);
     },
-    [v, w, m]
-  ), $ = F(
-    () => Z(I),
-    [Z, I, w]
+    [y, k, h]
+  ), S = _(
+    () => u(T),
+    [u, T, k]
   );
-  return E(() => {
-    he() && D(he());
-  }, [D]), E(() => {
-    s === "category" && o("");
-  }, [s]), E(() => {
-    if (!d || s !== "category") return;
-    const x = ((f) => {
-      const P = [], S = new Map(p.map((B) => [B.menuId, B]));
-      let O = f;
-      for (; O; ) {
-        const B = S.get(O);
-        if (!B) break;
-        if (B.menuPrntId && B.menuPrntId !== "-" && B.menuPrntId !== "")
-          P.push(B.menuPrntId), O = B.menuPrntId;
+  return D(() => {
+    ve() && z(ve());
+  }, [z]), D(() => {
+    i === "category" && o("");
+  }, [i]), D(() => {
+    if (!c || i !== "category") return;
+    const P = ((f) => {
+      const s = [], x = new Map(g.map((L) => [L.menuId, L]));
+      let M = f;
+      for (; M; ) {
+        const L = x.get(M);
+        if (!L) break;
+        if (L.menuPrntId && L.menuPrntId !== "-" && L.menuPrntId !== "")
+          s.push(L.menuPrntId), M = L.menuPrntId;
         else
           break;
       }
-      return P;
-    })(d);
-    x.length > 0 && l((f) => {
-      const P = /* @__PURE__ */ new Set([...f, ...x]);
-      return Array.from(P);
+      return s;
+    })(c);
+    P.length > 0 && l((f) => {
+      const s = /* @__PURE__ */ new Set([...f, ...P]);
+      return Array.from(s);
     });
-  }, [d, s, p]), /* @__PURE__ */ y(
-    Gt,
+  }, [c, i, g]), /* @__PURE__ */ C(
+    Kt,
     {
       className: t.className.wrapper,
-      collapsed: t.collapsed || c,
+      collapsed: t.collapsed || v,
       trigger: null,
       width: t.width || 230,
       children: [
@@ -1128,10 +1400,10 @@ const Et = ({
               transition: "all 0.3s ease"
             },
             children: /* @__PURE__ */ e(
-              L,
+              B,
               {
                 type: "text",
-                icon: t.collapsed || c ? /* @__PURE__ */ e(ot, {}) : /* @__PURE__ */ e(st, {}),
+                icon: t.collapsed || v ? /* @__PURE__ */ e(ct, {}) : /* @__PURE__ */ e(dt, {}),
                 style: {
                   fontSize: "12px",
                   color: "#787878",
@@ -1143,28 +1415,28 @@ const Et = ({
                   justifyContent: "center",
                   borderRadius: "0 10px 10px 0"
                 },
-                onClick: C
+                onClick: d
               }
             )
           }
         ),
-        !(t.collapsed || c) && /* @__PURE__ */ e(
+        !(t.collapsed || v) && /* @__PURE__ */ e(
           "div",
           {
             style: {
               padding: 10
             },
             children: /* @__PURE__ */ e(
-              Ae,
+              je,
               {
                 value: r,
-                options: a,
-                onSelect: M,
+                options: w,
+                onSelect: F,
                 onSearch: o,
                 style: { width: "100%" },
                 allowClear: !0,
                 children: /* @__PURE__ */ e(
-                  oe,
+                  ue,
                   {
                     className: t.className.search,
                     placeholder: t.style.search.placeholder,
@@ -1198,7 +1470,7 @@ const Et = ({
             )
           }
         ),
-        !(t.collapsed || c) && /* @__PURE__ */ e(
+        !(t.collapsed || v) && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1207,18 +1479,18 @@ const Et = ({
               marginBottom: "10px"
             },
             children: /* @__PURE__ */ e(
-              Fe,
+              Ve,
               {
                 className: t.className.segmented.wrapper,
                 options: [
                   {
-                    label: /* @__PURE__ */ y(V, { children: [
+                    label: /* @__PURE__ */ C(K, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
                           className: t.className.segmented.item,
                           style: { display: "flex", alignItems: "center" },
-                          children: /* @__PURE__ */ y(
+                          children: /* @__PURE__ */ C(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -1267,7 +1539,7 @@ const Et = ({
                     value: "category"
                   },
                   {
-                    label: /* @__PURE__ */ y(V, { children: [
+                    label: /* @__PURE__ */ C(K, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
@@ -1299,9 +1571,9 @@ const Et = ({
                     value: "favorite"
                   }
                 ],
-                value: s,
-                onChange: (k) => {
-                  i(k);
+                value: i,
+                onChange: (I) => {
+                  a(I);
                 },
                 style: {
                   width: "100%"
@@ -1311,8 +1583,8 @@ const Et = ({
             )
           }
         ),
-        /* @__PURE__ */ y("div", { className: t.className.sider.content, children: [
-          h && /* @__PURE__ */ y(
+        /* @__PURE__ */ C("div", { className: t.className.sider.content, children: [
+          p && /* @__PURE__ */ C(
             "div",
             {
               className: t.className.sider.loading,
@@ -1324,7 +1596,7 @@ const Et = ({
               },
               children: [
                 /* @__PURE__ */ e(
-                  We,
+                  Ue,
                   {
                     theme: {
                       components: {
@@ -1333,7 +1605,7 @@ const Et = ({
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(q, { size: "default" })
+                    children: /* @__PURE__ */ e(re, { size: "default" })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1347,16 +1619,16 @@ const Et = ({
               ]
             }
           ),
-          N && /* @__PURE__ */ y("div", { className: t.className.sider.error, children: [
+          N && /* @__PURE__ */ C("div", { className: t.className.sider.error, children: [
             /* @__PURE__ */ e(
-              at,
+              ut,
               {
                 className: t.className.sider.errorIcon
               }
             ),
             /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
           ] }),
-          !h && !N && s === "category" && m.length === 0 && /* @__PURE__ */ e(
+          !p && !N && i === "category" && h.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1368,7 +1640,7 @@ const Et = ({
               children: "메뉴가 없습니다"
             }
           ),
-          !h && !N && s === "favorite" && $.length === 0 && /* @__PURE__ */ e(
+          !p && !N && i === "favorite" && S.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1380,28 +1652,28 @@ const Et = ({
               children: "즐겨찾기된 메뉴가 없습니다"
             }
           ),
-          !h && !N && s === "category" && m.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            se,
+          !p && !N && i === "category" && h.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            me,
             {
               theme: "light",
               mode: "inline",
-              items: _(m),
+              items: j(h),
               className: t.className.sider.menu,
-              selectedKeys: [d || ""],
+              selectedKeys: [c || ""],
               openKeys: b,
               onOpenChange: l,
-              onClick: (k) => T(k.key)
+              onClick: (I) => H(I.key)
             }
           ) }),
-          !h && !N && s === "favorite" && $.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            se,
+          !p && !N && i === "favorite" && S.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            me,
             {
               theme: "light",
               mode: "inline",
-              items: $,
+              items: S,
               className: t.className.sider.menu,
-              selectedKeys: [d || ""],
-              onClick: (k) => T(k.key)
+              selectedKeys: [c || ""],
+              onClick: (I) => H(I.key)
             }
           ) })
         ] })
@@ -1409,7 +1681,7 @@ const Et = ({
     }
   );
 };
-class Ht extends Ue {
+class Yt extends Xe {
   constructor(t) {
     super(t), this.resetError = () => {
       this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
@@ -1425,7 +1697,7 @@ class Ht extends Ue {
     });
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ y(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ C(
       "div",
       {
         style: {
@@ -1439,17 +1711,17 @@ class Ht extends Ue {
         },
         children: [
           /* @__PURE__ */ e(
-            fe,
+            ke,
             {
               status: "error",
               title: "컴포넌트 로딩 중 오류가 발생했습니다",
               subTitle: this.state.error ? `오류 내용: ${this.state.error.message}` : "알 수 없는 오류가 발생했습니다",
               extra: [
                 /* @__PURE__ */ e(
-                  L,
+                  B,
                   {
                     type: "primary",
-                    icon: /* @__PURE__ */ e(Ce, {}),
+                    icon: /* @__PURE__ */ e(ye, {}),
                     onClick: this.resetError,
                     style: { marginRight: 8 },
                     children: "다시 시도"
@@ -1459,7 +1731,7 @@ class Ht extends Ue {
               ]
             }
           ),
-          this.state.error && /* @__PURE__ */ y(
+          this.state.error && /* @__PURE__ */ C(
             "details",
             {
               style: {
@@ -1494,13 +1766,13 @@ class Ht extends Ue {
     ) : this.props.children;
   }
 }
-const Vt = ({
+const qt = ({
   isActive: n,
   instance: t,
   params: r
 }) => {
-  const { activeMenuId: o, closeTab: s } = A(), i = () => {
-    o && s(o);
+  const { activeMenuId: o, closeTab: i } = O(), a = () => {
+    o && i(o);
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -1516,7 +1788,7 @@ const Vt = ({
         transition: "opacity 0.2s ease-in-out",
         pointerEvents: n ? "auto" : "none"
       },
-      children: /* @__PURE__ */ e(Ht, { children: /* @__PURE__ */ e(X, { fallback: null, children: t && be(t, { params: r }) }) })
+      children: /* @__PURE__ */ e(Yt, { children: /* @__PURE__ */ e(se, { fallback: null, children: t && Ie(t, { params: r }) }) })
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -1547,20 +1819,20 @@ const Vt = ({
             padding: 24
           },
           children: /* @__PURE__ */ e(
-            fe,
+            ke,
             {
-              icon: /* @__PURE__ */ e(dt, { twoToneColor: "#69b1ff" }),
+              icon: /* @__PURE__ */ e(gt, { twoToneColor: "#69b1ff" }),
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
-              subTitle: /* @__PURE__ */ e(_e.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(Ge, { children: /* @__PURE__ */ e(L, { icon: /* @__PURE__ */ e(ye, {}), onClick: i, children: "탭 닫기" }) })
+              subTitle: /* @__PURE__ */ e(Ze.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Ke, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(U, {}), onClick: a, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, jt = ce(Vt), Kt = ({
+}, Qt = fe(qt), Xt = ({
   menuGubunCode: n = {
     mainMenu: "MAIN",
     subMenu: "SUB",
@@ -1570,87 +1842,87 @@ const Vt = ({
   style: r,
   routeMap: o
 }) => {
-  const { menuList: s, findMenuById: i, flatMenuList: b } = J(), { activeMenuId: l } = A(), d = le(), [c, u] = R([]), C = z(
-    (v, p) => {
-      if (v) {
-        const w = Q[v];
-        if (w)
-          return /* @__PURE__ */ e(w, {});
+  const { menuList: i, findMenuById: a, flatMenuList: b } = ie(), { activeMenuId: l } = O(), c = ge(), [v, m] = A([]), d = R(
+    (y, g) => {
+      if (y) {
+        const k = oe[y];
+        if (k)
+          return /* @__PURE__ */ e(k, {});
       }
-      if (p)
-        switch (p) {
+      if (g)
+        switch (g) {
           case n.mainMenu:
-            return /* @__PURE__ */ e(Q.HomeOutlined, {});
+            return /* @__PURE__ */ e(oe.HomeOutlined, {});
           default:
             return null;
         }
       return null;
     },
     [n]
-  ), m = z(
-    (v) => v.map((p) => {
-      const w = p.children && p.children.length === 1 && p.children[0].menuGbCd === n.program;
+  ), h = R(
+    (y) => y.map((g) => {
+      const k = g.children && g.children.length === 1 && g.children[0].menuGbCd === n.program;
       return {
-        key: p.menuId,
-        label: p.menuNm,
-        icon: C(p.iconCd, p.menuGbCd),
+        key: g.menuId,
+        label: g.menuNm,
+        icon: d(g.iconCd, g.menuGbCd),
         // children이 1개이고 program이면 드롭다운 없음, 2개 이상이면 드롭다운 표시
-        children: p.children && p.children.length > 0 && !w ? m(p.children) : void 0
+        children: g.children && g.children.length > 0 && !k ? h(g.children) : void 0
       };
     }),
-    [C, n]
-  ), h = F(() => m(s), [s, m]), N = z(
-    (v) => {
-      const p = i(v.key);
-      if (p) {
-        if (p.children && p.children.length === 1 && p.children[0].menuGbCd === n.program) {
-          const w = p.children[0];
-          let I = o?.[w.menuId] || w.scrnPath || "/";
-          I === "/" ? I = "/main" : I.startsWith("/main") || (I = I.startsWith("/") ? `/main${I}` : `/main/${I}`), d(I);
+    [d, n]
+  ), p = _(() => h(i), [i, h]), N = R(
+    (y) => {
+      const g = a(y.key);
+      if (g) {
+        if (g.children && g.children.length === 1 && g.children[0].menuGbCd === n.program) {
+          const k = g.children[0];
+          let T = o?.[k.menuId] || k.scrnPath || "/";
+          T === "/" ? T = "/main" : T.startsWith("/main") || (T = T.startsWith("/") ? `/main${T}` : `/main/${T}`), c(T);
           return;
         }
-        if (p.menuGbCd === n.program && p.scrnPath) {
-          let w = o?.[p.menuId] || p.scrnPath || "/";
-          w === "/" ? w = "/main" : w.startsWith("/main") || (w = w.startsWith("/") ? `/main${w}` : `/main/${w}`), d(w);
+        if (g.menuGbCd === n.program && g.scrnPath) {
+          let k = o?.[g.menuId] || g.scrnPath || "/";
+          k === "/" ? k = "/main" : k.startsWith("/main") || (k = k.startsWith("/") ? `/main${k}` : `/main/${k}`), c(k);
           return;
         }
       }
     },
-    [i, n, d, o]
+    [a, n, c, o]
   );
-  return E(() => {
+  return D(() => {
     if (!l || t !== "vertical") return;
-    const p = ((w) => {
-      const I = [], D = new Map(b.map((a) => [a.menuId, a]));
-      let g = w;
-      for (; g; ) {
-        const a = D.get(g);
-        if (!a) break;
-        if (a.menuPrntId && a.menuPrntId !== "-" && a.menuPrntId !== "")
-          I.push(a.menuPrntId), g = a.menuPrntId;
+    const g = ((k) => {
+      const T = [], z = new Map(b.map((w) => [w.menuId, w]));
+      let E = k;
+      for (; E; ) {
+        const w = z.get(E);
+        if (!w) break;
+        if (w.menuPrntId && w.menuPrntId !== "-" && w.menuPrntId !== "")
+          T.push(w.menuPrntId), E = w.menuPrntId;
         else
           break;
       }
-      return I;
+      return T;
     })(l);
-    p.length > 0 && u((w) => {
-      const I = /* @__PURE__ */ new Set([...w, ...p]);
-      return Array.from(I);
+    g.length > 0 && m((k) => {
+      const T = /* @__PURE__ */ new Set([...k, ...g]);
+      return Array.from(T);
     });
   }, [l, t, b]), /* @__PURE__ */ e(
-    se,
+    me,
     {
       mode: t,
       theme: "light",
-      items: h,
+      items: p,
       selectedKeys: [l || ""],
-      openKeys: t === "vertical" ? c : void 0,
-      onOpenChange: t === "vertical" ? u : void 0,
+      openKeys: t === "vertical" ? v : void 0,
+      onOpenChange: t === "vertical" ? m : void 0,
       onClick: N,
       style: r
     }
   );
-}, Ut = () => /* @__PURE__ */ y(V, { children: [
+}, Jt = () => /* @__PURE__ */ C(K, { children: [
   /* @__PURE__ */ e(
     "link",
     {
@@ -1660,62 +1932,62 @@ const Vt = ({
     }
   ),
   /* @__PURE__ */ e("div", { className: "LandingContainer-wrap", children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e("div", { className: "content" }) }) })
-] }), Zt = (n, t) => {
+] }), en = (n, t) => {
   console.log("createPopupViewLoader 호출 - popupUrl:", n);
-  const o = ((s) => {
-    if (s.startsWith("/src/pages/views/popup/")) {
-      const l = s + ".tsx";
-      return console.log(`팝업 URL 변환: ${s} -> ${l}`), l;
+  const o = ((i) => {
+    if (i.startsWith("/src/pages/views/popup/")) {
+      const l = i + ".tsx";
+      return console.log(`팝업 URL 변환: ${i} -> ${l}`), l;
     }
-    const b = `/src/pages/views/popup/${s.startsWith("/") ? s.substring(1) : s}.tsx`;
-    return console.log(`팝업 URL 변환: ${s} -> ${b}`), b;
+    const b = `/src/pages/views/popup/${i.startsWith("/") ? i.substring(1) : i}.tsx`;
+    return console.log(`팝업 URL 변환: ${i} -> ${b}`), b;
   })(n);
   return !o || !t?.glob || !t.glob[o] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${n} (${o})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t.glob[o];
-}, Yt = ({ popup: n, modules: t }) => {
-  const [r, o] = R(null), [s, i] = R(!1), [b, l] = R(null), d = () => {
-    console.log("PopupArea - handleClose:", n.popupId), de.getState().closePopup(n.popupId);
+}, tn = ({ popup: n, modules: t }) => {
+  const [r, o] = A(null), [i, a] = A(!1), [b, l] = A(null), c = () => {
+    console.log("PopupArea - handleClose:", n.popupId), be.getState().closePopup(n.popupId);
   };
-  return E(() => {
+  return D(() => {
     (async () => {
-      console.log("팝업 뷰 로드 시작:", n.popupUrl), i(!0), l(null);
+      console.log("팝업 뷰 로드 시작:", n.popupUrl), a(!0), l(null);
       try {
-        const u = Zt(n.popupUrl, t);
-        if (!u) {
-          const h = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
-          console.error(h), l(h), i(!1);
+        const m = en(n.popupUrl, t);
+        if (!m) {
+          const p = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
+          console.error(p), l(p), a(!1);
           return;
         }
         console.log("팝업 뷰 모듈 로드 중...");
-        const C = await u();
-        console.log("팝업 뷰 모듈 로드 완료:", C);
-        const m = C.default;
-        if (console.log("팝업 뷰 컴포넌트:", m), !m)
+        const d = await m();
+        console.log("팝업 뷰 모듈 로드 완료:", d);
+        const h = d.default;
+        if (console.log("팝업 뷰 컴포넌트:", h), !h)
           throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
-        o(() => m), console.log("팝업 뷰 설정 완료");
-      } catch (u) {
-        console.error("팝업 뷰 로드 실패:", u), l(u instanceof Error ? u.message : "팝업 뷰 로드 실패");
+        o(() => h), console.log("팝업 뷰 설정 완료");
+      } catch (m) {
+        console.error("팝업 뷰 로드 실패:", m), l(m instanceof Error ? m.message : "팝업 뷰 로드 실패");
       } finally {
-        i(!1);
+        a(!1);
       }
     })();
-  }, [n.popupUrl]), s ? /* @__PURE__ */ y("div", { className: "popup-loading", children: [
-    /* @__PURE__ */ e(q, { size: "large" }),
+  }, [n.popupUrl]), i ? /* @__PURE__ */ C("div", { className: "popup-loading", children: [
+    /* @__PURE__ */ e(re, { size: "large" }),
     /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
-  ] }) : b ? /* @__PURE__ */ y("div", { className: "popup-error", children: [
-    /* @__PURE__ */ e(ne, { description: b, image: ne.PRESENTED_IMAGE_SIMPLE }),
+  ] }) : b ? /* @__PURE__ */ C("div", { className: "popup-error", children: [
+    /* @__PURE__ */ e(ce, { description: b, image: ce.PRESENTED_IMAGE_SIMPLE }),
     /* @__PURE__ */ e(
-      L,
+      B,
       {
-        icon: /* @__PURE__ */ e(Ce, {}),
+        icon: /* @__PURE__ */ e(ye, {}),
         onClick: () => window.location.reload(),
         children: "다시 시도"
       }
     )
   ] }) : r ? /* @__PURE__ */ e(
-    X,
+    se,
     {
-      fallback: /* @__PURE__ */ y("div", { className: "popup-loading", children: [
-        /* @__PURE__ */ e(q, { size: "large" }),
+      fallback: /* @__PURE__ */ C("div", { className: "popup-loading", children: [
+        /* @__PURE__ */ e(re, { size: "large" }),
         /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
       ] }),
       children: /* @__PURE__ */ e(
@@ -1723,77 +1995,77 @@ const Vt = ({
         {
           popup: {
             ...n,
-            close: d
+            close: c
             // popup 객체에 close 이벤트 추가
           },
-          onClose: d
+          onClose: c
         }
       )
     }
-  ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(ne, { description: "팝업 내용을 불러올 수 없습니다." }) });
-}, qt = ({ modules: n }) => {
-  const { popups: t } = de();
-  return t.length === 0 ? null : /* @__PURE__ */ e(V, { children: t.map((r) => {
+  ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(ce, { description: "팝업 내용을 불러올 수 없습니다." }) });
+}, nn = ({ modules: n }) => {
+  const { popups: t } = be();
+  return t.length === 0 ? null : /* @__PURE__ */ e(K, { children: t.map((r) => {
     if (r.isLocal || r.popupCode.startsWith("CORE_"))
       return null;
-    const o = r.config || {}, s = o.width || r.width || 800, i = o.height || r.height || 600, b = o.title || r.popupTitle, l = r.buttonList?.map((d, c) => ({
-      key: d.btnId || `btn_${c}`,
-      text: d.btnNm,
-      type: d.btnId === "CLOSE" ? "default" : "primary",
-      disabled: d.enblYn !== "Y",
+    const o = r.config || {}, i = o.width || r.width || 800, a = o.height || r.height || 600, b = o.title || r.popupTitle, l = r.buttonList?.map((c, v) => ({
+      key: c.btnId || `btn_${v}`,
+      text: c.btnNm,
+      type: c.btnId === "CLOSE" ? "default" : "primary",
+      disabled: c.enblYn !== "Y",
       danger: !1
     })) || [];
     return console.log("팝업 렌더링:", {
       popupId: r.popupId,
       popupCode: r.popupCode,
       title: b,
-      width: s,
-      height: i,
+      width: i,
+      height: a,
       buttons: l
-    }), /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Yt, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
+    }), /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(tn, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
-}, xe = () => {
-  const { popups: n, closePopup: t } = de();
-  return /* @__PURE__ */ e(V, { children: n.map((r) => {
+}, Te = () => {
+  const { popups: n, closePopup: t } = be();
+  return /* @__PURE__ */ e(K, { children: n.map((r) => {
     if (!(r.isLocal || r.popupCode.startsWith("CORE_"))) return null;
-    const o = Tt[r.popupCode];
+    const o = Dt[r.popupCode];
     if (!o) return null;
-    const s = o.component;
-    return /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(X, { fallback: null, children: /* @__PURE__ */ e(s, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId) }, `sbp-${r.popupId}`);
+    const i = o.component;
+    return /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(se, { fallback: null, children: /* @__PURE__ */ e(i, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
-}, Qt = (n) => ({
+}, rn = (n) => ({
   position: "absolute",
   inset: 0,
   visibility: n ? "visible" : "hidden",
   opacity: n ? 1 : 0,
   transition: "opacity 0.2s ease-in-out",
   pointerEvents: n ? "auto" : "none"
-}), Xt = ({ once: n = !0 }) => {
-  const { lock: t } = Se(), r = U(!1);
-  return E(() => {
+}), on = ({ once: n = !0 }) => {
+  const { lock: t } = Oe(), r = J(!1);
+  return D(() => {
     n && r.current || (r.current = !0, t());
   }, [n, t]), null;
-}, Jt = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: s }) => {
-  const i = U(null), [b, l] = R(!1), d = z((u) => {
-    i.current = u, l(!!u);
-  }, []), c = Qt(n);
-  return /* @__PURE__ */ e("div", { ref: d, style: c, children: b ? /* @__PURE__ */ y(
-    Pe,
+}, sn = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: i }) => {
+  const a = J(null), [b, l] = A(!1), c = R((m) => {
+    a.current = m, l(!!m);
+  }, []), v = rn(n);
+  return /* @__PURE__ */ e("div", { ref: c, style: v, children: b ? /* @__PURE__ */ C(
+    Be,
     {
       idleMs: Number.POSITIVE_INFINITY,
       persistLocked: !1,
       overlayScope: "scoped",
       overlayPosition: "absolute",
-      eventTarget: i.current,
+      eventTarget: a.current,
       overlayId: `tab-overlay-${r}`,
       onUnlock: async () => (o(), !0),
       children: [
-        n && t ? /* @__PURE__ */ e(Xt, { once: !0 }) : null,
-        s
+        n && t ? /* @__PURE__ */ e(on, { once: !0 }) : null,
+        i
       ]
     }
-  ) : s });
-}, fn = ({
+  ) : i });
+}, xn = ({
   config: n = {},
   modules: t = {
     view: {
@@ -1804,38 +2076,43 @@ const Vt = ({
     }
   }
 }) => {
-  const r = U(
+  const r = J(
     /* @__PURE__ */ new Map()
   ), {
     tabs: o,
-    tabParams: s,
-    activeMenuId: i,
+    tabParams: i,
+    activeMenuId: a,
     tabProtectFlag: b,
-    clearProtectFlagForKey: l
-  } = A(), d = z(
-    (c) => {
-      const u = r.current.get(c.key);
-      if (u) return u;
-      const C = c.gubun === "M" ? `${t.view.path}${c.menuItem?.scrnPath}.tsx` : `${t.view.path}${c.componentItem?.scrnPath}.tsx`;
-      let m = t.view?.glob?.[C];
-      if (!m && typeof import.meta < "u" && typeof import.meta.glob == "function" && (m = (/* @__PURE__ */ Object.assign({}))[C]), m) {
-        const h = W(
-          m
+    refreshTabKey: l,
+    clearProtectFlagForKey: c
+  } = O(), { enableProtectWrapper: v } = Ne(), m = R(
+    (d) => {
+      const h = r.current.get(d.key);
+      if (h) return h;
+      const p = d.gubun === "M" ? `${t.view.path}${d.menuItem?.scrnPath}.tsx` : `${t.view.path}${d.componentItem?.scrnPath}.tsx`;
+      let N = t.view?.glob?.[p];
+      if (!N && typeof import.meta < "u" && typeof import.meta.glob == "function" && (N = (/* @__PURE__ */ Object.assign({}))[p]), N) {
+        const y = W(
+          N
         );
-        return r.current.set(c.key, h), h;
+        return r.current.set(d.key, y), y;
       }
       return null;
     },
     [t.view?.glob]
   );
-  return /* @__PURE__ */ y(j, { className: "main-layout", children: [
-    /* @__PURE__ */ e(we, { config: n?.header }),
-    /* @__PURE__ */ y(j, { children: [
-      /* @__PURE__ */ e(_t, { config: n?.sidebar }),
-      /* @__PURE__ */ y("div", { className: "content-container", children: [
-        /* @__PURE__ */ e(Wt, { config: n?.menuTab }),
-        /* @__PURE__ */ y(ve, { config: n?.content, children: [
-          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ y(
+  return D(() => {
+    Object.keys(l).forEach((d) => {
+      r.current.delete(d);
+    });
+  }, [l]), /* @__PURE__ */ C(Z, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Se, { config: n?.header }),
+    /* @__PURE__ */ C(Z, { children: [
+      /* @__PURE__ */ e(Zt, { config: n?.sidebar }),
+      /* @__PURE__ */ C("div", { className: "content-container", children: [
+        /* @__PURE__ */ e(Ut, { config: n?.menuTab }),
+        /* @__PURE__ */ C(Pe, { config: n?.content, children: [
+          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ C(
             "div",
             {
               style: {
@@ -1844,40 +2121,40 @@ const Vt = ({
                 height: "100%"
               },
               children: [
-                o.map((c) => {
-                  const u = d(c), C = i === c.key, m = !!b?.[c.key], h = s[c.key] || {};
-                  return /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(
-                    Jt,
+                o.map((d) => {
+                  const h = m(d), p = a === d.key, N = !!b?.[d.key], y = i[d.key] || {}, g = l[d.key], k = g ? `${d.key}-${g}` : d.key, T = /* @__PURE__ */ e(
+                    Qt,
                     {
-                      isActive: C,
-                      flagged: m,
-                      tabKey: c.key,
-                      onUnlock: () => l(c.key),
-                      children: /* @__PURE__ */ e(
-                        jt,
-                        {
-                          isActive: C,
-                          instance: u || void 0,
-                          params: h
-                        },
-                        c.key
-                      )
+                      isActive: p,
+                      instance: h || void 0,
+                      params: y
                     },
-                    c.key
-                  ) }, `sbp-${c.key}`);
+                    k
+                  );
+                  return /* @__PURE__ */ e(pe, { children: v ? /* @__PURE__ */ e(
+                    sn,
+                    {
+                      isActive: p,
+                      flagged: N,
+                      tabKey: d.key,
+                      onUnlock: () => c(d.key),
+                      children: T
+                    },
+                    d.key
+                  ) : T }, `sbp-${d.key}`);
                 }),
-                (!i || o.length === 0) && /* @__PURE__ */ e(Ut, {})
+                (!a || o.length === 0) && /* @__PURE__ */ e(Jt, {})
               ]
             }
           ) }),
-          /* @__PURE__ */ e(xe, {}),
-          /* @__PURE__ */ e(qt, { modules: t?.popup })
+          /* @__PURE__ */ e(Te, {}),
+          /* @__PURE__ */ e(nn, { modules: t?.popup })
         ] })
       ] })
     ] }),
-    (n?.quickService?.visible ?? !0) && /* @__PURE__ */ e(Ee, {})
+    (n?.quickService?.visible ?? !0) && /* @__PURE__ */ e(Ae, {})
   ] });
-}, en = ({
+}, an = ({
   children: n,
   menuGubunCode: t = {
     mainMenu: "CMPRGRM",
@@ -1887,55 +2164,55 @@ const Vt = ({
   routeMap: r,
   routes: o
 }) => {
-  const s = Le(), i = le(), { flatMenuList: b, findMenuById: l } = J(), d = F(() => {
-    const u = s.pathname, C = u.replace(/^\/main/, "") || "/";
+  const i = Re(), a = ge(), { flatMenuList: b, findMenuById: l } = ie(), c = _(() => {
+    const m = i.pathname, d = m.replace(/^\/main/, "") || "/";
     if (r) {
-      const m = Object.keys(r).find(
-        (N) => r[N] === u
+      const h = Object.keys(r).find(
+        (N) => r[N] === m
       );
-      if (m)
-        return l(m);
-      const h = Object.keys(r).find((N) => (r[N].replace(/^\/main/, "") || "/") === C);
       if (h)
         return l(h);
+      const p = Object.keys(r).find((N) => (r[N].replace(/^\/main/, "") || "/") === d);
+      if (p)
+        return l(p);
     }
     return b.find(
-      (m) => m.menuGbCd === t.program && m.scrnPath && (m.scrnPath === C || m.scrnPath === u || u.endsWith(m.scrnPath) || C === m.scrnPath)
+      (h) => h.menuGbCd === t.program && h.scrnPath && (h.scrnPath === d || h.scrnPath === m || m.endsWith(h.scrnPath) || d === h.scrnPath)
     );
   }, [
-    s.pathname,
+    i.pathname,
     b,
     t.program,
     r,
     l
-  ]), c = F(() => {
-    if (!d)
+  ]), v = _(() => {
+    if (!c)
       return [];
-    const u = [], C = (h) => {
-      if (!h || !h.menuPrntId || h.menuPrntId === "-")
+    const m = [], d = (p) => {
+      if (!p || !p.menuPrntId || p.menuPrntId === "-")
         return [];
-      const N = l(h.menuPrntId);
-      return N ? [...C(N), N] : [];
+      const N = l(p.menuPrntId);
+      return N ? [...d(N), N] : [];
     };
-    return C(d).forEach((h) => {
-      if (h.menuGbCd === t.mainMenu || h.menuGbCd === t.subMenu) {
+    return d(c).forEach((p) => {
+      if (p.menuGbCd === t.mainMenu || p.menuGbCd === t.subMenu) {
         let N;
-        if (r && h.menuId && (N = r[h.menuId]), !N && o && h.scrnPath) {
-          const v = h.scrnPath.startsWith("/") ? h.scrnPath : `/${h.scrnPath}`, p = Object.keys(o).find(
-            (w) => w === v || w === `/main${v}`
+        if (r && p.menuId && (N = r[p.menuId]), !N && o && p.scrnPath) {
+          const y = p.scrnPath.startsWith("/") ? p.scrnPath : `/${p.scrnPath}`, g = Object.keys(o).find(
+            (k) => k === y || k === `/main${y}`
           );
-          p && (N = p.startsWith("/main") ? p : `/main${p.startsWith("/") ? p : `/${p}`}`);
+          g && (N = g.startsWith("/main") ? g : `/main${g.startsWith("/") ? g : `/${g}`}`);
         }
-        u.push({
-          title: h.menuNm,
-          onClick: N ? () => i(N) : void 0
+        m.push({
+          title: p.menuNm,
+          onClick: N ? () => a(N) : void 0
         });
       }
-    }), u.push({
-      title: d.menuNm
-    }), u;
-  }, [d, t, i, l]);
-  return /* @__PURE__ */ y(
+    }), m.push({
+      title: c.menuNm
+    }), m;
+  }, [c, t, a, l]);
+  return /* @__PURE__ */ C(
     "div",
     {
       style: {
@@ -1944,10 +2221,10 @@ const Vt = ({
       },
       children: [
         /* @__PURE__ */ e(
-          He,
+          Ye,
           {
             separator: ">",
-            items: c,
+            items: v,
             style: { marginBottom: "16px" }
           }
         ),
@@ -1955,30 +2232,30 @@ const Vt = ({
       ]
     }
   );
-}, bn = ({ config: n = {} }) => {
-  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, s = F(() => {
+}, kn = ({ config: n = {} }) => {
+  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, i = _(() => {
     if (!o) return;
-    const i = {}, { flatMenuList: b } = J.getState();
+    const a = {}, { flatMenuList: b } = ie.getState();
     return b.forEach((l) => {
       if (l.menuGbCd === t?.menuGubunCode?.program && l.scrnPath) {
-        const d = l.scrnPath.startsWith("/") ? l.scrnPath : `/${l.scrnPath}`, c = Object.keys(o).find((u) => {
-          const C = u === "/" ? "/" : u.startsWith("/") ? u : `/${u}`;
-          return C === d || C === `/main${d}` || d === C.replace(/^\/main/, "");
+        const c = l.scrnPath.startsWith("/") ? l.scrnPath : `/${l.scrnPath}`, v = Object.keys(o).find((m) => {
+          const d = m === "/" ? "/" : m.startsWith("/") ? m : `/${m}`;
+          return d === c || d === `/main${c}` || c === d.replace(/^\/main/, "");
         });
-        if (c) {
-          const u = c === "/" ? "/main" : c.startsWith("/main") ? c : `/main${c.startsWith("/") ? c : `/${c}`}`;
-          i[l.menuId] = u;
+        if (v) {
+          const m = v === "/" ? "/main" : v.startsWith("/main") ? v : `/main${v.startsWith("/") ? v : `/${v}`}`;
+          a[l.menuId] = m;
         }
       }
-    }), i;
+    }), a;
   }, [o, t?.menuGubunCode?.program]);
-  return /* @__PURE__ */ y(j, { className: "main-layout", children: [
-    /* @__PURE__ */ e(we, { config: n?.header, children: r && /* @__PURE__ */ e(
-      Kt,
+  return /* @__PURE__ */ C(Z, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Se, { config: n?.header, children: r && /* @__PURE__ */ e(
+      Xt,
       {
         menuGubunCode: t?.menuGubunCode,
         mode: t?.style?.mode || "horizontal",
-        routeMap: s,
+        routeMap: i,
         style: {
           border: "none",
           backgroundColor: "transparent",
@@ -1988,7 +2265,7 @@ const Vt = ({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ y(ve, { config: n?.content, children: [
+    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ C(Pe, { config: n?.content, children: [
       /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ e(
         "div",
         {
@@ -1997,48 +2274,48 @@ const Vt = ({
             width: "100%",
             height: "100%"
           },
-          children: /* @__PURE__ */ e(X, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(ge, { children: Object.entries(o || {}).map(([i, b]) => {
-            const l = i === "/" ? "" : i.replace(/^\/main/, "").replace(/^\//, "") || "";
+          children: /* @__PURE__ */ e(se, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(xe, { children: Object.entries(o || {}).map(([a, b]) => {
+            const l = a === "/" ? "" : a.replace(/^\/main/, "").replace(/^\//, "") || "";
             return /* @__PURE__ */ e(
-              Y,
+              te,
               {
                 path: l,
                 element: /* @__PURE__ */ e(
-                  en,
+                  an,
                   {
                     menuGubunCode: t?.menuGubunCode,
-                    routeMap: s,
+                    routeMap: i,
                     routes: o,
                     children: /* @__PURE__ */ e(b, {})
                   }
                 )
               },
-              i
+              a
             );
           }) }) })
         }
       ) }),
-      /* @__PURE__ */ e(xe, {})
+      /* @__PURE__ */ e(Te, {})
     ] }) })
   ] });
 };
-function yn({
+function In({
   config: n,
   ui: t,
   navigate: r
 }) {
-  const { loading: o, capsOn: s, prefills: i, onKeyDown: b, doLogin: l } = Qe(n), d = (c) => l(c, r);
-  return E(() => {
-    Xe.getState().fetchSystemMap();
-  }, []), /* @__PURE__ */ e(V, { children: t({ onSubmit: d, loading: o, capsOn: s, onKeyDown: b, prefills: i }) });
+  const { loading: o, capsOn: i, prefills: a, onKeyDown: b, doLogin: l } = tt(n), c = (v) => l(v, r);
+  return D(() => {
+    nt.getState().fetchSystemMap();
+  }, []), /* @__PURE__ */ e(K, { children: t({ onSubmit: c, loading: o, capsOn: i, onKeyDown: b, prefills: a }) });
 }
-function Cn({
+function Nn({
   onSubmit: n,
   loading: t,
   capsOn: r,
   onKeyDown: o,
-  prefills: s,
-  labels: i = {
+  prefills: i,
+  labels: a = {
     id: "ID 혹은 사번",
     pw: "비밀번호",
     remember: "Remember me",
@@ -2047,15 +2324,15 @@ function Cn({
   header: b,
   footer: l
 }) {
-  const [d] = H.useForm();
-  return E(() => {
-    s && (s.id || s.pswr) && d.setFieldsValue({ id: s.id, pswr: s.pswr });
-  }, [s, d]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ y("div", { className: "login_wrap", children: [
+  const [c] = V.useForm();
+  return D(() => {
+    i && (i.id || i.pswr) && c.setFieldsValue({ id: i.id, pswr: i.pswr });
+  }, [i, c]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ C("div", { className: "login_wrap", children: [
     b || /* @__PURE__ */ e("div", { className: "logo_box" }),
     /* @__PURE__ */ e("div", { className: "login_title" }),
-    /* @__PURE__ */ e(H, { form: d, onFinish: n, className: "login-form", children: /* @__PURE__ */ y(Ve, { vertical: !0, children: [
+    /* @__PURE__ */ e(V, { form: c, onFinish: n, className: "login-form", children: /* @__PURE__ */ C(ne, { vertical: !0, children: [
       /* @__PURE__ */ e(
-        H.Item,
+        V.Item,
         {
           name: "id",
           rules: [
@@ -2065,47 +2342,47 @@ function Cn({
               message: "아이디는 공백이 들어갈 수 없습니다."
             }
           ],
-          children: /* @__PURE__ */ e(oe, { allowClear: !0, placeholder: i.id, onKeyDown: o })
+          children: /* @__PURE__ */ e(ue, { allowClear: !0, placeholder: a.id, onKeyDown: o })
         }
       ),
       /* @__PURE__ */ e(
-        H.Item,
+        V.Item,
         {
           name: "pswr",
           rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
           children: /* @__PURE__ */ e(
-            oe.Password,
+            ue.Password,
             {
               allowClear: !0,
-              placeholder: i.pw,
+              placeholder: a.pw,
               onKeyDown: o
             }
           )
         }
       ),
-      /* @__PURE__ */ e(H.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(je, { children: i.remember }) }),
+      /* @__PURE__ */ e(V.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(qe, { children: a.remember }) }),
       /* @__PURE__ */ e("div", { className: r ? "caps-lock caps-lock-on" : "caps-lock", children: r ? "Caps Lock On" : "Caps Lock Off" }),
-      /* @__PURE__ */ e(H.Item, { children: /* @__PURE__ */ e(L, { type: "primary", htmlType: "submit", loading: t, block: !0, children: i.login }) })
+      /* @__PURE__ */ e(V.Item, { children: /* @__PURE__ */ e(B, { type: "primary", htmlType: "submit", loading: t, block: !0, children: a.login }) })
     ] }) }),
     l
   ] }) });
 }
 export {
-  gn as A,
-  fn as B,
-  jt as C,
-  Cn as D,
-  Kt as H,
-  pn as L,
-  qt as P,
-  bn as a,
-  yn as b,
-  Ut as c,
-  ve as d,
-  we as e,
-  Wt as f,
-  _t as g,
-  en as h,
-  Jt as i,
-  Tt as l
+  wn as A,
+  xn as B,
+  Qt as C,
+  Nn as D,
+  Xt as H,
+  vn as L,
+  nn as P,
+  kn as a,
+  In as b,
+  Jt as c,
+  Pe as d,
+  Se as e,
+  Ut as f,
+  Zt as g,
+  an as h,
+  sn as i,
+  Dt as l
 };