@bwg-ui/core 1.3.3 → 1.3.5

package/dist/chunks/{layout-components-DphZY34c.js → layout-components-ljht1sHh.js}

@@ -1,38 +1,38 @@
-import { jsxs as l, jsx as e, Fragment as A } from "react/jsx-runtime";
-import { o as $e, C as We, S as Ce, n as Fe, m as Ge } from "./provider-VCa8UGvF.js";
-import { Routes as Le, Route as Y, Navigate as _e, useNavigate as ve, useLocation as je } from "react-router-dom";
-import { G as He, B as Ve, Q as Ke } from "./common-components-0IMhPxxg.js";
-import { Spin as Q, Layout as X, Button as B, Divider as he, Flex as ie, Slider as me, Switch as Ue, Modal as Ze, Popover as Ye, Avatar as qe, Dropdown as Qe, Tabs as Xe, Tooltip as te, AutoComplete as Je, Input as fe, Segmented as et, ConfigProvider as tt, Menu as be, Result as Me, Space as q, Typography as xe, Empty as pe, Breadcrumb as nt, Form as Z, Checkbox as rt, Card as Be } from "antd";
-import { lazy as W, useEffect as E, useRef as J, useCallback as z, useMemo as _, useState as $, createElement as Oe, memo as we, cloneElement as ot, Component as it, Suspense as le } from "react";
-import { useUserStore as Ee, useLogout as st, useMenuViewStore as O, useMenuModelStore as ce, useFavoriteStore as at, usePopupStore as ke, useLogin as lt, useSystemStore as se, useSsoLogin as ct } from "../stores/index.js";
-import * as ae from "@ant-design/icons";
-import { UndoOutlined as oe, UserOutlined as dt, CloseOutlined as ne, PushpinOutlined as ut, ReloadOutlined as de, RestOutlined as ht, PushpinTwoTone as mt, StepBackwardOutlined as pt, LeftOutlined as gt, RightOutlined as ft, StepForwardOutlined as bt, MenuUnfoldOutlined as yt, MenuFoldOutlined as Ct, ExclamationCircleOutlined as vt, WarningOutlined as xt, StarOutlined as wt, FolderOpenOutlined as kt, ExclamationCircleTwoTone as Ie, CheckCircleTwoTone as De, LoginOutlined as It } from "@ant-design/icons";
-import { getTodateString as Ne, colorFormat as Nt, getUserId as Se } from "../utils/index.js";
-import { useSensors as St, useSensor as Pt, PointerSensor as Tt, DndContext as Lt, closestCenter as Mt } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as Bt } from "@dnd-kit/modifiers";
-import { arrayMove as Ot, SortableContext as Et, horizontalListSortingStrategy as Dt, useSortable as Rt } from "@dnd-kit/sortable";
-const zt = W(
-  () => import("./MenuReport-BTtoDFz-.js")
-), At = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.$)
-), $t = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.a0)
-), Wt = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.a1)
-), Ft = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.a2)
-), Gt = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.a4)
-), _t = W(
-  () => import("./CMSearchIntfGwP01-Co6lrDf9.js")
-), jt = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.a5)
-), Ht = W(
-  () => import("./common-components-0IMhPxxg.js").then((n) => n.a3)
-), Vt = {
+import { jsxs as s, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { o as ze, C as Ae, S as ge, n as He, m as $e } from "./provider-Kxea5IoZ.js";
+import { Routes as Se, Route as U, Navigate as Fe, useNavigate as fe, useLocation as We } from "react-router-dom";
+import { G as Ge, B as Ve, Q as Ke } from "./common-components-DtzVj5lz.js";
+import { Spin as q, Layout as Q, Button as B, ConfigProvider as Le, Flex as re, Slider as ce, Divider as ke, Switch as Ze, Modal as Ue, Popover as Ye, Avatar as qe, Dropdown as Qe, Tabs as Xe, Tooltip as ee, AutoComplete as Je, Input as ue, Segmented as et, Menu as pe, Result as Me, Space as Y, Typography as be, Empty as de, Breadcrumb as tt, Form as Z, Checkbox as nt, Card as Te } from "antd";
+import { lazy as A, useEffect as E, useRef as X, useCallback as R, useMemo as F, useState as z, createElement as Be, memo as ye, cloneElement as rt, Component as ot, Suspense as se } from "react";
+import { useUserStore as De, useLogout as it, useMenuViewStore as D, useMenuModelStore as le, useFavoriteStore as st, usePopupStore as Ce, useLogin as lt, useSystemStore as oe, useSsoLogin as at } from "../stores/index.js";
+import * as ie from "@ant-design/icons";
+import { UserOutlined as ct, StepBackwardOutlined as dt, LeftOutlined as ht, RightOutlined as ut, StepForwardOutlined as pt, CloseOutlined as Ee, MenuUnfoldOutlined as mt, MenuFoldOutlined as gt, ExclamationCircleOutlined as ft, WarningOutlined as bt, StarOutlined as yt, FolderOpenOutlined as Ct, ReloadOutlined as we, ExclamationCircleTwoTone as ve, CheckCircleTwoTone as _e, LoginOutlined as wt } from "@ant-design/icons";
+import { getTodateString as xe, getUserId as Ne } from "../utils/index.js";
+import { useSensors as vt, useSensor as kt, PointerSensor as xt, DndContext as Nt, closestCenter as It } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as Pt } from "@dnd-kit/modifiers";
+import { arrayMove as St, SortableContext as Lt, horizontalListSortingStrategy as Mt, useSortable as Tt } from "@dnd-kit/sortable";
+const Bt = A(
+  () => import("./MenuReport-CCbCy7yt.js")
+), Dt = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.$)
+), Et = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.a0)
+), _t = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.a1)
+), Ot = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.a2)
+), Rt = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.a4)
+), jt = A(
+  () => import("./CMSearchIntfGwP01-DBpDpgQr.js")
+), zt = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.a5)
+), At = A(
+  () => import("./common-components-DtzVj5lz.js").then((n) => n.a3)
+), Ht = {
   // 게시판/문의
   CORE_REPORT: {
-    component: zt,
+    component: Bt,
     defaultConfig: {
       title: "게시판/문의",
       width: 1200,
@@ -41,7 +41,7 @@ const zt = W(
   },
   // 조직/부서 검색류
   CORE_DEPARTMENT_01: {
-    component: At,
+    component: Dt,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -49,7 +49,7 @@ const zt = W(
     }
   },
   CORE_DEPARTMENT_02: {
-    component: $t,
+    component: Et,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -57,7 +57,7 @@ const zt = W(
     }
   },
   CORE_ORGANIZATION_01: {
-    component: Wt,
+    component: _t,
     defaultConfig: {
       title: "조직 검색",
       width: 620,
@@ -65,7 +65,7 @@ const zt = W(
     }
   },
   CORE_ORGANIZATION_02: {
-    component: Ft,
+    component: Ot,
     defaultConfig: {
       title: "조직 검색",
       width: 1e3,
@@ -73,7 +73,7 @@ const zt = W(
     }
   },
   CORE_PRGR_02: {
-    component: Gt,
+    component: Rt,
     defaultConfig: {
       title: "프로그램 검색",
       width: 700,
@@ -81,7 +81,7 @@ const zt = W(
     }
   },
   CORE_GW_DRAFTS: {
-    component: _t,
+    component: jt,
     defaultConfig: {
       title: "기안 목록",
       width: 1e3,
@@ -89,7 +89,7 @@ const zt = W(
     }
   },
   CORE_ADDRESS_01: {
-    component: jt,
+    component: zt,
     defaultConfig: {
       title: "주소 검색",
       width: 750,
@@ -97,18 +97,18 @@ const zt = W(
     }
   },
   CORE_HOLIDAY_01: {
-    component: Ht,
+    component: At,
     defaultConfig: {
       title: "휴일 검색",
       width: 750,
       height: 800
     }
   }
-}, Pe = "bwg-dot-line-wave-v4";
-function Kt() {
-  if (typeof document > "u" || document.getElementById(Pe)) return;
+}, Ie = "bwg-dot-line-wave-v4";
+function $t() {
+  if (typeof document > "u" || document.getElementById(Ie)) return;
   const n = document.createElement("style");
-  n.id = Pe, n.textContent = `
+  n.id = Ie, n.textContent = `
     .bwg-dotline {
       display: inline-flex;
       align-items: center;
@@ -144,53 +144,53 @@ function Kt() {
     }
   `, document.head.appendChild(n);
 }
-const Ut = ({
+const Ft = ({
   colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
   count: t,
   size: r = 12,
   gap: o = 10,
-  amp: s = 16,
+  amp: l = 16,
   speedMs: a = 900,
   direction: g = "ltr",
-  phase: c = 0.7
+  phase: h = 0.7
 }) => {
   E(() => {
-    Kt();
+    $t();
   }, []);
-  const u = t ?? n.length, y = Array.from({ length: u }), h = {
+  const u = t ?? n.length, f = Array.from({ length: u }), p = {
     "--bwg-size": `${r}px`,
     "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${s}px`,
+    "--bwg-amp": `${l}px`,
     "--bwg-speed": `${a}ms`
-  }, k = a / u * c;
+  }, N = a / u * h;
   return /* @__PURE__ */ e(
     "span",
     {
       className: "bwg-dotline",
       role: "img",
       "aria-label": "loading",
-      style: h,
-      children: y.map((d, p) => /* @__PURE__ */ e(
+      style: p,
+      children: f.map((d, c) => /* @__PURE__ */ e(
         "span",
         {
           className: "dot",
           style: {
-            backgroundColor: n[p % n.length],
-            animationDelay: g === "ltr" ? `${p * k}ms` : `${(u - 1 - p) * k}ms`
+            backgroundColor: n[c % n.length],
+            animationDelay: g === "ltr" ? `${c * N}ms` : `${(u - 1 - c) * N}ms`
           }
         },
-        p
+        c
       ))
     }
   );
-}, On = ({
+}, Sn = ({
   spin: n = null,
   text: t = "인증중...",
   dimStyle: r = "dark"
 }) => {
   if (!(n ?? !0)) return null;
   const a = r === "dark";
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "loading-overlay",
@@ -213,10 +213,10 @@ const Ut = ({
       role: "status",
       children: [
         /* @__PURE__ */ e(
-          Q,
+          q,
           {
             indicator: /* @__PURE__ */ e(
-              Ut,
+              Ft,
               {
                 colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
                 size: 12,
@@ -233,20 +233,20 @@ const Ut = ({
       ]
     }
   );
-}, En = ({
+}, Ln = ({
   routes: n,
   useCommonProvider: t = !0,
   useServiceProvider: r = !0
 }) => {
-  let s = /* @__PURE__ */ l(Le, { children: [
-    /* @__PURE__ */ e(Y, { path: "/", element: /* @__PURE__ */ e(_e, { to: "/login" }) }),
-    /* @__PURE__ */ e(Y, { path: "/ssoLogin", element: n.ssoLogin }),
-    /* @__PURE__ */ e(Y, { path: "/login", element: n.login }),
-    /* @__PURE__ */ e(Y, { path: "/main/*", element: n.main }),
-    /* @__PURE__ */ e(Y, { path: "/sessionNotice", element: n.sessionNotice })
+  let l = /* @__PURE__ */ s(Se, { children: [
+    /* @__PURE__ */ e(U, { path: "/", element: /* @__PURE__ */ e(Fe, { to: "/login" }) }),
+    /* @__PURE__ */ e(U, { path: "/ssoLogin", element: n.ssoLogin }),
+    /* @__PURE__ */ e(U, { path: "/login", element: n.login }),
+    /* @__PURE__ */ e(U, { path: "/main/*", element: n.main }),
+    /* @__PURE__ */ e(U, { path: "/sessionNotice", element: n.sessionNotice })
   ] });
-  return r && (s = /* @__PURE__ */ e($e, { children: s })), t && (s = /* @__PURE__ */ e(We, { children: s })), /* @__PURE__ */ e(He, { children: s });
-}, { Content: Zt } = X, Re = ({
+  return r && (l = /* @__PURE__ */ e(ze, { children: l })), t && (l = /* @__PURE__ */ e(Ae, { children: l })), /* @__PURE__ */ e(Ge, { children: l });
+}, { Content: Wt } = Q, Oe = ({
   config: n = {},
   children: t
 }) => {
@@ -262,7 +262,7 @@ const Ut = ({
     ...n
   };
   return /* @__PURE__ */ e(
-    Zt,
+    Wt,
     {
       className: r.wrapper.className,
       style: r.wrapper.style,
@@ -276,7 +276,7 @@ const Ut = ({
       ) })
     }
   );
-}, Yt = "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", qt = "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", Qt = "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: Xt } = X, { confirm: Jt } = Ze, F = {
+}, Gt = "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", 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%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", Kt = "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: Zt } = Q, { confirm: Ut } = Ue, te = {
   light: {
     headerBg: "#ffffff",
     headerText: "#000000",
@@ -329,11 +329,11 @@ const Ut = ({
     buttonDefaultBorder: "#dddddd",
     buttonPermissionBorder: "#bdb1ff"
   }
-}, ge = {
+}, he = {
   0: "작게",
   1: "보통",
   2: "크게"
-}, ze = ({ config: n = {}, children: t }) => {
+}, Re = ({ config: n = {}, children: t }) => {
   const r = {
     gap: 14,
     minWidth: 200,
@@ -366,273 +366,312 @@ const Ut = ({
       ...n.logo
     },
     right: r
-  }, s = ve(), a = J(null), g = st(() => s("/login", { replace: !0 })), {
-    componentSize: c,
+  }, l = fe(), a = X(null), g = it(() => l("/login", { replace: !0 })), {
+    componentSize: h,
     setComponentSize: u,
-    gridSize: y,
-    setGridSize: h,
-    spacingSize: k,
+    gridSize: f,
+    setGridSize: p,
+    spacingSize: N,
     setSpacingSize: d,
-    enableProtectWrapper: p,
+    enableProtectWrapper: c,
     setEnableProtectWrapper: I,
-    theme: b,
+    theme: k,
     setTheme: m,
-    clearAllGridLayouts: v
-  } = Ee(), T = 1, D = 2, R = 2, w = (f, P) => {
+    clearAllGridLayouts: C
+  } = De(), S = 1, _ = 2, O = 2, x = (b, L) => {
     try {
-      if (!/^[a-zA-Z0-9-]+$/.test(f) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(P)) return;
-      document.documentElement.style.setProperty(f, P);
-    } catch (N) {
-      console.error("CSS variable setting failed:", N);
+      if (!/^[a-zA-Z0-9-]+$/.test(b) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(L)) return;
+      document.documentElement.style.setProperty(b, L);
+    } catch (v) {
+      console.error("CSS variable setting failed:", v);
     }
-  }, G = (f) => {
-    if (!F[f]) return;
-    m(f);
-    const P = { ...F[f] };
-    w("--header-bg", P.headerBg), w("--header-text", P.headerText), w("--sidebar-bg", P.sidebarBg), w("--sidebar-text", P.sidebarText), w("--button-primary", P.buttonPrimary), w("--button-primary-hover", P.buttonPrimaryHover), w("--button-primary-active", P.buttonPrimaryActive), w("--button-default", P.buttonDefault), w("--button-default-hover", P.buttonDefaultHover), w("--button-default-border", P.buttonDefaultBorder), w(
+  }, $ = (b) => {
+    if (!te[b]) return;
+    m(b);
+    const L = { ...te[b] };
+    x("--header-bg", L.headerBg), x("--header-text", L.headerText), x("--sidebar-bg", L.sidebarBg), x("--sidebar-text", L.sidebarText), x("--button-primary", L.buttonPrimary), x("--button-primary-hover", L.buttonPrimaryHover), x("--button-primary-active", L.buttonPrimaryActive), x("--button-default", L.buttonDefault), x("--button-default-hover", L.buttonDefaultHover), x("--button-default-border", L.buttonDefaultBorder), x(
       "--button-permission-border",
-      P.buttonPermissionBorder
-    ), a.current && a.current.setAttribute("data-theme", f), document.documentElement.setAttribute("data-theme", f);
+      L.buttonPermissionBorder
+    ), a.current && a.current.setAttribute("data-theme", b), document.documentElement.setAttribute("data-theme", b);
   };
   E(() => {
-    if (b && F[b]) {
-      const f = { ...F[b] };
-      w("--header-bg", f.headerBg), w("--header-text", f.headerText), w("--sidebar-bg", f.sidebarBg), w("--sidebar-text", f.sidebarText), w("--button-primary", f.buttonPrimary), w("--button-primary-hover", f.buttonPrimaryHover), w(
+    if (k && te[k]) {
+      const b = { ...te[k] };
+      x("--header-bg", b.headerBg), x("--header-text", b.headerText), x("--sidebar-bg", b.sidebarBg), x("--sidebar-text", b.sidebarText), x("--button-primary", b.buttonPrimary), x("--button-primary-hover", b.buttonPrimaryHover), x(
         "--button-primary-active",
-        f.buttonPrimaryActive
-      ), w("--button-default", f.buttonDefault), w("--button-default-hover", f.buttonDefaultHover), w(
+        b.buttonPrimaryActive
+      ), x("--button-default", b.buttonDefault), x("--button-default-hover", b.buttonDefaultHover), x(
         "--button-default-border",
-        f.buttonDefaultBorder
-      ), w(
+        b.buttonDefaultBorder
+      ), x(
         "--button-permission-border",
-        f.buttonPermissionBorder
-      ), a.current && a.current.setAttribute("data-theme", b), document.documentElement.setAttribute("data-theme", b);
+        b.buttonPermissionBorder
+      ), a.current && a.current.setAttribute("data-theme", k), document.documentElement.setAttribute("data-theme", k);
     } else
-      G("modern");
-  }, [b]);
+      $("modern");
+  }, [k]);
   const K = () => {
     g();
-  };
-  Ne ? Ne("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
-  const U = F[b]?.headerBg || "#f3f4ff", ee = /* @__PURE__ */ l(
+  }, H = () => /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ e("g", { clipPath: "url(#clip0_1424_1089)", children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M15.1801 12.13C14.7801 13.25 14.0401 14.22 13.0401 14.87C12.0501 15.53 10.8701 15.85 9.68009 15.78C8.49009 15.71 7.36009 15.26 6.45009 14.49C5.54009 13.72 4.91009 12.68 4.64009 11.52C4.38009 10.36 4.50009 9.14996 4.98009 8.05996C5.47009 6.96996 6.29009 6.07996 7.33009 5.49996C8.37009 4.91996 9.57009 4.69996 10.7501 4.86996C12.7401 5.14996 14.0501 6.58996 15.4701 7.85996M15.4901 4.20996V7.86996H11.8301",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }),
+    /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1424_1089", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "white" }) }) })
+  ] });
+  xe ? xe("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const J = /* @__PURE__ */ s(
     "div",
     {
+      className: "theme-setting-popover",
       style: {
-        padding: "16px",
-        backgroundColor: U,
-        borderRadius: "8px",
         minWidth: "320px"
       },
       children: [
-        /* @__PURE__ */ l("div", { style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              style: { marginBottom: "12px", fontSize: "14px", fontWeight: 500 },
-              children: "테마 선택"
-            }
-          ),
-          /* @__PURE__ */ l(
-            "div",
-            {
-              style: {
-                display: "grid",
-                gridTemplateColumns: "1fr 1fr",
-                gap: "8px",
-                marginBottom: "8px"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  B,
-                  {
-                    type: b === "modern" ? "primary" : "default",
-                    size: "small",
-                    onClick: () => G("modern"),
-                    style: {
-                      width: "100%",
-                      backgroundColor: b === "modern" ? F.modern.headerBg : void 0,
-                      color: b === "modern" ? F.modern.headerText : void 0,
-                      borderColor: b === "modern" ? F.modern.headerBg : void 0
-                    },
-                    children: "모던"
-                  },
-                  "modern"
-                ),
-                Object.entries(F).filter(([f]) => f !== "modern").map(([f, P]) => /* @__PURE__ */ e(
-                  B,
-                  {
-                    type: b === f ? "primary" : "default",
-                    size: "small",
-                    onClick: () => G(f),
-                    style: {
-                      width: "100%",
-                      backgroundColor: b === f ? P.headerBg : void 0,
-                      color: b === f ? P.headerText : void 0,
-                      borderColor: b === f ? P.headerBg : void 0
-                    },
-                    children: f
-                  },
-                  f
-                ))
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(he, { style: { margin: "16px 0" } }),
-        /* @__PURE__ */ l("div", { style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ l(
-            ie,
-            {
-              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(oe, {}),
-                    onClick: () => u(T),
-                    disabled: c === T,
-                    style: { padding: "0 4px" }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            me,
-            {
-              marks: ge,
-              value: c,
-              min: 0,
-              max: 2,
-              step: 1,
-              onChange: (f) => u(f)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ l("div", { style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ l(
-            ie,
-            {
-              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(oe, {}),
-                    onClick: () => h(D),
-                    disabled: y === D,
-                    style: { padding: "0 4px" }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            me,
-            {
-              marks: ge,
-              value: y,
-              min: 0,
-              max: 2,
-              step: 1,
-              onChange: (f) => h(f)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ l("div", { style: { marginBottom: "16px" }, children: [
-          /* @__PURE__ */ l(
-            ie,
-            {
-              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(oe, {}),
-                    onClick: () => d(R),
-                    disabled: k === R,
-                    style: { padding: "0 4px" }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            me,
-            {
-              marks: ge,
-              value: k,
-              min: 0,
-              max: 2,
-              step: 1,
-              onChange: (f) => d(f)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(he, { style: { margin: "16px 0" } }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
-              marginBottom: "16px",
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "center"
+              padding: "10px",
+              backgroundColor: "#f5f6fb",
+              borderRadius: "6px",
+              marginBottom: "20px"
             },
             children: [
-              /* @__PURE__ */ e("span", { style: { fontSize: "14px", fontWeight: 500 }, children: "화면 보호 활성화" }),
-              /* @__PURE__ */ e(
-                Ue,
+              /* @__PURE__ */ e("div", { className: "sub-title", style: { marginBottom: 10 }, children: "테마 선택" }),
+              /* @__PURE__ */ s(
+                "div",
                 {
-                  checked: p,
-                  onChange: I
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "right",
+                    gap: "10px"
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      B,
+                      {
+                        className: `theme-swatch-btn theme-swatch-modern ${k === "modern" ? "active" : ""}`,
+                        type: "text",
+                        size: "small",
+                        onClick: () => $("modern")
+                      },
+                      "modern"
+                    ),
+                    Object.entries(te).filter(([b]) => b !== "modern").map(([b, L]) => /* @__PURE__ */ e(
+                      B,
+                      {
+                        className: `theme-swatch-btn theme-swatch-${b} ${k === b ? "active" : ""}`,
+                        type: "text",
+                        size: "small",
+                        onClick: () => $(b)
+                      },
+                      b
+                    ))
+                  ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(he, { style: { margin: "16px 0" } }),
-        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        /* @__PURE__ */ s(
+          Le,
+          {
+            theme: {
+              components: {
+                Slider: {
+                  dotActiveBorderColor: "var(--primary-color)",
+                  dotBorderColor: "#d9d9d9",
+                  dotSize: 8,
+                  handleActiveColor: "var(--primary-color)",
+                  handleActiveOutlineColor: "rgba(var(--primary-color-rgb),0.2)",
+                  handleLineWidth: 0,
+                  handleSize: 12,
+                  railBg: "#e0e2e5",
+                  trackBg: "var(--primary-color)",
+                  trackHoverBg: "var(--button-solid-hover)"
+                },
+                Switch: {
+                  colorPrimary: "var(--switch-primary)",
+                  colorPrimaryHover: "var(--switch-primary)"
+                }
+              }
+            },
+            children: [
+              /* @__PURE__ */ s("div", { style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 20,
+                padding: "0 10px"
+              }, children: [
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s(
+                    re,
+                    {
+                      justify: "space-between",
+                      align: "center",
+                      children: [
+                        /* @__PURE__ */ e("span", { className: "sub-title", children: "컴포넌트 크기" }),
+                        /* @__PURE__ */ e(
+                          B,
+                          {
+                            className: "bwg-btn",
+                            type: "text",
+                            size: "small",
+                            icon: /* @__PURE__ */ e(H, {}),
+                            onClick: () => u(S),
+                            disabled: h === S,
+                            style: { padding: "0", gap: "3px", height: "20px", lineHeight: "20px" },
+                            children: "초기화"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ce,
+                    {
+                      className: "theme-ctrl-slider",
+                      marks: he,
+                      value: h,
+                      min: 0,
+                      max: 2,
+                      step: 1,
+                      onChange: (b) => u(b)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s(
+                    re,
+                    {
+                      justify: "space-between",
+                      align: "center",
+                      children: [
+                        /* @__PURE__ */ e("span", { className: "sub-title", children: "그리드 크기" }),
+                        /* @__PURE__ */ e(
+                          B,
+                          {
+                            className: "bwg-btn",
+                            type: "text",
+                            size: "small",
+                            icon: /* @__PURE__ */ e(H, {}),
+                            onClick: () => p(_),
+                            disabled: f === _,
+                            style: { padding: "0", gap: "3px", height: "20px", lineHeight: "20px" },
+                            children: "초기화"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ce,
+                    {
+                      className: "theme-ctrl-slider",
+                      marks: he,
+                      value: f,
+                      min: 0,
+                      max: 2,
+                      step: 1,
+                      onChange: (b) => p(b)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s(
+                    re,
+                    {
+                      justify: "space-between",
+                      align: "center",
+                      children: [
+                        /* @__PURE__ */ e("span", { className: "sub-title", children: "여백 조정" }),
+                        /* @__PURE__ */ e(
+                          B,
+                          {
+                            className: "bwg-btn",
+                            type: "text",
+                            size: "small",
+                            icon: /* @__PURE__ */ e(H, {}),
+                            onClick: () => d(O),
+                            disabled: N === O,
+                            style: { padding: "0", gap: "3px", height: "20px", lineHeight: "20px" },
+                            children: "초기화"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ce,
+                    {
+                      className: "theme-ctrl-slider",
+                      marks: he,
+                      value: N,
+                      min: 0,
+                      max: 2,
+                      step: 1,
+                      onChange: (b) => d(b)
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(ke, { style: { margin: "20px 0 15px", borderBlockStart: "1px solid #dddddd" } }),
+              /* @__PURE__ */ s(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    padding: "0 10px"
+                  },
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "sub-title", children: "화면 보호 활성화" }),
+                    /* @__PURE__ */ e(
+                      Ze,
+                      {
+                        checked: c,
+                        onChange: I
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(ke, { style: { margin: "15px 0 20px", borderBlockStart: "1px solid #dddddd" } }),
+        /* @__PURE__ */ e("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ e(
           B,
           {
+            className: "bwg-btn",
             type: "default",
-            danger: !0,
             size: "small",
-            icon: /* @__PURE__ */ e(oe, {}),
+            icon: /* @__PURE__ */ e(H, {}),
             onClick: () => {
-              Jt({
+              Ut({
                 title: "전체 그리드 레이아웃 초기화",
                 content: "임의 변경한 그리드 레이아웃 변경사항을 초기화하시겠습니까? 기존 열려있는 화면들은 다시 열어야 적용됩니다.",
                 onOk() {
-                  v();
+                  C();
                 }
               });
             },
-            block: !0,
-            style: { fontSize: "12px" },
             children: "전체 그리드 레이아웃 초기화"
           }
         ) })
       ]
     }
   );
-  return /* @__PURE__ */ l(
-    Xt,
+  return /* @__PURE__ */ s(
+    Zt,
     {
       className: o.wrapper.className,
       style: { ...o.wrapper.style },
@@ -658,7 +697,7 @@ const Ut = ({
             children: t
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
             className: "header-right",
@@ -667,12 +706,12 @@ const Ut = ({
               minWidth: o.right?.minWidth
             },
             children: [
-              o.right?.items?.map((f, P) => /* @__PURE__ */ e("div", { children: f }, P)),
+              o.right?.items?.map((b, L) => /* @__PURE__ */ e("div", { children: b }, L)),
               o.right?.alarm?.visible && /* @__PURE__ */ e(
                 B,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: Yt, alt: "알림" }),
+                  icon: /* @__PURE__ */ e("img", { src: Gt, alt: "알림" }),
                   className: "alarm-btn",
                   onClick: o.right?.alarm?.onClick
                 }
@@ -680,16 +719,16 @@ const Ut = ({
               o.right?.theme?.visible && /* @__PURE__ */ e(
                 Ye,
                 {
-                  content: ee,
-                  title: "개인 설정",
+                  content: J,
+                  title: /* @__PURE__ */ e("span", { style: { display: "inline-block", fontSize: 16, color: "var(--text-primary)", lineHeight: "30px", marginBottom: "2px" }, children: "개인 설정" }),
                   trigger: "click",
                   placement: "bottomRight",
-                  onOpenChange: (f) => o.right?.theme?.onOpenChange?.(f),
+                  onOpenChange: (b) => o.right?.theme?.onOpenChange?.(b),
                   children: /* @__PURE__ */ e(
                     B,
                     {
                       type: "text",
-                      icon: /* @__PURE__ */ e("img", { src: Qt, alt: "개인설정" }),
+                      icon: /* @__PURE__ */ e("img", { src: Kt, alt: "개인설정" }),
                       className: "theme-btn",
                       onClick: o.right?.theme?.onClick
                     }
@@ -700,7 +739,7 @@ const Ut = ({
                 B,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: qt, alt: "로그아웃" }),
+                  icon: /* @__PURE__ */ e("img", { src: Vt, alt: "로그아웃" }),
                   onClick: o.right?.logout?.onClick || K,
                   className: "logout-btn"
                 }
@@ -708,7 +747,7 @@ const Ut = ({
               o.right?.avatar?.visible && /* @__PURE__ */ e(
                 qe,
                 {
-                  icon: /* @__PURE__ */ e(dt, {}),
+                  icon: /* @__PURE__ */ e(ct, {}),
                   className: "avatar",
                   style: {
                     width: o.right?.avatar?.width,
@@ -723,7 +762,7 @@ const Ut = ({
       ]
     }
   );
-}, ye = /* @__PURE__ */ Object.freeze({
+}, me = /* @__PURE__ */ Object.freeze({
   Translate: {
     toString(n) {
       if (!n)
@@ -749,7 +788,7 @@ const Ut = ({
   Transform: {
     toString(n) {
       if (n)
-        return [ye.Translate.toString(n), ye.Scale.toString(n)].join(" ");
+        return [me.Translate.toString(n), me.Scale.toString(n)].join(" ");
     }
   },
   Transition: {
@@ -762,62 +801,62 @@ const Ut = ({
       return t + " " + r + "ms " + o;
     }
   }
-}), en = we(
+}), Yt = ye(
   ({ className: n, ...t }) => {
-    const r = J(null), {
+    const r = X(null), {
       attributes: o,
-      listeners: s,
+      listeners: l,
       transform: a,
       transition: g,
-      isDragging: c,
+      isDragging: h,
       setNodeRef: u
-    } = Rt({ id: t["data-node-key"] }), [y, h] = $();
+    } = Tt({ id: t["data-node-key"] }), [f, p] = z();
     E(() => {
-      const v = r.current;
-      if (v)
-        if (c) {
-          const T = Math.round(v.getBoundingClientRect().width);
-          h(T);
+      const C = r.current;
+      if (C)
+        if (h) {
+          const S = Math.round(C.getBoundingClientRect().width);
+          p(S);
         } else
-          h(void 0);
-    }, [c]);
-    const k = {
+          p(void 0);
+    }, [h]);
+    const N = {
       ...t.style,
-      transform: a ? ye.Transform.toString(a) : void 0,
+      transform: a ? me.Transform.toString(a) : void 0,
       transition: g ?? "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
-    }, d = t.children, p = d.props?.className || "", m = t["data-gubun"] === "C" ? p ? `${p} tab-special` : "tab-special" : p;
-    return ot(d, {
-      ref: (v) => {
-        r.current !== v && (r.current = v), u(v);
+      width: f ?? void 0,
+      minWidth: f ?? void 0,
+      maxWidth: f ?? void 0,
+      flex: f !== void 0 ? "0 0 auto" : void 0
+    }, d = t.children, c = d.props?.className || "", m = t["data-gubun"] === "C" ? c ? `${c} tab-special` : "tab-special" : c;
+    return rt(d, {
+      ref: (C) => {
+        r.current !== C && (r.current = C), u(C);
       },
       className: m,
-      style: k,
+      style: N,
       ...o,
-      ...s
+      ...l
     });
   }
-), tn = we(function({
+), qt = ye(function({
   config: t,
   isFirst: r,
   isLast: o,
-  canCloseAll: s,
+  canCloseAll: l,
   onFirst: a,
   onPrev: g,
-  onNext: c,
+  onNext: h,
   onLast: u,
-  onCloseAll: y
+  onCloseAll: f
 }) {
-  return /* @__PURE__ */ l("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+  return /* @__PURE__ */ s("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
     /* @__PURE__ */ e(
-      te,
+      ee,
       {
         title: "첫 번째 탭",
         className: t.tooltip?.className,
@@ -828,7 +867,7 @@ const Ut = ({
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(pt, {}),
+            icon: /* @__PURE__ */ e(dt, {}),
             onClick: a,
             disabled: r
           }
@@ -836,7 +875,7 @@ const Ut = ({
       }
     ),
     /* @__PURE__ */ e(
-      te,
+      ee,
       {
         title: "이전 탭",
         className: t.tooltip?.className,
@@ -847,7 +886,7 @@ const Ut = ({
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(gt, {}),
+            icon: /* @__PURE__ */ e(ht, {}),
             onClick: g,
             disabled: r
           }
@@ -855,7 +894,7 @@ const Ut = ({
       }
     ),
     /* @__PURE__ */ e(
-      te,
+      ee,
       {
         title: "다음 탭",
         className: t.tooltip?.className,
@@ -866,15 +905,15 @@ const Ut = ({
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ft, {}),
-            onClick: c,
+            icon: /* @__PURE__ */ e(ut, {}),
+            onClick: h,
             disabled: o
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      te,
+      ee,
       {
         title: "마지막 탭",
         className: t.tooltip?.className,
@@ -885,7 +924,7 @@ const Ut = ({
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(bt, {}),
+            icon: /* @__PURE__ */ e(pt, {}),
             onClick: u,
             disabled: o
           }
@@ -893,7 +932,7 @@ const Ut = ({
       }
     ),
     /* @__PURE__ */ e(
-      te,
+      ee,
       {
         title: "모든 탭 닫기",
         className: t.tooltip?.className,
@@ -904,15 +943,15 @@ const Ut = ({
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ne, {}),
-            onClick: y,
-            disabled: !s
+            icon: /* @__PURE__ */ e(Ee, {}),
+            onClick: f,
+            disabled: !l
           }
         )
       }
     )
   ] });
-}), nn = ({
+}), Qt = ({
   config: n = {}
 }) => {
   const t = {
@@ -940,49 +979,68 @@ const Ut = ({
       ...n?.nav
     },
     ...n
-  }, r = O((i) => i.tabs), o = O((i) => i.activeMenuId), s = O((i) => i.pinnedTabs), a = O((i) => i.focusTab), g = O((i) => i.closeTab), c = O((i) => i.reorderTabs), u = O((i) => i.togglePinTab), y = O((i) => i.refreshTab), h = O((i) => i.closeOtherTabs), k = O((i) => i.closeRightTabs);
-  O((i) => i.closeAllTabs);
-  const d = St(
-    Pt(Tt, { activationConstraint: { distance: 6 } })
-  ), p = (i) => {
+  }, r = D((i) => i.tabs), o = D((i) => i.activeMenuId), l = D((i) => i.pinnedTabs), a = D((i) => i.focusTab), g = D((i) => i.closeTab), h = D((i) => i.reorderTabs), u = D((i) => i.togglePinTab), f = D((i) => i.refreshTab), p = D((i) => i.closeOtherTabs), N = D((i) => i.closeRightTabs);
+  D((i) => i.closeAllTabs);
+  const d = vt(
+    kt(xt, { activationConstraint: { distance: 6 } })
+  ), c = (i) => {
     a(i);
-  }, I = (i, x) => {
-    x === "remove" && typeof i == "string" && g(i);
-  }, b = () => {
+  }, I = (i, w) => {
+    w === "remove" && typeof i == "string" && g(i);
+  }, k = () => {
     r.length > 0 && a(r[0].key);
   }, m = () => {
     if (!o || r.length <= 1) return;
-    const i = r.findIndex((x) => x.key === o);
+    const i = r.findIndex((w) => w.key === o);
     i > 0 && a(r[i - 1].key);
-  }, v = () => {
+  }, C = () => {
     if (!o || r.length <= 1) return;
-    const i = r.findIndex((x) => x.key === o);
+    const i = r.findIndex((w) => w.key === o);
     i < r.length - 1 && a(r[i + 1].key);
-  }, T = () => {
+  }, S = () => {
     r.length > 0 && a(r[r.length - 1].key);
-  }, D = () => {
+  }, _ = () => {
     r.forEach((i) => {
-      s.has(i.key) || g(i.key);
+      l.has(i.key) || g(i.key);
     });
-  }, R = z((i) => (x) => {
-    x.preventDefault(), x.stopPropagation();
-  }, []), w = z(
+  }, O = R((i) => (w) => {
+    w.preventDefault(), w.stopPropagation();
+  }, []), x = R(
     (i) => {
-      const x = s.has(i), L = r.findIndex((re) => re.key === i), M = L >= 0 && L < r.length - 1, j = r.length > 1;
+      const w = l.has(i), M = r.findIndex((ne) => ne.key === i), T = M >= 0 && M < r.length - 1, W = r.length > 1;
       return [
         {
           key: "close",
           label: "닫기",
-          icon: /* @__PURE__ */ e(ne, {}),
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_1409_1182)", children: /* @__PURE__ */ e("path", { d: "M16.2 5.80005L5.79004 16.21M5.80004 5.80005L16.21 16.21", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1182", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           onClick: () => {
-            x || g(i);
+            w || g(i);
           },
-          disabled: x
+          disabled: w
         },
         {
           key: "pin",
-          label: x ? "고정 해제" : "고정",
-          icon: /* @__PURE__ */ e(ut, {}),
+          label: w ? "고정 해제" : "고정",
+          icon: w ? /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1222)", children: [
+              /* @__PURE__ */ e("path", { d: "M8.19998 8.28992C7.38998 8.41992 6.60998 8.78992 5.97998 9.41992L12.58 16.0199C13.2 15.3999 13.57 14.6299 13.7 13.8199", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M13.7601 10.9099L16.2101 8.45993L13.5501 5.79993L11.1001 8.24993", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M12.4502 4.70996L17.2902 9.54996", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M9.27996 12.72L4.70996 17.29", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M5.27979 5.27991L16.7198 16.7199", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            ] }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1222", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }) : /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1186)", children: [
+              /* @__PURE__ */ e("path", { d: "M13.32 11.3399L16.2 8.45993L13.54 5.79993L10.66 8.67993C9.13998 7.91993 7.24998 8.15993 5.97998 9.41993L12.58 16.0199C13.85 14.7499 14.08 12.8599 13.32 11.3399Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M12.4502 4.70996L17.2902 9.54996", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M9.27996 12.72L4.70996 17.29", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            ] }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1186", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           onClick: () => {
             u(i);
           }
@@ -990,9 +1048,12 @@ const Ut = ({
         {
           key: "refresh",
           label: "새로고침",
-          icon: /* @__PURE__ */ e(de, {}),
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_1409_1193)", children: /* @__PURE__ */ e("path", { d: "M16.1801 13.13C15.7801 14.25 15.0401 15.22 14.0401 15.87C13.0501 16.53 11.8701 16.85 10.6801 16.78C9.49009 16.71 8.36009 16.26 7.45009 15.49C6.54009 14.72 5.91009 13.68 5.64009 12.52C5.38009 11.36 5.50009 10.15 5.98009 9.05996C6.47009 7.96996 7.29009 7.07996 8.33009 6.49996C9.37009 5.91996 10.5701 5.69996 11.7501 5.86996C13.7401 6.14996 15.0501 7.58996 16.4701 8.85996M16.4901 5.20996V8.86996H12.8301", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1193", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           onClick: () => {
-            y(i);
+            f(i);
           }
         },
         {
@@ -1001,27 +1062,51 @@ const Ut = ({
         {
           key: "closeOthers",
           label: "다른 탭 닫기",
-          icon: /* @__PURE__ */ e(ne, {}),
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1197)", children: [
+              /* @__PURE__ */ e("path", { d: "M4.52979 5.74005V16.2601C4.52979 16.7101 4.88979 17.0701 5.33979 17.0701H16.6698C17.1198 17.0701 17.4798 16.7101 17.4798 16.2601V8.17005C17.4798 7.72005 17.1198 7.36005 16.6698 7.36005H12.6898C12.3898 7.36005 12.1098 7.23005 11.9198 7.00005L10.4398 5.22005C10.2898 5.04005 10.0598 4.93005 9.81978 4.93005H5.33979C4.88979 4.93005 4.52979 5.29005 4.52979 5.74005Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M13.3598 7.36011H4.52979", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M12.7897 10.4301L9.19971 14.0201M9.20971 10.4301L12.7997 14.0201", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            ] }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1197", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           onClick: () => {
-            h(i);
+            p(i);
           },
-          disabled: !j
+          disabled: !W
         },
         {
           key: "closeRight",
           label: "우측 탭 닫기",
-          icon: /* @__PURE__ */ e(ne, {}),
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1204)", children: [
+              /* @__PURE__ */ e("path", { d: "M16.3402 10.53V16.51C16.3402 17.05 15.9302 17.49 15.4302 17.49H5.40023C4.90023 17.49 4.49023 17.05 4.49023 16.51V7.73C4.49023 7.19 4.90023 6.75 5.40023 6.75H10.1702", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M12.33 11.4301L8.5 15.2601M8.5 11.4301L12.33 15.2601", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M12.1699 6.76001H17.4199", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M17.4201 6.75996L15.3701 4.70996", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M17.4201 6.76001L15.3701 8.81001", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M4.49023 8.90002H13.3402", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            ] }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1204", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           onClick: () => {
-            k(i);
+            N(i);
           },
-          disabled: !M
+          disabled: !T
         },
         {
           key: "closeAll",
           label: "전체 닫기",
-          icon: /* @__PURE__ */ e(ht, {}),
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1215)", children: [
+              /* @__PURE__ */ e("path", { d: "M14.8405 10.15L10.2305 14.76M10.2305 10.15L14.8405 14.76", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M16.5101 7.47998H8.56006C8.00777 7.47998 7.56006 7.9277 7.56006 8.47998V16.43C7.56006 16.9823 8.00777 17.43 8.56006 17.43H16.5101C17.0623 17.43 17.5101 16.9823 17.5101 16.43V8.47998C17.5101 7.9277 17.0623 7.47998 16.5101 7.47998Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M5.53023 14.81C4.95023 14.81 4.49023 14.34 4.49023 13.77V5.89999C4.49023 5.31999 4.96023 4.85999 5.53023 4.85999H13.4002C13.9802 4.85999 14.4402 5.32999 14.4402 5.89999", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            ] }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1215", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           onClick: () => {
-            D();
+            _();
           },
           disabled: r.length === 0
         }
@@ -1029,84 +1114,86 @@ const Ut = ({
     },
     [
       r,
-      s,
+      l,
       g,
       u,
-      y,
-      h,
-      k
+      f,
+      p,
+      N
     ]
-  ), G = o ? r.findIndex((i) => i.key === o) : -1, K = G === 0, U = G === r.length - 1, ee = _(
+  ), $ = o ? r.findIndex((i) => i.key === o) : -1, K = $ === 0, H = $ === r.length - 1, J = F(
     () => r.map((i) => {
-      const x = s.has(i.key);
+      const w = l.has(i.key);
       return {
         key: i.key,
-        label: /* @__PURE__ */ l("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
-          x && /* @__PURE__ */ e(
-            mt,
-            {
-              twoToneColor: Nt.default.yellow05,
-              style: { fontSize: "12px" }
-            }
-          ),
+        label: /* @__PURE__ */ s("span", { className: "menu-tabs-text", style: { position: "relative" }, children: [
+          w && /* @__PURE__ */ s("svg", { className: "tabs-pin-icon", xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1413_1595)", children: [
+              /* @__PURE__ */ e("path", { d: "M13.32 11.3399L16.2 8.45993L13.54 5.79993L10.66 8.67993C9.13998 7.91993 7.24998 8.15993 5.97998 9.41993L12.58 16.0199C13.85 14.7499 14.08 12.8599 13.32 11.3399Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M12.4502 4.70996L17.2902 9.54996", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+              /* @__PURE__ */ e("path", { d: "M9.27996 12.72L4.70996 17.29", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            ] }),
+            /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1413_1595", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
+          ] }),
           i.label
         ] }),
-        closable: !x,
+        closable: !w,
         // 고정된 탭은 닫을 수 없음
         children: null
         // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
       };
     }),
-    [r, s]
-  ), [f, P] = $(null), N = z(({ active: i }) => {
-    P(null);
-  }, []), S = z(
-    ({ active: i, over: x }) => {
-      if (!x || i.id === x.id) return;
-      const L = r.findIndex((H) => H.key === i.id), M = r.findIndex((H) => H.key === x.id);
-      if (L < 0 || M < 0 || L === M) return;
-      const j = r.map((H) => H.key), re = Ot(j, L, M);
-      c?.(re);
+    [r, l]
+  ), [b, L] = z(null), v = R(({ active: i }) => {
+    L(null);
+  }, []), P = R(
+    ({ active: i, over: w }) => {
+      if (!w || i.id === w.id) return;
+      const M = r.findIndex((G) => G.key === i.id), T = r.findIndex((G) => G.key === w.id);
+      if (M < 0 || T < 0 || M === T) return;
+      const W = r.map((G) => G.key), ne = St(W, M, T);
+      h?.(ne);
     },
-    [r, c]
-  ), C = z(
-    (i, x) => /* @__PURE__ */ e(
-      Lt,
+    [r, h]
+  ), y = R(
+    (i, w) => /* @__PURE__ */ e(
+      Nt,
       {
         sensors: d,
-        onDragStart: N,
-        onDragEnd: S,
-        collisionDetection: Mt,
-        modifiers: [Bt],
+        onDragStart: v,
+        onDragEnd: P,
+        collisionDetection: It,
+        modifiers: [Pt],
         children: /* @__PURE__ */ e(
-          Et,
+          Lt,
           {
-            items: r.map((L) => L.key),
-            strategy: Dt,
-            children: /* @__PURE__ */ e(x, { ...i, children: (L) => {
-              const M = L.key, j = f === M, H = r.find((ue) => ue.key === M)?.gubun;
+            items: r.map((M) => M.key),
+            strategy: Mt,
+            children: /* @__PURE__ */ e(w, { ...i, children: (M) => {
+              const T = M.key, W = b === T, G = r.find((ae) => ae.key === T)?.gubun;
               return /* @__PURE__ */ e(
                 Qe,
                 {
-                  menu: { items: w(M) },
+                  rootClassName: "menu-tabs-dropdown",
+                  menu: { items: x(T) },
                   trigger: ["contextMenu"],
-                  open: j,
-                  onOpenChange: (ue) => {
-                    P(ue ? M : null);
+                  open: W,
+                  onOpenChange: (ae) => {
+                    L(ae ? T : null);
                   },
                   children: /* @__PURE__ */ e(
                     "span",
                     {
-                      onContextMenu: R(M),
-                      style: { display: "inline-block", width: "100%" },
-                      children: /* @__PURE__ */ Oe(
-                        en,
+                      onContextMenu: O(T),
+                      style: { display: "inline-block", width: "100%", height: "100%" },
+                      children: /* @__PURE__ */ Be(
+                        Yt,
                         {
-                          ...L.props,
-                          key: L.key,
-                          "data-gubun": H
+                          ...M.props,
+                          key: M.key,
+                          "data-gubun": G
                         },
-                        L
+                        M
                       )
                     }
                   )
@@ -1119,12 +1206,12 @@ const Ut = ({
     ),
     [
       d,
-      N,
-      S,
+      v,
+      P,
       r,
-      f,
-      w,
-      R
+      b,
+      x,
+      O
     ]
   );
   return /* @__PURE__ */ e(
@@ -1140,32 +1227,32 @@ const Ut = ({
         {
           type: "editable-card",
           activeKey: o || void 0,
-          onChange: p,
+          onChange: c,
           onEdit: I,
           className: t.tabs.className,
           style: t.tabs.style,
           hideAdd: !0,
-          items: ee,
+          items: J,
           tabBarExtraContent: /* @__PURE__ */ e(
-            tn,
+            qt,
             {
               config: t?.nav,
               isFirst: !!K,
-              isLast: !!U,
+              isLast: !!H,
               canCloseAll: r.length > 0,
-              onFirst: b,
+              onFirst: k,
               onPrev: m,
-              onNext: v,
-              onLast: T,
-              onCloseAll: D
+              onNext: C,
+              onLast: S,
+              onCloseAll: _
             }
           ),
-          renderTabBar: C
+          renderTabBar: y
         }
       )
     }
   );
-}, { Sider: rn } = X, on = ({
+}, { Sider: Xt } = Q, Jt = ({
   config: n = {}
 }) => {
   const t = {
@@ -1207,15 +1294,15 @@ const Ut = ({
       ...n?.style
     },
     ...n
-  }, [r, o] = $(""), [s, a] = $(
+  }, [r, o] = z(""), [l, a] = z(
     "category"
-  ), [g, c] = $([]), { activeMenuId: u, sidebarCollapsed: y, openTabFromMenu: h, toggleSidebar: k } = O(), { menuList: d, isLoading: p, error: I, findMenuById: b, flatMenuList: m } = ce(), { nodes: v, treeNodes: T, loadFavoritesIfNeeded: D } = at(), R = _(() => {
-    const N = [], S = (C, i = 0) => {
-      if (C.menuGbCd === t.menuGubunCode.program && C.scrnPath) {
-        const x = "  ".repeat(i), L = C.menuNo || "";
-        N.push({
-          value: C.menuId,
-          label: /* @__PURE__ */ l(
+  ), [g, h] = z([]), { activeMenuId: u, sidebarCollapsed: f, openTabFromMenu: p, toggleSidebar: N } = D(), { menuList: d, isLoading: c, error: I, findMenuById: k, flatMenuList: m } = le(), { nodes: C, treeNodes: S, loadFavoritesIfNeeded: _ } = st(), O = F(() => {
+    const v = [], P = (y, i = 0) => {
+      if (y.menuGbCd === t.menuGubunCode.program && y.scrnPath) {
+        const w = "  ".repeat(i), M = y.menuNo || "";
+        v.push({
+          value: y.menuId,
+          label: /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -1224,9 +1311,9 @@ const Ut = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ l("span", { children: [
-                  x,
-                  C.menuNm
+                /* @__PURE__ */ s("span", { children: [
+                  w,
+                  y.menuNm
                 ] }),
                 /* @__PURE__ */ e(
                   "span",
@@ -1239,65 +1326,65 @@ const Ut = ({
                       borderRadius: "3px",
                       marginLeft: "8px"
                     },
-                    children: L
+                    children: M
                   }
                 )
               ]
             }
           ),
-          menuItem: C
+          menuItem: y
         });
       }
-      C.children && C.children.length > 0 && C.children.forEach((x) => S(x, i + 1));
+      y.children && y.children.length > 0 && y.children.forEach((w) => P(w, i + 1));
     };
-    return d.forEach((C) => S(C)), N;
-  }, [d]), w = _(() => r.trim() ? R.filter((N) => {
-    const S = N.menuItem.menuNm.toLowerCase(), C = String(N.menuItem.menuNo || "미지정").toLowerCase(), i = r.toLowerCase();
-    return S.includes(i) || C.includes(i);
-  }) : [], [R, r]), G = (N) => {
-    if (!N || typeof N != "string") {
-      console.warn("Invalid menu selection value:", N);
+    return d.forEach((y) => P(y)), v;
+  }, [d]), x = F(() => r.trim() ? O.filter((v) => {
+    const P = v.menuItem.menuNm.toLowerCase(), y = String(v.menuItem.menuNo || "미지정").toLowerCase(), i = r.toLowerCase();
+    return P.includes(i) || y.includes(i);
+  }) : [], [O, r]), $ = (v) => {
+    if (!v || typeof v != "string") {
+      console.warn("Invalid menu selection value:", v);
       return;
     }
-    if (!/^[a-zA-Z0-9_-]+$/.test(N)) {
-      console.warn("Invalid menu ID format:", N);
+    if (!/^[a-zA-Z0-9_-]+$/.test(v)) {
+      console.warn("Invalid menu ID format:", v);
       return;
     }
-    const S = R.find(
-      (C) => C.value === N
+    const P = O.find(
+      (y) => y.value === v
     );
-    if (S) {
-      const { menuItem: C } = S;
-      if (!C || !C.menuId || !C.menuNm) {
-        console.warn("Invalid menu item:", C);
+    if (P) {
+      const { menuItem: y } = P;
+      if (!y || !y.menuId || !y.menuNm) {
+        console.warn("Invalid menu item:", y);
         return;
       }
-      C.menuGbCd === t.menuGubunCode.program && C.scrnPath ? (console.log(
+      y.menuGbCd === t.menuGubunCode.program && y.scrnPath ? (console.log(
         "✅ 검색으로 프로그램 메뉴 선택 - 탭 추가 및 setCurrentProgram 호출"
       ), console.log(
         "메뉴명:",
-        C.menuNm,
+        y.menuNm,
         "경로:",
-        C.scrnPath,
+        y.scrnPath,
         "scrnId:",
-        C.scrnId
-      ), h(C)) : (C.menuGbCd === t.menuGubunCode.mainMenu || C.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", C.menuNm, "menuGbCd:", C.menuGbCd)), o("");
+        y.scrnId
+      ), p(y)) : (y.menuGbCd === t.menuGubunCode.mainMenu || y.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", y.menuNm, "menuGbCd:", y.menuGbCd)), o("");
     }
-  }, K = z(
-    (N) => {
-      const S = b(N);
-      S?.menuGbCd === t.menuGubunCode.program && (console.log(
+  }, K = R(
+    (v) => {
+      const P = k(v);
+      P?.menuGbCd === t.menuGubunCode.program && (console.log(
         "메뉴명:",
-        S.menuNm,
+        P.menuNm,
         "경로:",
-        S.scrnPath,
+        P.scrnPath,
         "scrnId:",
-        S.scrnId
-      ), h(S));
+        P.scrnId
+      ), p(P));
     },
-    [b, h, t.menuGubunCode.program]
-  ), U = z((N) => N.map((S) => ({
-    key: S.menuId,
+    [k, p, t.menuGubunCode.program]
+  ), H = R((v) => v.map((P) => ({
+    key: P.menuId,
     label: /* @__PURE__ */ e(
       "div",
       {
@@ -1306,24 +1393,21 @@ const Ut = ({
           justifyContent: "space-between",
           alignItems: "center"
         },
-        onDoubleClick: (i) => {
-          i.preventDefault(), i.stopPropagation();
-        },
-        children: /* @__PURE__ */ e("span", { children: S.menuNm })
+        children: /* @__PURE__ */ e("span", { children: P.menuNm })
       }
     ),
-    icon: ee(S.iconCd, S.menuGbCd),
-    children: S.children && S.children.length > 0 ? U(S.children) : void 0
-  })), []), ee = (N, S) => {
-    if (N) {
-      const C = ae[N];
-      if (C)
-        return /* @__PURE__ */ e(C, {});
+    icon: J(P.iconCd, P.menuGbCd),
+    children: P.children && P.children.length > 0 ? H(P.children) : void 0
+  })), []), J = (v, P) => {
+    if (v) {
+      const y = ie[v];
+      if (y)
+        return /* @__PURE__ */ e(y, {});
     }
-    if (S)
-      switch (S) {
+    if (P)
+      switch (P) {
         case t.menuGubunCode.mainMenu:
-          return /* @__PURE__ */ e(ae.HomeOutlined, {});
+          return /* @__PURE__ */ e(ie.HomeOutlined, {});
         case t.menuGubunCode.subMenu:
           return null;
         case t.menuGubunCode.program:
@@ -1332,66 +1416,66 @@ const Ut = ({
           return null;
       }
     return null;
-  }, f = z(
-    (N) => {
+  }, b = R(
+    (v) => {
       if (d.length === 0) return [];
-      const S = (i) => {
+      const P = (i) => {
         if (i)
-          return typeof i == "string" ? v[i] : i;
-      }, C = (i) => {
+          return typeof i == "string" ? C[i] : i;
+      }, y = (i) => {
         if (i.type === "M") {
-          const x = i, L = b(x.menuId) || void 0, M = !!L, j = M ? `${L?.menuNm ?? x.menuNm ?? x.menuId}` : `${x.menuNm ?? x.menuId} (삭제됨)`;
+          const w = i, M = k(w.menuId) || void 0, T = !!M, W = T ? `${M?.menuNm ?? w.menuNm ?? w.menuId}` : `${w.menuNm ?? w.menuId} (삭제됨)`;
           return {
-            key: x.menuId,
-            label: j,
-            icon: M ? void 0 : /* @__PURE__ */ e(xt, { style: { color: "#faad14" } })
+            key: w.menuId,
+            label: W,
+            icon: T ? void 0 : /* @__PURE__ */ e(bt, { style: { color: "#faad14" } })
           };
         } else {
-          const x = i, L = (x.children ?? []).map(S).filter(Boolean).map(C);
+          const w = i, M = (w.children ?? []).map(P).filter(Boolean).map(y);
           return {
-            key: x.bkmkId,
-            label: x.bkmkNm ?? x.bkmkId,
-            icon: x.prntBkmkId === "-" ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(kt, {}),
-            children: L
+            key: w.bkmkId,
+            label: w.bkmkNm ?? w.bkmkId,
+            icon: w.prntBkmkId === "-" ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(Ct, {}),
+            children: M
             // 빈 배열이면 자동으로 말아줌
           };
         }
       };
-      return N.map(C);
+      return v.map(y);
     },
-    [b, v, d]
-  ), P = _(
-    () => f(T),
-    [f, T, v]
+    [k, C, d]
+  ), L = F(
+    () => b(S),
+    [b, S, C]
   );
   return E(() => {
-    Se() && D(Se());
-  }, [D]), E(() => {
-    s === "category" && o("");
-  }, [s]), E(() => {
-    if (!u || s !== "category") return;
-    const S = ((C) => {
-      const i = [], x = new Map(m.map((M) => [M.menuId, M]));
-      let L = C;
-      for (; L; ) {
-        const M = x.get(L);
-        if (!M) break;
-        if (M.menuPrntId && M.menuPrntId !== "-" && M.menuPrntId !== "")
-          i.push(M.menuPrntId), L = M.menuPrntId;
+    Ne() && _(Ne());
+  }, [_]), E(() => {
+    l === "category" && o("");
+  }, [l]), E(() => {
+    if (!u || l !== "category") return;
+    const P = ((y) => {
+      const i = [], w = new Map(m.map((T) => [T.menuId, T]));
+      let M = y;
+      for (; M; ) {
+        const T = w.get(M);
+        if (!T) break;
+        if (T.menuPrntId && T.menuPrntId !== "-" && T.menuPrntId !== "")
+          i.push(T.menuPrntId), M = T.menuPrntId;
         else
           break;
       }
       return i;
     })(u);
-    S.length > 0 && c((C) => {
-      const i = /* @__PURE__ */ new Set([...C, ...S]);
+    P.length > 0 && h((y) => {
+      const i = /* @__PURE__ */ new Set([...y, ...P]);
       return Array.from(i);
     });
-  }, [u, s, m]), /* @__PURE__ */ l(
-    rn,
+  }, [u, l, m]), /* @__PURE__ */ s(
+    Xt,
     {
       className: t.className.wrapper,
-      collapsed: t.collapsed || y,
+      collapsed: t.collapsed || f,
       trigger: null,
       width: t.width || 230,
       children: [
@@ -1419,7 +1503,7 @@ const Ut = ({
               B,
               {
                 type: "text",
-                icon: t.collapsed || y ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(Ct, {}),
+                icon: t.collapsed || f ? /* @__PURE__ */ e(mt, {}) : /* @__PURE__ */ e(gt, {}),
                 style: {
                   fontSize: "12px",
                   color: "#787878",
@@ -1431,12 +1515,12 @@ const Ut = ({
                   justifyContent: "center",
                   borderRadius: "0 10px 10px 0"
                 },
-                onClick: k
+                onClick: N
               }
             )
           }
         ),
-        !(t.collapsed || y) && /* @__PURE__ */ e(
+        !(t.collapsed || f) && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1446,13 +1530,13 @@ const Ut = ({
               Je,
               {
                 value: r,
-                options: w,
-                onSelect: G,
+                options: x,
+                onSelect: $,
                 onSearch: o,
                 style: { width: "100%" },
                 allowClear: !0,
                 children: /* @__PURE__ */ e(
-                  fe,
+                  ue,
                   {
                     className: t.className.search,
                     placeholder: t.style.search.placeholder,
@@ -1486,7 +1570,7 @@ const Ut = ({
             )
           }
         ),
-        !(t.collapsed || y) && /* @__PURE__ */ e(
+        !(t.collapsed || f) && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1500,13 +1584,13 @@ const Ut = ({
                 className: t.className.segmented.wrapper,
                 options: [
                   {
-                    label: /* @__PURE__ */ l(A, { children: [
+                    label: /* @__PURE__ */ s(j, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
                           className: t.className.segmented.item,
                           style: { display: "flex", alignItems: "center" },
-                          children: /* @__PURE__ */ l(
+                          children: /* @__PURE__ */ s(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -1555,7 +1639,7 @@ const Ut = ({
                     value: "category"
                   },
                   {
-                    label: /* @__PURE__ */ l(A, { children: [
+                    label: /* @__PURE__ */ s(j, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
@@ -1587,9 +1671,9 @@ const Ut = ({
                     value: "favorite"
                   }
                 ],
-                value: s,
-                onChange: (N) => {
-                  a(N);
+                value: l,
+                onChange: (v) => {
+                  a(v);
                 },
                 style: {
                   width: "100%"
@@ -1599,8 +1683,8 @@ const Ut = ({
             )
           }
         ),
-        /* @__PURE__ */ l("div", { className: t.className.sider.content, children: [
-          p && /* @__PURE__ */ l(
+        /* @__PURE__ */ s("div", { className: t.className.sider.content, children: [
+          c && /* @__PURE__ */ s(
             "div",
             {
               className: t.className.sider.loading,
@@ -1612,7 +1696,7 @@ const Ut = ({
               },
               children: [
                 /* @__PURE__ */ e(
-                  tt,
+                  Le,
                   {
                     theme: {
                       components: {
@@ -1621,7 +1705,7 @@ const Ut = ({
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(Q, { size: "default" })
+                    children: /* @__PURE__ */ e(q, { size: "default" })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1635,16 +1719,16 @@ const Ut = ({
               ]
             }
           ),
-          I && /* @__PURE__ */ l("div", { className: t.className.sider.error, children: [
+          I && /* @__PURE__ */ s("div", { className: t.className.sider.error, children: [
             /* @__PURE__ */ e(
-              vt,
+              ft,
               {
                 className: t.className.sider.errorIcon
               }
             ),
             /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
           ] }),
-          !p && !I && s === "category" && d.length === 0 && /* @__PURE__ */ e(
+          !c && !I && l === "category" && d.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1656,7 +1740,7 @@ const Ut = ({
               children: "메뉴가 없습니다"
             }
           ),
-          !p && !I && s === "favorite" && P.length === 0 && /* @__PURE__ */ e(
+          !c && !I && l === "favorite" && L.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1668,28 +1752,34 @@ const Ut = ({
               children: "즐겨찾기된 메뉴가 없습니다"
             }
           ),
-          !p && !I && s === "category" && d.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            be,
+          !c && !I && l === "category" && d.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            pe,
             {
               theme: "light",
               mode: "inline",
-              items: U(d),
+              items: H(d),
               className: t.className.sider.menu,
               selectedKeys: [u || ""],
               openKeys: g,
-              onOpenChange: c,
-              onClick: (N) => K(N.key)
+              onOpenChange: h,
+              onClick: (v) => K(v.key),
+              onDoubleClick: (v) => {
+                v.preventDefault(), v.stopPropagation();
+              }
             }
           ) }),
-          !p && !I && s === "favorite" && P.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            be,
+          !c && !I && l === "favorite" && L.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            pe,
             {
               theme: "light",
               mode: "inline",
-              items: P,
+              items: L,
               className: t.className.sider.menu,
               selectedKeys: [u || ""],
-              onClick: (N) => K(N.key)
+              onClick: (v) => K(v.key),
+              onDoubleClick: (v) => {
+                v.preventDefault(), v.stopPropagation();
+              }
             }
           ) })
         ] })
@@ -1697,7 +1787,7 @@ const Ut = ({
     }
   );
 };
-class sn extends it {
+class en extends ot {
   constructor(t) {
     super(t), this.resetError = () => {
       this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
@@ -1713,7 +1803,7 @@ class sn extends it {
     });
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ l(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ s(
       "div",
       {
         style: {
@@ -1737,7 +1827,7 @@ class sn extends it {
                   B,
                   {
                     type: "primary",
-                    icon: /* @__PURE__ */ e(de, {}),
+                    icon: /* @__PURE__ */ e(we, {}),
                     onClick: this.resetError,
                     style: { marginRight: 8 },
                     children: "다시 시도"
@@ -1747,7 +1837,7 @@ class sn extends it {
               ]
             }
           ),
-          this.state.error && /* @__PURE__ */ l(
+          this.state.error && /* @__PURE__ */ s(
             "details",
             {
               style: {
@@ -1782,13 +1872,13 @@ class sn extends it {
     ) : this.props.children;
   }
 }
-const an = ({
+const tn = ({
   isActive: n,
   instance: t,
   params: r
 }) => {
-  const { activeMenuId: o, closeTab: s } = O(), a = () => {
-    o && s(o);
+  const { activeMenuId: o, closeTab: l } = D(), a = () => {
+    o && l(o);
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -1804,7 +1894,7 @@ const an = ({
         transition: "opacity 0.2s ease-in-out",
         pointerEvents: n ? "auto" : "none"
       },
-      children: /* @__PURE__ */ e(sn, { children: /* @__PURE__ */ e(le, { fallback: null, children: t && Oe(t, { params: r }) }) })
+      children: /* @__PURE__ */ e(en, { children: /* @__PURE__ */ e(se, { fallback: null, children: t && Be(t, { params: r }) }) })
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -1837,18 +1927,18 @@ const an = ({
           children: /* @__PURE__ */ e(
             Me,
             {
-              icon: /* @__PURE__ */ e(Ie, { twoToneColor: "#69b1ff" }),
+              icon: /* @__PURE__ */ e(ve, { twoToneColor: "#69b1ff" }),
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
-              subTitle: /* @__PURE__ */ e(xe.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(ne, {}), onClick: a, children: "탭 닫기" }) })
+              subTitle: /* @__PURE__ */ e(be.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(Ee, {}), onClick: a, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, ln = we(an), cn = ({
+}, nn = ye(tn), rn = ({
   menuGubunCode: n = {
     mainMenu: "MAIN",
     subMenu: "SUB",
@@ -1858,48 +1948,48 @@ const an = ({
   style: r,
   routeMap: o
 }) => {
-  const { menuList: s, findMenuById: a, flatMenuList: g } = ce(), { activeMenuId: c } = O(), u = ve(), [y, h] = $([]), k = z(
-    (b, m) => {
-      if (b) {
-        const v = ae[b];
-        if (v)
-          return /* @__PURE__ */ e(v, {});
+  const { menuList: l, findMenuById: a, flatMenuList: g } = le(), { activeMenuId: h } = D(), u = fe(), [f, p] = z([]), N = R(
+    (k, m) => {
+      if (k) {
+        const C = ie[k];
+        if (C)
+          return /* @__PURE__ */ e(C, {});
       }
       if (m)
         switch (m) {
           case n.mainMenu:
-            return /* @__PURE__ */ e(ae.HomeOutlined, {});
+            return /* @__PURE__ */ e(ie.HomeOutlined, {});
           default:
             return null;
         }
       return null;
     },
     [n]
-  ), d = z(
-    (b) => b.map((m) => {
-      const v = m.children && m.children.length === 1 && m.children[0].menuGbCd === n.program;
+  ), d = R(
+    (k) => k.map((m) => {
+      const C = m.children && m.children.length === 1 && m.children[0].menuGbCd === n.program;
       return {
         key: m.menuId,
         label: m.menuNm,
-        icon: k(m.iconCd, m.menuGbCd),
+        icon: N(m.iconCd, m.menuGbCd),
         // children이 1개이고 program이면 드롭다운 없음, 2개 이상이면 드롭다운 표시
-        children: m.children && m.children.length > 0 && !v ? d(m.children) : void 0
+        children: m.children && m.children.length > 0 && !C ? d(m.children) : void 0
       };
     }),
-    [k, n]
-  ), p = _(() => d(s), [s, d]), I = z(
-    (b) => {
-      const m = a(b.key);
+    [N, n]
+  ), c = F(() => d(l), [l, d]), I = R(
+    (k) => {
+      const m = a(k.key);
       if (m) {
         if (m.children && m.children.length === 1 && m.children[0].menuGbCd === n.program) {
-          const v = m.children[0];
-          let T = o?.[v.menuId] || v.scrnPath || "/";
-          T === "/" ? T = "/main" : T.startsWith("/main") || (T = T.startsWith("/") ? `/main${T}` : `/main/${T}`), u(T);
+          const C = m.children[0];
+          let S = o?.[C.menuId] || C.scrnPath || "/";
+          S === "/" ? S = "/main" : S.startsWith("/main") || (S = S.startsWith("/") ? `/main${S}` : `/main/${S}`), u(S);
           return;
         }
         if (m.menuGbCd === n.program && m.scrnPath) {
-          let v = o?.[m.menuId] || m.scrnPath || "/";
-          v === "/" ? v = "/main" : v.startsWith("/main") || (v = v.startsWith("/") ? `/main${v}` : `/main/${v}`), u(v);
+          let C = o?.[m.menuId] || m.scrnPath || "/";
+          C === "/" ? C = "/main" : C.startsWith("/main") || (C = C.startsWith("/") ? `/main${C}` : `/main/${C}`), u(C);
           return;
         }
       }
@@ -1907,38 +1997,38 @@ const an = ({
     [a, n, u, o]
   );
   return E(() => {
-    if (!c || t !== "vertical") return;
-    const m = ((v) => {
-      const T = [], D = new Map(g.map((w) => [w.menuId, w]));
-      let R = v;
-      for (; R; ) {
-        const w = D.get(R);
-        if (!w) break;
-        if (w.menuPrntId && w.menuPrntId !== "-" && w.menuPrntId !== "")
-          T.push(w.menuPrntId), R = w.menuPrntId;
+    if (!h || t !== "vertical") return;
+    const m = ((C) => {
+      const S = [], _ = new Map(g.map((x) => [x.menuId, x]));
+      let O = C;
+      for (; O; ) {
+        const x = _.get(O);
+        if (!x) break;
+        if (x.menuPrntId && x.menuPrntId !== "-" && x.menuPrntId !== "")
+          S.push(x.menuPrntId), O = x.menuPrntId;
         else
           break;
       }
-      return T;
-    })(c);
-    m.length > 0 && h((v) => {
-      const T = /* @__PURE__ */ new Set([...v, ...m]);
-      return Array.from(T);
+      return S;
+    })(h);
+    m.length > 0 && p((C) => {
+      const S = /* @__PURE__ */ new Set([...C, ...m]);
+      return Array.from(S);
     });
-  }, [c, t, g]), /* @__PURE__ */ e(
-    be,
+  }, [h, t, g]), /* @__PURE__ */ e(
+    pe,
     {
       mode: t,
       theme: "light",
-      items: p,
-      selectedKeys: [c || ""],
-      openKeys: t === "vertical" ? y : void 0,
-      onOpenChange: t === "vertical" ? h : void 0,
+      items: c,
+      selectedKeys: [h || ""],
+      openKeys: t === "vertical" ? f : void 0,
+      onOpenChange: t === "vertical" ? p : void 0,
       onClick: I,
       style: r
     }
   );
-}, dn = () => /* @__PURE__ */ l(A, { children: [
+}, on = () => /* @__PURE__ */ s(j, { children: [
   /* @__PURE__ */ e(
     "link",
     {
@@ -1948,62 +2038,62 @@ const an = ({
     }
   ),
   /* @__PURE__ */ e("div", { className: "LandingContainer-wrap", children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e("div", { className: "content" }) }) })
-] }), un = (n, t) => {
+] }), sn = (n, t) => {
   console.log("createPopupViewLoader 호출 - popupUrl:", n);
-  const o = ((s) => {
-    if (s.startsWith("/src/pages/views/popup/")) {
-      const c = s + ".tsx";
-      return console.log(`팝업 URL 변환: ${s} -> ${c}`), c;
+  const o = ((l) => {
+    if (l.startsWith("/src/pages/views/popup/")) {
+      const h = l + ".tsx";
+      return console.log(`팝업 URL 변환: ${l} -> ${h}`), h;
     }
-    const g = `/src/pages/views/popup/${s.startsWith("/") ? s.substring(1) : s}.tsx`;
-    return console.log(`팝업 URL 변환: ${s} -> ${g}`), g;
+    const g = `/src/pages/views/popup/${l.startsWith("/") ? l.substring(1) : l}.tsx`;
+    return console.log(`팝업 URL 변환: ${l} -> ${g}`), g;
   })(n);
   return !o || !t?.glob || !t.glob[o] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${n} (${o})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t.glob[o];
-}, hn = ({ popup: n, modules: t }) => {
-  const [r, o] = $(null), [s, a] = $(!1), [g, c] = $(null), u = () => {
-    console.log("PopupArea - handleClose:", n.popupId), ke.getState().closePopup(n.popupId);
+}, ln = ({ popup: n, modules: t }) => {
+  const [r, o] = z(null), [l, a] = z(!1), [g, h] = z(null), u = () => {
+    console.log("PopupArea - handleClose:", n.popupId), Ce.getState().closePopup(n.popupId);
   };
   return E(() => {
     (async () => {
-      console.log("팝업 뷰 로드 시작:", n.popupUrl), a(!0), c(null);
+      console.log("팝업 뷰 로드 시작:", n.popupUrl), a(!0), h(null);
       try {
-        const h = un(n.popupUrl, t);
-        if (!h) {
-          const p = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
-          console.error(p), c(p), a(!1);
+        const p = sn(n.popupUrl, t);
+        if (!p) {
+          const c = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
+          console.error(c), h(c), a(!1);
           return;
         }
         console.log("팝업 뷰 모듈 로드 중...");
-        const k = await h();
-        console.log("팝업 뷰 모듈 로드 완료:", k);
-        const d = k.default;
+        const N = await p();
+        console.log("팝업 뷰 모듈 로드 완료:", N);
+        const d = N.default;
         if (console.log("팝업 뷰 컴포넌트:", d), !d)
           throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
         o(() => d), console.log("팝업 뷰 설정 완료");
-      } catch (h) {
-        console.error("팝업 뷰 로드 실패:", h), c(h instanceof Error ? h.message : "팝업 뷰 로드 실패");
+      } catch (p) {
+        console.error("팝업 뷰 로드 실패:", p), h(p instanceof Error ? p.message : "팝업 뷰 로드 실패");
       } finally {
         a(!1);
       }
     })();
-  }, [n.popupUrl]), s ? /* @__PURE__ */ l("div", { className: "popup-loading", children: [
-    /* @__PURE__ */ e(Q, { size: "large" }),
+  }, [n.popupUrl]), l ? /* @__PURE__ */ s("div", { className: "popup-loading", children: [
+    /* @__PURE__ */ e(q, { size: "large" }),
     /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
-  ] }) : g ? /* @__PURE__ */ l("div", { className: "popup-error", children: [
-    /* @__PURE__ */ e(pe, { description: g, image: pe.PRESENTED_IMAGE_SIMPLE }),
+  ] }) : g ? /* @__PURE__ */ s("div", { className: "popup-error", children: [
+    /* @__PURE__ */ e(de, { description: g, image: de.PRESENTED_IMAGE_SIMPLE }),
     /* @__PURE__ */ e(
       B,
       {
-        icon: /* @__PURE__ */ e(de, {}),
+        icon: /* @__PURE__ */ e(we, {}),
         onClick: () => window.location.reload(),
         children: "다시 시도"
       }
     )
   ] }) : r ? /* @__PURE__ */ e(
-    le,
+    se,
     {
-      fallback: /* @__PURE__ */ l("div", { className: "popup-loading", children: [
-        /* @__PURE__ */ e(Q, { size: "large" }),
+      fallback: /* @__PURE__ */ s("div", { className: "popup-loading", children: [
+        /* @__PURE__ */ e(q, { size: "large" }),
         /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
       ] }),
       children: /* @__PURE__ */ e(
@@ -2018,14 +2108,14 @@ const an = ({
         }
       )
     }
-  ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(pe, { description: "팝업 내용을 불러올 수 없습니다." }) });
-}, mn = ({ modules: n }) => {
-  const { popups: t } = ke();
-  return t.length === 0 ? null : /* @__PURE__ */ e(A, { children: t.map((r) => {
+  ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(de, { description: "팝업 내용을 불러올 수 없습니다." }) });
+}, an = ({ modules: n }) => {
+  const { popups: t } = Ce();
+  return t.length === 0 ? null : /* @__PURE__ */ e(j, { 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, g = o.title || r.popupTitle, c = r.buttonList?.map((u, y) => ({
-      key: u.btnId || `btn_${y}`,
+    const o = r.config || {}, l = o.width || r.width || 800, a = o.height || r.height || 600, g = o.title || r.popupTitle, h = r.buttonList?.map((u, f) => ({
+      key: u.btnId || `btn_${f}`,
       text: u.btnNm,
       type: u.btnId === "CLOSE" ? "default" : "primary",
       disabled: u.enblYn !== "Y",
@@ -2035,38 +2125,38 @@ const an = ({
       popupId: r.popupId,
       popupCode: r.popupCode,
       title: g,
-      width: s,
+      width: l,
       height: a,
-      buttons: c
-    }), /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(hn, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
+      buttons: h
+    }), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(ln, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
-}, Ae = () => {
-  const { popups: n, closePopup: t } = ke();
-  return /* @__PURE__ */ e(A, { children: n.map((r) => {
+}, je = () => {
+  const { popups: n, closePopup: t } = Ce();
+  return /* @__PURE__ */ e(j, { children: n.map((r) => {
     if (!(r.isLocal || r.popupCode.startsWith("CORE_"))) return null;
-    const o = Vt[r.popupCode];
+    const o = Ht[r.popupCode];
     if (!o) return null;
-    const s = o.component;
-    return /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(le, { fallback: null, children: /* @__PURE__ */ e(s, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId) }, `sbp-${r.popupId}`);
+    const l = o.component;
+    return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(se, { fallback: null, children: /* @__PURE__ */ e(l, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
-}, pn = (n) => ({
+}, cn = (n) => ({
   position: "absolute",
   inset: 0,
   visibility: n ? "visible" : "hidden",
   opacity: n ? 1 : 0,
   transition: "opacity 0.2s ease-in-out",
   pointerEvents: n ? "auto" : "none"
-}), gn = ({ once: n = !0 }) => {
-  const { lock: t } = Ge(), r = J(!1);
+}), dn = ({ once: n = !0 }) => {
+  const { lock: t } = $e(), r = X(!1);
   return E(() => {
     n && r.current || (r.current = !0, t());
   }, [n, t]), null;
-}, fn = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: s }) => {
-  const a = J(null), [g, c] = $(!1), u = z((h) => {
-    a.current = h, c(!!h);
-  }, []), y = pn(n);
-  return /* @__PURE__ */ e("div", { ref: u, style: y, children: g ? /* @__PURE__ */ l(
-    Fe,
+}, hn = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: l }) => {
+  const a = X(null), [g, h] = z(!1), u = R((p) => {
+    a.current = p, h(!!p);
+  }, []), f = cn(n);
+  return /* @__PURE__ */ e("div", { ref: u, style: f, children: g ? /* @__PURE__ */ s(
+    He,
     {
       idleMs: Number.POSITIVE_INFINITY,
       persistLocked: !1,
@@ -2076,12 +2166,12 @@ const an = ({
       overlayId: `tab-overlay-${r}`,
       onUnlock: async () => (o(), !0),
       children: [
-        n && t ? /* @__PURE__ */ e(gn, { once: !0 }) : null,
-        s
+        n && t ? /* @__PURE__ */ e(dn, { once: !0 }) : null,
+        l
       ]
     }
-  ) : s });
-}, Dn = ({
+  ) : l });
+}, Mn = ({
   config: n = {},
   modules: t = {
     view: {
@@ -2092,45 +2182,53 @@ const an = ({
     }
   }
 }) => {
-  const r = J(
+  const r = X(
     /* @__PURE__ */ new Map()
   ), {
     tabs: o,
-    tabParams: s,
+    tabParams: l,
     activeMenuId: a,
     tabProtectFlag: g,
-    refreshTabKey: c,
+    refreshTabKey: h,
     clearProtectFlagForKey: u
-  } = O(), { enableProtectWrapper: y } = Ee(), h = z(
+  } = D(), { enableProtectWrapper: f } = De(), p = R(
     (d) => {
-      const p = r.current.get(d.key);
-      if (p) return p;
+      const c = r.current.get(d.key);
+      if (c) return c;
       const I = d.gubun === "M" ? `${t.view.path}${d.menuItem?.scrnPath}.tsx` : `${t.view.path}${d.componentItem?.scrnPath}.tsx`;
-      let b = t.view?.glob?.[I];
-      if (!b && typeof import.meta < "u" && typeof import.meta.glob == "function" && (b = (/* @__PURE__ */ Object.assign({}))[I]), b) {
-        const m = W(
-          b
+      let k = t.view?.glob?.[I];
+      if (!k && typeof import.meta < "u" && typeof import.meta.glob == "function" && (k = (/* @__PURE__ */ Object.assign({}))[I]), k) {
+        const m = A(
+          k
         );
         return r.current.set(d.key, m), m;
       }
       return null;
     },
     [t.view?.glob]
-  ), k = J({});
+  ), N = X({});
   return E(() => {
-    const d = k.current, p = c;
-    Object.keys(p).forEach((I) => {
-      const b = d[I], m = p[I];
-      b !== m && r.current.delete(I);
-    }), k.current = { ...p };
-  }, [c]), /* @__PURE__ */ l(X, { className: "main-layout", children: [
-    /* @__PURE__ */ e(ze, { config: n?.header }),
-    /* @__PURE__ */ l(X, { children: [
-      /* @__PURE__ */ e(on, { config: n?.sidebar }),
-      /* @__PURE__ */ l("div", { className: "content-container", children: [
-        /* @__PURE__ */ e(nn, { config: n?.menuTab }),
-        /* @__PURE__ */ l(Re, { config: n?.content, children: [
-          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ l(
+    const d = N.current, c = h;
+    Object.keys(c).forEach((I) => {
+      const k = d[I], m = c[I];
+      k !== m && r.current.delete(I);
+    }), N.current = { ...c };
+  }, [h]), E(() => {
+    const d = (c) => {
+      if (c.key === "F5" || c.ctrlKey && c.key === "r" || c.ctrlKey && c.shiftKey && c.key === "R")
+        return c.preventDefault(), !1;
+    };
+    return window.addEventListener("keydown", d, !0), () => {
+      window.removeEventListener("keydown", d, !0);
+    };
+  }, []), /* @__PURE__ */ s(Q, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Re, { config: n?.header }),
+    /* @__PURE__ */ s(Q, { children: [
+      /* @__PURE__ */ e(Jt, { config: n?.sidebar }),
+      /* @__PURE__ */ s("div", { className: "content-container", children: [
+        /* @__PURE__ */ e(Qt, { config: n?.menuTab }),
+        /* @__PURE__ */ s(Oe, { config: n?.content, children: [
+          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -2140,39 +2238,39 @@ const an = ({
               },
               children: [
                 o.map((d) => {
-                  const p = h(d), I = a === d.key, b = !!g?.[d.key], m = s[d.key] || {}, v = c[d.key], T = v !== void 0 ? `${d.key}-${v}` : d.key, D = /* @__PURE__ */ e(
-                    ln,
+                  const c = p(d), I = a === d.key, k = !!g?.[d.key], m = l[d.key] || {}, C = h[d.key], S = C !== void 0 ? `${d.key}-${C}` : d.key, _ = /* @__PURE__ */ e(
+                    nn,
                     {
                       isActive: I,
-                      instance: p || void 0,
+                      instance: c || void 0,
                       params: m
                     },
-                    T
+                    S
                   );
-                  return /* @__PURE__ */ e(Ce, { children: y ? /* @__PURE__ */ e(
-                    fn,
+                  return /* @__PURE__ */ e(ge, { children: f ? /* @__PURE__ */ e(
+                    hn,
                     {
                       isActive: I,
-                      flagged: b,
+                      flagged: k,
                       tabKey: d.key,
                       onUnlock: () => u(d.key),
-                      children: D
+                      children: _
                     },
                     d.key
-                  ) : D }, `sbp-${d.key}`);
+                  ) : _ }, `sbp-${d.key}`);
                 }),
-                (!a || o.length === 0) && /* @__PURE__ */ e(dn, {})
+                (!a || o.length === 0) && /* @__PURE__ */ e(on, {})
               ]
             }
           ) }),
-          /* @__PURE__ */ e(Ae, {}),
-          /* @__PURE__ */ e(mn, { modules: t?.popup })
+          /* @__PURE__ */ e(je, {}),
+          /* @__PURE__ */ e(an, { modules: t?.popup })
         ] })
       ] })
     ] }),
     (n?.quickService?.visible ?? !0) && /* @__PURE__ */ e(Ke, {})
   ] });
-}, bn = ({
+}, un = ({
   children: n,
   menuGubunCode: t = {
     mainMenu: "CMPRGRM",
@@ -2182,55 +2280,55 @@ const an = ({
   routeMap: r,
   routes: o
 }) => {
-  const s = je(), a = ve(), { flatMenuList: g, findMenuById: c } = ce(), u = _(() => {
-    const h = s.pathname, k = h.replace(/^\/main/, "") || "/";
+  const l = We(), a = fe(), { flatMenuList: g, findMenuById: h } = le(), u = F(() => {
+    const p = l.pathname, N = p.replace(/^\/main/, "") || "/";
     if (r) {
       const d = Object.keys(r).find(
-        (I) => r[I] === h
+        (I) => r[I] === p
       );
       if (d)
-        return c(d);
-      const p = Object.keys(r).find((I) => (r[I].replace(/^\/main/, "") || "/") === k);
-      if (p)
-        return c(p);
+        return h(d);
+      const c = Object.keys(r).find((I) => (r[I].replace(/^\/main/, "") || "/") === N);
+      if (c)
+        return h(c);
     }
     return g.find(
-      (d) => d.menuGbCd === t.program && d.scrnPath && (d.scrnPath === k || d.scrnPath === h || h.endsWith(d.scrnPath) || k === d.scrnPath)
+      (d) => d.menuGbCd === t.program && d.scrnPath && (d.scrnPath === N || d.scrnPath === p || p.endsWith(d.scrnPath) || N === d.scrnPath)
     );
   }, [
-    s.pathname,
+    l.pathname,
     g,
     t.program,
     r,
-    c
-  ]), y = _(() => {
+    h
+  ]), f = F(() => {
     if (!u)
       return [];
-    const h = [], k = (p) => {
-      if (!p || !p.menuPrntId || p.menuPrntId === "-")
+    const p = [], N = (c) => {
+      if (!c || !c.menuPrntId || c.menuPrntId === "-")
         return [];
-      const I = c(p.menuPrntId);
-      return I ? [...k(I), I] : [];
+      const I = h(c.menuPrntId);
+      return I ? [...N(I), I] : [];
     };
-    return k(u).forEach((p) => {
-      if (p.menuGbCd === t.mainMenu || p.menuGbCd === t.subMenu) {
+    return N(u).forEach((c) => {
+      if (c.menuGbCd === t.mainMenu || c.menuGbCd === t.subMenu) {
         let I;
-        if (r && p.menuId && (I = r[p.menuId]), !I && o && p.scrnPath) {
-          const b = p.scrnPath.startsWith("/") ? p.scrnPath : `/${p.scrnPath}`, m = Object.keys(o).find(
-            (v) => v === b || v === `/main${b}`
+        if (r && c.menuId && (I = r[c.menuId]), !I && o && c.scrnPath) {
+          const k = c.scrnPath.startsWith("/") ? c.scrnPath : `/${c.scrnPath}`, m = Object.keys(o).find(
+            (C) => C === k || C === `/main${k}`
           );
           m && (I = m.startsWith("/main") ? m : `/main${m.startsWith("/") ? m : `/${m}`}`);
         }
-        h.push({
-          title: p.menuNm,
+        p.push({
+          title: c.menuNm,
           onClick: I ? () => a(I) : void 0
         });
       }
-    }), h.push({
+    }), p.push({
       title: u.menuNm
-    }), h;
-  }, [u, t, a, c]);
-  return /* @__PURE__ */ l(
+    }), p;
+  }, [u, t, a, h]);
+  return /* @__PURE__ */ s(
     "div",
     {
       style: {
@@ -2239,10 +2337,10 @@ const an = ({
       },
       children: [
         /* @__PURE__ */ e(
-          nt,
+          tt,
           {
             separator: ">",
-            items: y,
+            items: f,
             style: { marginBottom: "16px" }
           }
         ),
@@ -2250,30 +2348,30 @@ const an = ({
       ]
     }
   );
-}, Rn = ({ config: n = {} }) => {
-  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, s = _(() => {
+}, Tn = ({ config: n = {} }) => {
+  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, l = F(() => {
     if (!o) return;
-    const a = {}, { flatMenuList: g } = ce.getState();
-    return g.forEach((c) => {
-      if (c.menuGbCd === t?.menuGubunCode?.program && c.scrnPath) {
-        const u = c.scrnPath.startsWith("/") ? c.scrnPath : `/${c.scrnPath}`, y = Object.keys(o).find((h) => {
-          const k = h === "/" ? "/" : h.startsWith("/") ? h : `/${h}`;
-          return k === u || k === `/main${u}` || u === k.replace(/^\/main/, "");
+    const a = {}, { flatMenuList: g } = le.getState();
+    return g.forEach((h) => {
+      if (h.menuGbCd === t?.menuGubunCode?.program && h.scrnPath) {
+        const u = h.scrnPath.startsWith("/") ? h.scrnPath : `/${h.scrnPath}`, f = 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 h = y === "/" ? "/main" : y.startsWith("/main") ? y : `/main${y.startsWith("/") ? y : `/${y}`}`;
-          a[c.menuId] = h;
+        if (f) {
+          const p = f === "/" ? "/main" : f.startsWith("/main") ? f : `/main${f.startsWith("/") ? f : `/${f}`}`;
+          a[h.menuId] = p;
         }
       }
     }), a;
   }, [o, t?.menuGubunCode?.program]);
-  return /* @__PURE__ */ l(X, { className: "main-layout", children: [
-    /* @__PURE__ */ e(ze, { config: n?.header, children: r && /* @__PURE__ */ e(
-      cn,
+  return /* @__PURE__ */ s(Q, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Re, { config: n?.header, children: r && /* @__PURE__ */ e(
+      rn,
       {
         menuGubunCode: t?.menuGubunCode,
         mode: t?.style?.mode || "horizontal",
-        routeMap: s,
+        routeMap: l,
         style: {
           border: "none",
           backgroundColor: "transparent",
@@ -2283,7 +2381,7 @@ const an = ({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ l(Re, { config: n?.content, children: [
+    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ s(Oe, { config: n?.content, children: [
       /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ e(
         "div",
         {
@@ -2292,17 +2390,17 @@ const an = ({
             width: "100%",
             height: "100%"
           },
-          children: /* @__PURE__ */ e(le, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(Le, { children: Object.entries(o || {}).map(([a, g]) => {
-            const c = a === "/" ? "" : a.replace(/^\/main/, "").replace(/^\//, "") || "";
+          children: /* @__PURE__ */ e(se, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(Se, { children: Object.entries(o || {}).map(([a, g]) => {
+            const h = a === "/" ? "" : a.replace(/^\/main/, "").replace(/^\//, "") || "";
             return /* @__PURE__ */ e(
-              Y,
+              U,
               {
-                path: c,
+                path: h,
                 element: /* @__PURE__ */ e(
-                  bn,
+                  un,
                   {
                     menuGubunCode: t?.menuGubunCode,
-                    routeMap: s,
+                    routeMap: l,
                     routes: o,
                     children: /* @__PURE__ */ e(g, {})
                   }
@@ -2313,25 +2411,25 @@ const an = ({
           }) }) })
         }
       ) }),
-      /* @__PURE__ */ e(Ae, {})
+      /* @__PURE__ */ e(je, {})
     ] }) })
   ] });
 };
-function zn({
+function Bn({
   config: n,
   ui: t
 }) {
-  const { loading: r, capsOn: o, prefills: s, onKeyDown: a, doLogin: g } = lt(n), c = (u) => g(u);
+  const { loading: r, capsOn: o, prefills: l, onKeyDown: a, doLogin: g } = lt(n), h = (u) => g(u);
   return E(() => {
-    se.getState().systemMap.length === 0 && se.getState().fetchSystemMap();
-  }, []), /* @__PURE__ */ e(A, { children: t({ onSubmit: c, loading: r, capsOn: o, onKeyDown: a, prefills: s }) });
+    oe.getState().systemMap.length === 0 && oe.getState().fetchSystemMap();
+  }, []), /* @__PURE__ */ e(j, { children: t({ onSubmit: h, loading: r, capsOn: o, onKeyDown: a, prefills: l }) });
 }
-function An({
+function Dn({
   onSubmit: n,
   loading: t,
   capsOn: r,
   onKeyDown: o,
-  prefills: s,
+  prefills: l,
   labels: a = {
     id: "ID 혹은 사번",
     pw: "비밀번호",
@@ -2339,15 +2437,15 @@ function An({
     login: "로그인"
   },
   header: g,
-  footer: c
+  footer: h
 }) {
   const [u] = Z.useForm();
   return E(() => {
-    s && (s.id || s.pswr) && u.setFieldsValue({ id: s.id, pswr: s.pswr });
-  }, [s, u]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ l("div", { className: "login_wrap", children: [
+    l && (l.id || l.pswr) && u.setFieldsValue({ id: l.id, pswr: l.pswr });
+  }, [l, u]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ s("div", { className: "login_wrap", children: [
     g || /* @__PURE__ */ e("div", { className: "logo_box" }),
     /* @__PURE__ */ e("div", { className: "login_title" }),
-    /* @__PURE__ */ e(Z, { form: u, onFinish: n, className: "login-form", children: /* @__PURE__ */ l(ie, { vertical: !0, children: [
+    /* @__PURE__ */ e(Z, { form: u, onFinish: n, className: "login-form", children: /* @__PURE__ */ s(re, { vertical: !0, children: [
       /* @__PURE__ */ e(
         Z.Item,
         {
@@ -2359,7 +2457,7 @@ function An({
               message: "아이디는 공백이 들어갈 수 없습니다."
             }
           ],
-          children: /* @__PURE__ */ e(fe, { allowClear: !0, placeholder: a.id, onKeyDown: o })
+          children: /* @__PURE__ */ e(ue, { allowClear: !0, placeholder: a.id, onKeyDown: o })
         }
       ),
       /* @__PURE__ */ e(
@@ -2368,7 +2466,7 @@ function An({
           name: "pswr",
           rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
           children: /* @__PURE__ */ e(
-            fe.Password,
+            ue.Password,
             {
               allowClear: !0,
               placeholder: a.pw,
@@ -2377,30 +2475,30 @@ function An({
           )
         }
       ),
-      /* @__PURE__ */ e(Z.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(rt, { children: a.remember }) }),
+      /* @__PURE__ */ e(Z.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(nt, { children: a.remember }) }),
       /* @__PURE__ */ e("div", { className: r ? "caps-lock caps-lock-on" : "caps-lock", children: r ? "Caps Lock On" : "Caps Lock Off" }),
       /* @__PURE__ */ e(Z.Item, { children: /* @__PURE__ */ e(B, { type: "primary", htmlType: "submit", loading: t, block: !0, children: a.login }) })
     ] }) }),
-    c
+    h
   ] }) });
 }
-const { Text: V, Title: yn } = xe;
-function $n({
+const { Text: V, Title: pn } = be;
+function En({
   loginConfig: n,
   loginParams: t,
   mainLogo: r,
   systemLogo: o,
-  onGoLogin: s,
+  onGoLogin: l,
   onGoMain: a
 }) {
-  const { loginStatus: g, doSsoLogin: c } = ct(n);
+  const { loginStatus: g, doSsoLogin: h } = at(n);
   E(() => {
     u();
   }, [t.userId]);
-  const u = () => c(t), y = ({
-    children: k
-  }) => /* @__PURE__ */ l(
-    yn,
+  const u = () => h(t), f = ({
+    children: N
+  }) => /* @__PURE__ */ s(
+    pn,
     {
       level: 4,
       style: {
@@ -2412,58 +2510,58 @@ function $n({
       children: [
         o && o,
         " ",
-        k
+        N
       ]
     }
-  ), h = () => g === "LOADING" ? /* @__PURE__ */ l(A, { children: [
-    /* @__PURE__ */ e(Q, { size: "large", style: { margin: "10px 0" } }),
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e(y, { children: "로그인 중입니다." }),
-      /* @__PURE__ */ l(V, { children: [
+  ), p = () => g === "LOADING" ? /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ e(q, { size: "large", style: { margin: "10px 0" } }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(f, { children: "로그인 중입니다." }),
+      /* @__PURE__ */ s(V, { children: [
         "인증 정보를 확인하는 중입니다.",
         /* @__PURE__ */ e("br", {}),
         "브라우저 창을 닫지 말아 주세요."
       ] })
     ] }),
     /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, children: "인증이 완료되면 자동으로 다음 화면으로 이동합니다." }),
-    /* @__PURE__ */ e(B, { style: { marginTop: 8 }, onClick: s, children: "로그인 화면" })
-  ] }) : g === "SUCCESS" ? /* @__PURE__ */ l(A, { children: [
-    /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(De, { twoToneColor: "#52c41a" }) }),
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e(y, { children: "로그인에 성공했습니다." }),
+    /* @__PURE__ */ e(B, { style: { marginTop: 8 }, onClick: l, children: "로그인 화면" })
+  ] }) : g === "SUCCESS" ? /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(_e, { twoToneColor: "#52c41a" }) }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(f, { children: "로그인에 성공했습니다." }),
       /* @__PURE__ */ e(V, { children: "잠시만 기다려 주세요." })
     ] }),
     /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, children: "잠시 후 자동으로 다음 화면으로 이동합니다." }),
-    /* @__PURE__ */ e(q, { style: { marginTop: 8, justifyContent: "center" }, children: /* @__PURE__ */ e(B, { type: "primary", onClick: a, children: "바로 이동하기" }) })
-  ] }) : g === "FAIL" ? /* @__PURE__ */ l(A, { children: [
-    /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(Ie, { twoToneColor: "#ff4d4f" }) }),
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e(y, { children: "로그인에 실패했습니다." }),
-      /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ e(Y, { style: { marginTop: 8, justifyContent: "center" }, children: /* @__PURE__ */ e(B, { type: "primary", onClick: a, children: "바로 이동하기" }) })
+  ] }) : g === "FAIL" ? /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ve, { twoToneColor: "#ff4d4f" }) }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(f, { children: "로그인에 실패했습니다." }),
+      /* @__PURE__ */ s(V, { children: [
         "인증 과정에서 오류가 발생했습니다.",
         /* @__PURE__ */ e("br", {}),
         "다시 시도해 주세요."
       ] })
     ] }),
     /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, children: "문제가 지속되면 관리자에게 문의해 주세요." }),
-    /* @__PURE__ */ l(q, { style: { marginTop: 8, justifyContent: "center" }, children: [
+    /* @__PURE__ */ s(Y, { style: { marginTop: 8, justifyContent: "center" }, children: [
       /* @__PURE__ */ e(
         B,
         {
           type: "primary",
           onClick: u,
-          icon: /* @__PURE__ */ e(de, {}),
+          icon: /* @__PURE__ */ e(we, {}),
           children: "다시 시도"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: s, icon: /* @__PURE__ */ e(It, {}), children: "로그인 화면" })
+      /* @__PURE__ */ e(B, { onClick: l, icon: /* @__PURE__ */ e(wt, {}), children: "로그인 화면" })
     ] })
-  ] }) : /* @__PURE__ */ l(A, { children: [
-    /* @__PURE__ */ e(Q, { size: "large", style: { margin: "10px 0" } }),
+  ] }) : /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ e(q, { size: "large", style: { margin: "10px 0" } }),
     /* @__PURE__ */ e(V, { children: "로그인 상태를 확인하는 중입니다." })
   ] });
   return E(() => {
-    se.getState().systemMap.length === 0 && se.getState().fetchSystemMap();
+    oe.getState().systemMap.length === 0 && oe.getState().fetchSystemMap();
   }, []), /* @__PURE__ */ e(
     "div",
     {
@@ -2475,7 +2573,7 @@ function $n({
         background: "#f5f5f5"
       },
       children: /* @__PURE__ */ e(
-        Be,
+        Te,
         {
           style: {
             width: 420,
@@ -2484,28 +2582,28 @@ function $n({
             borderRadius: 16,
             boxShadow: "0 8px 24px rgba(0,0,0,0.06)"
           },
-          children: /* @__PURE__ */ l(q, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          children: /* @__PURE__ */ s(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
             /* @__PURE__ */ e("div", { children: r && r }),
-            h()
+            p()
           ] })
         }
       )
     }
   );
 }
-const { Text: Te, Title: Cn } = xe;
-function Wn({
+const { Text: Pe, Title: mn } = be;
+function _n({
   mode: n,
   mainLogo: t,
   systemLogo: r,
   newUserId: o,
-  onContinue: s,
+  onContinue: l,
   onGoLogin: a
 }) {
   const g = ({
-    children: h
-  }) => /* @__PURE__ */ l(
-    Cn,
+    children: p
+  }) => /* @__PURE__ */ s(
+    mn,
     {
       level: 4,
       style: {
@@ -2518,10 +2616,10 @@ function Wn({
       children: [
         r && r,
         " ",
-        h
+        p
       ]
     }
-  ), { title: c, desc: u, subDesc: y } = n === "SESSION_CHANGED" ? {
+  ), { title: h, desc: u, subDesc: f } = n === "SESSION_CHANGED" ? {
     title: "세션이 변경되었습니다.",
     desc: `이 브라우저에서 다른 계정으로 다시 로그인되었습니다.
 현재 창에서는 이전 계정을 더 이상 사용할 수 없습니다.`,
@@ -2543,7 +2641,7 @@ function Wn({
         background: "#f5f5f5"
       },
       children: /* @__PURE__ */ e(
-        Be,
+        Te,
         {
           style: {
             width: 450,
@@ -2552,24 +2650,24 @@ function Wn({
             borderRadius: 16,
             boxShadow: "0 8px 24px rgba(0,0,0,0.06)"
           },
-          children: /* @__PURE__ */ l(q, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          children: /* @__PURE__ */ s(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
             /* @__PURE__ */ e("div", { children: t && t }),
-            /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(Ie, { twoToneColor: "#faad14" }) }),
-            /* @__PURE__ */ l("div", { children: [
-              /* @__PURE__ */ e(g, { children: c }),
-              /* @__PURE__ */ e(Te, { children: u.split(`
-`).map((h, k) => /* @__PURE__ */ l("span", { children: [
-                h,
+            /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ve, { twoToneColor: "#faad14" }) }),
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e(g, { children: h }),
+              /* @__PURE__ */ e(Pe, { children: u.split(`
+`).map((p, N) => /* @__PURE__ */ s("span", { children: [
+                p,
                 /* @__PURE__ */ e("br", {})
-              ] }, k)) })
+              ] }, N)) })
             ] }),
-            /* @__PURE__ */ e(Te, { type: "secondary", style: { fontSize: 12 }, children: y }),
-            /* @__PURE__ */ e(q, { style: { marginTop: 8, justifyContent: "center" }, children: s && o && /* @__PURE__ */ l(
+            /* @__PURE__ */ e(Pe, { type: "secondary", style: { fontSize: 12 }, children: f }),
+            /* @__PURE__ */ e(Y, { style: { marginTop: 8, justifyContent: "center" }, children: l && o && /* @__PURE__ */ s(
               B,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ e(De, {}),
-                onClick: s,
+                icon: /* @__PURE__ */ e(_e, {}),
+                onClick: l,
                 children: [
                   o,
                   " 계정으로 계속 사용"
@@ -2583,23 +2681,23 @@ function Wn({
   );
 }
 export {
-  En as A,
-  Dn as B,
-  ln as C,
-  An as D,
-  cn as H,
-  On as L,
-  mn as P,
-  Rn as a,
-  zn as b,
-  $n as c,
-  Wn as d,
-  dn as e,
-  Re as f,
-  ze as g,
-  nn as h,
-  on as i,
-  bn as j,
-  fn as k,
-  Vt as l
+  Ln as A,
+  Mn as B,
+  nn as C,
+  Dn as D,
+  rn as H,
+  Sn as L,
+  an as P,
+  Tn as a,
+  Bn as b,
+  En as c,
+  _n as d,
+  on as e,
+  Oe as f,
+  Re as g,
+  Qt as h,
+  Jt as i,
+  un as j,
+  hn as k,
+  Ht as l
 };