@bwg-ui/core 1.3.5 → 1.3.6

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

@@ -1,34 +1,34 @@
-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 { jsxs as i, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { o as Ae, C as ze, S as ge, n as He, m as $e } from "./provider-Kxea5IoZ.js";
+import { Routes as Le, 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-C61ER0qC.js";
+import { Spin as q, Layout as Q, Button as B, ConfigProvider as be, Flex as re, Slider as ce, Divider as xe, 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 ye, Empty as de, Breadcrumb as tt, Form as Z, Checkbox as nt, Card as Te } from "antd";
+import { lazy as z, useEffect as E, useRef as X, useCallback as R, useMemo as F, useState as A, createElement as Be, memo as Ce, cloneElement as rt, Component as ot, Suspense as se } from "react";
+import { useUserStore as De, useLogout as it, useMenuViewStore as D, useMenuModelStore as ae, useFavoriteStore as st, usePopupStore as ve, useLogin as at, useSystemStore as oe, useSsoLogin as lt } 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 { 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 ke, CheckCircleTwoTone as _e, LoginOutlined as vt } from "@ant-design/icons";
+import { getTodateString as Ne, getUserId as Pe } from "../utils/index.js";
+import { useSensors as wt, useSensor as kt, PointerSensor as xt, DndContext as Nt, closestCenter as Pt } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as It } 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)
+const Bt = z(
+  () => import("./MenuReport-CYK_Eaqa.js")
+), Dt = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.$)
+), Et = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.a0)
+), _t = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.a1)
+), Ot = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.a2)
+), Rt = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.a4)
+), jt = z(
+  () => import("./CMSearchIntfGwP01-BBdPmalj.js")
+), At = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.a5)
+), zt = z(
+  () => import("./common-components-C61ER0qC.js").then((n) => n.a3)
 ), Ht = {
   // 게시판/문의
   CORE_REPORT: {
@@ -89,7 +89,7 @@ const Bt = A(
     }
   },
   CORE_ADDRESS_01: {
-    component: zt,
+    component: At,
     defaultConfig: {
       title: "주소 검색",
       width: 750,
@@ -97,7 +97,7 @@ const Bt = A(
     }
   },
   CORE_HOLIDAY_01: {
-    component: At,
+    component: zt,
     defaultConfig: {
       title: "휴일 검색",
       width: 750,
@@ -149,8 +149,8 @@ const Ft = ({
   count: t,
   size: r = 12,
   gap: o = 10,
-  amp: l = 16,
-  speedMs: a = 900,
+  amp: a = 16,
+  speedMs: c = 900,
   direction: g = "ltr",
   phase: h = 0.7
 }) => {
@@ -160,9 +160,9 @@ const Ft = ({
   const u = t ?? n.length, f = Array.from({ length: u }), p = {
     "--bwg-size": `${r}px`,
     "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${l}px`,
-    "--bwg-speed": `${a}ms`
-  }, N = a / u * h;
+    "--bwg-amp": `${a}px`,
+    "--bwg-speed": `${c}ms`
+  }, N = c / u * h;
   return /* @__PURE__ */ e(
     "span",
     {
@@ -170,16 +170,16 @@ const Ft = ({
       role: "img",
       "aria-label": "loading",
       style: p,
-      children: f.map((d, c) => /* @__PURE__ */ e(
+      children: f.map((d, l) => /* @__PURE__ */ e(
         "span",
         {
           className: "dot",
           style: {
-            backgroundColor: n[c % n.length],
-            animationDelay: g === "ltr" ? `${c * N}ms` : `${(u - 1 - c) * N}ms`
+            backgroundColor: n[l % n.length],
+            animationDelay: g === "ltr" ? `${l * N}ms` : `${(u - 1 - l) * N}ms`
           }
         },
-        c
+        l
       ))
     }
   );
@@ -189,8 +189,8 @@ const Ft = ({
   dimStyle: r = "dark"
 }) => {
   if (!(n ?? !0)) return null;
-  const a = r === "dark";
-  return /* @__PURE__ */ s(
+  const c = r === "dark";
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "loading-overlay",
@@ -203,8 +203,8 @@ const Ft = ({
         alignItems: "center",
         gap: 8,
         padding: "8px 12px",
-        background: a ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
-        color: a ? "#fff" : "#333",
+        background: c ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
+        color: c ? "#fff" : "#333",
         backdropFilter: "blur(4px)",
         zIndex: 1e4
       },
@@ -238,14 +238,14 @@ const Ft = ({
   useCommonProvider: t = !0,
   useServiceProvider: r = !0
 }) => {
-  let l = /* @__PURE__ */ s(Se, { children: [
+  let a = /* @__PURE__ */ i(Le, { 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 && (l = /* @__PURE__ */ e(ze, { children: l })), t && (l = /* @__PURE__ */ e(Ae, { children: l })), /* @__PURE__ */ e(Ge, { children: l });
+  return r && (a = /* @__PURE__ */ e(Ae, { children: a })), t && (a = /* @__PURE__ */ e(ze, { children: a })), /* @__PURE__ */ e(Ge, { children: a });
 }, { Content: Wt } = Q, Oe = ({
   config: n = {},
   children: t
@@ -366,15 +366,15 @@ const Ft = ({
       ...n.logo
     },
     right: r
-  }, l = fe(), a = X(null), g = it(() => l("/login", { replace: !0 })), {
+  }, a = fe(), c = X(null), g = it(() => a("/login", { replace: !0 })), {
     componentSize: h,
     setComponentSize: u,
     gridSize: f,
     setGridSize: p,
     spacingSize: N,
     setSpacingSize: d,
-    enableProtectWrapper: c,
-    setEnableProtectWrapper: I,
+    enableProtectWrapper: l,
+    setEnableProtectWrapper: P,
     theme: k,
     setTheme: m,
     clearAllGridLayouts: C
@@ -382,8 +382,8 @@ const Ft = ({
     try {
       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);
+    } catch (w) {
+      console.error("CSS variable setting failed:", w);
     }
   }, $ = (b) => {
     if (!te[b]) return;
@@ -392,7 +392,7 @@ const Ft = ({
     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",
       L.buttonPermissionBorder
-    ), a.current && a.current.setAttribute("data-theme", b), document.documentElement.setAttribute("data-theme", b);
+    ), c.current && c.current.setAttribute("data-theme", b), document.documentElement.setAttribute("data-theme", b);
   };
   E(() => {
     if (k && te[k]) {
@@ -406,13 +406,13 @@ const Ft = ({
       ), x(
         "--button-permission-border",
         b.buttonPermissionBorder
-      ), a.current && a.current.setAttribute("data-theme", k), document.documentElement.setAttribute("data-theme", k);
+      ), c.current && c.current.setAttribute("data-theme", k), document.documentElement.setAttribute("data-theme", k);
     } else
       $("modern");
   }, [k]);
   const K = () => {
     g();
-  }, H = () => /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+  }, H = () => /* @__PURE__ */ i("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",
       {
@@ -424,8 +424,8 @@ const Ft = ({
     ) }),
     /* @__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(
+  Ne ? Ne("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const J = /* @__PURE__ */ i(
     "div",
     {
       className: "theme-setting-popover",
@@ -433,7 +433,7 @@ const Ft = ({
         minWidth: "320px"
       },
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -444,7 +444,7 @@ const Ft = ({
             },
             children: [
               /* @__PURE__ */ e("div", { className: "sub-title", style: { marginBottom: 10 }, children: "테마 선택" }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
@@ -480,8 +480,8 @@ const Ft = ({
             ]
           }
         ),
-        /* @__PURE__ */ s(
-          Le,
+        /* @__PURE__ */ i(
+          be,
           {
             theme: {
               components: {
@@ -504,14 +504,14 @@ const Ft = ({
               }
             },
             children: [
-              /* @__PURE__ */ s("div", { style: {
+              /* @__PURE__ */ i("div", { style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: 20,
                 padding: "0 10px"
               }, children: [
-                /* @__PURE__ */ s("div", { children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ i("div", { children: [
+                  /* @__PURE__ */ i(
                     re,
                     {
                       justify: "space-between",
@@ -547,8 +547,8 @@ const Ft = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ s("div", { children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ i("div", { children: [
+                  /* @__PURE__ */ i(
                     re,
                     {
                       justify: "space-between",
@@ -584,8 +584,8 @@ const Ft = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ s("div", { children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ i("div", { children: [
+                  /* @__PURE__ */ i(
                     re,
                     {
                       justify: "space-between",
@@ -622,8 +622,8 @@ const Ft = ({
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ e(ke, { style: { margin: "20px 0 15px", borderBlockStart: "1px solid #dddddd" } }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ e(xe, { style: { margin: "20px 0 15px", borderBlockStart: "1px solid #dddddd" } }),
+              /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
@@ -637,8 +637,8 @@ const Ft = ({
                     /* @__PURE__ */ e(
                       Ze,
                       {
-                        checked: c,
-                        onChange: I
+                        checked: l,
+                        onChange: P
                       }
                     )
                   ]
@@ -647,7 +647,7 @@ const Ft = ({
             ]
           }
         ),
-        /* @__PURE__ */ e(ke, { style: { margin: "15px 0 20px", borderBlockStart: "1px solid #dddddd" } }),
+        /* @__PURE__ */ e(xe, { style: { margin: "15px 0 20px", borderBlockStart: "1px solid #dddddd" } }),
         /* @__PURE__ */ e("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ e(
           B,
           {
@@ -670,7 +670,7 @@ const Ft = ({
       ]
     }
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     Zt,
     {
       className: o.wrapper.className,
@@ -687,7 +687,7 @@ const Ft = ({
         t && /* @__PURE__ */ e(
           "div",
           {
-            className: "header-center",
+            className: "header-center top-menu-wrap",
             style: {
               flex: 1,
               display: "flex",
@@ -697,7 +697,7 @@ const Ft = ({
             children: t
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ i(
           "div",
           {
             className: "header-right",
@@ -801,16 +801,16 @@ const Ft = ({
       return t + " " + r + "ms " + o;
     }
   }
-}), Yt = ye(
+}), Yt = Ce(
   ({ className: n, ...t }) => {
     const r = X(null), {
       attributes: o,
-      listeners: l,
-      transform: a,
+      listeners: a,
+      transform: c,
       transition: g,
       isDragging: h,
       setNodeRef: u
-    } = Tt({ id: t["data-node-key"] }), [f, p] = z();
+    } = Tt({ id: t["data-node-key"] }), [f, p] = A();
     E(() => {
       const C = r.current;
       if (C)
@@ -822,7 +822,7 @@ const Ft = ({
     }, [h]);
     const N = {
       ...t.style,
-      transform: a ? me.Transform.toString(a) : void 0,
+      transform: c ? me.Transform.toString(c) : void 0,
       transition: g ?? "transform 0.16s ease",
       cursor: "grab",
       userSelect: "none",
@@ -832,7 +832,7 @@ const Ft = ({
       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;
+    }, d = t.children, l = d.props?.className || "", m = t["data-gubun"] === "C" ? l ? `${l} tab-special` : "tab-special" : l;
     return rt(d, {
       ref: (C) => {
         r.current !== C && (r.current = C), u(C);
@@ -840,21 +840,21 @@ const Ft = ({
       className: m,
       style: N,
       ...o,
-      ...l
+      ...a
     });
   }
-), qt = ye(function({
+), qt = Ce(function({
   config: t,
   isFirst: r,
   isLast: o,
-  canCloseAll: l,
-  onFirst: a,
+  canCloseAll: a,
+  onFirst: c,
   onPrev: g,
   onNext: h,
   onLast: u,
   onCloseAll: f
 }) {
-  return /* @__PURE__ */ s("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+  return /* @__PURE__ */ i("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
     /* @__PURE__ */ e(
       ee,
       {
@@ -868,7 +868,7 @@ const Ft = ({
             style: t.buttons?.style,
             size: "small",
             icon: /* @__PURE__ */ e(dt, {}),
-            onClick: a,
+            onClick: c,
             disabled: r
           }
         )
@@ -945,7 +945,7 @@ const Ft = ({
             size: "small",
             icon: /* @__PURE__ */ e(Ee, {}),
             onClick: f,
-            disabled: !l
+            disabled: !a
           }
         )
       }
@@ -979,53 +979,53 @@ const Ft = ({
       ...n?.nav
     },
     ...n
-  }, 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(
+  }, r = D((s) => s.tabs), o = D((s) => s.activeMenuId), a = D((s) => s.pinnedTabs), c = D((s) => s.focusTab), g = D((s) => s.closeTab), h = D((s) => s.reorderTabs), u = D((s) => s.togglePinTab), f = D((s) => s.refreshTab), p = D((s) => s.closeOtherTabs), N = D((s) => s.closeRightTabs);
+  D((s) => s.closeAllTabs);
+  const d = wt(
     kt(xt, { activationConstraint: { distance: 6 } })
-  ), c = (i) => {
-    a(i);
-  }, I = (i, w) => {
-    w === "remove" && typeof i == "string" && g(i);
+  ), l = (s) => {
+    c(s);
+  }, P = (s, v) => {
+    v === "remove" && typeof s == "string" && g(s);
   }, k = () => {
-    r.length > 0 && a(r[0].key);
+    r.length > 0 && c(r[0].key);
   }, m = () => {
     if (!o || r.length <= 1) return;
-    const i = r.findIndex((w) => w.key === o);
-    i > 0 && a(r[i - 1].key);
+    const s = r.findIndex((v) => v.key === o);
+    s > 0 && c(r[s - 1].key);
   }, C = () => {
     if (!o || r.length <= 1) return;
-    const i = r.findIndex((w) => w.key === o);
-    i < r.length - 1 && a(r[i + 1].key);
+    const s = r.findIndex((v) => v.key === o);
+    s < r.length - 1 && c(r[s + 1].key);
   }, S = () => {
-    r.length > 0 && a(r[r.length - 1].key);
+    r.length > 0 && c(r[r.length - 1].key);
   }, _ = () => {
-    r.forEach((i) => {
-      l.has(i.key) || g(i.key);
+    r.forEach((s) => {
+      a.has(s.key) || g(s.key);
     });
-  }, O = R((i) => (w) => {
-    w.preventDefault(), w.stopPropagation();
+  }, O = R((s) => (v) => {
+    v.preventDefault(), v.stopPropagation();
   }, []), x = R(
-    (i) => {
-      const w = l.has(i), M = r.findIndex((ne) => ne.key === i), T = M >= 0 && M < r.length - 1, W = r.length > 1;
+    (s) => {
+      const v = a.has(s), M = r.findIndex((ne) => ne.key === s), T = M >= 0 && M < r.length - 1, W = r.length > 1;
       return [
         {
           key: "close",
           label: "닫기",
-          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+          icon: /* @__PURE__ */ i("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: () => {
-            w || g(i);
+            v || g(s);
           },
-          disabled: w
+          disabled: v
         },
         {
           key: "pin",
-          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: [
+          label: v ? "고정 해제" : "고정",
+          icon: v ? /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ i("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" }),
@@ -1033,8 +1033,8 @@ const Ft = ({
               /* @__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__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ i("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" })
@@ -1042,18 +1042,18 @@ const Ft = ({
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1186", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
           onClick: () => {
-            u(i);
+            u(s);
           }
         },
         {
           key: "refresh",
           label: "새로고침",
-          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+          icon: /* @__PURE__ */ i("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: () => {
-            f(i);
+            f(s);
           }
         },
         {
@@ -1062,8 +1062,8 @@ const Ft = ({
         {
           key: "closeOthers",
           label: "다른 탭 닫기",
-          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: [
+          icon: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ i("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" })
@@ -1071,15 +1071,15 @@ const Ft = ({
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1197", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
           onClick: () => {
-            p(i);
+            p(s);
           },
           disabled: !W
         },
         {
           key: "closeRight",
           label: "우측 탭 닫기",
-          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: [
+          icon: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ i("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" }),
@@ -1090,15 +1090,15 @@ const Ft = ({
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1204", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
           onClick: () => {
-            N(i);
+            N(s);
           },
           disabled: !T
         },
         {
           key: "closeAll",
           label: "전체 닫기",
-          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: [
+          icon: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ i("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" })
@@ -1114,63 +1114,63 @@ const Ft = ({
     },
     [
       r,
-      l,
+      a,
       g,
       u,
       f,
       p,
       N
     ]
-  ), $ = o ? r.findIndex((i) => i.key === o) : -1, K = $ === 0, H = $ === r.length - 1, J = F(
-    () => r.map((i) => {
-      const w = l.has(i.key);
+  ), $ = o ? r.findIndex((s) => s.key === o) : -1, K = $ === 0, H = $ === r.length - 1, J = F(
+    () => r.map((s) => {
+      const v = a.has(s.key);
       return {
-        key: i.key,
-        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: [
+        key: s.key,
+        label: /* @__PURE__ */ i("span", { className: "menu-tabs-text", style: { position: "relative" }, children: [
+          v && /* @__PURE__ */ i("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__ */ i("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
+          s.label
         ] }),
-        closable: !w,
+        closable: !v,
         // 고정된 탭은 닫을 수 없음
         children: null
         // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
       };
     }),
-    [r, l]
-  ), [b, L] = z(null), v = R(({ active: i }) => {
+    [r, a]
+  ), [b, L] = A(null), w = R(({ active: s }) => {
     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);
+  }, []), I = R(
+    ({ active: s, over: v }) => {
+      if (!v || s.id === v.id) return;
+      const M = r.findIndex((G) => G.key === s.id), T = r.findIndex((G) => G.key === v.id);
       if (M < 0 || T < 0 || M === T) return;
       const W = r.map((G) => G.key), ne = St(W, M, T);
       h?.(ne);
     },
     [r, h]
   ), y = R(
-    (i, w) => /* @__PURE__ */ e(
+    (s, v) => /* @__PURE__ */ e(
       Nt,
       {
         sensors: d,
-        onDragStart: v,
-        onDragEnd: P,
-        collisionDetection: It,
-        modifiers: [Pt],
+        onDragStart: w,
+        onDragEnd: I,
+        collisionDetection: Pt,
+        modifiers: [It],
         children: /* @__PURE__ */ e(
           Lt,
           {
             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;
+            children: /* @__PURE__ */ e(v, { ...s, children: (M) => {
+              const T = M.key, W = b === T, G = r.find((le) => le.key === T)?.gubun;
               return /* @__PURE__ */ e(
                 Qe,
                 {
@@ -1178,8 +1178,8 @@ const Ft = ({
                   menu: { items: x(T) },
                   trigger: ["contextMenu"],
                   open: W,
-                  onOpenChange: (ae) => {
-                    L(ae ? T : null);
+                  onOpenChange: (le) => {
+                    L(le ? T : null);
                   },
                   children: /* @__PURE__ */ e(
                     "span",
@@ -1206,8 +1206,8 @@ const Ft = ({
     ),
     [
       d,
-      v,
-      P,
+      w,
+      I,
       r,
       b,
       x,
@@ -1227,8 +1227,8 @@ const Ft = ({
         {
           type: "editable-card",
           activeKey: o || void 0,
-          onChange: c,
-          onEdit: I,
+          onChange: l,
+          onEdit: P,
           className: t.tabs.className,
           style: t.tabs.style,
           hideAdd: !0,
@@ -1294,15 +1294,15 @@ const Ft = ({
       ...n?.style
     },
     ...n
-  }, [r, o] = z(""), [l, a] = z(
+  }, [r, o] = A(""), [a, c] = A(
     "category"
-  ), [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) => {
+  ), [g, h] = A([]), { activeMenuId: u, sidebarCollapsed: f, openTabFromMenu: p, toggleSidebar: N } = D(), { menuList: d, isLoading: l, error: P, findMenuById: k, flatMenuList: m } = ae(), { nodes: C, treeNodes: S, loadFavoritesIfNeeded: _ } = st(), O = F(() => {
+    const w = [], I = (y, s = 0) => {
       if (y.menuGbCd === t.menuGubunCode.program && y.scrnPath) {
-        const w = "  ".repeat(i), M = y.menuNo || "";
-        v.push({
+        const v = "  ".repeat(s), M = y.menuNo || "";
+        w.push({
           value: y.menuId,
-          label: /* @__PURE__ */ s(
+          label: /* @__PURE__ */ i(
             "div",
             {
               style: {
@@ -1311,8 +1311,8 @@ const Ft = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ s("span", { children: [
-                  w,
+                /* @__PURE__ */ i("span", { children: [
+                  v,
                   y.menuNm
                 ] }),
                 /* @__PURE__ */ e(
@@ -1335,26 +1335,26 @@ const Ft = ({
           menuItem: y
         });
       }
-      y.children && y.children.length > 0 && y.children.forEach((w) => P(w, i + 1));
+      y.children && y.children.length > 0 && y.children.forEach((v) => I(v, s + 1));
     };
-    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 d.forEach((y) => I(y)), w;
+  }, [d]), x = F(() => r.trim() ? O.filter((w) => {
+    const I = w.menuItem.menuNm.toLowerCase(), y = String(w.menuItem.menuNo || "미지정").toLowerCase(), s = r.toLowerCase();
+    return I.includes(s) || y.includes(s);
+  }) : [], [O, r]), $ = (w) => {
+    if (!w || typeof w != "string") {
+      console.warn("Invalid menu selection value:", w);
       return;
     }
-    if (!/^[a-zA-Z0-9_-]+$/.test(v)) {
-      console.warn("Invalid menu ID format:", v);
+    if (!/^[a-zA-Z0-9_-]+$/.test(w)) {
+      console.warn("Invalid menu ID format:", w);
       return;
     }
-    const P = O.find(
-      (y) => y.value === v
+    const I = O.find(
+      (y) => y.value === w
     );
-    if (P) {
-      const { menuItem: y } = P;
+    if (I) {
+      const { menuItem: y } = I;
       if (!y || !y.menuId || !y.menuNm) {
         console.warn("Invalid menu item:", y);
         return;
@@ -1371,20 +1371,20 @@ const Ft = ({
       ), p(y)) : (y.menuGbCd === t.menuGubunCode.mainMenu || y.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", y.menuNm, "menuGbCd:", y.menuGbCd)), o("");
     }
   }, K = R(
-    (v) => {
-      const P = k(v);
-      P?.menuGbCd === t.menuGubunCode.program && (console.log(
+    (w) => {
+      const I = k(w);
+      I?.menuGbCd === t.menuGubunCode.program && (console.log(
         "메뉴명:",
-        P.menuNm,
+        I.menuNm,
         "경로:",
-        P.scrnPath,
+        I.scrnPath,
         "scrnId:",
-        P.scrnId
-      ), p(P));
+        I.scrnId
+      ), p(I));
     },
     [k, p, t.menuGubunCode.program]
-  ), H = R((v) => v.map((P) => ({
-    key: P.menuId,
+  ), H = R((w) => w.map((I) => ({
+    key: I.menuId,
     label: /* @__PURE__ */ e(
       "div",
       {
@@ -1393,19 +1393,19 @@ const Ft = ({
           justifyContent: "space-between",
           alignItems: "center"
         },
-        children: /* @__PURE__ */ e("span", { children: P.menuNm })
+        children: /* @__PURE__ */ e("span", { children: I.menuNm })
       }
     ),
-    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];
+    icon: J(I.iconCd, I.menuGbCd),
+    children: I.children && I.children.length > 0 ? H(I.children) : void 0
+  })), []), J = (w, I) => {
+    if (w) {
+      const y = ie[w];
       if (y)
         return /* @__PURE__ */ e(y, {});
     }
-    if (P)
-      switch (P) {
+    if (I)
+      switch (I) {
         case t.menuGubunCode.mainMenu:
           return /* @__PURE__ */ e(ie.HomeOutlined, {});
         case t.menuGubunCode.subMenu:
@@ -1417,31 +1417,31 @@ const Ft = ({
       }
     return null;
   }, b = R(
-    (v) => {
+    (w) => {
       if (d.length === 0) return [];
-      const P = (i) => {
-        if (i)
-          return typeof i == "string" ? C[i] : i;
-      }, y = (i) => {
-        if (i.type === "M") {
-          const w = i, M = k(w.menuId) || void 0, T = !!M, W = T ? `${M?.menuNm ?? w.menuNm ?? w.menuId}` : `${w.menuNm ?? w.menuId} (삭제됨)`;
+      const I = (s) => {
+        if (s)
+          return typeof s == "string" ? C[s] : s;
+      }, y = (s) => {
+        if (s.type === "M") {
+          const v = s, M = k(v.menuId) || void 0, T = !!M, W = T ? `${M?.menuNm ?? v.menuNm ?? v.menuId}` : `${v.menuNm ?? v.menuId} (삭제됨)`;
           return {
-            key: w.menuId,
+            key: v.menuId,
             label: W,
             icon: T ? void 0 : /* @__PURE__ */ e(bt, { style: { color: "#faad14" } })
           };
         } else {
-          const w = i, M = (w.children ?? []).map(P).filter(Boolean).map(y);
+          const v = s, M = (v.children ?? []).map(I).filter(Boolean).map(y);
           return {
-            key: w.bkmkId,
-            label: w.bkmkNm ?? w.bkmkId,
-            icon: w.prntBkmkId === "-" ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(Ct, {}),
+            key: v.bkmkId,
+            label: v.bkmkNm ?? v.bkmkId,
+            icon: v.prntBkmkId === "-" ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(Ct, {}),
             children: M
             // 빈 배열이면 자동으로 말아줌
           };
         }
       };
-      return v.map(y);
+      return w.map(y);
     },
     [k, C, d]
   ), L = F(
@@ -1449,29 +1449,29 @@ const Ft = ({
     [b, S, C]
   );
   return E(() => {
-    Ne() && _(Ne());
+    Pe() && _(Pe());
   }, [_]), 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]));
+    a === "category" && o("");
+  }, [a]), E(() => {
+    if (!u || a !== "category") return;
+    const I = ((y) => {
+      const s = [], v = new Map(m.map((T) => [T.menuId, T]));
       let M = y;
       for (; M; ) {
-        const T = w.get(M);
+        const T = v.get(M);
         if (!T) break;
         if (T.menuPrntId && T.menuPrntId !== "-" && T.menuPrntId !== "")
-          i.push(T.menuPrntId), M = T.menuPrntId;
+          s.push(T.menuPrntId), M = T.menuPrntId;
         else
           break;
       }
-      return i;
+      return s;
     })(u);
-    P.length > 0 && h((y) => {
-      const i = /* @__PURE__ */ new Set([...y, ...P]);
-      return Array.from(i);
+    I.length > 0 && h((y) => {
+      const s = /* @__PURE__ */ new Set([...y, ...I]);
+      return Array.from(s);
     });
-  }, [u, l, m]), /* @__PURE__ */ s(
+  }, [u, a, m]), /* @__PURE__ */ i(
     Xt,
     {
       className: t.className.wrapper,
@@ -1584,13 +1584,13 @@ const Ft = ({
                 className: t.className.segmented.wrapper,
                 options: [
                   {
-                    label: /* @__PURE__ */ s(j, { children: [
+                    label: /* @__PURE__ */ i(j, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
                           className: t.className.segmented.item,
                           style: { display: "flex", alignItems: "center" },
-                          children: /* @__PURE__ */ s(
+                          children: /* @__PURE__ */ i(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -1639,7 +1639,7 @@ const Ft = ({
                     value: "category"
                   },
                   {
-                    label: /* @__PURE__ */ s(j, { children: [
+                    label: /* @__PURE__ */ i(j, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
@@ -1671,9 +1671,9 @@ const Ft = ({
                     value: "favorite"
                   }
                 ],
-                value: l,
-                onChange: (v) => {
-                  a(v);
+                value: a,
+                onChange: (w) => {
+                  c(w);
                 },
                 style: {
                   width: "100%"
@@ -1683,8 +1683,8 @@ const Ft = ({
             )
           }
         ),
-        /* @__PURE__ */ s("div", { className: t.className.sider.content, children: [
-          c && /* @__PURE__ */ s(
+        /* @__PURE__ */ i("div", { className: t.className.sider.content, children: [
+          l && /* @__PURE__ */ i(
             "div",
             {
               className: t.className.sider.loading,
@@ -1696,7 +1696,7 @@ const Ft = ({
               },
               children: [
                 /* @__PURE__ */ e(
-                  Le,
+                  be,
                   {
                     theme: {
                       components: {
@@ -1719,7 +1719,7 @@ const Ft = ({
               ]
             }
           ),
-          I && /* @__PURE__ */ s("div", { className: t.className.sider.error, children: [
+          P && /* @__PURE__ */ i("div", { className: t.className.sider.error, children: [
             /* @__PURE__ */ e(
               ft,
               {
@@ -1728,7 +1728,7 @@ const Ft = ({
             ),
             /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
           ] }),
-          !c && !I && l === "category" && d.length === 0 && /* @__PURE__ */ e(
+          !l && !P && a === "category" && d.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1740,7 +1740,7 @@ const Ft = ({
               children: "메뉴가 없습니다"
             }
           ),
-          !c && !I && l === "favorite" && L.length === 0 && /* @__PURE__ */ e(
+          !l && !P && a === "favorite" && L.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1752,7 +1752,7 @@ const Ft = ({
               children: "즐겨찾기된 메뉴가 없습니다"
             }
           ),
-          !c && !I && l === "category" && d.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+          !l && !P && a === "category" && d.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
             pe,
             {
               theme: "light",
@@ -1762,13 +1762,13 @@ const Ft = ({
               selectedKeys: [u || ""],
               openKeys: g,
               onOpenChange: h,
-              onClick: (v) => K(v.key),
-              onDoubleClick: (v) => {
-                v.preventDefault(), v.stopPropagation();
+              onClick: (w) => K(w.key),
+              onDoubleClick: (w) => {
+                w.preventDefault(), w.stopPropagation();
               }
             }
           ) }),
-          !c && !I && l === "favorite" && L.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+          !l && !P && a === "favorite" && L.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
             pe,
             {
               theme: "light",
@@ -1776,9 +1776,9 @@ const Ft = ({
               items: L,
               className: t.className.sider.menu,
               selectedKeys: [u || ""],
-              onClick: (v) => K(v.key),
-              onDoubleClick: (v) => {
-                v.preventDefault(), v.stopPropagation();
+              onClick: (w) => K(w.key),
+              onDoubleClick: (w) => {
+                w.preventDefault(), w.stopPropagation();
               }
             }
           ) })
@@ -1803,7 +1803,7 @@ class en extends ot {
     });
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ s(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ i(
       "div",
       {
         style: {
@@ -1837,7 +1837,7 @@ class en extends ot {
               ]
             }
           ),
-          this.state.error && /* @__PURE__ */ s(
+          this.state.error && /* @__PURE__ */ i(
             "details",
             {
               style: {
@@ -1877,8 +1877,8 @@ const tn = ({
   instance: t,
   params: r
 }) => {
-  const { activeMenuId: o, closeTab: l } = D(), a = () => {
-    o && l(o);
+  const { activeMenuId: o, closeTab: a } = D(), c = () => {
+    o && a(o);
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -1927,18 +1927,18 @@ const tn = ({
           children: /* @__PURE__ */ e(
             Me,
             {
-              icon: /* @__PURE__ */ e(ve, { twoToneColor: "#69b1ff" }),
+              icon: /* @__PURE__ */ e(ke, { twoToneColor: "#69b1ff" }),
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
-              subTitle: /* @__PURE__ */ e(be.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(Ee, {}), onClick: a, children: "탭 닫기" }) })
+              subTitle: /* @__PURE__ */ e(ye.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(Ee, {}), onClick: c, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, nn = ye(tn), rn = ({
+}, nn = Ce(tn), rn = ({
   menuGubunCode: n = {
     mainMenu: "MAIN",
     subMenu: "SUB",
@@ -1948,7 +1948,7 @@ const tn = ({
   style: r,
   routeMap: o
 }) => {
-  const { menuList: l, findMenuById: a, flatMenuList: g } = le(), { activeMenuId: h } = D(), u = fe(), [f, p] = z([]), N = R(
+  const { menuList: a, findMenuById: c, flatMenuList: g } = ae(), { activeMenuId: h } = D(), u = fe(), [f, p] = A([]), N = R(
     (k, m) => {
       if (k) {
         const C = ie[k];
@@ -1977,9 +1977,9 @@ const tn = ({
       };
     }),
     [N, n]
-  ), c = F(() => d(l), [l, d]), I = R(
+  ), l = F(() => d(a), [a, d]), P = R(
     (k) => {
-      const m = a(k.key);
+      const m = c(k.key);
       if (m) {
         if (m.children && m.children.length === 1 && m.children[0].menuGbCd === n.program) {
           const C = m.children[0];
@@ -1994,7 +1994,7 @@ const tn = ({
         }
       }
     },
-    [a, n, u, o]
+    [c, n, u, o]
   );
   return E(() => {
     if (!h || t !== "vertical") return;
@@ -2020,15 +2020,15 @@ const tn = ({
     {
       mode: t,
       theme: "light",
-      items: c,
+      items: l,
       selectedKeys: [h || ""],
       openKeys: t === "vertical" ? f : void 0,
       onOpenChange: t === "vertical" ? p : void 0,
-      onClick: I,
+      onClick: P,
       style: r
     }
   );
-}, on = () => /* @__PURE__ */ s(j, { children: [
+}, on = () => /* @__PURE__ */ i(j, { children: [
   /* @__PURE__ */ e(
     "link",
     {
@@ -2040,27 +2040,27 @@ const tn = ({
   /* @__PURE__ */ e("div", { className: "LandingContainer-wrap", children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e("div", { className: "content" }) }) })
 ] }), sn = (n, t) => {
   console.log("createPopupViewLoader 호출 - popupUrl:", n);
-  const o = ((l) => {
-    if (l.startsWith("/src/pages/views/popup/")) {
-      const h = l + ".tsx";
-      return console.log(`팝업 URL 변환: ${l} -> ${h}`), h;
+  const o = ((a) => {
+    if (a.startsWith("/src/pages/views/popup/")) {
+      const h = a + ".tsx";
+      return console.log(`팝업 URL 변환: ${a} -> ${h}`), h;
     }
-    const g = `/src/pages/views/popup/${l.startsWith("/") ? l.substring(1) : l}.tsx`;
-    return console.log(`팝업 URL 변환: ${l} -> ${g}`), g;
+    const g = `/src/pages/views/popup/${a.startsWith("/") ? a.substring(1) : a}.tsx`;
+    return console.log(`팝업 URL 변환: ${a} -> ${g}`), g;
   })(n);
   return !o || !t?.glob || !t.glob[o] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${n} (${o})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t.glob[o];
-}, 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);
+}, an = ({ popup: n, modules: t }) => {
+  const [r, o] = A(null), [a, c] = A(!1), [g, h] = A(null), u = () => {
+    console.log("PopupArea - handleClose:", n.popupId), ve.getState().closePopup(n.popupId);
   };
   return E(() => {
     (async () => {
-      console.log("팝업 뷰 로드 시작:", n.popupUrl), a(!0), h(null);
+      console.log("팝업 뷰 로드 시작:", n.popupUrl), c(!0), h(null);
       try {
         const p = sn(n.popupUrl, t);
         if (!p) {
-          const c = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
-          console.error(c), h(c), a(!1);
+          const l = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
+          console.error(l), h(l), c(!1);
           return;
         }
         console.log("팝업 뷰 모듈 로드 중...");
@@ -2073,13 +2073,13 @@ const tn = ({
       } catch (p) {
         console.error("팝업 뷰 로드 실패:", p), h(p instanceof Error ? p.message : "팝업 뷰 로드 실패");
       } finally {
-        a(!1);
+        c(!1);
       }
     })();
-  }, [n.popupUrl]), l ? /* @__PURE__ */ s("div", { className: "popup-loading", children: [
+  }, [n.popupUrl]), a ? /* @__PURE__ */ i("div", { className: "popup-loading", children: [
     /* @__PURE__ */ e(q, { size: "large" }),
     /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
-  ] }) : g ? /* @__PURE__ */ s("div", { className: "popup-error", children: [
+  ] }) : g ? /* @__PURE__ */ i("div", { className: "popup-error", children: [
     /* @__PURE__ */ e(de, { description: g, image: de.PRESENTED_IMAGE_SIMPLE }),
     /* @__PURE__ */ e(
       B,
@@ -2092,7 +2092,7 @@ const tn = ({
   ] }) : r ? /* @__PURE__ */ e(
     se,
     {
-      fallback: /* @__PURE__ */ s("div", { className: "popup-loading", children: [
+      fallback: /* @__PURE__ */ i("div", { className: "popup-loading", children: [
         /* @__PURE__ */ e(q, { size: "large" }),
         /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
       ] }),
@@ -2109,12 +2109,12 @@ const tn = ({
       )
     }
   ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(de, { description: "팝업 내용을 불러올 수 없습니다." }) });
-}, an = ({ modules: n }) => {
-  const { popups: t } = Ce();
+}, ln = ({ modules: n }) => {
+  const { popups: t } = ve();
   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 || {}, l = o.width || r.width || 800, a = o.height || r.height || 600, g = o.title || r.popupTitle, h = r.buttonList?.map((u, f) => ({
+    const o = r.config || {}, a = o.width || r.width || 800, c = 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",
@@ -2125,19 +2125,19 @@ const tn = ({
       popupId: r.popupId,
       popupCode: r.popupCode,
       title: g,
-      width: l,
-      height: a,
+      width: a,
+      height: c,
       buttons: h
-    }), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(ln, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
+    }), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(an, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
 }, je = () => {
-  const { popups: n, closePopup: t } = Ce();
+  const { popups: n, closePopup: t } = ve();
   return /* @__PURE__ */ e(j, { children: n.map((r) => {
     if (!(r.isLocal || r.popupCode.startsWith("CORE_"))) return null;
     const o = Ht[r.popupCode];
     if (!o) return null;
-    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}`);
+    const a = o.component;
+    return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(se, { fallback: null, children: /* @__PURE__ */ e(a, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId) }, `sbp-${r.popupId}`);
   }) });
 }, cn = (n) => ({
   position: "absolute",
@@ -2151,26 +2151,26 @@ const tn = ({
   return E(() => {
     n && r.current || (r.current = !0, t());
   }, [n, t]), null;
-}, 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);
+}, hn = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: a }) => {
+  const c = X(null), [g, h] = A(!1), u = R((p) => {
+    c.current = p, h(!!p);
   }, []), f = cn(n);
-  return /* @__PURE__ */ e("div", { ref: u, style: f, children: g ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ e("div", { ref: u, style: f, children: g ? /* @__PURE__ */ i(
     He,
     {
       idleMs: Number.POSITIVE_INFINITY,
       persistLocked: !1,
       overlayScope: "scoped",
       overlayPosition: "absolute",
-      eventTarget: a.current,
+      eventTarget: c.current,
       overlayId: `tab-overlay-${r}`,
       onUnlock: async () => (o(), !0),
       children: [
         n && t ? /* @__PURE__ */ e(dn, { once: !0 }) : null,
-        l
+        a
       ]
     }
-  ) : l });
+  ) : a });
 }, Mn = ({
   config: n = {},
   modules: t = {
@@ -2186,19 +2186,19 @@ const tn = ({
     /* @__PURE__ */ new Map()
   ), {
     tabs: o,
-    tabParams: l,
-    activeMenuId: a,
+    tabParams: a,
+    activeMenuId: c,
     tabProtectFlag: g,
     refreshTabKey: h,
     clearProtectFlagForKey: u
   } = D(), { enableProtectWrapper: f } = De(), p = R(
     (d) => {
-      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 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(
+      const l = r.current.get(d.key);
+      if (l) return l;
+      const P = d.gubun === "M" ? `${t.view.path}${d.menuItem?.scrnPath}.tsx` : `${t.view.path}${d.componentItem?.scrnPath}.tsx`;
+      let k = t.view?.glob?.[P];
+      if (!k && typeof import.meta < "u" && typeof import.meta.glob == "function" && (k = (/* @__PURE__ */ Object.assign({}))[P]), k) {
+        const m = z(
           k
         );
         return r.current.set(d.key, m), m;
@@ -2208,27 +2208,27 @@ const tn = ({
     [t.view?.glob]
   ), N = X({});
   return E(() => {
-    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 };
+    const d = N.current, l = h;
+    Object.keys(l).forEach((P) => {
+      const k = d[P], m = l[P];
+      k !== m && r.current.delete(P);
+    }), N.current = { ...l };
   }, [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;
+    const d = (l) => {
+      if (l.key === "F5" || l.ctrlKey && l.key === "r" || l.ctrlKey && l.shiftKey && l.key === "R" || l.ctrlKey && l.key === "s")
+        return l.preventDefault(), !1;
     };
     return window.addEventListener("keydown", d, !0), () => {
       window.removeEventListener("keydown", d, !0);
     };
-  }, []), /* @__PURE__ */ s(Q, { className: "main-layout", children: [
+  }, []), /* @__PURE__ */ i(Q, { className: "main-layout", children: [
     /* @__PURE__ */ e(Re, { config: n?.header }),
-    /* @__PURE__ */ s(Q, { children: [
+    /* @__PURE__ */ i(Q, { children: [
       /* @__PURE__ */ e(Jt, { config: n?.sidebar }),
-      /* @__PURE__ */ s("div", { className: "content-container", children: [
+      /* @__PURE__ */ i("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(
+        /* @__PURE__ */ i(Oe, { config: n?.content, children: [
+          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ i(
             "div",
             {
               style: {
@@ -2238,11 +2238,11 @@ const tn = ({
               },
               children: [
                 o.map((d) => {
-                  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(
+                  const l = p(d), P = c === d.key, k = !!g?.[d.key], m = a[d.key] || {}, C = h[d.key], S = C !== void 0 ? `${d.key}-${C}` : d.key, _ = /* @__PURE__ */ e(
                     nn,
                     {
-                      isActive: I,
-                      instance: c || void 0,
+                      isActive: P,
+                      instance: l || void 0,
                       params: m
                     },
                     S
@@ -2250,7 +2250,7 @@ const tn = ({
                   return /* @__PURE__ */ e(ge, { children: f ? /* @__PURE__ */ e(
                     hn,
                     {
-                      isActive: I,
+                      isActive: P,
                       flagged: k,
                       tabKey: d.key,
                       onUnlock: () => u(d.key),
@@ -2259,12 +2259,12 @@ const tn = ({
                     d.key
                   ) : _ }, `sbp-${d.key}`);
                 }),
-                (!a || o.length === 0) && /* @__PURE__ */ e(on, {})
+                (!c || o.length === 0) && /* @__PURE__ */ e(on, {})
               ]
             }
           ) }),
           /* @__PURE__ */ e(je, {}),
-          /* @__PURE__ */ e(an, { modules: t?.popup })
+          /* @__PURE__ */ e(ln, { modules: t?.popup })
         ] })
       ] })
     ] }),
@@ -2280,23 +2280,23 @@ const tn = ({
   routeMap: r,
   routes: o
 }) => {
-  const l = We(), a = fe(), { flatMenuList: g, findMenuById: h } = le(), u = F(() => {
-    const p = l.pathname, N = p.replace(/^\/main/, "") || "/";
+  const a = We(), c = fe(), { flatMenuList: g, findMenuById: h } = ae(), u = F(() => {
+    const p = a.pathname, N = p.replace(/^\/main/, "") || "/";
     if (r) {
       const d = Object.keys(r).find(
-        (I) => r[I] === p
+        (P) => r[P] === p
       );
       if (d)
         return h(d);
-      const c = Object.keys(r).find((I) => (r[I].replace(/^\/main/, "") || "/") === N);
-      if (c)
-        return h(c);
+      const l = Object.keys(r).find((P) => (r[P].replace(/^\/main/, "") || "/") === N);
+      if (l)
+        return h(l);
     }
     return g.find(
       (d) => d.menuGbCd === t.program && d.scrnPath && (d.scrnPath === N || d.scrnPath === p || p.endsWith(d.scrnPath) || N === d.scrnPath)
     );
   }, [
-    l.pathname,
+    a.pathname,
     g,
     t.program,
     r,
@@ -2304,54 +2304,67 @@ const tn = ({
   ]), f = F(() => {
     if (!u)
       return [];
-    const p = [], N = (c) => {
-      if (!c || !c.menuPrntId || c.menuPrntId === "-")
+    const p = [], N = (l) => {
+      if (!l || !l.menuPrntId || l.menuPrntId === "-")
         return [];
-      const I = h(c.menuPrntId);
-      return I ? [...N(I), I] : [];
+      const P = h(l.menuPrntId);
+      return P ? [...N(P), P] : [];
     };
-    return N(u).forEach((c) => {
-      if (c.menuGbCd === t.mainMenu || c.menuGbCd === t.subMenu) {
-        let I;
-        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(
+    return N(u).forEach((l) => {
+      if (l.menuGbCd === t.mainMenu || l.menuGbCd === t.subMenu) {
+        let P;
+        if (r && l.menuId && (P = r[l.menuId]), !P && o && l.scrnPath) {
+          const k = l.scrnPath.startsWith("/") ? l.scrnPath : `/${l.scrnPath}`, m = Object.keys(o).find(
             (C) => C === k || C === `/main${k}`
           );
-          m && (I = m.startsWith("/main") ? m : `/main${m.startsWith("/") ? m : `/${m}`}`);
+          m && (P = m.startsWith("/main") ? m : `/main${m.startsWith("/") ? m : `/${m}`}`);
         }
         p.push({
-          title: c.menuNm,
-          onClick: I ? () => a(I) : void 0
+          title: l.menuNm,
+          onClick: P ? () => c(P) : void 0
         });
       }
     }), p.push({
       title: u.menuNm
     }), p;
-  }, [u, t, a, h]);
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      style: {
-        height: "100%",
-        padding: "15px 20px"
-      },
-      children: [
-        /* @__PURE__ */ e(
-          tt,
-          {
-            separator: ">",
-            items: f,
-            style: { marginBottom: "16px" }
-          }
-        ),
-        /* @__PURE__ */ e("div", { children: n })
-      ]
-    }
-  );
+  }, [u, t, c, h]);
+  return /* @__PURE__ */ i("div", { className: "admin-page-inner", children: [
+    /* @__PURE__ */ i("div", { className: "page-header", children: [
+      /* @__PURE__ */ e(
+        tt,
+        {
+          className: "admin-breadcrumb",
+          separator: /* @__PURE__ */ e(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              children: /* @__PURE__ */ e(
+                "path",
+                {
+                  d: "M6.66675 11.3333L10.0001 7.99996L6.66675 4.66663",
+                  stroke: "#9A9A9A",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }
+              )
+            }
+          ),
+          items: f,
+          style: { marginBottom: "15px" }
+        }
+      ),
+      /* @__PURE__ */ e("h2", { className: "page-title", children: "타이틀" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "page-main-content", children: n })
+  ] });
 }, Tn = ({ config: n = {} }) => {
-  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, l = F(() => {
+  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, a = F(() => {
     if (!o) return;
-    const a = {}, { flatMenuList: g } = le.getState();
+    const c = {}, { flatMenuList: g } = ae.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) => {
@@ -2360,18 +2373,18 @@ const tn = ({
         });
         if (f) {
           const p = f === "/" ? "/main" : f.startsWith("/main") ? f : `/main${f.startsWith("/") ? f : `/${f}`}`;
-          a[h.menuId] = p;
+          c[h.menuId] = p;
         }
       }
-    }), a;
+    }), c;
   }, [o, t?.menuGubunCode?.program]);
-  return /* @__PURE__ */ s(Q, { className: "main-layout", children: [
+  return /* @__PURE__ */ i(Q, { className: "admin-layout", children: [
     /* @__PURE__ */ e(Re, { config: n?.header, children: r && /* @__PURE__ */ e(
       rn,
       {
         menuGubunCode: t?.menuGubunCode,
         mode: t?.style?.mode || "horizontal",
-        routeMap: l,
+        routeMap: a,
         style: {
           border: "none",
           backgroundColor: "transparent",
@@ -2381,8 +2394,8 @@ const tn = ({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ s(Oe, { config: n?.content, children: [
-      /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "admin-content-container", children: /* @__PURE__ */ i(Oe, { config: n?.content, children: [
+      /* @__PURE__ */ e("div", { className: "admin-view-container", children: /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -2390,8 +2403,8 @@ const tn = ({
             width: "100%",
             height: "100%"
           },
-          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(/^\//, "") || "";
+          children: /* @__PURE__ */ e(se, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(Le, { children: Object.entries(o || {}).map(([c, g]) => {
+            const h = c === "/" ? "" : c.replace(/^\/main/, "").replace(/^\//, "") || "";
             return /* @__PURE__ */ e(
               U,
               {
@@ -2400,13 +2413,13 @@ const tn = ({
                   un,
                   {
                     menuGubunCode: t?.menuGubunCode,
-                    routeMap: l,
+                    routeMap: a,
                     routes: o,
                     children: /* @__PURE__ */ e(g, {})
                   }
                 )
               },
-              a
+              c
             );
           }) }) })
         }
@@ -2419,18 +2432,18 @@ function Bn({
   config: n,
   ui: t
 }) {
-  const { loading: r, capsOn: o, prefills: l, onKeyDown: a, doLogin: g } = lt(n), h = (u) => g(u);
+  const { loading: r, capsOn: o, prefills: a, onKeyDown: c, doLogin: g } = at(n), h = (u) => g(u);
   return E(() => {
     oe.getState().systemMap.length === 0 && oe.getState().fetchSystemMap();
-  }, []), /* @__PURE__ */ e(j, { children: t({ onSubmit: h, loading: r, capsOn: o, onKeyDown: a, prefills: l }) });
+  }, []), /* @__PURE__ */ e(j, { children: t({ onSubmit: h, loading: r, capsOn: o, onKeyDown: c, prefills: a }) });
 }
 function Dn({
   onSubmit: n,
   loading: t,
   capsOn: r,
   onKeyDown: o,
-  prefills: l,
-  labels: a = {
+  prefills: a,
+  labels: c = {
     id: "ID 혹은 사번",
     pw: "비밀번호",
     remember: "Remember me",
@@ -2441,63 +2454,98 @@ function Dn({
 }) {
   const [u] = Z.useForm();
   return E(() => {
-    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: [
+    a && (a.id || a.pswr) && u.setFieldsValue({ id: a.id, pswr: a.pswr });
+  }, [a, u]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ i("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__ */ s(re, { vertical: !0, children: [
-      /* @__PURE__ */ e(
-        Z.Item,
-        {
-          name: "id",
-          rules: [
-            { required: !0, message: "아이디를 입력해주세요." },
-            {
-              whitespace: !0,
-              message: "아이디는 공백이 들어갈 수 없습니다."
-            }
-          ],
-          children: /* @__PURE__ */ e(ue, { allowClear: !0, placeholder: a.id, onKeyDown: o })
-        }
-      ),
-      /* @__PURE__ */ e(
-        Z.Item,
-        {
-          name: "pswr",
-          rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
-          children: /* @__PURE__ */ e(
-            ue.Password,
-            {
-              allowClear: !0,
-              placeholder: a.pw,
-              onKeyDown: o
+    /* @__PURE__ */ e(
+      be,
+      {
+        theme: {
+          components: {
+            Card: {
+              bodyPadding: 40
+            },
+            Button: {
+              controlHeight: 40,
+              colorPrimary: "#6449fc",
+              colorPrimaryActive: "#7163c3",
+              colorPrimaryHover: "#7163c3",
+              borderRadius: 50,
+              fontWeight: 600
+            },
+            Input: {
+              colorBorder: "var(--border-color)",
+              hoverBorderColor: "#bdbd1ff",
+              borderRadiusLG: 6,
+              fontSize: 14
+            },
+            Checkbox: {
+              colorPrimary: "#6377d1",
+              colorPrimaryBorder: "#6377d1",
+              colorPrimaryHover: "#6449fc",
+              colorText: "var(--text-primary)",
+              fontSize: 13
             }
-          )
-        }
-      ),
-      /* @__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 }) })
-    ] }) }),
+          }
+        },
+        children: /* @__PURE__ */ e(Z, { form: u, onFinish: n, className: "login-form", children: /* @__PURE__ */ i(re, { vertical: !0, gap: 50, children: [
+          /* @__PURE__ */ i("div", { className: "login-form-item-group", children: [
+            /* @__PURE__ */ e(
+              Z.Item,
+              {
+                name: "id",
+                rules: [
+                  { required: !0, message: "아이디를 입력해주세요." },
+                  {
+                    whitespace: !0,
+                    message: "아이디는 공백이 들어갈 수 없습니다."
+                  }
+                ],
+                children: /* @__PURE__ */ e(ue, { allowClear: !0, placeholder: c.id, onKeyDown: o })
+              }
+            ),
+            /* @__PURE__ */ e(
+              Z.Item,
+              {
+                name: "pswr",
+                rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
+                children: /* @__PURE__ */ e(
+                  ue.Password,
+                  {
+                    allowClear: !0,
+                    placeholder: c.pw,
+                    onKeyDown: o
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(Z.Item, { name: "remember", valuePropName: "checked", style: { marginBottom: 0 }, children: /* @__PURE__ */ e(nt, { children: c.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, { style: { marginBottom: 0 }, children: /* @__PURE__ */ e(B, { type: "primary", htmlType: "submit", loading: t, block: !0, style: { borderRadius: "50px" }, children: c.login }) })
+        ] }) })
+      }
+    ),
     h
   ] }) });
 }
-const { Text: V, Title: pn } = be;
+const { Text: V, Title: pn } = ye;
 function En({
   loginConfig: n,
   loginParams: t,
   mainLogo: r,
   systemLogo: o,
-  onGoLogin: l,
-  onGoMain: a
+  onGoLogin: a,
+  onGoMain: c
 }) {
-  const { loginStatus: g, doSsoLogin: h } = at(n);
+  const { loginStatus: g, doSsoLogin: h } = lt(n);
   E(() => {
     u();
   }, [t.userId]);
   const u = () => h(t), f = ({
     children: N
-  }) => /* @__PURE__ */ s(
+  }) => /* @__PURE__ */ i(
     pn,
     {
       level: 4,
@@ -2513,38 +2561,38 @@ function En({
         N
       ]
     }
-  ), p = () => g === "LOADING" ? /* @__PURE__ */ s(j, { children: [
+  ), p = () => g === "LOADING" ? /* @__PURE__ */ i(j, { children: [
     /* @__PURE__ */ e(q, { size: "large", style: { margin: "10px 0" } }),
-    /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ i("div", { children: [
       /* @__PURE__ */ e(f, { children: "로그인 중입니다." }),
-      /* @__PURE__ */ s(V, { children: [
+      /* @__PURE__ */ i(V, { children: [
         "인증 정보를 확인하는 중입니다.",
         /* @__PURE__ */ e("br", {}),
         "브라우저 창을 닫지 말아 주세요."
       ] })
     ] }),
     /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, children: "인증이 완료되면 자동으로 다음 화면으로 이동합니다." }),
-    /* @__PURE__ */ e(B, { style: { marginTop: 8 }, onClick: l, children: "로그인 화면" })
-  ] }) : g === "SUCCESS" ? /* @__PURE__ */ s(j, { children: [
+    /* @__PURE__ */ e(B, { style: { marginTop: 8 }, onClick: a, children: "로그인 화면" })
+  ] }) : g === "SUCCESS" ? /* @__PURE__ */ i(j, { children: [
     /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(_e, { twoToneColor: "#52c41a" }) }),
-    /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ i("div", { children: [
       /* @__PURE__ */ e(f, { children: "로그인에 성공했습니다." }),
       /* @__PURE__ */ e(V, { children: "잠시만 기다려 주세요." })
     ] }),
     /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, 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(Y, { style: { marginTop: 8, justifyContent: "center" }, children: /* @__PURE__ */ e(B, { type: "primary", onClick: c, children: "바로 이동하기" }) })
+  ] }) : g === "FAIL" ? /* @__PURE__ */ i(j, { children: [
+    /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ke, { twoToneColor: "#ff4d4f" }) }),
+    /* @__PURE__ */ i("div", { children: [
       /* @__PURE__ */ e(f, { children: "로그인에 실패했습니다." }),
-      /* @__PURE__ */ s(V, { children: [
+      /* @__PURE__ */ i(V, { children: [
         "인증 과정에서 오류가 발생했습니다.",
         /* @__PURE__ */ e("br", {}),
         "다시 시도해 주세요."
       ] })
     ] }),
     /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, children: "문제가 지속되면 관리자에게 문의해 주세요." }),
-    /* @__PURE__ */ s(Y, { style: { marginTop: 8, justifyContent: "center" }, children: [
+    /* @__PURE__ */ i(Y, { style: { marginTop: 8, justifyContent: "center" }, children: [
       /* @__PURE__ */ e(
         B,
         {
@@ -2554,9 +2602,9 @@ function En({
           children: "다시 시도"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: l, icon: /* @__PURE__ */ e(wt, {}), children: "로그인 화면" })
+      /* @__PURE__ */ e(B, { onClick: a, icon: /* @__PURE__ */ e(vt, {}), children: "로그인 화면" })
     ] })
-  ] }) : /* @__PURE__ */ s(j, { children: [
+  ] }) : /* @__PURE__ */ i(j, { children: [
     /* @__PURE__ */ e(q, { size: "large", style: { margin: "10px 0" } }),
     /* @__PURE__ */ e(V, { children: "로그인 상태를 확인하는 중입니다." })
   ] });
@@ -2582,7 +2630,7 @@ function En({
             borderRadius: 16,
             boxShadow: "0 8px 24px rgba(0,0,0,0.06)"
           },
-          children: /* @__PURE__ */ s(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          children: /* @__PURE__ */ i(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
             /* @__PURE__ */ e("div", { children: r && r }),
             p()
           ] })
@@ -2591,18 +2639,18 @@ function En({
     }
   );
 }
-const { Text: Pe, Title: mn } = be;
+const { Text: Se, Title: mn } = ye;
 function _n({
   mode: n,
   mainLogo: t,
   systemLogo: r,
   newUserId: o,
-  onContinue: l,
-  onGoLogin: a
+  onContinue: a,
+  onGoLogin: c
 }) {
   const g = ({
     children: p
-  }) => /* @__PURE__ */ s(
+  }) => /* @__PURE__ */ i(
     mn,
     {
       level: 4,
@@ -2650,24 +2698,24 @@ function _n({
             borderRadius: 16,
             boxShadow: "0 8px 24px rgba(0,0,0,0.06)"
           },
-          children: /* @__PURE__ */ s(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          children: /* @__PURE__ */ i(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
             /* @__PURE__ */ e("div", { children: t && t }),
-            /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ve, { twoToneColor: "#faad14" }) }),
-            /* @__PURE__ */ s("div", { children: [
+            /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ke, { twoToneColor: "#faad14" }) }),
+            /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ e(g, { children: h }),
-              /* @__PURE__ */ e(Pe, { children: u.split(`
-`).map((p, N) => /* @__PURE__ */ s("span", { children: [
+              /* @__PURE__ */ e(Se, { children: u.split(`
+`).map((p, N) => /* @__PURE__ */ i("span", { children: [
                 p,
                 /* @__PURE__ */ e("br", {})
               ] }, N)) })
             ] }),
-            /* @__PURE__ */ e(Pe, { type: "secondary", style: { fontSize: 12 }, children: f }),
-            /* @__PURE__ */ e(Y, { style: { marginTop: 8, justifyContent: "center" }, children: l && o && /* @__PURE__ */ s(
+            /* @__PURE__ */ e(Se, { type: "secondary", style: { fontSize: 12 }, children: f }),
+            /* @__PURE__ */ e(Y, { style: { marginTop: 8, justifyContent: "center" }, children: a && o && /* @__PURE__ */ i(
               B,
               {
                 type: "primary",
                 icon: /* @__PURE__ */ e(_e, {}),
-                onClick: l,
+                onClick: a,
                 children: [
                   o,
                   " 계정으로 계속 사용"
@@ -2687,7 +2735,7 @@ export {
   Dn as D,
   rn as H,
   Sn as L,
-  an as P,
+  ln as P,
   Tn as a,
   Bn as b,
   En as c,