@bwg-ui/core 1.2.15 → 1.2.17

package/dist/chunks/{layout-components-MrnKV5g7.js → layout-components-CyKRhOdT.js}

@@ -1,20 +1,20 @@
-import { jsxs as g, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { jsxs as g, jsx as e, Fragment as R } from "react/jsx-runtime";
 import { ServiceCodeProvider as me, CommonCodeProvider as pe, ScreenProtectProvider as he, useLock as ge, SearchBoxProvider as fe } from "../provider/index.js";
 import { Routes as be, Route as K, Navigate as ye, useNavigate as Ce } from "react-router-dom";
-import { G as ve, B as we, Q as xe } from "./common-components-XA2KG7Pl.js";
-import { Spin as j, Layout as $, ColorPicker as ke, Button as w, Popover as Ne, Avatar as Ie, Tabs as Se, Tooltip as z, AutoComplete as Le, Input as Y, Segmented as Te, Menu as te, Result as ie, Space as Pe, Typography as Me, Empty as Z, Form as D, Flex as Be, Checkbox as Ee } from "antd";
-import { lazy as F, useEffect as I, useState as L, useRef as V, useMemo as W, useCallback as B, createElement as le, memo as q, cloneElement as De, Component as Oe, Suspense as Q } from "react";
-import { useLogout as Fe, useMenuViewStore as S, useMenuModelStore as Re, useFavoriteStore as Ae, usePopupStore as J, useLogin as ze, useSystemStore as $e } from "../stores/index.js";
+import { G as ve, B as we, Q as xe } from "./common-components-CyxuMobg.js";
+import { Spin as j, Layout as H, ColorPicker as ke, Button as x, Popover as Ne, Avatar as Ie, Tabs as Se, Tooltip as z, AutoComplete as Te, Input as Y, Segmented as Le, ConfigProvider as Pe, Menu as te, Result as ie, Space as Me, Typography as Be, Empty as Z, Form as O, Flex as Ee, Checkbox as De } from "antd";
+import { lazy as F, useEffect as S, useState as L, useRef as V, useMemo as W, useCallback as E, createElement as le, memo as q, cloneElement as Oe, Component as Re, Suspense as Q } from "react";
+import { useLogout as Fe, useMenuViewStore as T, useMenuModelStore as Ae, useFavoriteStore as ze, usePopupStore as J, useLogin as He, useSystemStore as Ve } from "../stores/index.js";
 import * as ne from "@ant-design/icons";
-import { UserOutlined as Ve, StepBackwardOutlined as He, LeftOutlined as _e, RightOutlined as Ge, StepForwardOutlined as We, CloseOutlined as ce, MenuUnfoldOutlined as je, MenuFoldOutlined as Ue, ExclamationCircleOutlined as Ke, WarningOutlined as Ze, StarOutlined as Ye, FolderOpenOutlined as Xe, ReloadOutlined as de, ExclamationCircleTwoTone as qe } from "@ant-design/icons";
-import { getCookie as Qe, getCurrentDateString as re, setCookie as Je, THEME_COOKIE_NAME as oe, getUserId as se } from "../utils/index.js";
-import { useSensors as et, useSensor as tt, PointerSensor as nt, DndContext as rt, closestCenter as ot } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as st } from "@dnd-kit/modifiers";
-import { arrayMove as at, SortableContext as it, horizontalListSortingStrategy as lt, useSortable as ct } from "@dnd-kit/sortable";
-const dt = F(() => import("./MenuReport-CozV1tpR.js")), ut = F(() => import("./common-components-XA2KG7Pl.js").then((n) => n.V)), mt = F(() => import("./common-components-XA2KG7Pl.js").then((n) => n.W)), pt = F(() => import("./common-components-XA2KG7Pl.js").then((n) => n.X)), ht = F(() => import("./common-components-XA2KG7Pl.js").then((n) => n.Y)), gt = {
+import { UserOutlined as _e, StepBackwardOutlined as $e, LeftOutlined as Ge, RightOutlined as We, StepForwardOutlined as je, CloseOutlined as ce, MenuUnfoldOutlined as Ue, MenuFoldOutlined as Ke, ExclamationCircleOutlined as Ze, WarningOutlined as Ye, StarOutlined as Xe, FolderOpenOutlined as qe, ReloadOutlined as de, ExclamationCircleTwoTone as Qe } from "@ant-design/icons";
+import { getCookie as Je, getCurrentDateString as re, setCookie as et, THEME_COOKIE_NAME as oe, getUserId as se } from "../utils/index.js";
+import { useSensors as tt, useSensor as nt, PointerSensor as rt, DndContext as ot, closestCenter as st } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as at } from "@dnd-kit/modifiers";
+import { arrayMove as it, SortableContext as lt, horizontalListSortingStrategy as ct, useSortable as dt } from "@dnd-kit/sortable";
+const ut = F(() => import("./MenuReport-ByLduwwZ.js")), mt = F(() => import("./common-components-CyxuMobg.js").then((r) => r.W)), pt = F(() => import("./common-components-CyxuMobg.js").then((r) => r.X)), ht = F(() => import("./common-components-CyxuMobg.js").then((r) => r.Y)), gt = F(() => import("./common-components-CyxuMobg.js").then((r) => r.Z)), ft = {
   // 게시판/문의
   CORE_REPORT: {
-    component: dt,
+    component: ut,
     defaultConfig: {
       title: "게시판/문의",
       width: 1200,
@@ -23,7 +23,7 @@ const dt = F(() => import("./MenuReport-CozV1tpR.js")), ut = F(() => import("./c
   },
   // 조직/부서 검색류
   CORE_DEPARTMENT_01: {
-    component: ut,
+    component: mt,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -31,7 +31,7 @@ const dt = F(() => import("./MenuReport-CozV1tpR.js")), ut = F(() => import("./c
     }
   },
   CORE_DEPARTMENT_02: {
-    component: mt,
+    component: pt,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -39,7 +39,7 @@ const dt = F(() => import("./MenuReport-CozV1tpR.js")), ut = F(() => import("./c
     }
   },
   CORE_ORGANIZATION_01: {
-    component: pt,
+    component: ht,
     defaultConfig: {
       title: "조직 검색",
       width: 620,
@@ -47,7 +47,7 @@ const dt = F(() => import("./MenuReport-CozV1tpR.js")), ut = F(() => import("./c
     }
   },
   CORE_ORGANIZATION_02: {
-    component: ht,
+    component: gt,
     defaultConfig: {
       title: "조직 검색",
       width: 1e3,
@@ -55,10 +55,10 @@ const dt = F(() => import("./MenuReport-CozV1tpR.js")), ut = F(() => import("./c
     }
   }
 }, ae = "bwg-dot-line-wave-v4";
-function ft() {
+function bt() {
   if (typeof document > "u" || document.getElementById(ae)) return;
-  const n = document.createElement("style");
-  n.id = ae, n.textContent = `
+  const r = document.createElement("style");
+  r.id = ae, r.textContent = `
     .bwg-dotline {
       display: inline-flex;
       align-items: center;
@@ -92,27 +92,27 @@ function ft() {
     @media (prefers-reduced-motion: reduce) {
       .bwg-dotline .dot { animation: none; }
     }
-  `, document.head.appendChild(n);
+  `, document.head.appendChild(r);
 }
-const bt = ({
-  colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
+const yt = ({
+  colors: r = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
   count: t,
-  size: r = 12,
-  gap: o = 10,
-  amp: s = 16,
+  size: n = 12,
+  gap: s = 10,
+  amp: o = 16,
   speedMs: d = 900,
-  direction: f = "ltr",
-  phase: i = 0.7
+  direction: p = "ltr",
+  phase: m = 0.7
 }) => {
-  I(() => {
-    ft();
+  S(() => {
+    bt();
   }, []);
-  const u = t ?? n.length, m = Array.from({ length: u }), h = {
-    "--bwg-size": `${r}px`,
-    "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${s}px`,
+  const i = t ?? r.length, c = Array.from({ length: i }), h = {
+    "--bwg-size": `${n}px`,
+    "--bwg-gap": `${s}px`,
+    "--bwg-amp": `${o}px`,
     "--bwg-speed": `${d}ms`
-  }, C = d / u * i;
+  }, v = d / i * m;
   return /* @__PURE__ */ e(
     "span",
     {
@@ -120,103 +120,110 @@ const bt = ({
       role: "img",
       "aria-label": "loading",
       style: h,
-      children: m.map((a, l) => /* @__PURE__ */ e(
+      children: c.map((b, a) => /* @__PURE__ */ e(
         "span",
         {
           className: "dot",
           style: {
-            backgroundColor: n[l % n.length],
-            animationDelay: f === "ltr" ? `${l * C}ms` : `${(u - 1 - l) * C}ms`
+            backgroundColor: r[a % r.length],
+            animationDelay: p === "ltr" ? `${a * v}ms` : `${(i - 1 - a) * v}ms`
           }
         },
-        l
+        a
       ))
     }
   );
-}, Jt = ({
-  spin: n = null,
-  text: t = "인증중..."
-}) => n ?? !0 ? /* @__PURE__ */ g(
-  "div",
-  {
-    style: {
-      position: "fixed",
-      height: "100vh",
-      left: 0,
-      right: 0,
-      top: 0,
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      gap: 8,
-      padding: "8px 12px",
-      background: "rgba(0,0,0,0.6)",
-      color: "#fff",
-      zIndex: 1e4
-    },
-    "aria-live": "polite",
-    "aria-busy": "true",
-    role: "status",
-    children: [
-      /* @__PURE__ */ e(
-        j,
-        {
-          indicator: /* @__PURE__ */ e(
-            bt,
-            {
-              colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
-              size: 12,
-              gap: 10,
-              amp: 16,
-              speedMs: 900,
-              phase: 0.75,
-              direction: "ltr"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e("span", { className: "bwg-spin-txt", style: { marginTop: "15px" }, children: t })
-    ]
-  }
-) : null, en = ({ routes: n, useCommonProvider: t = !0, useServiceProvider: r = !0 }) => {
-  let s = /* @__PURE__ */ g(be, { children: [
+}, en = ({
+  spin: r = null,
+  text: t = "인증중...",
+  dimStyle: n = "dark"
+}) => {
+  if (!(r ?? !0)) return null;
+  const d = n === "dark";
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: "loading-overlay",
+      style: {
+        position: "fixed",
+        height: "100vh",
+        left: 0,
+        right: 0,
+        top: 0,
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 8,
+        padding: "8px 12px",
+        background: d ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
+        color: d ? "#fff" : "#333",
+        backdropFilter: "blur(4px)",
+        zIndex: 1e4
+      },
+      "aria-live": "polite",
+      "aria-busy": "true",
+      role: "status",
+      children: [
+        /* @__PURE__ */ e(
+          j,
+          {
+            indicator: /* @__PURE__ */ e(
+              yt,
+              {
+                colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
+                size: 12,
+                gap: 10,
+                amp: 16,
+                speedMs: 900,
+                phase: 0.75,
+                direction: "ltr"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "bwg-spin-txt", style: { marginTop: "15px" }, children: t })
+      ]
+    }
+  );
+}, tn = ({ routes: r, useCommonProvider: t = !0, useServiceProvider: n = !0 }) => {
+  let o = /* @__PURE__ */ g(be, { children: [
     /* @__PURE__ */ e(K, { path: "/", element: /* @__PURE__ */ e(ye, { to: "/login" }) }),
-    /* @__PURE__ */ e(K, { path: "/login", element: n.login }),
-    /* @__PURE__ */ e(K, { path: "/main", element: n.main })
+    /* @__PURE__ */ e(K, { path: "/login", element: r.login }),
+    /* @__PURE__ */ e(K, { path: "/main", element: r.main })
   ] });
-  return r && (s = /* @__PURE__ */ e(me, { children: s })), t && (s = /* @__PURE__ */ e(pe, { children: s })), /* @__PURE__ */ e(ve, { children: s });
-}, { Content: yt } = $, Ct = ({
-  config: n = {},
+  return n && (o = /* @__PURE__ */ e(me, { children: o })), t && (o = /* @__PURE__ */ e(pe, { children: o })), /* @__PURE__ */ e(ve, { children: o });
+}, { Content: Ct } = H, vt = ({
+  config: r = {},
   children: t
 }) => {
-  const r = {
+  const n = {
     wrapper: {
       className: "content-wrapper",
-      ...n.wrapper
+      ...r.wrapper
     },
     body: {
       className: "content-body",
-      ...n.body
+      ...r.body
     },
-    ...n
+    ...r
   };
   return /* @__PURE__ */ e(
-    yt,
+    Ct,
     {
-      className: r.wrapper.className,
-      style: r.wrapper.style,
+      className: n.wrapper.className,
+      style: n.wrapper.style,
       children: /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(
         "div",
         {
-          className: r.body.className,
-          style: r.body.style,
+          className: n.body.className,
+          style: n.body.style,
           children: t
         }
       ) })
     }
   );
-}, vt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='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", wt = "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", xt = "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: kt } = $, M = {
+}, wt = "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", xt = "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: Nt } = H, B = {
   light: {
     headerBg: "#ffffff",
     headerText: "#000000",
@@ -269,111 +276,113 @@ const bt = ({
     buttonDefaultBorder: "#dddddd",
     buttonPermissionBorder: "#bdb1ff"
   }
-}, Nt = ({ config: n = {} }) => {
+}, It = ({ config: r = {} }) => {
   const t = {
+    gap: 14,
+    minWidth: 200,
+    items: r.right?.items,
+    alarm: {
+      visible: !0,
+      ...r.right?.alarm || {}
+    },
+    theme: {
+      visible: !0,
+      ...r.right?.theme || {}
+    },
+    logout: {
+      visible: !0,
+      ...r.right?.logout || {}
+    },
+    avatar: {
+      visible: !0,
+      width: 30,
+      height: 30,
+      ...r.right?.avatar || {}
+    }
+  }, n = {
     wrapper: {
       className: "header-wrapper",
-      ...n.wrapper
+      ...r.wrapper
     },
     logo: {
       gap: 10,
-      ...n.logo
+      ...r.logo
     },
-    right: {
-      gap: 14,
-      minWidth: 200,
-      avatar: {
-        width: 30,
-        height: 30,
-        ...n.right?.avatar
-      },
-      ...n.right
-    },
-    ...n
-  }, r = Ce(), [o, s] = L("modern"), d = V(null), f = Fe(), i = (a, l) => {
+    right: t
+  }, s = Ce(), [o, d] = L("modern"), p = V(null), m = Fe(), i = (a, C) => {
     try {
-      if (!/^[a-zA-Z0-9-]+$/.test(a)) {
-        console.warn(`Invalid CSS variable name: ${a}`);
-        return;
-      }
-      if (!/^[#a-zA-Z0-9()\s,.-]+$/.test(l)) {
-        console.warn(`Invalid CSS variable value: ${l}`);
-        return;
-      }
-      document.documentElement.style.setProperty(a, l);
-    } catch (T) {
-      console.error("CSS variable setting failed:", T);
+      if (!/^[a-zA-Z0-9-]+$/.test(a) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(C)) return;
+      document.documentElement.style.setProperty(a, C);
+    } catch (P) {
+      console.error("CSS variable setting failed:", P);
     }
-  }, u = (a) => {
-    if (!M[a]) {
-      console.warn(`Invalid theme: ${a}`);
-      return;
-    }
-    s(a);
-    const l = { ...M[a] };
-    i("--header-bg", l.headerBg), i("--header-text", l.headerText), i("--sidebar-bg", l.sidebarBg), i("--sidebar-text", l.sidebarText), i("--button-primary", l.buttonPrimary), i("--button-primary-hover", l.buttonPrimaryHover), i("--button-primary-active", l.buttonPrimaryActive), i("--button-default", l.buttonDefault), i("--button-default-hover", l.buttonDefaultHover), i("--button-default-border", l.buttonDefaultBorder), i(
+  }, c = (a) => {
+    if (!B[a]) return;
+    d(a);
+    const C = { ...B[a] };
+    i("--header-bg", C.headerBg), i("--header-text", C.headerText), i("--sidebar-bg", C.sidebarBg), i("--sidebar-text", C.sidebarText), i("--button-primary", C.buttonPrimary), i("--button-primary-hover", C.buttonPrimaryHover), i("--button-primary-active", C.buttonPrimaryActive), i("--button-default", C.buttonDefault), i("--button-default-hover", C.buttonDefaultHover), i("--button-default-border", C.buttonDefaultBorder), i(
       "--button-permission-border",
-      l.buttonPermissionBorder
-    ), d.current && d.current.setAttribute("data-theme", a), document.documentElement.setAttribute("data-theme", a), Je(oe, a, 30);
+      C.buttonPermissionBorder
+    ), p.current && p.current.setAttribute("data-theme", a), document.documentElement.setAttribute("data-theme", a), et(oe, a, 30);
   };
-  I(() => {
-    const a = Qe(oe);
-    a && M[a] ? u(a) : u("modern");
+  S(() => {
+    const a = Je(oe);
+    a && B[a] ? c(a) : c("modern");
   }, []);
-  const m = () => ({ ...M[o] }).headerBg, h = () => {
-    f(), r("/login");
+  const h = () => ({ ...B[o] }).headerBg, v = () => {
+    m(), s("/login");
   };
   re ? re("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
-  const C = /* @__PURE__ */ g("div", { style: { padding: "8px 0" }, children: [
+  const b = /* @__PURE__ */ g("div", { style: { padding: "8px 0" }, children: [
     /* @__PURE__ */ g("div", { style: { marginBottom: "12px" }, children: [
-      /* @__PURE__ */ e(ke, { value: m(), disabled: !0, size: "small" }),
+      /* @__PURE__ */ e(ke, { value: h(), disabled: !0, size: "small" }),
       /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "12px" }, children: "현재 테마 색상" })
     ] }),
     /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
       /* @__PURE__ */ e(
-        w,
+        x,
         {
           type: o === "modern" ? "primary" : "default",
           size: "small",
-          onClick: () => u("modern"),
+          onClick: () => c("modern"),
           style: {
             textAlign: "left",
-            backgroundColor: o === "modern" ? M.modern.headerBg : void 0,
-            color: o === "modern" ? M.modern.headerText : void 0
+            backgroundColor: o === "modern" ? B.modern.headerBg : void 0,
+            color: o === "modern" ? B.modern.headerText : void 0
           },
           children: "모던"
         },
         "modern"
       ),
-      Object.entries(M).filter(([a]) => a !== "modern").map(([a, l]) => /* @__PURE__ */ e(
-        w,
+      Object.entries(B).filter(([a]) => a !== "modern").map(([a, C]) => /* @__PURE__ */ e(
+        x,
         {
           type: o === a ? "primary" : "default",
           size: "small",
-          onClick: () => u(a),
+          onClick: () => c(a),
           style: {
             textAlign: "left",
-            backgroundColor: o === a ? l.headerBg : void 0,
-            color: o === a ? l.headerText : void 0
+            backgroundColor: o === a ? C.headerBg : void 0,
+            color: o === a ? C.headerText : void 0
           },
-          children: a === "light" ? "라이트" : a === "dark" ? "다크" : a === "blue" ? "블루" : a
+          children: a
         },
         a
       ))
     ] })
   ] });
   return /* @__PURE__ */ g(
-    kt,
+    Nt,
     {
-      className: t.wrapper.className,
-      style: { ...t.wrapper.style },
+      className: n.wrapper.className,
+      style: { ...n.wrapper.style },
       children: [
-        t.logo && /* @__PURE__ */ e("div", { className: "header-left", children: /* @__PURE__ */ e(
+        n.logo && /* @__PURE__ */ e("div", { className: "header-left", children: /* @__PURE__ */ e(
           "div",
           {
             className: "logo-container",
-            style: { gap: t.logo?.gap },
-            children: t.logo?.items
+            style: { gap: n.logo?.gap },
+            children: n.logo?.items
           }
         ) }),
         /* @__PURE__ */ g(
@@ -381,54 +390,58 @@ const bt = ({
           {
             className: "header-right",
             style: {
-              gap: t.right?.gap,
-              minWidth: t.right?.minWidth
+              gap: n.right?.gap,
+              minWidth: n.right?.minWidth
             },
             children: [
-              t.right?.items?.map((a, l) => /* @__PURE__ */ e("div", { children: a }, l)),
-              /* @__PURE__ */ e(
-                w,
+              n.right?.items?.map((a, C) => /* @__PURE__ */ e("div", { children: a }, C)),
+              n.right?.alarm?.visible && /* @__PURE__ */ e(
+                x,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: vt, alt: "알림" }),
-                  className: "alarm-btn"
+                  icon: /* @__PURE__ */ e("img", { src: wt, alt: "알림" }),
+                  className: "alarm-btn",
+                  onClick: n.right?.alarm?.onClick
                 }
               ),
-              /* @__PURE__ */ e(
+              n.right?.theme?.visible && /* @__PURE__ */ e(
                 Ne,
                 {
-                  content: C,
+                  content: b,
                   title: "테마 설정",
                   trigger: "click",
                   placement: "bottomRight",
+                  onOpenChange: (a) => n.right?.theme?.onOpenChange?.(a),
                   children: /* @__PURE__ */ e(
-                    w,
+                    x,
                     {
                       type: "text",
-                      icon: /* @__PURE__ */ e("img", { src: xt, alt: "개인설정" }),
-                      className: "theme-btn"
+                      icon: /* @__PURE__ */ e("img", { src: kt, alt: "개인설정" }),
+                      className: "theme-btn",
+                      onClick: n.right?.theme?.onClick
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ e(
-                w,
+              n.right?.logout?.visible && /* @__PURE__ */ e(
+                x,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: wt, alt: "로그아웃" }),
-                  onClick: h,
+                  icon: /* @__PURE__ */ e("img", { src: xt, alt: "로그아웃" }),
+                  onClick: n.right?.logout?.onClick || v,
                   className: "logout-btn"
                 }
               ),
-              /* @__PURE__ */ e(
+              n.right?.avatar?.visible && /* @__PURE__ */ e(
                 Ie,
                 {
-                  icon: /* @__PURE__ */ e(Ve, {}),
+                  icon: /* @__PURE__ */ e(_e, {}),
                   className: "avatar",
                   style: {
-                    width: t.right?.avatar?.width,
-                    height: t.right?.avatar?.height
-                  }
+                    width: n.right?.avatar?.width,
+                    height: n.right?.avatar?.height
+                  },
+                  onClick: n.right?.avatar?.onClick
                 }
               )
             ]
@@ -439,94 +452,94 @@ const bt = ({
   );
 }, X = /* @__PURE__ */ Object.freeze({
   Translate: {
-    toString(n) {
-      if (!n)
+    toString(r) {
+      if (!r)
         return;
       const {
         x: t,
-        y: r
-      } = n;
-      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (r ? Math.round(r) : 0) + "px, 0)";
+        y: n
+      } = r;
+      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (n ? Math.round(n) : 0) + "px, 0)";
     }
   },
   Scale: {
-    toString(n) {
-      if (!n)
+    toString(r) {
+      if (!r)
         return;
       const {
         scaleX: t,
-        scaleY: r
-      } = n;
-      return "scaleX(" + t + ") scaleY(" + r + ")";
+        scaleY: n
+      } = r;
+      return "scaleX(" + t + ") scaleY(" + n + ")";
     }
   },
   Transform: {
-    toString(n) {
-      if (n)
-        return [X.Translate.toString(n), X.Scale.toString(n)].join(" ");
+    toString(r) {
+      if (r)
+        return [X.Translate.toString(r), X.Scale.toString(r)].join(" ");
     }
   },
   Transition: {
-    toString(n) {
+    toString(r) {
       let {
         property: t,
-        duration: r,
-        easing: o
-      } = n;
-      return t + " " + r + "ms " + o;
+        duration: n,
+        easing: s
+      } = r;
+      return t + " " + n + "ms " + s;
     }
   }
-}), It = q(
-  ({ className: n, ...t }) => {
-    const r = V(null), {
-      attributes: o,
-      listeners: s,
+}), St = q(
+  ({ className: r, ...t }) => {
+    const n = V(null), {
+      attributes: s,
+      listeners: o,
       transform: d,
-      transition: f,
-      isDragging: i,
-      setNodeRef: u
-    } = ct({ id: t["data-node-key"] }), [m, h] = L();
-    I(() => {
-      const a = r.current;
-      if (a)
-        if (i) {
-          const l = Math.round(a.getBoundingClientRect().width);
-          h(l);
+      transition: p,
+      isDragging: m,
+      setNodeRef: i
+    } = dt({ id: t["data-node-key"] }), [c, h] = L();
+    S(() => {
+      const b = n.current;
+      if (b)
+        if (m) {
+          const a = Math.round(b.getBoundingClientRect().width);
+          h(a);
         } else
           h(void 0);
-    }, [i]);
-    const C = {
+    }, [m]);
+    const v = {
       ...t.style,
       transform: d ? X.Transform.toString(d) : void 0,
-      transition: f ?? "transform 0.16s ease",
+      transition: p ?? "transform 0.16s ease",
       cursor: "grab",
       userSelect: "none",
       willChange: "transform",
       // ✅ 드래그 중 픽셀 폭 고정 (flex 재계산 억제)
-      width: m ?? void 0,
-      minWidth: m ?? void 0,
-      maxWidth: m ?? void 0,
-      flex: m !== void 0 ? "0 0 auto" : void 0
+      width: c ?? void 0,
+      minWidth: c ?? void 0,
+      maxWidth: c ?? void 0,
+      flex: c !== void 0 ? "0 0 auto" : void 0
     };
-    return De(t.children, {
-      ref: (a) => {
-        r.current !== a && (r.current = a), u(a);
+    return Oe(t.children, {
+      ref: (b) => {
+        n.current !== b && (n.current = b), i(b);
       },
-      style: C,
-      ...o,
-      ...s
+      style: v,
+      ...s,
+      ...o
     });
   }
-), St = q(function({
+), Tt = q(function({
   config: t,
-  isFirst: r,
-  isLast: o,
-  canCloseAll: s,
+  isFirst: n,
+  isLast: s,
+  canCloseAll: o,
   onFirst: d,
-  onPrev: f,
-  onNext: i,
-  onLast: u,
-  onCloseAll: m
+  onPrev: p,
+  onNext: m,
+  onLast: i,
+  onCloseAll: c
 }) {
   return /* @__PURE__ */ g("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
     /* @__PURE__ */ e(
@@ -536,14 +549,14 @@ const bt = ({
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          w,
+          x,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(He, {}),
+            icon: /* @__PURE__ */ e($e, {}),
             onClick: d,
-            disabled: r
+            disabled: n
           }
         )
       }
@@ -555,14 +568,14 @@ const bt = ({
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          w,
+          x,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(_e, {}),
-            onClick: f,
-            disabled: r
+            icon: /* @__PURE__ */ e(Ge, {}),
+            onClick: p,
+            disabled: n
           }
         )
       }
@@ -574,14 +587,14 @@ const bt = ({
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          w,
+          x,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(Ge, {}),
-            onClick: i,
-            disabled: o
+            icon: /* @__PURE__ */ e(We, {}),
+            onClick: m,
+            disabled: s
           }
         )
       }
@@ -593,14 +606,14 @@ const bt = ({
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          w,
+          x,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(We, {}),
-            onClick: u,
-            disabled: o
+            icon: /* @__PURE__ */ e(je, {}),
+            onClick: i,
+            disabled: s
           }
         )
       }
@@ -612,113 +625,113 @@ const bt = ({
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          w,
+          x,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
             icon: /* @__PURE__ */ e(ce, {}),
-            onClick: m,
-            disabled: !s
+            onClick: c,
+            disabled: !o
           }
         )
       }
     )
   ] });
 }), Lt = ({
-  config: n = {}
+  config: r = {}
 }) => {
   const t = {
     wrapper: {
       className: "menu-tab-wrapper",
-      ...n?.wrapper
+      ...r?.wrapper
     },
     tabs: {
       className: "menu-tabs",
-      ...n?.tabs
+      ...r?.tabs
     },
     nav: {
       wrapper: {
         className: "menu-nav-wrapper",
-        ...n?.nav?.wrapper
+        ...r?.nav?.wrapper
       },
       buttons: {
         className: "menu-nav-buttons",
-        ...n?.nav?.buttons
+        ...r?.nav?.buttons
       },
       tooltip: {
         className: "menu-nav-tooltip",
-        ...n?.nav?.tooltip
+        ...r?.nav?.tooltip
       },
-      ...n?.nav
+      ...r?.nav
     },
-    ...n
-  }, r = S((p) => p.tabs), o = S((p) => p.activeMenuId), s = S((p) => p.focusTab), d = S((p) => p.closeTab), f = S((p) => p.reorderTabs), i = et(
-    tt(nt, { activationConstraint: { distance: 6 } })
-  ), u = (p) => {
-    s(p);
-  }, m = (p, k) => {
-    k === "remove" && typeof p == "string" && d(p);
+    ...r
+  }, n = T((u) => u.tabs), s = T((u) => u.activeMenuId), o = T((u) => u.focusTab), d = T((u) => u.closeTab), p = T((u) => u.reorderTabs), m = tt(
+    nt(rt, { activationConstraint: { distance: 6 } })
+  ), i = (u) => {
+    o(u);
+  }, c = (u, N) => {
+    N === "remove" && typeof u == "string" && d(u);
   }, h = () => {
-    r.length > 0 && s(r[0].key);
-  }, C = () => {
-    if (!o || r.length <= 1) return;
-    const p = r.findIndex((k) => k.key === o);
-    p > 0 && s(r[p - 1].key);
+    n.length > 0 && o(n[0].key);
+  }, v = () => {
+    if (!s || n.length <= 1) return;
+    const u = n.findIndex((N) => N.key === s);
+    u > 0 && o(n[u - 1].key);
+  }, b = () => {
+    if (!s || n.length <= 1) return;
+    const u = n.findIndex((N) => N.key === s);
+    u < n.length - 1 && o(n[u + 1].key);
   }, a = () => {
-    if (!o || r.length <= 1) return;
-    const p = r.findIndex((k) => k.key === o);
-    p < r.length - 1 && s(r[p + 1].key);
-  }, l = () => {
-    r.length > 0 && s(r[r.length - 1].key);
-  }, T = () => {
-    r.forEach((p) => {
-      d(p.key);
+    n.length > 0 && o(n[n.length - 1].key);
+  }, C = () => {
+    n.forEach((u) => {
+      d(u.key);
     });
-  }, R = o ? r.findIndex((p) => p.key === o) : -1, H = R === 0, A = R === r.length - 1, U = W(
-    () => r.map((p) => ({
-      key: p.key,
-      label: p.label,
+  }, P = s ? n.findIndex((u) => u.key === s) : -1, _ = P === 0, A = P === n.length - 1, U = W(
+    () => n.map((u) => ({
+      key: u.key,
+      label: u.label,
       closable: !0,
       children: null
       // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
     })),
-    [r]
-  ), _ = B(
-    ({ active: p, over: k }) => {
-      if (!k || p.id === k.id) return;
-      const N = r.findIndex((c) => c.key === p.id), P = r.findIndex((c) => c.key === k.id);
-      if (N < 0 || P < 0 || N === P) return;
-      const b = r.map((c) => c.key), y = at(b, N, P);
-      f?.(y);
+    [n]
+  ), $ = E(
+    ({ active: u, over: N }) => {
+      if (!N || u.id === N.id) return;
+      const I = n.findIndex((l) => l.key === u.id), M = n.findIndex((l) => l.key === N.id);
+      if (I < 0 || M < 0 || I === M) return;
+      const f = n.map((l) => l.key), y = it(f, I, M);
+      p?.(y);
     },
-    [r, f]
-  ), G = B(
-    (p, k) => /* @__PURE__ */ e(
-      rt,
+    [n, p]
+  ), G = E(
+    (u, N) => /* @__PURE__ */ e(
+      ot,
       {
-        sensors: i,
-        onDragEnd: _,
-        collisionDetection: ot,
-        modifiers: [st],
+        sensors: m,
+        onDragEnd: $,
+        collisionDetection: st,
+        modifiers: [at],
         children: /* @__PURE__ */ e(
-          it,
+          lt,
           {
-            items: r.map((N) => N.key),
-            strategy: lt,
-            children: /* @__PURE__ */ e(k, { ...p, children: (N) => /* @__PURE__ */ le(
-              It,
+            items: n.map((I) => I.key),
+            strategy: ct,
+            children: /* @__PURE__ */ e(N, { ...u, children: (I) => /* @__PURE__ */ le(
+              St,
               {
-                ...N.props,
-                key: N.key
+                ...I.props,
+                key: I.key
               },
-              N
+              I
             ) })
           }
         )
       }
     ),
-    [i, _, r]
+    [m, $, n]
   );
   return /* @__PURE__ */ e(
     "div",
@@ -726,31 +739,31 @@ const bt = ({
       className: t.wrapper.className,
       style: {
         ...t.wrapper.style,
-        display: r.length === 0 ? "none" : "block"
+        display: n.length === 0 ? "none" : "block"
       },
       children: /* @__PURE__ */ e(
         Se,
         {
           type: "editable-card",
-          activeKey: o || void 0,
-          onChange: u,
-          onEdit: m,
+          activeKey: s || void 0,
+          onChange: i,
+          onEdit: c,
           className: t.tabs.className,
           style: t.tabs.style,
           hideAdd: !0,
           items: U,
           tabBarExtraContent: /* @__PURE__ */ e(
-            St,
+            Tt,
             {
               config: t?.nav,
-              isFirst: !!H,
+              isFirst: !!_,
               isLast: !!A,
-              canCloseAll: r.length > 0,
+              canCloseAll: n.length > 0,
               onFirst: h,
-              onPrev: C,
-              onNext: a,
-              onLast: l,
-              onCloseAll: T
+              onPrev: v,
+              onNext: b,
+              onLast: a,
+              onCloseAll: C
             }
           ),
           renderTabBar: G
@@ -758,8 +771,8 @@ const bt = ({
       )
     }
   );
-}, { Sider: Tt } = $, Pt = ({
-  config: n = {}
+}, { Sider: Pt } = H, Mt = ({
+  config: r = {}
 }) => {
   const t = {
     collapsed: !1,
@@ -768,7 +781,7 @@ const bt = ({
       mainMenu: "MAIN",
       subMenu: "SUB",
       program: "PRGM",
-      ...n?.menuGubunCode
+      ...r?.menuGubunCode
     },
     className: {
       wrapper: "side-wrapper",
@@ -776,7 +789,7 @@ const bt = ({
       segmented: {
         wrapper: "sider-segmented",
         item: "sider-segment-item",
-        ...n?.className?.segmented
+        ...r?.className?.segmented
       },
       sider: {
         content: "sider-content",
@@ -787,29 +800,29 @@ const bt = ({
         errorText: "sider-error-text",
         menu: "sider-menu",
         menuContainer: "sider-menu-container",
-        ...n?.className?.sider
+        ...r?.className?.sider
       },
-      ...n?.className
+      ...r?.className
     },
     style: {
       search: {
         placeholder: "메뉴명, 메뉴번호 검색...",
         height: 30,
-        ...n?.style?.search
+        ...r?.style?.search
       },
-      ...n?.style
+      ...r?.style
     },
-    ...n
+    ...r
   };
-  console.log("@@ 사이드바 config : ", n);
-  const [r, o] = L(""), [s, d] = L(
+  console.log("@@ 사이드바 config : ", r);
+  const [n, s] = L(""), [o, d] = L(
     "category"
-  ), { activeMenuId: f, sidebarCollapsed: i, openTabFromMenu: u, toggleSidebar: m } = S(), { menuList: h, isLoading: C, error: a, findMenuById: l } = Re(), { nodes: T, treeNodes: R, loadFavoritesIfNeeded: H } = Ae(), A = W(() => {
-    const b = [], y = (c, x = 0) => {
-      if (c.menuGbCd === t.menuGubunCode.program && c.scrnPath) {
-        const v = "  ".repeat(x), E = c.menuNo || "";
-        b.push({
-          value: c.menuId,
+  ), { activeMenuId: p, sidebarCollapsed: m, openTabFromMenu: i, toggleSidebar: c } = T(), { menuList: h, isLoading: v, error: b, findMenuById: a } = Ae(), { nodes: C, treeNodes: P, loadFavoritesIfNeeded: _ } = ze(), A = W(() => {
+    const f = [], y = (l, k = 0) => {
+      if (l.menuGbCd === t.menuGubunCode.program && l.scrnPath) {
+        const w = "  ".repeat(k), D = l.menuNo || "";
+        f.push({
+          value: l.menuId,
           label: /* @__PURE__ */ g(
             "div",
             {
@@ -820,8 +833,8 @@ const bt = ({
               },
               children: [
                 /* @__PURE__ */ g("span", { children: [
-                  v,
-                  c.menuNm
+                  w,
+                  l.menuNm
                 ] }),
                 /* @__PURE__ */ e(
                   "span",
@@ -834,53 +847,53 @@ const bt = ({
                       borderRadius: "3px",
                       marginLeft: "8px"
                     },
-                    children: E
+                    children: D
                   }
                 )
               ]
             }
           ),
-          menuItem: c
+          menuItem: l
         });
       }
-      c.children && c.children.length > 0 && c.children.forEach((v) => y(v, x + 1));
+      l.children && l.children.length > 0 && l.children.forEach((w) => y(w, k + 1));
     };
-    return h.forEach((c) => y(c)), b;
-  }, [h]), U = W(() => r.trim() ? A.filter((b) => {
-    const y = b.menuItem.menuNm.toLowerCase(), c = String(b.menuItem.menuNo || "미지정").toLowerCase(), x = r.toLowerCase();
-    return y.includes(x) || c.includes(x);
-  }) : [], [A, r]), _ = (b) => {
-    if (!b || typeof b != "string") {
-      console.warn("Invalid menu selection value:", b);
+    return h.forEach((l) => y(l)), f;
+  }, [h]), U = W(() => n.trim() ? A.filter((f) => {
+    const y = f.menuItem.menuNm.toLowerCase(), l = String(f.menuItem.menuNo || "미지정").toLowerCase(), k = n.toLowerCase();
+    return y.includes(k) || l.includes(k);
+  }) : [], [A, n]), $ = (f) => {
+    if (!f || typeof f != "string") {
+      console.warn("Invalid menu selection value:", f);
       return;
     }
-    if (!/^[a-zA-Z0-9_-]+$/.test(b)) {
-      console.warn("Invalid menu ID format:", b);
+    if (!/^[a-zA-Z0-9_-]+$/.test(f)) {
+      console.warn("Invalid menu ID format:", f);
       return;
     }
     const y = A.find(
-      (c) => c.value === b
+      (l) => l.value === f
     );
     if (y) {
-      const { menuItem: c } = y;
-      if (!c || !c.menuId || !c.menuNm) {
-        console.warn("Invalid menu item:", c);
+      const { menuItem: l } = y;
+      if (!l || !l.menuId || !l.menuNm) {
+        console.warn("Invalid menu item:", l);
         return;
       }
-      c.menuGbCd === t.menuGubunCode.program && c.scrnPath ? (console.log(
+      l.menuGbCd === t.menuGubunCode.program && l.scrnPath ? (console.log(
         "✅ 검색으로 프로그램 메뉴 선택 - 탭 추가 및 setCurrentProgram 호출"
       ), console.log(
         "메뉴명:",
-        c.menuNm,
+        l.menuNm,
         "경로:",
-        c.scrnPath,
+        l.scrnPath,
         "scrnId:",
-        c.scrnId
-      ), u(c)) : (c.menuGbCd === t.menuGubunCode.mainMenu || c.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", c.menuNm, "menuGbCd:", c.menuGbCd)), o("");
+        l.scrnId
+      ), i(l)) : (l.menuGbCd === t.menuGubunCode.mainMenu || l.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", l.menuNm, "menuGbCd:", l.menuGbCd)), s("");
     }
-  }, G = B(
-    (b) => {
-      const y = l(b);
+  }, G = E(
+    (f) => {
+      const y = a(f);
       y?.menuGbCd === t.menuGubunCode.program && (console.log(
         "메뉴명:",
         y.menuNm,
@@ -888,10 +901,10 @@ const bt = ({
         y.scrnPath,
         "scrnId:",
         y.scrnId
-      ), u(y));
+      ), i(y));
     },
-    [l, u]
-  ), p = B((b) => b.map((y) => ({
+    [a, i]
+  ), u = E((f) => f.map((y) => ({
     key: y.menuId,
     label: /* @__PURE__ */ e(
       "div",
@@ -904,13 +917,13 @@ const bt = ({
         children: /* @__PURE__ */ e("span", { children: y.menuNm })
       }
     ),
-    icon: k(y.iconCd, y.menuGbCd),
-    children: y.children && y.children.length > 0 ? p(y.children) : void 0
-  })), []), k = (b, y) => {
-    if (b) {
-      const c = ne[b];
-      if (c)
-        return /* @__PURE__ */ e(c, {});
+    icon: N(y.iconCd, y.menuGbCd),
+    children: y.children && y.children.length > 0 ? u(y.children) : void 0
+  })), []), N = (f, y) => {
+    if (f) {
+      const l = ne[f];
+      if (l)
+        return /* @__PURE__ */ e(l, {});
     }
     if (y)
       switch (y) {
@@ -924,47 +937,47 @@ const bt = ({
           return null;
       }
     return null;
-  }, N = B(
-    (b) => {
+  }, I = E(
+    (f) => {
       if (h.length === 0) return [];
-      const y = (x) => {
-        if (x)
-          return typeof x == "string" ? T[x] : x;
-      }, c = (x) => {
-        if (x.type === "M") {
-          const v = x, E = l(v.menuId) || void 0, ee = !!E, ue = ee ? `${E?.menuNm ?? v.menuNm ?? v.menuId}` : `${v.menuNm ?? v.menuId} (삭제됨)`;
+      const y = (k) => {
+        if (k)
+          return typeof k == "string" ? C[k] : k;
+      }, l = (k) => {
+        if (k.type === "M") {
+          const w = k, D = a(w.menuId) || void 0, ee = !!D, ue = ee ? `${D?.menuNm ?? w.menuNm ?? w.menuId}` : `${w.menuNm ?? w.menuId} (삭제됨)`;
           return {
-            key: v.menuId,
+            key: w.menuId,
             label: ue,
-            icon: ee ? void 0 : /* @__PURE__ */ e(Ze, { style: { color: "#faad14" } })
+            icon: ee ? void 0 : /* @__PURE__ */ e(Ye, { style: { color: "#faad14" } })
           };
         } else {
-          const v = x, E = (v.children ?? []).map(y).filter(Boolean).map(c);
+          const w = k, D = (w.children ?? []).map(y).filter(Boolean).map(l);
           return {
-            key: v.bkmkId,
-            label: v.bkmkNm ?? v.bkmkId,
-            icon: v.prntBkmkId === "-" ? /* @__PURE__ */ e(Ye, {}) : /* @__PURE__ */ e(Xe, {}),
-            children: E
+            key: w.bkmkId,
+            label: w.bkmkNm ?? w.bkmkId,
+            icon: w.prntBkmkId === "-" ? /* @__PURE__ */ e(Xe, {}) : /* @__PURE__ */ e(qe, {}),
+            children: D
             // 빈 배열이면 자동으로 말아줌
           };
         }
       };
-      return b.map(c);
+      return f.map(l);
     },
-    [l, T, h]
-  ), P = W(
-    () => N(R),
-    [N, R, T]
+    [a, C, h]
+  ), M = W(
+    () => I(P),
+    [I, P, C]
   );
-  return I(() => {
-    se() && H(se());
-  }, [H]), I(() => {
-    s === "category" && o("");
-  }, [s]), /* @__PURE__ */ g(
-    Tt,
+  return S(() => {
+    se() && _(se());
+  }, [_]), S(() => {
+    o === "category" && s("");
+  }, [o]), /* @__PURE__ */ g(
+    Pt,
     {
       className: t.className.wrapper,
-      collapsed: t.collapsed || i,
+      collapsed: t.collapsed || m,
       trigger: null,
       width: t.width || 230,
       children: [
@@ -989,10 +1002,10 @@ const bt = ({
               transition: "all 0.3s ease"
             },
             children: /* @__PURE__ */ e(
-              w,
+              x,
               {
                 type: "text",
-                icon: t.collapsed || i ? /* @__PURE__ */ e(je, {}) : /* @__PURE__ */ e(Ue, {}),
+                icon: t.collapsed || m ? /* @__PURE__ */ e(Ue, {}) : /* @__PURE__ */ e(Ke, {}),
                 style: {
                   fontSize: "12px",
                   color: "#787878",
@@ -1001,26 +1014,27 @@ const bt = ({
                   height: "100%",
                   display: "flex",
                   alignItems: "center",
-                  justifyContent: "center"
+                  justifyContent: "center",
+                  borderRadius: "0 10px 10px 0"
                 },
-                onClick: m
+                onClick: c
               }
             )
           }
         ),
-        !(t.collapsed || i) && /* @__PURE__ */ e(
+        !(t.collapsed || m) && /* @__PURE__ */ e(
           "div",
           {
             style: {
               padding: 10
             },
             children: /* @__PURE__ */ e(
-              Le,
+              Te,
               {
-                value: r,
+                value: n,
                 options: U,
-                onSelect: _,
-                onSearch: o,
+                onSelect: $,
+                onSearch: s,
                 style: { width: "100%" },
                 allowClear: !0,
                 children: /* @__PURE__ */ e(
@@ -1058,7 +1072,7 @@ const bt = ({
             )
           }
         ),
-        !(t.collapsed || i) && /* @__PURE__ */ e(
+        !(t.collapsed || m) && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1067,13 +1081,13 @@ const bt = ({
               marginBottom: "10px"
             },
             children: /* @__PURE__ */ e(
-              Te,
+              Le,
               {
                 className: t.className.segmented.wrapper,
                 options: [
                   {
-                    label: /* @__PURE__ */ g(O, { children: [
-                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, children: /* @__PURE__ */ g(
+                    label: /* @__PURE__ */ g(R, { children: [
+                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ g(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -1120,14 +1134,14 @@ const bt = ({
                     value: "category"
                   },
                   {
-                    label: /* @__PURE__ */ g(O, { children: [
-                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, children: /* @__PURE__ */ e(
+                    label: /* @__PURE__ */ g(R, { children: [
+                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ e(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
-                          width: "15",
-                          height: "15",
-                          viewBox: "0 0 15 15",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 16 16",
                           fill: "none",
                           children: /* @__PURE__ */ e(
                             "path",
@@ -1145,9 +1159,9 @@ const bt = ({
                     value: "favorite"
                   }
                 ],
-                value: s,
-                onChange: (b) => {
-                  d(b);
+                value: o,
+                onChange: (f) => {
+                  d(f);
                 },
                 style: {
                   width: "100%"
@@ -1158,20 +1172,38 @@ const bt = ({
           }
         ),
         /* @__PURE__ */ g("div", { className: t.className.sider.content, children: [
-          C && /* @__PURE__ */ g("div", { className: t.className.sider.loading, children: [
-            /* @__PURE__ */ e(j, { size: "default" }),
-            /* @__PURE__ */ e("div", { className: t.className.sider.loadingText, children: "메뉴 로딩 중..." })
-          ] }),
-          a && /* @__PURE__ */ g("div", { className: t.className.sider.error, children: [
+          v && /* @__PURE__ */ g(
+            "div",
+            {
+              className: t.className.sider.loading,
+              style: {
+                padding: 10,
+                margin: "0 auto",
+                textAlign: "center",
+                color: "var(--text-primary)"
+              },
+              children: [
+                /* @__PURE__ */ e(Pe, { theme: {
+                  components: {
+                    Spin: {
+                      colorPrimary: "var(--primary-color)"
+                    }
+                  }
+                }, children: /* @__PURE__ */ e(j, { size: "default" }) }),
+                /* @__PURE__ */ e("div", { className: t.className.sider.loadingText, style: { marginTop: 10 }, children: "메뉴 로딩 중..." })
+              ]
+            }
+          ),
+          b && /* @__PURE__ */ g("div", { className: t.className.sider.error, children: [
             /* @__PURE__ */ e(
-              Ke,
+              Ze,
               {
                 className: t.className.sider.errorIcon
               }
             ),
             /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
           ] }),
-          !C && !a && s === "category" && h.length === 0 && /* @__PURE__ */ e(
+          !v && !b && o === "category" && h.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1183,7 +1215,7 @@ const bt = ({
               children: "메뉴가 없습니다"
             }
           ),
-          !C && !a && s === "favorite" && P.length === 0 && /* @__PURE__ */ e(
+          !v && !b && o === "favorite" && M.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1195,26 +1227,26 @@ const bt = ({
               children: "즐겨찾기된 메뉴가 없습니다"
             }
           ),
-          !C && !a && s === "category" && h.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+          !v && !b && o === "category" && h.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
             te,
             {
               theme: "light",
               mode: "inline",
-              items: p(h),
+              items: u(h),
               className: t.className.sider.menu,
-              selectedKeys: [f || ""],
-              onClick: (b) => G(b.key)
+              selectedKeys: [p || ""],
+              onClick: (f) => G(f.key)
             }
           ) }),
-          !C && !a && s === "favorite" && P.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+          !v && !b && o === "favorite" && M.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
             te,
             {
               theme: "light",
               mode: "inline",
-              items: P,
+              items: M,
               className: t.className.sider.menu,
-              selectedKeys: [f || ""],
-              onClick: (b) => G(b.key)
+              selectedKeys: [p || ""],
+              onClick: (f) => G(f.key)
             }
           ) })
         ] })
@@ -1222,7 +1254,7 @@ const bt = ({
     }
   );
 };
-class Mt extends Oe {
+class Bt extends Re {
   constructor(t) {
     super(t), this.resetError = () => {
       this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
@@ -1231,10 +1263,10 @@ class Mt extends Oe {
   static getDerivedStateFromError(t) {
     return { hasError: !0, error: t };
   }
-  componentDidCatch(t, r) {
-    console.error("ErrorBound caught an error:", t, r), this.setState({
+  componentDidCatch(t, n) {
+    console.error("ErrorBound caught an error:", t, n), this.setState({
       error: t,
-      errorInfo: r
+      errorInfo: n
     });
   }
   render() {
@@ -1259,7 +1291,7 @@ class Mt extends Oe {
               subTitle: this.state.error ? `오류 내용: ${this.state.error.message}` : "알 수 없는 오류가 발생했습니다",
               extra: [
                 /* @__PURE__ */ e(
-                  w,
+                  x,
                   {
                     type: "primary",
                     icon: /* @__PURE__ */ e(de, {}),
@@ -1307,13 +1339,13 @@ class Mt extends Oe {
     ) : this.props.children;
   }
 }
-const Bt = ({
-  isActive: n,
+const Et = ({
+  isActive: r,
   instance: t,
-  params: r
+  params: n
 }) => {
-  const { activeMenuId: o, closeTab: s } = S(), d = () => {
-    o && s(o);
+  const { activeMenuId: s, closeTab: o } = T(), d = () => {
+    s && o(s);
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -1324,12 +1356,12 @@ const Bt = ({
         left: 0,
         width: "100%",
         height: "100%",
-        visibility: n ? "visible" : "hidden",
-        opacity: n ? 1 : 0,
+        visibility: r ? "visible" : "hidden",
+        opacity: r ? 1 : 0,
         transition: "opacity 0.2s ease-in-out",
-        pointerEvents: n ? "auto" : "none"
+        pointerEvents: r ? "auto" : "none"
       },
-      children: /* @__PURE__ */ e(Mt, { children: /* @__PURE__ */ e(Q, { fallback: null, children: t && le(t, { params: r }) }) })
+      children: /* @__PURE__ */ e(Bt, { children: /* @__PURE__ */ e(Q, { fallback: null, children: t && le(t, { params: n }) }) })
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -1343,10 +1375,10 @@ const Bt = ({
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        visibility: n ? "visible" : "hidden",
-        opacity: n ? 1 : 0,
+        visibility: r ? "visible" : "hidden",
+        opacity: r ? 1 : 0,
         transition: "opacity 0.2s ease-in-out",
-        pointerEvents: n ? "auto" : "none"
+        pointerEvents: r ? "auto" : "none"
       },
       children: /* @__PURE__ */ e(
         "div",
@@ -1362,18 +1394,18 @@ const Bt = ({
           children: /* @__PURE__ */ e(
             ie,
             {
-              icon: /* @__PURE__ */ e(qe, { twoToneColor: "#69b1ff" }),
+              icon: /* @__PURE__ */ e(Qe, { twoToneColor: "#69b1ff" }),
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
-              subTitle: /* @__PURE__ */ e(Me.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(w, { icon: /* @__PURE__ */ e(ce, {}), onClick: d, children: "탭 닫기" }) })
+              subTitle: /* @__PURE__ */ e(Be.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(x, { icon: /* @__PURE__ */ e(ce, {}), onClick: d, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, Et = q(Bt), Dt = () => /* @__PURE__ */ g(O, { children: [
+}, Dt = q(Et), Ot = () => /* @__PURE__ */ g(R, { children: [
   /* @__PURE__ */ e(
     "link",
     {
@@ -1383,58 +1415,58 @@ const Bt = ({
     }
   ),
   /* @__PURE__ */ e("div", { className: "LandingContainer-wrap", children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e("div", { className: "content" }) }) })
-] }), Ot = (n, t) => {
-  console.log("createPopupViewLoader 호출 - popupUrl:", n);
-  const o = ((s) => {
-    if (s.startsWith("/src/pages/views/popup/")) {
-      const i = s + ".tsx";
-      return console.log(`팝업 URL 변환: ${s} -> ${i}`), i;
+] }), Rt = (r, t) => {
+  console.log("createPopupViewLoader 호출 - popupUrl:", r);
+  const s = ((o) => {
+    if (o.startsWith("/src/pages/views/popup/")) {
+      const m = o + ".tsx";
+      return console.log(`팝업 URL 변환: ${o} -> ${m}`), m;
     }
-    const f = `/src/pages/views/popup/${s.startsWith("/") ? s.substring(1) : s}.tsx`;
-    return console.log(`팝업 URL 변환: ${s} -> ${f}`), f;
-  })(n);
-  return !o || !t?.glob[o] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${n} (${o})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t?.glob[o];
-}, Ft = ({ popup: n, modules: t }) => {
-  const [r, o] = L(null), [s, d] = L(!1), [f, i] = L(null), u = () => {
-    console.log("PopupArea - handleClose:", n.popupId), J.getState().closePopup(n.popupId);
+    const p = `/src/pages/views/popup/${o.startsWith("/") ? o.substring(1) : o}.tsx`;
+    return console.log(`팝업 URL 변환: ${o} -> ${p}`), p;
+  })(r);
+  return !s || !t?.glob[s] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${r} (${s})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t?.glob[s];
+}, Ft = ({ popup: r, modules: t }) => {
+  const [n, s] = L(null), [o, d] = L(!1), [p, m] = L(null), i = () => {
+    console.log("PopupArea - handleClose:", r.popupId), J.getState().closePopup(r.popupId);
   };
-  return I(() => {
+  return S(() => {
     (async () => {
-      console.log("팝업 뷰 로드 시작:", n.popupUrl), d(!0), i(null);
+      console.log("팝업 뷰 로드 시작:", r.popupUrl), d(!0), m(null);
       try {
-        const h = Ot(n.popupUrl, t);
+        const h = Rt(r.popupUrl, t);
         if (!h) {
-          const l = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
-          console.error(l), i(l), d(!1);
+          const a = `팝업 뷰를 찾을 수 없습니다: ${r.popupUrl}`;
+          console.error(a), m(a), d(!1);
           return;
         }
         console.log("팝업 뷰 모듈 로드 중...");
-        const C = await h();
-        console.log("팝업 뷰 모듈 로드 완료:", C);
-        const a = C.default;
-        if (console.log("팝업 뷰 컴포넌트:", a), !a)
+        const v = await h();
+        console.log("팝업 뷰 모듈 로드 완료:", v);
+        const b = v.default;
+        if (console.log("팝업 뷰 컴포넌트:", b), !b)
           throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
-        o(() => a), console.log("팝업 뷰 설정 완료");
+        s(() => b), console.log("팝업 뷰 설정 완료");
       } catch (h) {
-        console.error("팝업 뷰 로드 실패:", h), i(h instanceof Error ? h.message : "팝업 뷰 로드 실패");
+        console.error("팝업 뷰 로드 실패:", h), m(h instanceof Error ? h.message : "팝업 뷰 로드 실패");
       } finally {
         d(!1);
       }
     })();
-  }, [n.popupUrl]), s ? /* @__PURE__ */ g("div", { className: "popup-loading", children: [
+  }, [r.popupUrl]), o ? /* @__PURE__ */ g("div", { className: "popup-loading", children: [
     /* @__PURE__ */ e(j, { size: "large" }),
     /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
-  ] }) : f ? /* @__PURE__ */ g("div", { className: "popup-error", children: [
-    /* @__PURE__ */ e(Z, { description: f, image: Z.PRESENTED_IMAGE_SIMPLE }),
+  ] }) : p ? /* @__PURE__ */ g("div", { className: "popup-error", children: [
+    /* @__PURE__ */ e(Z, { description: p, image: Z.PRESENTED_IMAGE_SIMPLE }),
     /* @__PURE__ */ e(
-      w,
+      x,
       {
         icon: /* @__PURE__ */ e(de, {}),
         onClick: () => window.location.reload(),
         children: "다시 시도"
       }
     )
-  ] }) : r ? /* @__PURE__ */ e(
+  ] }) : n ? /* @__PURE__ */ e(
     Q,
     {
       fallback: /* @__PURE__ */ g("div", { className: "popup-loading", children: [
@@ -1442,63 +1474,63 @@ const Bt = ({
         /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
       ] }),
       children: /* @__PURE__ */ e(
-        r,
+        n,
         {
           popup: {
-            ...n,
-            close: u
+            ...r,
+            close: i
             // popup 객체에 close 이벤트 추가
           },
-          onClose: u
+          onClose: i
         }
       )
     }
   ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(Z, { description: "팝업 내용을 불러올 수 없습니다." }) });
-}, Rt = ({ modules: n }) => {
+}, At = ({ modules: r }) => {
   const { popups: t } = J();
-  return t.length === 0 ? null : /* @__PURE__ */ e(O, { children: t.map((r) => {
-    const o = r.config || {}, s = o.width || r.width || 800, d = o.height || r.height || 600, f = o.title || r.popupTitle, i = r.buttonList?.map((u, m) => ({
-      key: u.btnId || `btn_${m}`,
-      text: u.btnNm,
-      type: u.btnId === "CLOSE" ? "default" : "primary",
-      disabled: u.enblYn !== "Y",
+  return t.length === 0 ? null : /* @__PURE__ */ e(R, { children: t.map((n) => {
+    const s = n.config || {}, o = s.width || n.width || 800, d = s.height || n.height || 600, p = s.title || n.popupTitle, m = n.buttonList?.map((i, c) => ({
+      key: i.btnId || `btn_${c}`,
+      text: i.btnNm,
+      type: i.btnId === "CLOSE" ? "default" : "primary",
+      disabled: i.enblYn !== "Y",
       danger: !1
     })) || [];
     return console.log("팝업 렌더링:", {
-      popupId: r.popupId,
-      popupCode: r.popupCode,
-      title: f,
-      width: s,
+      popupId: n.popupId,
+      popupCode: n.popupCode,
+      title: p,
+      width: o,
       height: d,
-      buttons: i
-    }), /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Ft, { popup: r, modules: n }) }, r.popupId);
+      buttons: m
+    }), /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Ft, { popup: n, modules: r }) }, n.popupId);
   }) });
-}, At = () => {
-  const { popups: n, closePopup: t } = J();
-  return /* @__PURE__ */ e(O, { children: n.map((r) => {
-    if (!(r.isLocal || r.popupCode.startsWith("CORE_"))) return null;
-    const o = gt[r.popupCode];
-    if (!o) return null;
-    const s = o.component;
-    return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(s, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId);
+}, zt = () => {
+  const { popups: r, closePopup: t } = J();
+  return /* @__PURE__ */ e(R, { children: r.map((n) => {
+    if (!(n.isLocal || n.popupCode.startsWith("CORE_"))) return null;
+    const s = ft[n.popupCode];
+    if (!s) return null;
+    const o = s.component;
+    return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(o, { popup: n, onClose: () => t(n.popupId) }) }, n.popupId);
   }) });
-}, zt = (n) => ({
+}, Ht = (r) => ({
   position: "absolute",
   inset: 0,
-  visibility: n ? "visible" : "hidden",
-  opacity: n ? 1 : 0,
+  visibility: r ? "visible" : "hidden",
+  opacity: r ? 1 : 0,
   transition: "opacity 0.2s ease-in-out",
-  pointerEvents: n ? "auto" : "none"
-}), $t = ({ once: n = !0 }) => {
-  const { lock: t } = ge(), r = V(!1);
-  return I(() => {
-    n && r.current || (r.current = !0, t());
-  }, [n, t]), null;
-}, Vt = ({ isActive: n, flagged: t, tabKey: r, onUnlock: o, children: s }) => {
-  const d = V(null), [f, i] = L(!1), u = B((h) => {
-    d.current = h, i(!!h);
-  }, []), m = zt(n);
-  return /* @__PURE__ */ e("div", { ref: u, style: m, children: f ? /* @__PURE__ */ g(
+  pointerEvents: r ? "auto" : "none"
+}), Vt = ({ once: r = !0 }) => {
+  const { lock: t } = ge(), n = V(!1);
+  return S(() => {
+    r && n.current || (n.current = !0, t());
+  }, [r, t]), null;
+}, _t = ({ isActive: r, flagged: t, tabKey: n, onUnlock: s, children: o }) => {
+  const d = V(null), [p, m] = L(!1), i = E((h) => {
+    d.current = h, m(!!h);
+  }, []), c = Ht(r);
+  return /* @__PURE__ */ e("div", { ref: i, style: c, children: p ? /* @__PURE__ */ g(
     he,
     {
       idleMs: Number.POSITIVE_INFINITY,
@@ -1506,16 +1538,16 @@ const Bt = ({
       overlayScope: "scoped",
       overlayPosition: "absolute",
       eventTarget: d.current,
-      overlayId: `tab-overlay-${r}`,
-      onUnlock: async () => (o(), !0),
+      overlayId: `tab-overlay-${n}`,
+      onUnlock: async () => (s(), !0),
       children: [
-        n && t ? /* @__PURE__ */ e($t, { once: !0 }) : null,
-        s
+        r && t ? /* @__PURE__ */ e(Vt, { once: !0 }) : null,
+        o
       ]
     }
-  ) : s });
-}, tn = ({
-  config: n = {},
+  ) : o });
+}, nn = ({
+  config: r = {},
   modules: t = {
     view: {
       path: "/src/pages/views/content"
@@ -1525,37 +1557,37 @@ const Bt = ({
     }
   }
 }) => {
-  const r = V(
+  const n = V(
     /* @__PURE__ */ new Map()
   ), {
-    tabs: o,
-    tabParams: s,
+    tabs: s,
+    tabParams: o,
     activeMenuId: d,
-    tabProtectFlag: f,
-    clearProtectFlagForKey: i
-  } = S(), u = B(
-    (m) => {
-      const h = r.current.get(m.key);
+    tabProtectFlag: p,
+    clearProtectFlagForKey: m
+  } = T(), i = E(
+    (c) => {
+      const h = n.current.get(c.key);
       if (h) return h;
-      const C = m.gubun === "M" ? `${t.view.path}${m.menuItem?.scrnPath}.tsx` : `${t.view.path}${m.componentItem?.scrnPath}.tsx`;
-      let a = t.view?.glob?.[C];
-      if (!a && typeof import.meta < "u" && typeof import.meta.glob == "function" && (a = (/* @__PURE__ */ Object.assign({}))[C]), a) {
-        const l = F(
-          a
+      const v = c.gubun === "M" ? `${t.view.path}${c.menuItem?.scrnPath}.tsx` : `${t.view.path}${c.componentItem?.scrnPath}.tsx`;
+      let b = t.view?.glob?.[v];
+      if (!b && typeof import.meta < "u" && typeof import.meta.glob == "function" && (b = (/* @__PURE__ */ Object.assign({}))[v]), b) {
+        const a = F(
+          b
         );
-        return r.current.set(m.key, l), l;
+        return n.current.set(c.key, a), a;
       }
       return null;
     },
     [t.view?.glob]
   );
-  return /* @__PURE__ */ g($, { className: "main-layout", children: [
-    /* @__PURE__ */ e(Nt, { config: n?.header }),
-    /* @__PURE__ */ g($, { children: [
-      /* @__PURE__ */ e(Pt, { config: n?.sidebar }),
+  return /* @__PURE__ */ g(H, { className: "main-layout", children: [
+    /* @__PURE__ */ e(It, { config: r?.header }),
+    /* @__PURE__ */ g(H, { children: [
+      /* @__PURE__ */ e(Mt, { config: r?.sidebar }),
       /* @__PURE__ */ g("div", { className: "content-container", children: [
-        /* @__PURE__ */ e(Lt, { config: n?.menuTab }),
-        /* @__PURE__ */ e(Ct, { config: n?.content, children: /* @__PURE__ */ g(fe, { children: [
+        /* @__PURE__ */ e(Lt, { config: r?.menuTab }),
+        /* @__PURE__ */ g(vt, { config: r?.content, children: [
           /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ g(
             "div",
             {
@@ -1565,74 +1597,74 @@ const Bt = ({
                 height: "100%"
               },
               children: [
-                o.map((m) => {
-                  const h = u(m), C = d === m.key, a = !!f?.[m.key], l = s[m.key] || {};
-                  return /* @__PURE__ */ e(
-                    Vt,
+                s.map((c) => {
+                  const h = i(c), v = d === c.key, b = !!p?.[c.key], a = o[c.key] || {};
+                  return /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e(
+                    _t,
                     {
-                      isActive: C,
-                      flagged: a,
-                      tabKey: m.key,
-                      onUnlock: () => i(m.key),
+                      isActive: v,
+                      flagged: b,
+                      tabKey: c.key,
+                      onUnlock: () => m(c.key),
                       children: /* @__PURE__ */ e(
-                        Et,
+                        Dt,
                         {
-                          isActive: C,
+                          isActive: v,
                           instance: h || void 0,
-                          params: l
+                          params: a
                         },
-                        m.key
+                        c.key
                       )
                     },
-                    m.key
-                  );
+                    c.key
+                  ) }, `sbp-${c.key}`);
                 }),
-                (!d || o.length === 0) && /* @__PURE__ */ e(Dt, {})
+                (!d || s.length === 0) && /* @__PURE__ */ e(Ot, {})
               ]
             }
           ) }),
-          /* @__PURE__ */ e(At, {}),
-          /* @__PURE__ */ e(Rt, { modules: t?.popup })
-        ] }) })
+          /* @__PURE__ */ e(zt, {}),
+          /* @__PURE__ */ e(At, { modules: t?.popup })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ e(xe, {})
   ] });
-}, nn = ({ config: n, children: t }) => /* @__PURE__ */ e("div", { children: "BwgPortal02" });
-function rn({
-  config: n,
+}, rn = ({ config: r, children: t }) => /* @__PURE__ */ e("div", { children: "BwgPortal02" });
+function on({
+  config: r,
   ui: t,
-  navigate: r
+  navigate: n
 }) {
-  const { loading: o, capsOn: s, prefills: d, onKeyDown: f, doLogin: i } = ze(n), u = (m) => i(m, r);
-  return I(() => {
-    $e.getState().fetchSystemMap();
-  }, []), /* @__PURE__ */ e(O, { children: t({ onSubmit: u, loading: o, capsOn: s, onKeyDown: f, prefills: d }) });
+  const { loading: s, capsOn: o, prefills: d, onKeyDown: p, doLogin: m } = He(r), i = (c) => m(c, n);
+  return S(() => {
+    Ve.getState().fetchSystemMap();
+  }, []), /* @__PURE__ */ e(R, { children: t({ onSubmit: i, loading: s, capsOn: o, onKeyDown: p, prefills: d }) });
 }
-function on({
-  onSubmit: n,
+function sn({
+  onSubmit: r,
   loading: t,
-  capsOn: r,
-  onKeyDown: o,
-  prefills: s,
+  capsOn: n,
+  onKeyDown: s,
+  prefills: o,
   labels: d = {
     id: "ID 혹은 사번",
     pw: "비밀번호",
     remember: "Remember me",
     login: "로그인"
   },
-  header: f,
-  footer: i
+  header: p,
+  footer: m
 }) {
-  const [u] = D.useForm();
-  return I(() => {
-    s && (s.id || s.pswr) && u.setFieldsValue({ id: s.id, pswr: s.pswr });
-  }, [s, u]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ g("div", { className: "login_wrap", children: [
-    f || /* @__PURE__ */ e("div", { className: "logo_box" }),
+  const [i] = O.useForm();
+  return S(() => {
+    o && (o.id || o.pswr) && i.setFieldsValue({ id: o.id, pswr: o.pswr });
+  }, [o, i]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ g("div", { className: "login_wrap", children: [
+    p || /* @__PURE__ */ e("div", { className: "logo_box" }),
     /* @__PURE__ */ e("div", { className: "login_title" }),
-    /* @__PURE__ */ e(D, { form: u, onFinish: n, className: "login-form", children: /* @__PURE__ */ g(Be, { vertical: !0, children: [
+    /* @__PURE__ */ e(O, { form: i, onFinish: r, className: "login-form", children: /* @__PURE__ */ g(Ee, { vertical: !0, children: [
       /* @__PURE__ */ e(
-        D.Item,
+        O.Item,
         {
           name: "id",
           rules: [
@@ -1642,11 +1674,11 @@ function on({
               message: "아이디는 공백이 들어갈 수 없습니다."
             }
           ],
-          children: /* @__PURE__ */ e(Y, { allowClear: !0, placeholder: d.id, onKeyDown: o })
+          children: /* @__PURE__ */ e(Y, { allowClear: !0, placeholder: d.id, onKeyDown: s })
         }
       ),
       /* @__PURE__ */ e(
-        D.Item,
+        O.Item,
         {
           name: "pswr",
           rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
@@ -1655,32 +1687,32 @@ function on({
             {
               allowClear: !0,
               placeholder: d.pw,
-              onKeyDown: o
+              onKeyDown: s
             }
           )
         }
       ),
-      /* @__PURE__ */ e(D.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(Ee, { children: d.remember }) }),
-      /* @__PURE__ */ e("div", { className: r ? "caps-lock caps-lock-on" : "caps-lock", children: r ? "Caps Lock On" : "Caps Lock Off" }),
-      /* @__PURE__ */ e(D.Item, { children: /* @__PURE__ */ e(w, { type: "primary", htmlType: "submit", loading: t, block: !0, children: d.login }) })
+      /* @__PURE__ */ e(O.Item, { name: "remember", valuePropName: "checked", children: /* @__PURE__ */ e(De, { children: d.remember }) }),
+      /* @__PURE__ */ e("div", { className: n ? "caps-lock caps-lock-on" : "caps-lock", children: n ? "Caps Lock On" : "Caps Lock Off" }),
+      /* @__PURE__ */ e(O.Item, { children: /* @__PURE__ */ e(x, { type: "primary", htmlType: "submit", loading: t, block: !0, children: d.login }) })
     ] }) }),
-    i
+    m
   ] }) });
 }
 export {
-  en as A,
-  tn as B,
-  Et as C,
-  on as D,
-  Jt as L,
-  Rt as P,
-  nn as a,
-  rn as b,
-  Dt as c,
-  Ct as d,
-  Nt as e,
+  tn as A,
+  nn as B,
+  Dt as C,
+  sn as D,
+  en as L,
+  At as P,
+  rn as a,
+  on as b,
+  Ot as c,
+  vt as d,
+  It as e,
   Lt as f,
-  Pt as g,
-  Vt as h,
-  gt as l
+  Mt as g,
+  _t as h,
+  ft as l
 };