@bwg-ui/core 1.3.0 → 1.3.2

package/dist/chunks/{layout-components-DNhUIx4u.js → layout-components-B25FFvXj.js}

@@ -1,38 +1,38 @@
-import { jsxs as C, jsx as e, Fragment as V } from "react/jsx-runtime";
-import { o as Pe, C as Se, S as ie, n as Le, m as Me } from "./provider-VCa8UGvF.js";
-import { Routes as fe, Route as Y, Navigate as Te, useNavigate as le, useLocation as Ee } from "react-router-dom";
-import { G as Be, B as Oe, Q as Re } from "./common-components-BjfrRYiU.js";
-import { Spin as q, Layout as j, ColorPicker as De, Button as M, Divider as ue, Slider as te, Switch as ze, Popover as Ae, Avatar as $e, Tabs as Fe, Tooltip as K, AutoComplete as We, Input as oe, Segmented as _e, ConfigProvider as Ge, Menu as se, Result as be, Space as He, Typography as Ve, Empty as ne, Breadcrumb as je, Form as H, Flex as Ke, Checkbox as Ue } from "antd";
-import { lazy as z, useEffect as B, useState as R, useRef as U, useMemo as _, useCallback as D, createElement as ye, memo as ce, cloneElement as Ze, Component as Ye, Suspense as X } from "react";
-import { useLogout as qe, useUserStore as Ce, useMenuViewStore as F, useMenuModelStore as J, useFavoriteStore as Qe, usePopupStore as de, useLogin as Xe, useSystemStore as Je } from "../stores/index.js";
-import * as Q from "@ant-design/icons";
-import { UserOutlined as et, StepBackwardOutlined as tt, LeftOutlined as nt, RightOutlined as rt, StepForwardOutlined as ot, CloseOutlined as ve, MenuUnfoldOutlined as st, MenuFoldOutlined as at, ExclamationCircleOutlined as it, WarningOutlined as lt, StarOutlined as ct, FolderOpenOutlined as dt, ReloadOutlined as we, ExclamationCircleTwoTone as ut } from "@ant-design/icons";
-import { getCookie as mt, getTodateString as me, setCookie as ht, THEME_COOKIE_NAME as he, getUserId as pe } from "../utils/index.js";
-import { useSensors as pt, useSensor as gt, PointerSensor as ft, DndContext as bt, closestCenter as yt } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as Ct } from "@dnd-kit/modifiers";
-import { arrayMove as vt, SortableContext as wt, horizontalListSortingStrategy as xt, useSortable as kt } from "@dnd-kit/sortable";
-const It = z(
-  () => import("./MenuReport-Bw3AvR6b.js")
-), Nt = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.$)
-), Pt = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.a0)
-), St = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.a1)
-), Lt = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.a2)
-), Mt = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.a4)
-), Tt = z(
-  () => import("./CMSearchIntfGwP01-_h2B12Ig.js")
-), Et = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.a5)
-), Bt = z(
-  () => import("./common-components-BjfrRYiU.js").then((n) => n.a3)
-), Ot = {
+import { jsxs as b, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { o as Le, C as Be, S as ge, n as Oe, m as Ee } from "./provider-VCa8UGvF.js";
+import { Routes as ke, Route as te, Navigate as Re, useNavigate as fe, useLocation as De } from "react-router-dom";
+import { G as ze, B as Ae, Q as We } from "./common-components-dzN5Nuq0.js";
+import { Spin as re, Layout as Z, Button as B, Divider as le, Flex as ne, Slider as ce, Switch as $e, Modal as Fe, Popover as _e, Avatar as Ge, Dropdown as He, Tabs as je, Tooltip as Q, AutoComplete as Ve, Input as me, Segmented as Ue, ConfigProvider as Ke, Menu as he, Result as Ie, Space as Ze, Typography as Ye, Empty as de, Breadcrumb as qe, Form as U, Checkbox as Qe } from "antd";
+import { lazy as W, useEffect as z, useRef as Y, useCallback as D, useMemo as _, useState as A, createElement as Ne, memo as be, cloneElement as Xe, Component as Je, Suspense as se } from "react";
+import { useLogout as et, useUserStore as Pe, useMenuViewStore as O, useMenuModelStore as ae, useFavoriteStore as tt, usePopupStore as ye, useLogin as nt, useSystemStore as rt } from "../stores/index.js";
+import * as oe from "@ant-design/icons";
+import { UndoOutlined as ee, UserOutlined as ot, CloseOutlined as X, PushpinOutlined as st, ReloadOutlined as Ce, RestOutlined as at, PushpinTwoTone as it, StepBackwardOutlined as lt, LeftOutlined as ct, RightOutlined as dt, StepForwardOutlined as ut, MenuUnfoldOutlined as mt, MenuFoldOutlined as ht, ExclamationCircleOutlined as pt, WarningOutlined as gt, StarOutlined as ft, FolderOpenOutlined as bt, ExclamationCircleTwoTone as yt } from "@ant-design/icons";
+import { getTodateString as ve, colorFormat as Ct, getUserId as we } from "../utils/index.js";
+import { useSensors as vt, useSensor as wt, PointerSensor as xt, DndContext as kt, closestCenter as It } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as Nt } from "@dnd-kit/modifiers";
+import { arrayMove as Pt, SortableContext as St, horizontalListSortingStrategy as Tt, useSortable as Mt } from "@dnd-kit/sortable";
+const Lt = W(
+  () => import("./MenuReport-DxJIaW8D.js")
+), Bt = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.$)
+), Ot = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.a0)
+), Et = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.a1)
+), Rt = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.a2)
+), Dt = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.a4)
+), zt = W(
+  () => import("./CMSearchIntfGwP01-Bx5cpkhH.js")
+), At = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.a5)
+), Wt = W(
+  () => import("./common-components-dzN5Nuq0.js").then((n) => n.a3)
+), $t = {
   // 게시판/문의
   CORE_REPORT: {
-    component: It,
+    component: Lt,
     defaultConfig: {
       title: "게시판/문의",
       width: 1200,
@@ -41,7 +41,7 @@ const It = z(
   },
   // 조직/부서 검색류
   CORE_DEPARTMENT_01: {
-    component: Nt,
+    component: Bt,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -49,7 +49,7 @@ const It = z(
     }
   },
   CORE_DEPARTMENT_02: {
-    component: Pt,
+    component: Ot,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -57,7 +57,7 @@ const It = z(
     }
   },
   CORE_ORGANIZATION_01: {
-    component: St,
+    component: Et,
     defaultConfig: {
       title: "조직 검색",
       width: 620,
@@ -65,7 +65,7 @@ const It = z(
     }
   },
   CORE_ORGANIZATION_02: {
-    component: Lt,
+    component: Rt,
     defaultConfig: {
       title: "조직 검색",
       width: 1e3,
@@ -73,7 +73,7 @@ const It = z(
     }
   },
   CORE_PRGR_02: {
-    component: Mt,
+    component: Dt,
     defaultConfig: {
       title: "프로그램 검색",
       width: 700,
@@ -81,7 +81,7 @@ const It = z(
     }
   },
   CORE_GW_DRAFTS: {
-    component: Tt,
+    component: zt,
     defaultConfig: {
       title: "기안 목록",
       width: 1e3,
@@ -89,7 +89,7 @@ const It = z(
     }
   },
   CORE_ADDRESS_01: {
-    component: Et,
+    component: At,
     defaultConfig: {
       title: "주소 검색",
       width: 750,
@@ -97,18 +97,18 @@ const It = z(
     }
   },
   CORE_HOLIDAY_01: {
-    component: Bt,
+    component: Wt,
     defaultConfig: {
       title: "휴일 검색",
       width: 750,
       height: 800
     }
   }
-}, ge = "bwg-dot-line-wave-v4";
-function Rt() {
-  if (typeof document > "u" || document.getElementById(ge)) return;
+}, xe = "bwg-dot-line-wave-v4";
+function Ft() {
+  if (typeof document > "u" || document.getElementById(xe)) return;
   const n = document.createElement("style");
-  n.id = ge, n.textContent = `
+  n.id = xe, n.textContent = `
     .bwg-dotline {
       display: inline-flex;
       align-items: center;
@@ -144,70 +144,67 @@ function Rt() {
     }
   `, document.head.appendChild(n);
 }
-const Dt = ({
+const _t = ({
   colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
   count: t,
   size: r = 12,
   gap: o = 10,
-  amp: s = 16,
-  speedMs: a = 900,
-  direction: b = "ltr",
-  phase: l = 0.7
+  amp: a = 16,
+  speedMs: i = 900,
+  direction: y = "ltr",
+  phase: c = 0.7
 }) => {
-  B(() => {
-    Rt();
+  z(() => {
+    Ft();
   }, []);
-  const c = t ?? n.length, y = Array.from({ length: c }), i = {
+  const u = t ?? n.length, v = Array.from({ length: u }), p = {
     "--bwg-size": `${r}px`,
     "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${s}px`,
-    "--bwg-speed": `${a}ms`
-  }, v = a / c * l;
+    "--bwg-amp": `${a}px`,
+    "--bwg-speed": `${i}ms`
+  }, N = i / u * c;
   return /* @__PURE__ */ e(
     "span",
     {
       className: "bwg-dotline",
       role: "img",
       "aria-label": "loading",
-      style: i,
-      children: y.map((h, u) => /* @__PURE__ */ e(
+      style: p,
+      children: v.map((l, m) => /* @__PURE__ */ e(
         "span",
         {
           className: "dot",
           style: {
-            backgroundColor: n[u % n.length],
-            animationDelay: b === "ltr" ? `${u * v}ms` : `${(c - 1 - u) * v}ms`
+            backgroundColor: n[m % n.length],
+            animationDelay: y === "ltr" ? `${m * N}ms` : `${(u - 1 - m) * N}ms`
           }
         },
-        u
+        m
       ))
     }
   );
-}, bn = ({
+}, In = ({
   spin: n = null,
   text: t = "인증중...",
   dimStyle: r = "dark"
 }) => {
   if (!(n ?? !0)) return null;
-  const a = r === "dark";
-  return /* @__PURE__ */ C(
+  const i = r === "dark";
+  return /* @__PURE__ */ b(
     "div",
     {
       className: "loading-overlay",
       style: {
-        position: "fixed",
-        height: "100vh",
-        left: 0,
-        right: 0,
-        top: 0,
+        position: "absolute",
+        inset: 0,
         display: "flex",
         flexDirection: "column",
         justifyContent: "center",
         alignItems: "center",
         gap: 8,
         padding: "8px 12px",
-        background: a ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
-        color: a ? "#fff" : "#333",
+        background: i ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
+        color: i ? "#fff" : "#333",
         backdropFilter: "blur(4px)",
         zIndex: 1e4
       },
@@ -216,10 +213,10 @@ const Dt = ({
       role: "status",
       children: [
         /* @__PURE__ */ e(
-          q,
+          re,
           {
             indicator: /* @__PURE__ */ e(
-              Dt,
+              _t,
               {
                 colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
                 size: 12,
@@ -236,18 +233,18 @@ const Dt = ({
       ]
     }
   );
-}, yn = ({
+}, Nn = ({
   routes: n,
   useCommonProvider: t = !0,
   useServiceProvider: r = !0
 }) => {
-  let s = /* @__PURE__ */ C(fe, { children: [
-    /* @__PURE__ */ e(Y, { path: "/", element: /* @__PURE__ */ e(Te, { to: "/login" }) }),
-    /* @__PURE__ */ e(Y, { path: "/login", element: n.login }),
-    /* @__PURE__ */ e(Y, { path: "/main/*", element: n.main })
+  let a = /* @__PURE__ */ b(ke, { children: [
+    /* @__PURE__ */ e(te, { path: "/", element: /* @__PURE__ */ e(Re, { to: "/login" }) }),
+    /* @__PURE__ */ e(te, { path: "/login", element: n.login }),
+    /* @__PURE__ */ e(te, { path: "/main/*", element: n.main })
   ] });
-  return r && (s = /* @__PURE__ */ e(Pe, { children: s })), t && (s = /* @__PURE__ */ e(Se, { children: s })), /* @__PURE__ */ e(Be, { children: s });
-}, { Content: zt } = j, xe = ({
+  return r && (a = /* @__PURE__ */ e(Le, { children: a })), t && (a = /* @__PURE__ */ e(Be, { children: a })), /* @__PURE__ */ e(ze, { children: a });
+}, { Content: Gt } = Z, Se = ({
   config: n = {},
   children: t
 }) => {
@@ -263,11 +260,11 @@ const Dt = ({
     ...n
   };
   return /* @__PURE__ */ e(
-    zt,
+    Gt,
     {
       className: r.wrapper.className,
       style: r.wrapper.style,
-      children: /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(
         "div",
         {
           className: r.body.className,
@@ -277,7 +274,7 @@ const Dt = ({
       ) })
     }
   );
-}, At = "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", $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%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", 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%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: Wt } = j, G = {
+}, Ht = "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", jt = "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", Vt = "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: Ut } = Z, { confirm: Kt } = Fe, $ = {
   light: {
     headerBg: "#ffffff",
     headerText: "#000000",
@@ -330,11 +327,11 @@ const Dt = ({
     buttonDefaultBorder: "#dddddd",
     buttonPermissionBorder: "#bdb1ff"
   }
-}, re = {
+}, ue = {
   0: "작게",
   1: "보통",
   2: "크게"
-}, ke = ({ config: n = {}, children: t }) => {
+}, Te = ({ config: n = {}, children: t }) => {
   const r = {
     gap: 14,
     minWidth: 200,
@@ -367,152 +364,273 @@ const Dt = ({
       ...n.logo
     },
     right: r
-  }, s = le(), [a, b] = R("modern"), l = U(null), c = qe(), {
-    componentSize: y,
-    setComponentSize: i,
+  }, a = fe(), i = Y(null), y = et(), {
+    componentSize: c,
+    setComponentSize: u,
     gridSize: v,
-    setGridSize: h,
-    spacingSize: u,
-    setSpacingSize: x,
-    enableProtectWrapper: N,
-    setEnableProtectWrapper: p
-  } = Ce(), g = (d, w) => {
+    setGridSize: p,
+    spacingSize: N,
+    setSpacingSize: l,
+    enableProtectWrapper: m,
+    setEnableProtectWrapper: k,
+    theme: g,
+    setTheme: d,
+    clearAllGridLayouts: C
+  } = Pe(), T = 1, E = 2, R = 2, x = (h, S) => {
     try {
-      if (!/^[a-zA-Z0-9-]+$/.test(d) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(w)) return;
-      document.documentElement.style.setProperty(d, w);
-    } catch (W) {
-      console.error("CSS variable setting failed:", W);
+      if (!/^[a-zA-Z0-9-]+$/.test(h) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(S)) return;
+      document.documentElement.style.setProperty(h, S);
+    } catch (I) {
+      console.error("CSS variable setting failed:", I);
     }
-  }, P = (d) => {
-    if (!G[d]) return;
-    b(d);
-    const w = { ...G[d] };
-    g("--header-bg", w.headerBg), g("--header-text", w.headerText), g("--sidebar-bg", w.sidebarBg), g("--sidebar-text", w.sidebarText), g("--button-primary", w.buttonPrimary), g("--button-primary-hover", w.buttonPrimaryHover), g("--button-primary-active", w.buttonPrimaryActive), g("--button-default", w.buttonDefault), g("--button-default-hover", w.buttonDefaultHover), g("--button-default-border", w.buttonDefaultBorder), g(
+  }, F = (h) => {
+    if (!$[h]) return;
+    d(h);
+    const S = { ...$[h] };
+    x("--header-bg", S.headerBg), x("--header-text", S.headerText), x("--sidebar-bg", S.sidebarBg), x("--sidebar-text", S.sidebarText), x("--button-primary", S.buttonPrimary), x("--button-primary-hover", S.buttonPrimaryHover), x("--button-primary-active", S.buttonPrimaryActive), x("--button-default", S.buttonDefault), x("--button-default-hover", S.buttonDefaultHover), x("--button-default-border", S.buttonDefaultBorder), x(
       "--button-permission-border",
-      w.buttonPermissionBorder
-    ), l.current && l.current.setAttribute("data-theme", d), document.documentElement.setAttribute("data-theme", d), ht(he, d, 30);
+      S.buttonPermissionBorder
+    ), i.current && i.current.setAttribute("data-theme", h), document.documentElement.setAttribute("data-theme", h);
   };
-  B(() => {
-    const d = mt(he);
-    d && G[d] ? P(d) : P("modern");
-  }, []);
-  const A = () => ({ ...G[a] }).headerBg, E = () => {
-    c(), s("/login");
+  z(() => {
+    if (g && $[g]) {
+      const h = { ...$[g] };
+      x("--header-bg", h.headerBg), x("--header-text", h.headerText), x("--sidebar-bg", h.sidebarBg), x("--sidebar-text", h.sidebarText), x("--button-primary", h.buttonPrimary), x("--button-primary-hover", h.buttonPrimaryHover), x(
+        "--button-primary-active",
+        h.buttonPrimaryActive
+      ), x("--button-default", h.buttonDefault), x("--button-default-hover", h.buttonDefaultHover), x(
+        "--button-default-border",
+        h.buttonDefaultBorder
+      ), x(
+        "--button-permission-border",
+        h.buttonPermissionBorder
+      ), i.current && i.current.setAttribute("data-theme", g), document.documentElement.setAttribute("data-theme", g);
+    } else
+      F("modern");
+  }, [g]);
+  const j = () => {
+    y(), a("/login");
   };
-  me ? me("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
-  const m = /* @__PURE__ */ C("div", { style: { padding: "8px 0" }, children: [
-    /* @__PURE__ */ C("div", { style: { marginBottom: "12px" }, children: [
-      /* @__PURE__ */ e(De, { value: A(), disabled: !0, size: "small" }),
-      /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "12px" }, children: "현재 테마 색상" })
-    ] }),
-    /* @__PURE__ */ C("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-      /* @__PURE__ */ e(
-        M,
-        {
-          type: a === "modern" ? "primary" : "default",
-          size: "small",
-          onClick: () => P("modern"),
-          style: {
-            textAlign: "left",
-            backgroundColor: a === "modern" ? G.modern.headerBg : void 0,
-            color: a === "modern" ? G.modern.headerText : void 0
-          },
-          children: "모던"
-        },
-        "modern"
-      ),
-      Object.entries(G).filter(([d]) => d !== "modern").map(([d, w]) => /* @__PURE__ */ e(
-        M,
-        {
-          type: a === d ? "primary" : "default",
-          size: "small",
-          onClick: () => P(d),
-          style: {
-            textAlign: "left",
-            backgroundColor: a === d ? w.headerBg : void 0,
-            color: a === d ? w.headerText : void 0
-          },
-          children: d
-        },
-        d
-      ))
-    ] }),
-    /* @__PURE__ */ e(ue, {}),
-    /* @__PURE__ */ C("div", { style: { marginTop: "8px" }, children: [
-      /* @__PURE__ */ e("div", { style: { marginBottom: "8px", fontSize: "12px" }, children: "컴포넌트 크기" }),
-      /* @__PURE__ */ e(
-        te,
-        {
-          marks: re,
-          value: y,
-          min: 0,
-          max: 2,
-          step: 1,
-          onChange: (d) => i(d)
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: { marginTop: "16px", marginBottom: "8px", fontSize: "12px" },
-          children: "그리드 크기"
-        }
-      ),
-      /* @__PURE__ */ e(
-        te,
-        {
-          marks: re,
-          value: v,
-          min: 0,
-          max: 2,
-          step: 1,
-          onChange: (d) => h(d)
-        }
-      ),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          style: { marginTop: "16px", marginBottom: "8px", fontSize: "12px" },
-          children: "여백 조정"
-        }
-      ),
-      /* @__PURE__ */ e(
-        te,
-        {
-          marks: re,
-          value: u,
-          min: 0,
-          max: 2,
-          step: 1,
-          onChange: (d) => x(d)
-        }
-      ),
-      /* @__PURE__ */ e(ue, {}),
-      /* @__PURE__ */ C(
-        "div",
-        {
-          style: {
-            marginTop: "16px",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center"
-          },
-          children: [
-            /* @__PURE__ */ e("span", { children: "화면 보호 활성화" }),
-            /* @__PURE__ */ e(
-              ze,
-              {
-                checked: N,
-                onChange: p
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ C(
-    Wt,
+  ve ? ve("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const V = $[g]?.headerBg || "#f3f4ff", q = /* @__PURE__ */ b(
+    "div",
+    {
+      style: {
+        padding: "16px",
+        backgroundColor: V,
+        borderRadius: "8px",
+        minWidth: "320px"
+      },
+      children: [
+        /* @__PURE__ */ b("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              style: { marginBottom: "12px", fontSize: "14px", fontWeight: 500 },
+              children: "테마 선택"
+            }
+          ),
+          /* @__PURE__ */ b(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gridTemplateColumns: "1fr 1fr",
+                gap: "8px",
+                marginBottom: "8px"
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: g === "modern" ? "primary" : "default",
+                    size: "small",
+                    onClick: () => F("modern"),
+                    style: {
+                      width: "100%",
+                      backgroundColor: g === "modern" ? $.modern.headerBg : void 0,
+                      color: g === "modern" ? $.modern.headerText : void 0,
+                      borderColor: g === "modern" ? $.modern.headerBg : void 0
+                    },
+                    children: "모던"
+                  },
+                  "modern"
+                ),
+                Object.entries($).filter(([h]) => h !== "modern").map(([h, S]) => /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: g === h ? "primary" : "default",
+                    size: "small",
+                    onClick: () => F(h),
+                    style: {
+                      width: "100%",
+                      backgroundColor: g === h ? S.headerBg : void 0,
+                      color: g === h ? S.headerText : void 0,
+                      borderColor: g === h ? S.headerBg : void 0
+                    },
+                    children: h
+                  },
+                  h
+                ))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(le, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ b("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ b(
+            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: () => u(T),
+                    disabled: c === T,
+                    style: { padding: "0 4px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            ce,
+            {
+              marks: ue,
+              value: c,
+              min: 0,
+              max: 2,
+              step: 1,
+              onChange: (h) => u(h)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ b("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ b(
+            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: () => p(E),
+                    disabled: v === E,
+                    style: { padding: "0 4px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            ce,
+            {
+              marks: ue,
+              value: v,
+              min: 0,
+              max: 2,
+              step: 1,
+              onChange: (h) => p(h)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ b("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ b(
+            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: () => l(R),
+                    disabled: N === R,
+                    style: { padding: "0 4px" }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            ce,
+            {
+              marks: ue,
+              value: N,
+              min: 0,
+              max: 2,
+              step: 1,
+              onChange: (h) => l(h)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(le, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            style: {
+              marginBottom: "16px",
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500 }, children: "화면 보호 활성화" }),
+              /* @__PURE__ */ e(
+                $e,
+                {
+                  checked: m,
+                  onChange: k
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(le, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          B,
+          {
+            type: "default",
+            danger: !0,
+            size: "small",
+            icon: /* @__PURE__ */ e(ee, {}),
+            onClick: () => {
+              Kt({
+                title: "전체 그리드 레이아웃 초기화",
+                content: "임의 변경한 그리드 레이아웃 변경사항을 초기화하시겠습니까? 기존 열려있는 화면들은 다시 열어야 적용됩니다.",
+                onOk() {
+                  C();
+                }
+              });
+            },
+            block: !0,
+            style: { fontSize: "12px" },
+            children: "전체 그리드 레이아웃 초기화"
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ b(
+    Ut,
     {
       className: o.wrapper.className,
       style: { ...o.wrapper.style },
@@ -538,7 +656,7 @@ const Dt = ({
             children: t
           }
         ),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ b(
           "div",
           {
             className: "header-right",
@@ -547,29 +665,29 @@ const Dt = ({
               minWidth: o.right?.minWidth
             },
             children: [
-              o.right?.items?.map((d, w) => /* @__PURE__ */ e("div", { children: d }, w)),
+              o.right?.items?.map((h, S) => /* @__PURE__ */ e("div", { children: h }, S)),
               o.right?.alarm?.visible && /* @__PURE__ */ e(
-                M,
+                B,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: At, alt: "알림" }),
+                  icon: /* @__PURE__ */ e("img", { src: Ht, alt: "알림" }),
                   className: "alarm-btn",
                   onClick: o.right?.alarm?.onClick
                 }
               ),
               o.right?.theme?.visible && /* @__PURE__ */ e(
-                Ae,
+                _e,
                 {
-                  content: m,
-                  title: "테마 설정",
+                  content: q,
+                  title: "개인 설정",
                   trigger: "click",
                   placement: "bottomRight",
-                  onOpenChange: (d) => o.right?.theme?.onOpenChange?.(d),
+                  onOpenChange: (h) => o.right?.theme?.onOpenChange?.(h),
                   children: /* @__PURE__ */ e(
-                    M,
+                    B,
                     {
                       type: "text",
-                      icon: /* @__PURE__ */ e("img", { src: Ft, alt: "개인설정" }),
+                      icon: /* @__PURE__ */ e("img", { src: Vt, alt: "개인설정" }),
                       className: "theme-btn",
                       onClick: o.right?.theme?.onClick
                     }
@@ -577,18 +695,18 @@ const Dt = ({
                 }
               ),
               o.right?.logout?.visible && /* @__PURE__ */ e(
-                M,
+                B,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: $t, alt: "로그아웃" }),
-                  onClick: o.right?.logout?.onClick || E,
+                  icon: /* @__PURE__ */ e("img", { src: jt, alt: "로그아웃" }),
+                  onClick: o.right?.logout?.onClick || j,
                   className: "logout-btn"
                 }
               ),
               o.right?.avatar?.visible && /* @__PURE__ */ e(
-                $e,
+                Ge,
                 {
-                  icon: /* @__PURE__ */ e(et, {}),
+                  icon: /* @__PURE__ */ e(ot, {}),
                   className: "avatar",
                   style: {
                     width: o.right?.avatar?.width,
@@ -603,7 +721,7 @@ const Dt = ({
       ]
     }
   );
-}, ae = /* @__PURE__ */ Object.freeze({
+}, pe = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(n) {
       if (!n)
@@ -629,7 +747,7 @@ const Dt = ({
   Transform: {
     toString(n) {
       if (n)
-        return [ae.Translate.toString(n), ae.Scale.toString(n)].join(" ");
+        return [pe.Translate.toString(n), pe.Scale.toString(n)].join(" ");
     }
   },
   Transition: {
@@ -642,156 +760,157 @@ const Dt = ({
       return t + " " + r + "ms " + o;
     }
   }
-}), _t = ce(
+}), Zt = be(
   ({ className: n, ...t }) => {
-    const r = U(null), {
+    const r = Y(null), {
       attributes: o,
-      listeners: s,
-      transform: a,
-      transition: b,
-      isDragging: l,
-      setNodeRef: c
-    } = kt({ id: t["data-node-key"] }), [y, i] = R();
-    B(() => {
-      const h = r.current;
-      if (h)
-        if (l) {
-          const u = Math.round(h.getBoundingClientRect().width);
-          i(u);
+      listeners: a,
+      transform: i,
+      transition: y,
+      isDragging: c,
+      setNodeRef: u
+    } = Mt({ id: t["data-node-key"] }), [v, p] = A();
+    z(() => {
+      const C = r.current;
+      if (C)
+        if (c) {
+          const T = Math.round(C.getBoundingClientRect().width);
+          p(T);
         } else
-          i(void 0);
-    }, [l]);
-    const v = {
+          p(void 0);
+    }, [c]);
+    const N = {
       ...t.style,
-      transform: a ? ae.Transform.toString(a) : void 0,
-      transition: b ?? "transform 0.16s ease",
+      transform: i ? pe.Transform.toString(i) : void 0,
+      transition: y ?? "transform 0.16s ease",
       cursor: "grab",
       userSelect: "none",
       willChange: "transform",
       // ✅ 드래그 중 픽셀 폭 고정 (flex 재계산 억제)
-      width: y ?? void 0,
-      minWidth: y ?? void 0,
-      maxWidth: y ?? void 0,
-      flex: y !== void 0 ? "0 0 auto" : void 0
-    };
-    return Ze(t.children, {
-      ref: (h) => {
-        r.current !== h && (r.current = h), c(h);
+      width: v ?? void 0,
+      minWidth: v ?? void 0,
+      maxWidth: v ?? void 0,
+      flex: v !== void 0 ? "0 0 auto" : void 0
+    }, l = t.children, m = l.props?.className || "", d = t["data-gubun"] === "C" ? m ? `${m} tab-special` : "tab-special" : m;
+    return Xe(l, {
+      ref: (C) => {
+        r.current !== C && (r.current = C), u(C);
       },
-      style: v,
+      className: d,
+      style: N,
       ...o,
-      ...s
+      ...a
     });
   }
-), Gt = ce(function({
+), Yt = be(function({
   config: t,
   isFirst: r,
   isLast: o,
-  canCloseAll: s,
-  onFirst: a,
-  onPrev: b,
-  onNext: l,
-  onLast: c,
-  onCloseAll: y
+  canCloseAll: a,
+  onFirst: i,
+  onPrev: y,
+  onNext: c,
+  onLast: u,
+  onCloseAll: v
 }) {
-  return /* @__PURE__ */ C("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+  return /* @__PURE__ */ b("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
     /* @__PURE__ */ e(
-      K,
+      Q,
       {
         title: "첫 번째 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          M,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(tt, {}),
-            onClick: a,
+            icon: /* @__PURE__ */ e(lt, {}),
+            onClick: i,
             disabled: r
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      Q,
       {
         title: "이전 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          M,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(nt, {}),
-            onClick: b,
+            icon: /* @__PURE__ */ e(ct, {}),
+            onClick: y,
             disabled: r
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      Q,
       {
         title: "다음 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          M,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(rt, {}),
-            onClick: l,
+            icon: /* @__PURE__ */ e(dt, {}),
+            onClick: c,
             disabled: o
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      Q,
       {
         title: "마지막 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          M,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ot, {}),
-            onClick: c,
+            icon: /* @__PURE__ */ e(ut, {}),
+            onClick: u,
             disabled: o
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      K,
+      Q,
       {
         title: "모든 탭 닫기",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          M,
+          B,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ve, {}),
-            onClick: y,
-            disabled: !s
+            icon: /* @__PURE__ */ e(X, {}),
+            onClick: v,
+            disabled: !a
           }
         )
       }
     )
   ] });
-}), Ht = ({
+}), qt = ({
   config: n = {}
 }) => {
   const t = {
@@ -819,72 +938,192 @@ const Dt = ({
       ...n?.nav
     },
     ...n
-  }, r = F((m) => m.tabs), o = F((m) => m.activeMenuId), s = F((m) => m.focusTab), a = F((m) => m.closeTab), b = F((m) => m.reorderTabs), l = pt(
-    gt(ft, { activationConstraint: { distance: 6 } })
-  ), c = (m) => {
-    s(m);
-  }, y = (m, d) => {
-    d === "remove" && typeof m == "string" && a(m);
-  }, i = () => {
-    r.length > 0 && s(r[0].key);
-  }, v = () => {
+  }, r = O((s) => s.tabs), o = O((s) => s.activeMenuId), a = O((s) => s.pinnedTabs), i = O((s) => s.focusTab), y = O((s) => s.closeTab), c = O((s) => s.reorderTabs), u = O((s) => s.togglePinTab), v = O((s) => s.refreshTab), p = O((s) => s.closeOtherTabs), N = O((s) => s.closeRightTabs);
+  O((s) => s.closeAllTabs);
+  const l = vt(
+    wt(xt, { activationConstraint: { distance: 6 } })
+  ), m = (s) => {
+    i(s);
+  }, k = (s, w) => {
+    w === "remove" && typeof s == "string" && y(s);
+  }, g = () => {
+    r.length > 0 && i(r[0].key);
+  }, d = () => {
     if (!o || r.length <= 1) return;
-    const m = r.findIndex((d) => d.key === o);
-    m > 0 && s(r[m - 1].key);
-  }, h = () => {
+    const s = r.findIndex((w) => w.key === o);
+    s > 0 && i(r[s - 1].key);
+  }, C = () => {
     if (!o || r.length <= 1) return;
-    const m = r.findIndex((d) => d.key === o);
-    m < r.length - 1 && s(r[m + 1].key);
-  }, u = () => {
-    r.length > 0 && s(r[r.length - 1].key);
-  }, x = () => {
-    r.forEach((m) => {
-      a(m.key);
+    const s = r.findIndex((w) => w.key === o);
+    s < r.length - 1 && i(r[s + 1].key);
+  }, T = () => {
+    r.length > 0 && i(r[r.length - 1].key);
+  }, E = () => {
+    r.forEach((s) => {
+      a.has(s.key) || y(s.key);
     });
-  }, N = o ? r.findIndex((m) => m.key === o) : -1, p = N === 0, g = N === r.length - 1, P = _(
-    () => r.map((m) => ({
-      key: m.key,
-      label: m.label,
-      closable: !0,
-      children: null
-      // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
-    })),
-    [r]
-  ), A = D(
-    ({ active: m, over: d }) => {
-      if (!d || m.id === d.id) return;
-      const w = r.findIndex(($) => $.key === m.id), W = r.findIndex(($) => $.key === d.id);
-      if (w < 0 || W < 0 || w === W) return;
-      const ee = r.map(($) => $.key), Z = vt(ee, w, W);
-      b?.(Z);
+  }, R = D((s) => (w) => {
+    w.preventDefault(), w.stopPropagation();
+  }, []), x = D(
+    (s) => {
+      const w = a.has(s), M = r.findIndex((J) => J.key === s), L = M >= 0 && M < r.length - 1, G = r.length > 1;
+      return [
+        {
+          key: "close",
+          label: "닫기",
+          icon: /* @__PURE__ */ e(X, {}),
+          onClick: () => {
+            w || y(s);
+          },
+          disabled: w
+        },
+        {
+          key: "pin",
+          label: w ? "고정 해제" : "고정",
+          icon: /* @__PURE__ */ e(st, {}),
+          onClick: () => {
+            u(s);
+          }
+        },
+        {
+          key: "refresh",
+          label: "새로고침",
+          icon: /* @__PURE__ */ e(Ce, {}),
+          onClick: () => {
+            v(s);
+          }
+        },
+        {
+          type: "divider"
+        },
+        {
+          key: "closeOthers",
+          label: "다른 탭 닫기",
+          icon: /* @__PURE__ */ e(X, {}),
+          onClick: () => {
+            p(s);
+          },
+          disabled: !G
+        },
+        {
+          key: "closeRight",
+          label: "우측 탭 닫기",
+          icon: /* @__PURE__ */ e(X, {}),
+          onClick: () => {
+            N(s);
+          },
+          disabled: !L
+        },
+        {
+          key: "closeAll",
+          label: "전체 닫기",
+          icon: /* @__PURE__ */ e(at, {}),
+          onClick: () => {
+            E();
+          },
+          disabled: r.length === 0
+        }
+      ];
     },
-    [r, b]
-  ), E = D(
-    (m, d) => /* @__PURE__ */ e(
-      bt,
+    [
+      r,
+      a,
+      y,
+      u,
+      v,
+      p,
+      N
+    ]
+  ), F = o ? r.findIndex((s) => s.key === o) : -1, j = F === 0, V = F === r.length - 1, q = _(
+    () => r.map((s) => {
+      const w = a.has(s.key);
+      return {
+        key: s.key,
+        label: /* @__PURE__ */ b("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+          w && /* @__PURE__ */ e(
+            it,
+            {
+              twoToneColor: Ct.default.yellow05,
+              style: { fontSize: "12px" }
+            }
+          ),
+          s.label
+        ] }),
+        closable: !w,
+        // 고정된 탭은 닫을 수 없음
+        children: null
+        // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
+      };
+    }),
+    [r, a]
+  ), [h, S] = A(null), I = D(({ active: s }) => {
+    S(null);
+  }, []), P = D(
+    ({ active: s, over: w }) => {
+      if (!w || s.id === w.id) return;
+      const M = r.findIndex((H) => H.key === s.id), L = r.findIndex((H) => H.key === w.id);
+      if (M < 0 || L < 0 || M === L) return;
+      const G = r.map((H) => H.key), J = Pt(G, M, L);
+      c?.(J);
+    },
+    [r, c]
+  ), f = D(
+    (s, w) => /* @__PURE__ */ e(
+      kt,
       {
         sensors: l,
-        onDragEnd: A,
-        collisionDetection: yt,
-        modifiers: [Ct],
+        onDragStart: I,
+        onDragEnd: P,
+        collisionDetection: It,
+        modifiers: [Nt],
         children: /* @__PURE__ */ e(
-          wt,
+          St,
           {
-            items: r.map((w) => w.key),
-            strategy: xt,
-            children: /* @__PURE__ */ e(d, { ...m, children: (w) => /* @__PURE__ */ ye(
-              _t,
-              {
-                ...w.props,
-                key: w.key
-              },
-              w
-            ) })
+            items: r.map((M) => M.key),
+            strategy: Tt,
+            children: /* @__PURE__ */ e(w, { ...s, children: (M) => {
+              const L = M.key, G = h === L, H = r.find((ie) => ie.key === L)?.gubun;
+              return /* @__PURE__ */ e(
+                He,
+                {
+                  menu: { items: x(L) },
+                  trigger: ["contextMenu"],
+                  open: G,
+                  onOpenChange: (ie) => {
+                    S(ie ? L : null);
+                  },
+                  children: /* @__PURE__ */ e(
+                    "span",
+                    {
+                      onContextMenu: R(L),
+                      style: { display: "inline-block", width: "100%" },
+                      children: /* @__PURE__ */ Ne(
+                        Zt,
+                        {
+                          ...M.props,
+                          key: M.key,
+                          "data-gubun": H
+                        },
+                        M
+                      )
+                    }
+                  )
+                }
+              );
+            } })
           }
         )
       }
     ),
-    [l, A, r]
+    [
+      l,
+      I,
+      P,
+      r,
+      h,
+      x,
+      R
+    ]
   );
   return /* @__PURE__ */ e(
     "div",
@@ -895,36 +1134,36 @@ const Dt = ({
         display: r.length === 0 ? "none" : "block"
       },
       children: /* @__PURE__ */ e(
-        Fe,
+        je,
         {
           type: "editable-card",
           activeKey: o || void 0,
-          onChange: c,
-          onEdit: y,
+          onChange: m,
+          onEdit: k,
           className: t.tabs.className,
           style: t.tabs.style,
           hideAdd: !0,
-          items: P,
+          items: q,
           tabBarExtraContent: /* @__PURE__ */ e(
-            Gt,
+            Yt,
             {
               config: t?.nav,
-              isFirst: !!p,
-              isLast: !!g,
+              isFirst: !!j,
+              isLast: !!V,
               canCloseAll: r.length > 0,
-              onFirst: i,
-              onPrev: v,
-              onNext: h,
-              onLast: u,
-              onCloseAll: x
+              onFirst: g,
+              onPrev: d,
+              onNext: C,
+              onLast: T,
+              onCloseAll: E
             }
           ),
-          renderTabBar: E
+          renderTabBar: f
         }
       )
     }
   );
-}, { Sider: Vt } = j, jt = ({
+}, { Sider: Qt } = Z, Xt = ({
   config: n = {}
 }) => {
   const t = {
@@ -966,15 +1205,15 @@ const Dt = ({
       ...n?.style
     },
     ...n
-  }, [r, o] = R(""), [s, a] = R(
+  }, [r, o] = A(""), [a, i] = A(
     "category"
-  ), [b, l] = R([]), { activeMenuId: c, sidebarCollapsed: y, openTabFromMenu: i, toggleSidebar: v } = F(), { menuList: h, isLoading: u, error: x, findMenuById: N, flatMenuList: p } = J(), { nodes: g, treeNodes: P, loadFavoritesIfNeeded: A } = Qe(), E = _(() => {
-    const I = [], k = (f, S = 0) => {
+  ), [y, c] = A([]), { activeMenuId: u, sidebarCollapsed: v, openTabFromMenu: p, toggleSidebar: N } = O(), { menuList: l, isLoading: m, error: k, findMenuById: g, flatMenuList: d } = ae(), { nodes: C, treeNodes: T, loadFavoritesIfNeeded: E } = tt(), R = _(() => {
+    const I = [], P = (f, s = 0) => {
       if (f.menuGbCd === t.menuGubunCode.program && f.scrnPath) {
-        const L = "  ".repeat(S), O = f.menuNo || "";
+        const w = "  ".repeat(s), M = f.menuNo || "";
         I.push({
           value: f.menuId,
-          label: /* @__PURE__ */ C(
+          label: /* @__PURE__ */ b(
             "div",
             {
               style: {
@@ -983,8 +1222,8 @@ const Dt = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ C("span", { children: [
-                  L,
+                /* @__PURE__ */ b("span", { children: [
+                  w,
                   f.menuNm
                 ] }),
                 /* @__PURE__ */ e(
@@ -998,7 +1237,7 @@ const Dt = ({
                       borderRadius: "3px",
                       marginLeft: "8px"
                     },
-                    children: O
+                    children: M
                   }
                 )
               ]
@@ -1007,13 +1246,13 @@ const Dt = ({
           menuItem: f
         });
       }
-      f.children && f.children.length > 0 && f.children.forEach((L) => k(L, S + 1));
+      f.children && f.children.length > 0 && f.children.forEach((w) => P(w, s + 1));
     };
-    return h.forEach((f) => k(f)), I;
-  }, [h]), m = _(() => r.trim() ? E.filter((I) => {
-    const k = I.menuItem.menuNm.toLowerCase(), f = String(I.menuItem.menuNo || "미지정").toLowerCase(), S = r.toLowerCase();
-    return k.includes(S) || f.includes(S);
-  }) : [], [E, r]), d = (I) => {
+    return l.forEach((f) => P(f)), I;
+  }, [l]), x = _(() => r.trim() ? R.filter((I) => {
+    const P = I.menuItem.menuNm.toLowerCase(), f = String(I.menuItem.menuNo || "미지정").toLowerCase(), s = r.toLowerCase();
+    return P.includes(s) || f.includes(s);
+  }) : [], [R, r]), F = (I) => {
     if (!I || typeof I != "string") {
       console.warn("Invalid menu selection value:", I);
       return;
@@ -1022,11 +1261,11 @@ const Dt = ({
       console.warn("Invalid menu ID format:", I);
       return;
     }
-    const k = E.find(
+    const P = R.find(
       (f) => f.value === I
     );
-    if (k) {
-      const { menuItem: f } = k;
+    if (P) {
+      const { menuItem: f } = P;
       if (!f || !f.menuId || !f.menuNm) {
         console.warn("Invalid menu item:", f);
         return;
@@ -1040,23 +1279,23 @@ const Dt = ({
         f.scrnPath,
         "scrnId:",
         f.scrnId
-      ), i(f)) : (f.menuGbCd === t.menuGubunCode.mainMenu || f.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", f.menuNm, "menuGbCd:", f.menuGbCd)), o("");
+      ), p(f)) : (f.menuGbCd === t.menuGubunCode.mainMenu || f.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", f.menuNm, "menuGbCd:", f.menuGbCd)), o("");
     }
-  }, w = D(
+  }, j = D(
     (I) => {
-      const k = N(I);
-      k?.menuGbCd === t.menuGubunCode.program && (console.log(
+      const P = g(I);
+      P?.menuGbCd === t.menuGubunCode.program && (console.log(
         "메뉴명:",
-        k.menuNm,
+        P.menuNm,
         "경로:",
-        k.scrnPath,
+        P.scrnPath,
         "scrnId:",
-        k.scrnId
-      ), i(k));
+        P.scrnId
+      ), p(P));
     },
-    [N, i]
-  ), W = D((I) => I.map((k) => ({
-    key: k.menuId,
+    [g, p, t.menuGubunCode.program]
+  ), V = D((I) => I.map((P) => ({
+    key: P.menuId,
     label: /* @__PURE__ */ e(
       "div",
       {
@@ -1065,21 +1304,24 @@ const Dt = ({
           justifyContent: "space-between",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ e("span", { children: k.menuNm })
+        onDoubleClick: (s) => {
+          s.preventDefault(), s.stopPropagation();
+        },
+        children: /* @__PURE__ */ e("span", { children: P.menuNm })
       }
     ),
-    icon: ee(k.iconCd, k.menuGbCd),
-    children: k.children && k.children.length > 0 ? W(k.children) : void 0
-  })), []), ee = (I, k) => {
+    icon: q(P.iconCd, P.menuGbCd),
+    children: P.children && P.children.length > 0 ? V(P.children) : void 0
+  })), []), q = (I, P) => {
     if (I) {
-      const f = Q[I];
+      const f = oe[I];
       if (f)
         return /* @__PURE__ */ e(f, {});
     }
-    if (k)
-      switch (k) {
+    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:
@@ -1088,66 +1330,66 @@ const Dt = ({
           return null;
       }
     return null;
-  }, Z = D(
+  }, h = D(
     (I) => {
-      if (h.length === 0) return [];
-      const k = (S) => {
-        if (S)
-          return typeof S == "string" ? g[S] : S;
-      }, f = (S) => {
-        if (S.type === "M") {
-          const L = S, O = N(L.menuId) || void 0, T = !!O, Ne = T ? `${O?.menuNm ?? L.menuNm ?? L.menuId}` : `${L.menuNm ?? L.menuId} (삭제됨)`;
+      if (l.length === 0) return [];
+      const P = (s) => {
+        if (s)
+          return typeof s == "string" ? C[s] : s;
+      }, f = (s) => {
+        if (s.type === "M") {
+          const w = s, M = g(w.menuId) || void 0, L = !!M, G = L ? `${M?.menuNm ?? w.menuNm ?? w.menuId}` : `${w.menuNm ?? w.menuId} (삭제됨)`;
           return {
-            key: L.menuId,
-            label: Ne,
-            icon: T ? void 0 : /* @__PURE__ */ e(lt, { style: { color: "#faad14" } })
+            key: w.menuId,
+            label: G,
+            icon: L ? void 0 : /* @__PURE__ */ e(gt, { style: { color: "#faad14" } })
           };
         } else {
-          const L = S, O = (L.children ?? []).map(k).filter(Boolean).map(f);
+          const w = s, M = (w.children ?? []).map(P).filter(Boolean).map(f);
           return {
-            key: L.bkmkId,
-            label: L.bkmkNm ?? L.bkmkId,
-            icon: L.prntBkmkId === "-" ? /* @__PURE__ */ e(ct, {}) : /* @__PURE__ */ e(dt, {}),
-            children: O
+            key: w.bkmkId,
+            label: w.bkmkNm ?? w.bkmkId,
+            icon: w.prntBkmkId === "-" ? /* @__PURE__ */ e(ft, {}) : /* @__PURE__ */ e(bt, {}),
+            children: M
             // 빈 배열이면 자동으로 말아줌
           };
         }
       };
       return I.map(f);
     },
-    [N, g, h]
-  ), $ = _(
-    () => Z(P),
-    [Z, P, g]
+    [g, C, l]
+  ), S = _(
+    () => h(T),
+    [h, T, C]
   );
-  return B(() => {
-    pe() && A(pe());
-  }, [A]), B(() => {
-    s === "category" && o("");
-  }, [s]), B(() => {
-    if (!c || s !== "category") return;
-    const k = ((f) => {
-      const S = [], L = new Map(p.map((T) => [T.menuId, T]));
-      let O = f;
-      for (; O; ) {
-        const T = L.get(O);
-        if (!T) break;
-        if (T.menuPrntId && T.menuPrntId !== "-" && T.menuPrntId !== "")
-          S.push(T.menuPrntId), O = T.menuPrntId;
+  return z(() => {
+    we() && E(we());
+  }, [E]), z(() => {
+    a === "category" && o("");
+  }, [a]), z(() => {
+    if (!u || a !== "category") return;
+    const P = ((f) => {
+      const s = [], w = new Map(d.map((L) => [L.menuId, L]));
+      let M = f;
+      for (; M; ) {
+        const L = w.get(M);
+        if (!L) break;
+        if (L.menuPrntId && L.menuPrntId !== "-" && L.menuPrntId !== "")
+          s.push(L.menuPrntId), M = L.menuPrntId;
         else
           break;
       }
-      return S;
-    })(c);
-    k.length > 0 && l((f) => {
-      const S = /* @__PURE__ */ new Set([...f, ...k]);
-      return Array.from(S);
+      return s;
+    })(u);
+    P.length > 0 && c((f) => {
+      const s = /* @__PURE__ */ new Set([...f, ...P]);
+      return Array.from(s);
     });
-  }, [c, s, p]), /* @__PURE__ */ C(
-    Vt,
+  }, [u, a, d]), /* @__PURE__ */ b(
+    Qt,
     {
       className: t.className.wrapper,
-      collapsed: t.collapsed || y,
+      collapsed: t.collapsed || v,
       trigger: null,
       width: t.width || 230,
       children: [
@@ -1172,10 +1414,10 @@ const Dt = ({
               transition: "all 0.3s ease"
             },
             children: /* @__PURE__ */ e(
-              M,
+              B,
               {
                 type: "text",
-                icon: t.collapsed || y ? /* @__PURE__ */ e(st, {}) : /* @__PURE__ */ e(at, {}),
+                icon: t.collapsed || v ? /* @__PURE__ */ e(mt, {}) : /* @__PURE__ */ e(ht, {}),
                 style: {
                   fontSize: "12px",
                   color: "#787878",
@@ -1187,28 +1429,28 @@ const Dt = ({
                   justifyContent: "center",
                   borderRadius: "0 10px 10px 0"
                 },
-                onClick: v
+                onClick: N
               }
             )
           }
         ),
-        !(t.collapsed || y) && /* @__PURE__ */ e(
+        !(t.collapsed || v) && /* @__PURE__ */ e(
           "div",
           {
             style: {
               padding: 10
             },
             children: /* @__PURE__ */ e(
-              We,
+              Ve,
               {
                 value: r,
-                options: m,
-                onSelect: d,
+                options: x,
+                onSelect: F,
                 onSearch: o,
                 style: { width: "100%" },
                 allowClear: !0,
                 children: /* @__PURE__ */ e(
-                  oe,
+                  me,
                   {
                     className: t.className.search,
                     placeholder: t.style.search.placeholder,
@@ -1242,7 +1484,7 @@ const Dt = ({
             )
           }
         ),
-        !(t.collapsed || y) && /* @__PURE__ */ e(
+        !(t.collapsed || v) && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1251,18 +1493,18 @@ const Dt = ({
               marginBottom: "10px"
             },
             children: /* @__PURE__ */ e(
-              _e,
+              Ue,
               {
                 className: t.className.segmented.wrapper,
                 options: [
                   {
-                    label: /* @__PURE__ */ C(V, { children: [
+                    label: /* @__PURE__ */ b(K, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
                           className: t.className.segmented.item,
                           style: { display: "flex", alignItems: "center" },
-                          children: /* @__PURE__ */ C(
+                          children: /* @__PURE__ */ b(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -1311,7 +1553,7 @@ const Dt = ({
                     value: "category"
                   },
                   {
-                    label: /* @__PURE__ */ C(V, { children: [
+                    label: /* @__PURE__ */ b(K, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
@@ -1343,9 +1585,9 @@ const Dt = ({
                     value: "favorite"
                   }
                 ],
-                value: s,
+                value: a,
                 onChange: (I) => {
-                  a(I);
+                  i(I);
                 },
                 style: {
                   width: "100%"
@@ -1355,8 +1597,8 @@ const Dt = ({
             )
           }
         ),
-        /* @__PURE__ */ C("div", { className: t.className.sider.content, children: [
-          u && /* @__PURE__ */ C(
+        /* @__PURE__ */ b("div", { className: t.className.sider.content, children: [
+          m && /* @__PURE__ */ b(
             "div",
             {
               className: t.className.sider.loading,
@@ -1368,7 +1610,7 @@ const Dt = ({
               },
               children: [
                 /* @__PURE__ */ e(
-                  Ge,
+                  Ke,
                   {
                     theme: {
                       components: {
@@ -1377,7 +1619,7 @@ const Dt = ({
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(q, { size: "default" })
+                    children: /* @__PURE__ */ e(re, { size: "default" })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1391,16 +1633,16 @@ const Dt = ({
               ]
             }
           ),
-          x && /* @__PURE__ */ C("div", { className: t.className.sider.error, children: [
+          k && /* @__PURE__ */ b("div", { className: t.className.sider.error, children: [
             /* @__PURE__ */ e(
-              it,
+              pt,
               {
                 className: t.className.sider.errorIcon
               }
             ),
             /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
           ] }),
-          !u && !x && s === "category" && h.length === 0 && /* @__PURE__ */ e(
+          !m && !k && a === "category" && l.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1412,7 +1654,7 @@ const Dt = ({
               children: "메뉴가 없습니다"
             }
           ),
-          !u && !x && s === "favorite" && $.length === 0 && /* @__PURE__ */ e(
+          !m && !k && a === "favorite" && S.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1424,28 +1666,28 @@ const Dt = ({
               children: "즐겨찾기된 메뉴가 없습니다"
             }
           ),
-          !u && !x && s === "category" && h.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            se,
+          !m && !k && a === "category" && l.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            he,
             {
               theme: "light",
               mode: "inline",
-              items: W(h),
+              items: V(l),
               className: t.className.sider.menu,
-              selectedKeys: [c || ""],
-              openKeys: b,
-              onOpenChange: l,
-              onClick: (I) => w(I.key)
+              selectedKeys: [u || ""],
+              openKeys: y,
+              onOpenChange: c,
+              onClick: (I) => j(I.key)
             }
           ) }),
-          !u && !x && s === "favorite" && $.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            se,
+          !m && !k && a === "favorite" && S.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            he,
             {
               theme: "light",
               mode: "inline",
-              items: $,
+              items: S,
               className: t.className.sider.menu,
-              selectedKeys: [c || ""],
-              onClick: (I) => w(I.key)
+              selectedKeys: [u || ""],
+              onClick: (I) => j(I.key)
             }
           ) })
         ] })
@@ -1453,7 +1695,7 @@ const Dt = ({
     }
   );
 };
-class Kt extends Ye {
+class Jt extends Je {
   constructor(t) {
     super(t), this.resetError = () => {
       this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
@@ -1469,7 +1711,7 @@ class Kt extends Ye {
     });
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ C(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ b(
       "div",
       {
         style: {
@@ -1483,17 +1725,17 @@ class Kt extends Ye {
         },
         children: [
           /* @__PURE__ */ e(
-            be,
+            Ie,
             {
               status: "error",
               title: "컴포넌트 로딩 중 오류가 발생했습니다",
               subTitle: this.state.error ? `오류 내용: ${this.state.error.message}` : "알 수 없는 오류가 발생했습니다",
               extra: [
                 /* @__PURE__ */ e(
-                  M,
+                  B,
                   {
                     type: "primary",
-                    icon: /* @__PURE__ */ e(we, {}),
+                    icon: /* @__PURE__ */ e(Ce, {}),
                     onClick: this.resetError,
                     style: { marginRight: 8 },
                     children: "다시 시도"
@@ -1503,7 +1745,7 @@ class Kt extends Ye {
               ]
             }
           ),
-          this.state.error && /* @__PURE__ */ C(
+          this.state.error && /* @__PURE__ */ b(
             "details",
             {
               style: {
@@ -1538,13 +1780,13 @@ class Kt extends Ye {
     ) : this.props.children;
   }
 }
-const Ut = ({
+const en = ({
   isActive: n,
   instance: t,
   params: r
 }) => {
-  const { activeMenuId: o, closeTab: s } = F(), a = () => {
-    o && s(o);
+  const { activeMenuId: o, closeTab: a } = O(), i = () => {
+    o && a(o);
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -1560,7 +1802,7 @@ const Ut = ({
         transition: "opacity 0.2s ease-in-out",
         pointerEvents: n ? "auto" : "none"
       },
-      children: /* @__PURE__ */ e(Kt, { children: /* @__PURE__ */ e(X, { fallback: null, children: t && ye(t, { params: r }) }) })
+      children: /* @__PURE__ */ e(Jt, { children: /* @__PURE__ */ e(se, { fallback: null, children: t && Ne(t, { params: r }) }) })
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -1591,20 +1833,20 @@ const Ut = ({
             padding: 24
           },
           children: /* @__PURE__ */ e(
-            be,
+            Ie,
             {
-              icon: /* @__PURE__ */ e(ut, { twoToneColor: "#69b1ff" }),
+              icon: /* @__PURE__ */ e(yt, { twoToneColor: "#69b1ff" }),
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
-              subTitle: /* @__PURE__ */ e(Ve.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(M, { icon: /* @__PURE__ */ e(ve, {}), onClick: a, children: "탭 닫기" }) })
+              subTitle: /* @__PURE__ */ e(Ye.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Ze, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(X, {}), onClick: i, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, Zt = ce(Ut), Yt = ({
+}, tn = be(en), nn = ({
   menuGubunCode: n = {
     mainMenu: "MAIN",
     subMenu: "SUB",
@@ -1614,87 +1856,87 @@ const Ut = ({
   style: r,
   routeMap: o
 }) => {
-  const { menuList: s, findMenuById: a, flatMenuList: b } = J(), { activeMenuId: l } = F(), c = le(), [y, i] = R([]), v = D(
-    (N, p) => {
-      if (N) {
-        const g = Q[N];
-        if (g)
-          return /* @__PURE__ */ e(g, {});
+  const { menuList: a, findMenuById: i, flatMenuList: y } = ae(), { activeMenuId: c } = O(), u = fe(), [v, p] = A([]), N = D(
+    (g, d) => {
+      if (g) {
+        const C = oe[g];
+        if (C)
+          return /* @__PURE__ */ e(C, {});
       }
-      if (p)
-        switch (p) {
+      if (d)
+        switch (d) {
           case n.mainMenu:
-            return /* @__PURE__ */ e(Q.HomeOutlined, {});
+            return /* @__PURE__ */ e(oe.HomeOutlined, {});
           default:
             return null;
         }
       return null;
     },
     [n]
-  ), h = D(
-    (N) => N.map((p) => {
-      const g = p.children && p.children.length === 1 && p.children[0].menuGbCd === n.program;
+  ), l = D(
+    (g) => g.map((d) => {
+      const C = d.children && d.children.length === 1 && d.children[0].menuGbCd === n.program;
       return {
-        key: p.menuId,
-        label: p.menuNm,
-        icon: v(p.iconCd, p.menuGbCd),
+        key: d.menuId,
+        label: d.menuNm,
+        icon: N(d.iconCd, d.menuGbCd),
         // children이 1개이고 program이면 드롭다운 없음, 2개 이상이면 드롭다운 표시
-        children: p.children && p.children.length > 0 && !g ? h(p.children) : void 0
+        children: d.children && d.children.length > 0 && !C ? l(d.children) : void 0
       };
     }),
-    [v, n]
-  ), u = _(() => h(s), [s, h]), x = D(
-    (N) => {
-      const p = a(N.key);
-      if (p) {
-        if (p.children && p.children.length === 1 && p.children[0].menuGbCd === n.program) {
-          const g = p.children[0];
-          let P = o?.[g.menuId] || g.scrnPath || "/";
-          P === "/" ? P = "/main" : P.startsWith("/main") || (P = P.startsWith("/") ? `/main${P}` : `/main/${P}`), c(P);
+    [N, n]
+  ), m = _(() => l(a), [a, l]), k = D(
+    (g) => {
+      const d = i(g.key);
+      if (d) {
+        if (d.children && d.children.length === 1 && d.children[0].menuGbCd === n.program) {
+          const C = d.children[0];
+          let T = o?.[C.menuId] || C.scrnPath || "/";
+          T === "/" ? T = "/main" : T.startsWith("/main") || (T = T.startsWith("/") ? `/main${T}` : `/main/${T}`), u(T);
           return;
         }
-        if (p.menuGbCd === n.program && p.scrnPath) {
-          let g = o?.[p.menuId] || p.scrnPath || "/";
-          g === "/" ? g = "/main" : g.startsWith("/main") || (g = g.startsWith("/") ? `/main${g}` : `/main/${g}`), c(g);
+        if (d.menuGbCd === n.program && d.scrnPath) {
+          let C = o?.[d.menuId] || d.scrnPath || "/";
+          C === "/" ? C = "/main" : C.startsWith("/main") || (C = C.startsWith("/") ? `/main${C}` : `/main/${C}`), u(C);
           return;
         }
       }
     },
-    [a, n, c, o]
+    [i, n, u, o]
   );
-  return B(() => {
-    if (!l || t !== "vertical") return;
-    const p = ((g) => {
-      const P = [], A = new Map(b.map((m) => [m.menuId, m]));
-      let E = g;
-      for (; E; ) {
-        const m = A.get(E);
-        if (!m) break;
-        if (m.menuPrntId && m.menuPrntId !== "-" && m.menuPrntId !== "")
-          P.push(m.menuPrntId), E = m.menuPrntId;
+  return z(() => {
+    if (!c || t !== "vertical") return;
+    const d = ((C) => {
+      const T = [], E = new Map(y.map((x) => [x.menuId, x]));
+      let R = C;
+      for (; R; ) {
+        const x = E.get(R);
+        if (!x) break;
+        if (x.menuPrntId && x.menuPrntId !== "-" && x.menuPrntId !== "")
+          T.push(x.menuPrntId), R = x.menuPrntId;
         else
           break;
       }
-      return P;
-    })(l);
-    p.length > 0 && i((g) => {
-      const P = /* @__PURE__ */ new Set([...g, ...p]);
-      return Array.from(P);
+      return T;
+    })(c);
+    d.length > 0 && p((C) => {
+      const T = /* @__PURE__ */ new Set([...C, ...d]);
+      return Array.from(T);
     });
-  }, [l, t, b]), /* @__PURE__ */ e(
-    se,
+  }, [c, t, y]), /* @__PURE__ */ e(
+    he,
     {
       mode: t,
       theme: "light",
-      items: u,
-      selectedKeys: [l || ""],
-      openKeys: t === "vertical" ? y : void 0,
-      onOpenChange: t === "vertical" ? i : void 0,
-      onClick: x,
+      items: m,
+      selectedKeys: [c || ""],
+      openKeys: t === "vertical" ? v : void 0,
+      onOpenChange: t === "vertical" ? p : void 0,
+      onClick: k,
       style: r
     }
   );
-}, qt = () => /* @__PURE__ */ C(V, { children: [
+}, rn = () => /* @__PURE__ */ b(K, { children: [
   /* @__PURE__ */ e(
     "link",
     {
@@ -1704,62 +1946,62 @@ const Ut = ({
     }
   ),
   /* @__PURE__ */ e("div", { className: "LandingContainer-wrap", children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e("div", { className: "content" }) }) })
-] }), Qt = (n, t) => {
+] }), on = (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 = ((a) => {
+    if (a.startsWith("/src/pages/views/popup/")) {
+      const c = a + ".tsx";
+      return console.log(`팝업 URL 변환: ${a} -> ${c}`), c;
     }
-    const b = `/src/pages/views/popup/${s.startsWith("/") ? s.substring(1) : s}.tsx`;
-    return console.log(`팝업 URL 변환: ${s} -> ${b}`), b;
+    const y = `/src/pages/views/popup/${a.startsWith("/") ? a.substring(1) : a}.tsx`;
+    return console.log(`팝업 URL 변환: ${a} -> ${y}`), y;
   })(n);
   return !o || !t?.glob || !t.glob[o] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${n} (${o})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t.glob[o];
-}, Xt = ({ popup: n, modules: t }) => {
-  const [r, o] = R(null), [s, a] = R(!1), [b, l] = R(null), c = () => {
-    console.log("PopupArea - handleClose:", n.popupId), de.getState().closePopup(n.popupId);
+}, sn = ({ popup: n, modules: t }) => {
+  const [r, o] = A(null), [a, i] = A(!1), [y, c] = A(null), u = () => {
+    console.log("PopupArea - handleClose:", n.popupId), ye.getState().closePopup(n.popupId);
   };
-  return B(() => {
+  return z(() => {
     (async () => {
-      console.log("팝업 뷰 로드 시작:", n.popupUrl), a(!0), l(null);
+      console.log("팝업 뷰 로드 시작:", n.popupUrl), i(!0), c(null);
       try {
-        const i = Qt(n.popupUrl, t);
-        if (!i) {
-          const u = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
-          console.error(u), l(u), a(!1);
+        const p = on(n.popupUrl, t);
+        if (!p) {
+          const m = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
+          console.error(m), c(m), i(!1);
           return;
         }
         console.log("팝업 뷰 모듈 로드 중...");
-        const v = await i();
-        console.log("팝업 뷰 모듈 로드 완료:", v);
-        const h = v.default;
-        if (console.log("팝업 뷰 컴포넌트:", h), !h)
+        const N = await p();
+        console.log("팝업 뷰 모듈 로드 완료:", N);
+        const l = N.default;
+        if (console.log("팝업 뷰 컴포넌트:", l), !l)
           throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
-        o(() => h), console.log("팝업 뷰 설정 완료");
-      } catch (i) {
-        console.error("팝업 뷰 로드 실패:", i), l(i instanceof Error ? i.message : "팝업 뷰 로드 실패");
+        o(() => l), console.log("팝업 뷰 설정 완료");
+      } catch (p) {
+        console.error("팝업 뷰 로드 실패:", p), c(p instanceof Error ? p.message : "팝업 뷰 로드 실패");
       } finally {
-        a(!1);
+        i(!1);
       }
     })();
-  }, [n.popupUrl]), s ? /* @__PURE__ */ C("div", { className: "popup-loading", children: [
-    /* @__PURE__ */ e(q, { size: "large" }),
+  }, [n.popupUrl]), a ? /* @__PURE__ */ b("div", { className: "popup-loading", children: [
+    /* @__PURE__ */ e(re, { size: "large" }),
     /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
-  ] }) : b ? /* @__PURE__ */ C("div", { className: "popup-error", children: [
-    /* @__PURE__ */ e(ne, { description: b, image: ne.PRESENTED_IMAGE_SIMPLE }),
+  ] }) : y ? /* @__PURE__ */ b("div", { className: "popup-error", children: [
+    /* @__PURE__ */ e(de, { description: y, image: de.PRESENTED_IMAGE_SIMPLE }),
     /* @__PURE__ */ e(
-      M,
+      B,
       {
-        icon: /* @__PURE__ */ e(we, {}),
+        icon: /* @__PURE__ */ e(Ce, {}),
         onClick: () => window.location.reload(),
         children: "다시 시도"
       }
     )
   ] }) : r ? /* @__PURE__ */ e(
-    X,
+    se,
     {
-      fallback: /* @__PURE__ */ C("div", { className: "popup-loading", children: [
-        /* @__PURE__ */ e(q, { size: "large" }),
+      fallback: /* @__PURE__ */ b("div", { className: "popup-loading", children: [
+        /* @__PURE__ */ e(re, { size: "large" }),
         /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
       ] }),
       children: /* @__PURE__ */ e(
@@ -1767,77 +2009,77 @@ const Ut = ({
         {
           popup: {
             ...n,
-            close: c
+            close: u
             // popup 객체에 close 이벤트 추가
           },
-          onClose: c
+          onClose: u
         }
       )
     }
-  ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(ne, { description: "팝업 내용을 불러올 수 없습니다." }) });
-}, Jt = ({ 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(de, { description: "팝업 내용을 불러올 수 없습니다." }) });
+}, an = ({ modules: n }) => {
+  const { popups: t } = ye();
+  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, a = o.height || r.height || 600, b = o.title || r.popupTitle, l = r.buttonList?.map((c, y) => ({
-      key: c.btnId || `btn_${y}`,
-      text: c.btnNm,
-      type: c.btnId === "CLOSE" ? "default" : "primary",
-      disabled: c.enblYn !== "Y",
+    const o = r.config || {}, a = o.width || r.width || 800, i = o.height || r.height || 600, y = o.title || r.popupTitle, c = r.buttonList?.map((u, v) => ({
+      key: u.btnId || `btn_${v}`,
+      text: u.btnNm,
+      type: u.btnId === "CLOSE" ? "default" : "primary",
+      disabled: u.enblYn !== "Y",
       danger: !1
     })) || [];
     return console.log("팝업 렌더링:", {
       popupId: r.popupId,
       popupCode: r.popupCode,
-      title: b,
-      width: s,
-      height: a,
-      buttons: l
-    }), /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Xt, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
+      title: y,
+      width: a,
+      height: i,
+      buttons: c
+    }), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(sn, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
-}, Ie = () => {
-  const { popups: n, closePopup: t } = de();
-  return /* @__PURE__ */ e(V, { children: n.map((r) => {
+}, Me = () => {
+  const { popups: n, closePopup: t } = ye();
+  return /* @__PURE__ */ e(K, { children: n.map((r) => {
     if (!(r.isLocal || r.popupCode.startsWith("CORE_"))) return null;
-    const o = Ot[r.popupCode];
+    const o = $t[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 a = o.component;
+    return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(se, { fallback: null, children: /* @__PURE__ */ e(a, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
-}, en = (n) => ({
+}, ln = (n) => ({
   position: "absolute",
   inset: 0,
   visibility: n ? "visible" : "hidden",
   opacity: n ? 1 : 0,
   transition: "opacity 0.2s ease-in-out",
   pointerEvents: n ? "auto" : "none"
-}), tn = ({ once: n = !0 }) => {
-  const { lock: t } = Me(), r = U(!1);
-  return B(() => {
+}), cn = ({ once: n = !0 }) => {
+  const { lock: t } = Ee(), r = Y(!1);
+  return z(() => {
     n && r.current || (r.current = !0, t());
   }, [n, t]), null;
-}, nn = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: s }) => {
-  const a = U(null), [b, l] = R(!1), c = D((i) => {
-    a.current = i, l(!!i);
-  }, []), y = en(n);
-  return /* @__PURE__ */ e("div", { ref: c, style: y, children: b ? /* @__PURE__ */ C(
-    Le,
+}, dn = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: a }) => {
+  const i = Y(null), [y, c] = A(!1), u = D((p) => {
+    i.current = p, c(!!p);
+  }, []), v = ln(n);
+  return /* @__PURE__ */ e("div", { ref: u, style: v, children: y ? /* @__PURE__ */ b(
+    Oe,
     {
       idleMs: Number.POSITIVE_INFINITY,
       persistLocked: !1,
       overlayScope: "scoped",
       overlayPosition: "absolute",
-      eventTarget: a.current,
+      eventTarget: i.current,
       overlayId: `tab-overlay-${r}`,
       onUnlock: async () => (o(), !0),
       children: [
-        n && t ? /* @__PURE__ */ e(tn, { once: !0 }) : null,
-        s
+        n && t ? /* @__PURE__ */ e(cn, { once: !0 }) : null,
+        a
       ]
     }
-  ) : s });
-}, Cn = ({
+  ) : a });
+}, Pn = ({
   config: n = {},
   modules: t = {
     view: {
@@ -1848,38 +2090,45 @@ const Ut = ({
     }
   }
 }) => {
-  const r = U(
+  const r = Y(
     /* @__PURE__ */ new Map()
   ), {
     tabs: o,
-    tabParams: s,
-    activeMenuId: a,
-    tabProtectFlag: b,
-    clearProtectFlagForKey: l
-  } = F(), { enableProtectWrapper: c } = Ce(), y = D(
-    (i) => {
-      const v = r.current.get(i.key);
-      if (v) return v;
-      const h = i.gubun === "M" ? `${t.view.path}${i.menuItem?.scrnPath}.tsx` : `${t.view.path}${i.componentItem?.scrnPath}.tsx`;
-      let u = t.view?.glob?.[h];
-      if (!u && typeof import.meta < "u" && typeof import.meta.glob == "function" && (u = (/* @__PURE__ */ Object.assign({}))[h]), u) {
-        const x = z(
-          u
+    tabParams: a,
+    activeMenuId: i,
+    tabProtectFlag: y,
+    refreshTabKey: c,
+    clearProtectFlagForKey: u
+  } = O(), { enableProtectWrapper: v } = Pe(), p = D(
+    (l) => {
+      const m = r.current.get(l.key);
+      if (m) return m;
+      const k = l.gubun === "M" ? `${t.view.path}${l.menuItem?.scrnPath}.tsx` : `${t.view.path}${l.componentItem?.scrnPath}.tsx`;
+      let g = t.view?.glob?.[k];
+      if (!g && typeof import.meta < "u" && typeof import.meta.glob == "function" && (g = (/* @__PURE__ */ Object.assign({}))[k]), g) {
+        const d = W(
+          g
         );
-        return r.current.set(i.key, x), x;
+        return r.current.set(l.key, d), d;
       }
       return null;
     },
     [t.view?.glob]
-  );
-  return /* @__PURE__ */ C(j, { className: "main-layout", children: [
-    /* @__PURE__ */ e(ke, { config: n?.header }),
-    /* @__PURE__ */ C(j, { children: [
-      /* @__PURE__ */ e(jt, { config: n?.sidebar }),
-      /* @__PURE__ */ C("div", { className: "content-container", children: [
-        /* @__PURE__ */ e(Ht, { config: n?.menuTab }),
-        /* @__PURE__ */ C(xe, { config: n?.content, children: [
-          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ C(
+  ), N = Y({});
+  return z(() => {
+    const l = N.current, m = c;
+    Object.keys(m).forEach((k) => {
+      const g = l[k], d = m[k];
+      g !== d && r.current.delete(k);
+    }), N.current = { ...m };
+  }, [c]), /* @__PURE__ */ b(Z, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Te, { config: n?.header }),
+    /* @__PURE__ */ b(Z, { children: [
+      /* @__PURE__ */ e(Xt, { config: n?.sidebar }),
+      /* @__PURE__ */ b("div", { className: "content-container", children: [
+        /* @__PURE__ */ e(qt, { config: n?.menuTab }),
+        /* @__PURE__ */ b(Se, { config: n?.content, children: [
+          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ b(
             "div",
             {
               style: {
@@ -1888,40 +2137,40 @@ const Ut = ({
                 height: "100%"
               },
               children: [
-                o.map((i) => {
-                  const v = y(i), h = a === i.key, u = !!b?.[i.key], x = s[i.key] || {}, N = /* @__PURE__ */ e(
-                    Zt,
+                o.map((l) => {
+                  const m = p(l), k = i === l.key, g = !!y?.[l.key], d = a[l.key] || {}, C = c[l.key], T = C !== void 0 ? `${l.key}-${C}` : l.key, E = /* @__PURE__ */ e(
+                    tn,
                     {
-                      isActive: h,
-                      instance: v || void 0,
-                      params: x
+                      isActive: k,
+                      instance: m || void 0,
+                      params: d
                     },
-                    i.key
+                    T
                   );
-                  return /* @__PURE__ */ e(ie, { children: c ? /* @__PURE__ */ e(
-                    nn,
+                  return /* @__PURE__ */ e(ge, { children: v ? /* @__PURE__ */ e(
+                    dn,
                     {
-                      isActive: h,
-                      flagged: u,
-                      tabKey: i.key,
-                      onUnlock: () => l(i.key),
-                      children: N
+                      isActive: k,
+                      flagged: g,
+                      tabKey: l.key,
+                      onUnlock: () => u(l.key),
+                      children: E
                     },
-                    i.key
-                  ) : N }, `sbp-${i.key}`);
+                    l.key
+                  ) : E }, `sbp-${l.key}`);
                 }),
-                (!a || o.length === 0) && /* @__PURE__ */ e(qt, {})
+                (!i || o.length === 0) && /* @__PURE__ */ e(rn, {})
               ]
             }
           ) }),
-          /* @__PURE__ */ e(Ie, {}),
-          /* @__PURE__ */ e(Jt, { modules: t?.popup })
+          /* @__PURE__ */ e(Me, {}),
+          /* @__PURE__ */ e(an, { modules: t?.popup })
         ] })
       ] })
     ] }),
-    (n?.quickService?.visible ?? !0) && /* @__PURE__ */ e(Re, {})
+    (n?.quickService?.visible ?? !0) && /* @__PURE__ */ e(We, {})
   ] });
-}, rn = ({
+}, un = ({
   children: n,
   menuGubunCode: t = {
     mainMenu: "CMPRGRM",
@@ -1931,55 +2180,55 @@ const Ut = ({
   routeMap: r,
   routes: o
 }) => {
-  const s = Ee(), a = le(), { flatMenuList: b, findMenuById: l } = J(), c = _(() => {
-    const i = s.pathname, v = i.replace(/^\/main/, "") || "/";
+  const a = De(), i = fe(), { flatMenuList: y, findMenuById: c } = ae(), u = _(() => {
+    const p = a.pathname, N = p.replace(/^\/main/, "") || "/";
     if (r) {
-      const h = Object.keys(r).find(
-        (x) => r[x] === i
+      const l = Object.keys(r).find(
+        (k) => r[k] === p
       );
-      if (h)
-        return l(h);
-      const u = Object.keys(r).find((x) => (r[x].replace(/^\/main/, "") || "/") === v);
-      if (u)
-        return l(u);
+      if (l)
+        return c(l);
+      const m = Object.keys(r).find((k) => (r[k].replace(/^\/main/, "") || "/") === N);
+      if (m)
+        return c(m);
     }
-    return b.find(
-      (h) => h.menuGbCd === t.program && h.scrnPath && (h.scrnPath === v || h.scrnPath === i || i.endsWith(h.scrnPath) || v === h.scrnPath)
+    return y.find(
+      (l) => l.menuGbCd === t.program && l.scrnPath && (l.scrnPath === N || l.scrnPath === p || p.endsWith(l.scrnPath) || N === l.scrnPath)
     );
   }, [
-    s.pathname,
-    b,
+    a.pathname,
+    y,
     t.program,
     r,
-    l
-  ]), y = _(() => {
-    if (!c)
+    c
+  ]), v = _(() => {
+    if (!u)
       return [];
-    const i = [], v = (u) => {
-      if (!u || !u.menuPrntId || u.menuPrntId === "-")
+    const p = [], N = (m) => {
+      if (!m || !m.menuPrntId || m.menuPrntId === "-")
         return [];
-      const x = l(u.menuPrntId);
-      return x ? [...v(x), x] : [];
+      const k = c(m.menuPrntId);
+      return k ? [...N(k), k] : [];
     };
-    return v(c).forEach((u) => {
-      if (u.menuGbCd === t.mainMenu || u.menuGbCd === t.subMenu) {
-        let x;
-        if (r && u.menuId && (x = r[u.menuId]), !x && o && u.scrnPath) {
-          const N = u.scrnPath.startsWith("/") ? u.scrnPath : `/${u.scrnPath}`, p = Object.keys(o).find(
-            (g) => g === N || g === `/main${N}`
+    return N(u).forEach((m) => {
+      if (m.menuGbCd === t.mainMenu || m.menuGbCd === t.subMenu) {
+        let k;
+        if (r && m.menuId && (k = r[m.menuId]), !k && o && m.scrnPath) {
+          const g = m.scrnPath.startsWith("/") ? m.scrnPath : `/${m.scrnPath}`, d = Object.keys(o).find(
+            (C) => C === g || C === `/main${g}`
           );
-          p && (x = p.startsWith("/main") ? p : `/main${p.startsWith("/") ? p : `/${p}`}`);
+          d && (k = d.startsWith("/main") ? d : `/main${d.startsWith("/") ? d : `/${d}`}`);
         }
-        i.push({
-          title: u.menuNm,
-          onClick: x ? () => a(x) : void 0
+        p.push({
+          title: m.menuNm,
+          onClick: k ? () => i(k) : void 0
         });
       }
-    }), i.push({
-      title: c.menuNm
-    }), i;
-  }, [c, t, a, l]);
-  return /* @__PURE__ */ C(
+    }), p.push({
+      title: u.menuNm
+    }), p;
+  }, [u, t, i, c]);
+  return /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -1988,10 +2237,10 @@ const Ut = ({
       },
       children: [
         /* @__PURE__ */ e(
-          je,
+          qe,
           {
             separator: ">",
-            items: y,
+            items: v,
             style: { marginBottom: "16px" }
           }
         ),
@@ -1999,30 +2248,30 @@ const Ut = ({
       ]
     }
   );
-}, vn = ({ config: n = {} }) => {
-  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, s = _(() => {
+}, Sn = ({ config: n = {} }) => {
+  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, a = _(() => {
     if (!o) return;
-    const a = {}, { flatMenuList: b } = J.getState();
-    return b.forEach((l) => {
-      if (l.menuGbCd === t?.menuGubunCode?.program && l.scrnPath) {
-        const c = l.scrnPath.startsWith("/") ? l.scrnPath : `/${l.scrnPath}`, y = Object.keys(o).find((i) => {
-          const v = i === "/" ? "/" : i.startsWith("/") ? i : `/${i}`;
-          return v === c || v === `/main${c}` || c === v.replace(/^\/main/, "");
+    const i = {}, { flatMenuList: y } = ae.getState();
+    return y.forEach((c) => {
+      if (c.menuGbCd === t?.menuGubunCode?.program && c.scrnPath) {
+        const u = c.scrnPath.startsWith("/") ? c.scrnPath : `/${c.scrnPath}`, v = Object.keys(o).find((p) => {
+          const N = p === "/" ? "/" : p.startsWith("/") ? p : `/${p}`;
+          return N === u || N === `/main${u}` || u === N.replace(/^\/main/, "");
         });
-        if (y) {
-          const i = y === "/" ? "/main" : y.startsWith("/main") ? y : `/main${y.startsWith("/") ? y : `/${y}`}`;
-          a[l.menuId] = i;
+        if (v) {
+          const p = v === "/" ? "/main" : v.startsWith("/main") ? v : `/main${v.startsWith("/") ? v : `/${v}`}`;
+          i[c.menuId] = p;
         }
       }
-    }), a;
+    }), i;
   }, [o, t?.menuGubunCode?.program]);
-  return /* @__PURE__ */ C(j, { className: "main-layout", children: [
-    /* @__PURE__ */ e(ke, { config: n?.header, children: r && /* @__PURE__ */ e(
-      Yt,
+  return /* @__PURE__ */ b(Z, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Te, { config: n?.header, children: r && /* @__PURE__ */ e(
+      nn,
       {
         menuGubunCode: t?.menuGubunCode,
         mode: t?.style?.mode || "horizontal",
-        routeMap: s,
+        routeMap: a,
         style: {
           border: "none",
           backgroundColor: "transparent",
@@ -2032,7 +2281,7 @@ const Ut = ({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ C(xe, { config: n?.content, children: [
+    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ b(Se, { config: n?.content, children: [
       /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ e(
         "div",
         {
@@ -2041,65 +2290,65 @@ const Ut = ({
             width: "100%",
             height: "100%"
           },
-          children: /* @__PURE__ */ e(X, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(fe, { children: Object.entries(o || {}).map(([a, b]) => {
-            const l = a === "/" ? "" : a.replace(/^\/main/, "").replace(/^\//, "") || "";
+          children: /* @__PURE__ */ e(se, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(ke, { children: Object.entries(o || {}).map(([i, y]) => {
+            const c = i === "/" ? "" : i.replace(/^\/main/, "").replace(/^\//, "") || "";
             return /* @__PURE__ */ e(
-              Y,
+              te,
               {
-                path: l,
+                path: c,
                 element: /* @__PURE__ */ e(
-                  rn,
+                  un,
                   {
                     menuGubunCode: t?.menuGubunCode,
-                    routeMap: s,
+                    routeMap: a,
                     routes: o,
-                    children: /* @__PURE__ */ e(b, {})
+                    children: /* @__PURE__ */ e(y, {})
                   }
                 )
               },
-              a
+              i
             );
           }) }) })
         }
       ) }),
-      /* @__PURE__ */ e(Ie, {})
+      /* @__PURE__ */ e(Me, {})
     ] }) })
   ] });
 };
-function wn({
+function Tn({
   config: n,
   ui: t,
   navigate: r
 }) {
-  const { loading: o, capsOn: s, prefills: a, onKeyDown: b, doLogin: l } = Xe(n), c = (y) => l(y, r);
-  return B(() => {
-    Je.getState().fetchSystemMap();
-  }, []), /* @__PURE__ */ e(V, { children: t({ onSubmit: c, loading: o, capsOn: s, onKeyDown: b, prefills: a }) });
+  const { loading: o, capsOn: a, prefills: i, onKeyDown: y, doLogin: c } = nt(n), u = (v) => c(v, r);
+  return z(() => {
+    rt.getState().fetchSystemMap();
+  }, []), /* @__PURE__ */ e(K, { children: t({ onSubmit: u, loading: o, capsOn: a, onKeyDown: y, prefills: i }) });
 }
-function xn({
+function Mn({
   onSubmit: n,
   loading: t,
   capsOn: r,
   onKeyDown: o,
-  prefills: s,
-  labels: a = {
+  prefills: a,
+  labels: i = {
     id: "ID 혹은 사번",
     pw: "비밀번호",
     remember: "Remember me",
     login: "로그인"
   },
-  header: b,
-  footer: l
+  header: y,
+  footer: c
 }) {
-  const [c] = H.useForm();
-  return B(() => {
-    s && (s.id || s.pswr) && c.setFieldsValue({ id: s.id, pswr: s.pswr });
-  }, [s, c]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ C("div", { className: "login_wrap", children: [
-    b || /* @__PURE__ */ e("div", { className: "logo_box" }),
+  const [u] = U.useForm();
+  return z(() => {
+    a && (a.id || a.pswr) && u.setFieldsValue({ id: a.id, pswr: a.pswr });
+  }, [a, u]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ b("div", { className: "login_wrap", children: [
+    y || /* @__PURE__ */ e("div", { className: "logo_box" }),
     /* @__PURE__ */ e("div", { className: "login_title" }),
-    /* @__PURE__ */ e(H, { form: c, onFinish: n, className: "login-form", children: /* @__PURE__ */ C(Ke, { vertical: !0, children: [
+    /* @__PURE__ */ e(U, { form: u, onFinish: n, className: "login-form", children: /* @__PURE__ */ b(ne, { vertical: !0, children: [
       /* @__PURE__ */ e(
-        H.Item,
+        U.Item,
         {
           name: "id",
           rules: [
@@ -2109,47 +2358,47 @@ function xn({
               message: "아이디는 공백이 들어갈 수 없습니다."
             }
           ],
-          children: /* @__PURE__ */ e(oe, { allowClear: !0, placeholder: a.id, onKeyDown: o })
+          children: /* @__PURE__ */ e(me, { allowClear: !0, placeholder: i.id, onKeyDown: o })
         }
       ),
       /* @__PURE__ */ e(
-        H.Item,
+        U.Item,
         {
           name: "pswr",
           rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
           children: /* @__PURE__ */ e(
-            oe.Password,
+            me.Password,
             {
               allowClear: !0,
-              placeholder: a.pw,
+              placeholder: i.pw,
               onKeyDown: o
             }
           )
         }
       ),
-      /* @__PURE__ */ e(H.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(Ue, { children: a.remember }) }),
+      /* @__PURE__ */ e(U.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(Qe, { children: i.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(M, { type: "primary", htmlType: "submit", loading: t, block: !0, children: a.login }) })
+      /* @__PURE__ */ e(U.Item, { children: /* @__PURE__ */ e(B, { type: "primary", htmlType: "submit", loading: t, block: !0, children: i.login }) })
     ] }) }),
-    l
+    c
   ] }) });
 }
 export {
-  yn as A,
-  Cn as B,
-  Zt as C,
-  xn as D,
-  Yt as H,
-  bn as L,
-  Jt as P,
-  vn as a,
-  wn as b,
-  qt as c,
-  xe as d,
-  ke as e,
-  Ht as f,
-  jt as g,
-  rn as h,
-  nn as i,
-  Ot as l
+  Nn as A,
+  Pn as B,
+  tn as C,
+  Mn as D,
+  nn as H,
+  In as L,
+  an as P,
+  Sn as a,
+  Tn as b,
+  rn as c,
+  Se as d,
+  Te as e,
+  qt as f,
+  Xt as g,
+  un as h,
+  dn as i,
+  $t as l
 };