@bwg-ui/core 1.3.6 → 1.3.8

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

@@ -1,38 +1,40 @@
-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 { jsxs as s, jsx as e, Fragment as z } from "react/jsx-runtime";
+import { i as je, C as ze, S as ge, j as Fe, k as Ve, B as Ge, P as Ue, l as We } from "./provider-ff4RVDYo.js";
+import { lazy as j, useEffect as D, useRef as q, useCallback as R, useMemo as U, useState as F, createElement as Pe, memo as fe, cloneElement as Ye, Component as Ke, Suspense as se } from "react";
+import { Routes as Le, Route as Q, Navigate as Je, useNavigate as be, useLocation as _e } from "react-router-dom";
+import { GlobalConfigProvider as Ze, BwgConfigProvider as Qe, QuickServiceToggle as Xe } from "../components/common/index.js";
+import { setGlobalModalStyle as qe, setGlobalNotificationStyle as $e, setGlobalMessageStyle as et, getTodateString as xe, getUserId as Ae } from "../utils/index.js";
+import { Spin as $, Layout as ee, Button as L, ConfigProvider as Ce, Flex as re, Slider as ce, Divider as Ie, Switch as tt, Modal as nt, Popover as rt, Avatar as ot, Dropdown as it, Tabs as st, Tooltip as te, AutoComplete as lt, Input as pe, Segmented as at, Menu as he, Result as Me, Space as X, Typography as ye, Empty as de, Breadcrumb as ct, Form as Z, Checkbox as dt, Card as Te } from "antd";
+import { useUserStore as Be, useLogout as ut, useMenuViewStore as O, useMenuModelStore as le, useFavoriteStore as pt, usePopupStore as we, useLogin as ht, useSystemStore as oe, useSsoLogin as mt } 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 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 = 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 = {
+import { UserOutlined as gt, StepBackwardOutlined as ft, LeftOutlined as bt, RightOutlined as Ct, StepForwardOutlined as yt, CloseOutlined as Ee, MenuUnfoldOutlined as wt, MenuFoldOutlined as vt, ExclamationCircleOutlined as kt, WarningOutlined as xt, StarOutlined as At, FolderOpenOutlined as It, ToolTwoTone as Nt, ReloadOutlined as ve, ExclamationCircleTwoTone as ke, CheckCircleTwoTone as De, LoginOutlined as St } from "@ant-design/icons";
+import { useSensors as Pt, useSensor as Lt, PointerSensor as Mt, DndContext as Tt, closestCenter as Bt } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as Et } from "@dnd-kit/modifiers";
+import { arrayMove as Dt, SortableContext as Ot, horizontalListSortingStrategy as Rt, useSortable as Ht } from "@dnd-kit/sortable";
+const jt = j(
+  () => import("./MenuReport-DgMjx5Hs.js")
+), zt = j(
+  () => import("./SearchDepartmentP01-pUAav3Xp.js")
+), Ft = j(
+  () => import("./SearchDepartmentP02-B3oL1B-h.js")
+), Vt = j(
+  () => import("./SearchOrganizationP01-ChwLBfVt.js")
+), Gt = j(
+  () => import("./SearchOrganizationP02-DI0V4Bdz.js")
+), Ut = j(
+  () => import("./CMPrgrMstrP02-jC3zDeFU.js")
+), Wt = j(
+  () => import("./CMSearchIntfGwP01-DzTHXQi3.js")
+), Yt = j(
+  () => import("./SearchAddressP01-B_D3nrkn.js")
+), Kt = j(
+  () => import("./SearchHolidayP01-SuuyAk9T.js")
+), Jt = j(
+  () => import("./UploadMultiFileP01-BgyIhfac.js")
+), _t = {
   // 게시판/문의
   CORE_REPORT: {
-    component: Bt,
+    component: jt,
     defaultConfig: {
       title: "게시판/문의",
       width: 1200,
@@ -41,7 +43,7 @@ const Bt = z(
   },
   // 조직/부서 검색류
   CORE_DEPARTMENT_01: {
-    component: Dt,
+    component: zt,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -49,7 +51,7 @@ const Bt = z(
     }
   },
   CORE_DEPARTMENT_02: {
-    component: Et,
+    component: Ft,
     defaultConfig: {
       title: "부서 검색",
       width: 620,
@@ -57,7 +59,7 @@ const Bt = z(
     }
   },
   CORE_ORGANIZATION_01: {
-    component: _t,
+    component: Vt,
     defaultConfig: {
       title: "조직 검색",
       width: 620,
@@ -65,7 +67,7 @@ const Bt = z(
     }
   },
   CORE_ORGANIZATION_02: {
-    component: Ot,
+    component: Gt,
     defaultConfig: {
       title: "조직 검색",
       width: 1e3,
@@ -73,7 +75,7 @@ const Bt = z(
     }
   },
   CORE_PRGR_02: {
-    component: Rt,
+    component: Ut,
     defaultConfig: {
       title: "프로그램 검색",
       width: 700,
@@ -81,7 +83,7 @@ const Bt = z(
     }
   },
   CORE_GW_DRAFTS: {
-    component: jt,
+    component: Wt,
     defaultConfig: {
       title: "기안 목록",
       width: 1e3,
@@ -89,7 +91,7 @@ const Bt = z(
     }
   },
   CORE_ADDRESS_01: {
-    component: At,
+    component: Yt,
     defaultConfig: {
       title: "주소 검색",
       width: 750,
@@ -97,18 +99,26 @@ const Bt = z(
     }
   },
   CORE_HOLIDAY_01: {
-    component: zt,
+    component: Kt,
     defaultConfig: {
       title: "휴일 검색",
       width: 750,
       height: 800
     }
+  },
+  CORE_FILEUPLOAD_01: {
+    component: Jt,
+    defaultConfig: {
+      title: "파일 업로드",
+      width: 700,
+      height: 500
+    }
   }
-}, Ie = "bwg-dot-line-wave-v4";
-function $t() {
-  if (typeof document > "u" || document.getElementById(Ie)) return;
-  const n = document.createElement("style");
-  n.id = Ie, n.textContent = `
+}, Ne = "bwg-dot-line-wave-v4";
+function Zt() {
+  if (typeof document > "u" || document.getElementById(Ne)) return;
+  const r = document.createElement("style");
+  r.id = Ne, r.textContent = `
     .bwg-dotline {
       display: inline-flex;
       align-items: center;
@@ -142,55 +152,55 @@ function $t() {
     @media (prefers-reduced-motion: reduce) {
       .bwg-dotline .dot { animation: none; }
     }
-  `, document.head.appendChild(n);
+  `, document.head.appendChild(r);
 }
-const Ft = ({
-  colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
+const Qt = ({
+  colors: r = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
   count: t,
-  size: r = 12,
-  gap: o = 10,
-  amp: a = 16,
-  speedMs: c = 900,
+  size: n = 12,
+  gap: i = 10,
+  amp: l = 16,
+  speedMs: a = 900,
   direction: g = "ltr",
-  phase: h = 0.7
+  phase: c = 0.7
 }) => {
-  E(() => {
-    $t();
+  D(() => {
+    Zt();
   }, []);
-  const u = t ?? n.length, f = Array.from({ length: u }), p = {
-    "--bwg-size": `${r}px`,
-    "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${a}px`,
-    "--bwg-speed": `${c}ms`
-  }, N = c / u * h;
+  const h = t ?? r.length, b = Array.from({ length: h }), f = {
+    "--bwg-size": `${n}px`,
+    "--bwg-gap": `${i}px`,
+    "--bwg-amp": `${l}px`,
+    "--bwg-speed": `${a}ms`
+  }, I = a / h * c;
   return /* @__PURE__ */ e(
     "span",
     {
       className: "bwg-dotline",
       role: "img",
       "aria-label": "loading",
-      style: p,
-      children: f.map((d, l) => /* @__PURE__ */ e(
+      style: f,
+      children: b.map((u, p) => /* @__PURE__ */ e(
         "span",
         {
           className: "dot",
           style: {
-            backgroundColor: n[l % n.length],
-            animationDelay: g === "ltr" ? `${l * N}ms` : `${(u - 1 - l) * N}ms`
+            backgroundColor: r[p % r.length],
+            animationDelay: g === "ltr" ? `${p * I}ms` : `${(h - 1 - p) * I}ms`
           }
         },
-        l
+        p
       ))
     }
   );
-}, Sn = ({
-  spin: n = null,
+}, zn = ({
+  spin: r = null,
   text: t = "인증중...",
-  dimStyle: r = "dark"
+  dimStyle: n = "dark"
 }) => {
-  if (!(n ?? !0)) return null;
-  const c = r === "dark";
-  return /* @__PURE__ */ i(
+  if (!(r ?? !0)) return null;
+  const a = n === "dark";
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "loading-overlay",
@@ -203,8 +213,8 @@ const Ft = ({
         alignItems: "center",
         gap: 8,
         padding: "8px 12px",
-        background: c ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
-        color: c ? "#fff" : "#333",
+        background: a ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.85)",
+        color: a ? "#fff" : "#333",
         backdropFilter: "blur(4px)",
         zIndex: 1e4
       },
@@ -213,10 +223,10 @@ const Ft = ({
       role: "status",
       children: [
         /* @__PURE__ */ e(
-          q,
+          $,
           {
             indicator: /* @__PURE__ */ e(
-              Ft,
+              Qt,
               {
                 colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
                 size: 12,
@@ -233,50 +243,60 @@ const Ft = ({
       ]
     }
   );
-}, Ln = ({
-  routes: n,
+}, Fn = ({
+  routes: r,
   useCommonProvider: t = !0,
-  useServiceProvider: r = !0
+  useServiceProvider: n = !0,
+  modalStyle: i,
+  notificationStyle: l,
+  messageStyle: a
 }) => {
-  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 })
+  D(() => {
+    i && qe(i);
+  }, [i]), D(() => {
+    l && $e(l);
+  }, [l]), D(() => {
+    a && et(a);
+  }, [a]);
+  let c = /* @__PURE__ */ s(Le, { children: [
+    /* @__PURE__ */ e(Q, { path: "/", element: /* @__PURE__ */ e(Je, { to: "/login" }) }),
+    /* @__PURE__ */ e(Q, { path: "/ssoLogin", element: r.ssoLogin }),
+    /* @__PURE__ */ e(Q, { path: "/login", element: r.login }),
+    /* @__PURE__ */ e(Q, { path: "/main/*", element: r.main }),
+    /* @__PURE__ */ e(Q, { path: "/sessionNotice", element: r.sessionNotice })
   ] });
-  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 = {},
+  return n && (c = /* @__PURE__ */ e(je, { children: c })), t && (c = /* @__PURE__ */ e(ze, { children: c })), /* @__PURE__ */ e(Ze, { children: c });
+}, { Content: Xt } = ee, Oe = ({
+  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(
-    Wt,
+    Xt,
     {
-      className: r.wrapper.className,
-      style: r.wrapper.style,
-      children: /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(
+      className: n.wrapper.className,
+      style: n.wrapper.style,
+      children: /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(
         "div",
         {
-          className: r.body.className,
-          style: r.body.style,
+          className: n.body.className,
+          style: n.body.style,
           children: t
         }
       ) })
     }
   );
-}, Gt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9998%2019.9993V20.9993C11.9998%2021.3932%2012.0774%2021.7833%2012.2282%2022.1473C12.3789%2022.5112%2012.5999%2022.8419%2012.8785%2023.1205C13.157%2023.399%2013.4877%2023.62%2013.8517%2023.7708C14.2156%2023.9215%2014.6057%2023.9991%2014.9997%2023.9991C15.3936%2023.9991%2015.7837%2023.9215%2016.1477%2023.7708C16.5116%2023.62%2016.8423%2023.399%2017.1209%2023.1205C17.3994%2022.8419%2017.6204%2022.5112%2017.7712%2022.1473C17.9219%2021.7833%2017.9995%2021.3932%2017.9995%2020.9993V19.9993M20.9994%2011.9997C20.9994%2014.9996%2022.9993%2019.9993%2022.9993%2019.9993H7.00006C7.00006%2019.9993%208.99996%2015.9995%208.99996%2011.9997C8.99996%208.73187%2011.7318%206%2014.9997%206C18.2675%206%2020.9994%208.73187%2020.9994%2011.9997Z'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Vt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_93_4488)'%3e%3cpath%20d='M18%207H21C22.1046%207%2023%207.89543%2023%209V21C23%2022.1046%2022.1046%2023%2021%2023H18M11%2011L7%2015M7%2015L11%2019M7%2015L19%2015'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_93_4488'%3e%3crect%20width='30'%20height='30'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Kt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%206H16C16.5523%206%2017%206.44772%2017%207V7.56879C17%207.99659%2017.2871%208.36825%2017.6822%208.53228C18.0775%208.69638%2018.5377%208.63384%2018.8403%208.33123L19.2426%207.92891C19.6331%207.53838%2020.2663%207.53838%2020.6568%207.92891L22.071%209.34312C22.4616%209.73365%2022.4615%2010.3668%2022.071%2010.7573L21.6688%2011.1596C21.3661%2011.4622%2021.3036%2011.9225%2021.4677%2012.3177C21.6317%2012.7129%2022.0034%2013%2022.4313%2013L23%2013C23.5523%2013%2024%2013.4477%2024%2014V16C24%2016.5523%2023.5523%2017%2023%2017H22.4312C22.0034%2017%2021.6318%2017.2871%2021.4677%2017.6822C21.3036%2018.0775%2021.3661%2018.5377%2021.6688%2018.8403L22.071%2019.2426C22.4616%2019.6331%2022.4616%2020.2663%2022.071%2020.6568L20.6568%2022.071C20.2663%2022.4616%2019.6331%2022.4616%2019.2426%2022.071L18.8403%2021.6688C18.5377%2021.3661%2018.0775%2021.3036%2017.6822%2021.4677C17.2871%2021.6318%2017%2022.0034%2017%2022.4312V23C17%2023.5523%2016.5523%2024%2016%2024H14C13.4477%2024%2013%2023.5523%2013%2023V22.4313C13%2022.0034%2012.7129%2021.6317%2012.3177%2021.4677C11.9225%2021.3036%2011.4622%2021.3661%2011.1596%2021.6688L10.7573%2022.071C10.3668%2022.4616%209.73363%2022.4616%209.34311%2022.071L7.92889%2020.6568C7.53837%2020.2663%207.53837%2019.6331%207.92889%2019.2426L8.33123%2018.8403C8.63384%2018.5377%208.69638%2018.0775%208.53228%2017.6822C8.36825%2017.2871%207.99659%2017%207.56879%2017H7C6.44772%2017%206%2016.5523%206%2016V14C6%2013.4477%206.44772%2013%207%2013L7.56877%2013C7.99658%2013%208.36825%2012.7129%208.53229%2012.3178C8.6964%2011.9225%208.63386%2011.4623%208.33123%2011.1597L7.92891%2010.7573C7.53838%2010.3668%207.53838%209.73365%207.92891%209.34313L9.34312%207.92891C9.73365%207.53839%2010.3668%207.53839%2010.7573%207.92891L11.1597%208.33123C11.4623%208.63386%2011.9225%208.6964%2012.3178%208.53229C12.7129%208.36825%2013%207.99658%2013%207.56876V7C13%206.44772%2013.4477%206%2014%206Z'%20stroke='%23485299'%20stroke-width='1.5'/%3e%3cpath%20d='M17%2015C17%2016.1046%2016.1046%2017%2015%2017C13.8954%2017%2013%2016.1046%2013%2015C13%2013.8954%2013.8954%2013%2015%2013C16.1046%2013%2017%2013.8954%2017%2015Z'%20stroke='%23485299'%20stroke-width='1.5'/%3e%3c/svg%3e", { Header: Zt } = Q, { confirm: Ut } = Ue, te = {
+}, qt = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9998%2019.9993V20.9993C11.9998%2021.3932%2012.0774%2021.7833%2012.2282%2022.1473C12.3789%2022.5112%2012.5999%2022.8419%2012.8785%2023.1205C13.157%2023.399%2013.4877%2023.62%2013.8517%2023.7708C14.2156%2023.9215%2014.6057%2023.9991%2014.9997%2023.9991C15.3936%2023.9991%2015.7837%2023.9215%2016.1477%2023.7708C16.5116%2023.62%2016.8423%2023.399%2017.1209%2023.1205C17.3994%2022.8419%2017.6204%2022.5112%2017.7712%2022.1473C17.9219%2021.7833%2017.9995%2021.3932%2017.9995%2020.9993V19.9993M20.9994%2011.9997C20.9994%2014.9996%2022.9993%2019.9993%2022.9993%2019.9993H7.00006C7.00006%2019.9993%208.99996%2015.9995%208.99996%2011.9997C8.99996%208.73187%2011.7318%206%2014.9997%206C18.2675%206%2020.9994%208.73187%2020.9994%2011.9997Z'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", $t = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_93_4488)'%3e%3cpath%20d='M18%207H21C22.1046%207%2023%207.89543%2023%209V21C23%2022.1046%2022.1046%2023%2021%2023H18M11%2011L7%2015M7%2015L11%2019M7%2015L19%2015'%20stroke='%23485299'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_93_4488'%3e%3crect%20width='30'%20height='30'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", en = "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: tn } = ee, { confirm: nn } = nt, ne = {
   light: {
     headerBg: "#ffffff",
     headerText: "#000000",
@@ -329,90 +349,90 @@ const Ft = ({
     buttonDefaultBorder: "#dddddd",
     buttonPermissionBorder: "#bdb1ff"
   }
-}, he = {
+}, ue = {
   0: "작게",
   1: "보통",
   2: "크게"
-}, Re = ({ config: n = {}, children: t }) => {
-  const r = {
+}, Re = ({ config: r = {}, children: t }) => {
+  const n = {
     gap: 14,
     minWidth: 200,
-    items: n.right?.items,
+    items: r.right?.items,
     alarm: {
       visible: !0,
-      ...n.right?.alarm || {}
+      ...r.right?.alarm || {}
     },
     theme: {
       visible: !0,
-      ...n.right?.theme || {}
+      ...r.right?.theme || {}
     },
     logout: {
       visible: !0,
-      ...n.right?.logout || {}
+      ...r.right?.logout || {}
     },
     avatar: {
       visible: !0,
       width: 30,
       height: 30,
-      ...n.right?.avatar || {}
+      ...r.right?.avatar || {}
     }
-  }, o = {
+  }, i = {
     wrapper: {
       className: "header-wrapper",
-      ...n.wrapper
+      ...r.wrapper
     },
     logo: {
       gap: 10,
-      ...n.logo
+      ...r.logo
     },
-    right: r
-  }, a = fe(), c = X(null), g = it(() => a("/login", { replace: !0 })), {
-    componentSize: h,
-    setComponentSize: u,
-    gridSize: f,
-    setGridSize: p,
-    spacingSize: N,
-    setSpacingSize: d,
-    enableProtectWrapper: l,
-    setEnableProtectWrapper: P,
-    theme: k,
-    setTheme: m,
-    clearAllGridLayouts: C
-  } = De(), S = 1, _ = 2, O = 2, x = (b, L) => {
+    right: n
+  }, l = be(), a = q(null), g = ut(() => l("/login", { replace: !0 })), {
+    componentSize: c,
+    setComponentSize: h,
+    gridSize: b,
+    setGridSize: f,
+    spacingSize: I,
+    setSpacingSize: u,
+    enableProtectWrapper: p,
+    setEnableProtectWrapper: S,
+    theme: C,
+    setTheme: d,
+    clearAllGridLayouts: m
+  } = Be(), N = 1, T = 2, B = 2, k = (w, P) => {
     try {
-      if (!/^[a-zA-Z0-9-]+$/.test(b) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(L)) return;
-      document.documentElement.style.setProperty(b, L);
-    } catch (w) {
-      console.error("CSS variable setting failed:", w);
+      if (!/^[a-zA-Z0-9-]+$/.test(w) || !/^[#a-zA-Z0-9()\s,.-]+$/.test(P)) return;
+      document.documentElement.style.setProperty(w, P);
+    } catch (G) {
+      console.error("CSS variable setting failed:", G);
     }
-  }, $ = (b) => {
-    if (!te[b]) return;
-    m(b);
-    const L = { ...te[b] };
-    x("--header-bg", L.headerBg), x("--header-text", L.headerText), x("--sidebar-bg", L.sidebarBg), x("--sidebar-text", L.sidebarText), x("--button-primary", L.buttonPrimary), x("--button-primary-hover", L.buttonPrimaryHover), x("--button-primary-active", L.buttonPrimaryActive), x("--button-default", L.buttonDefault), x("--button-default-hover", L.buttonDefaultHover), x("--button-default-border", L.buttonDefaultBorder), x(
+  }, H = (w) => {
+    if (!ne[w]) return;
+    d(w);
+    const P = { ...ne[w] };
+    k("--header-bg", P.headerBg), k("--header-text", P.headerText), k("--sidebar-bg", P.sidebarBg), k("--sidebar-text", P.sidebarText), k("--button-primary", P.buttonPrimary), k("--button-primary-hover", P.buttonPrimaryHover), k("--button-primary-active", P.buttonPrimaryActive), k("--button-default", P.buttonDefault), k("--button-default-hover", P.buttonDefaultHover), k("--button-default-border", P.buttonDefaultBorder), k(
       "--button-permission-border",
-      L.buttonPermissionBorder
-    ), c.current && c.current.setAttribute("data-theme", b), document.documentElement.setAttribute("data-theme", b);
+      P.buttonPermissionBorder
+    ), a.current && a.current.setAttribute("data-theme", w), document.documentElement.setAttribute("data-theme", w);
   };
-  E(() => {
-    if (k && te[k]) {
-      const b = { ...te[k] };
-      x("--header-bg", b.headerBg), x("--header-text", b.headerText), x("--sidebar-bg", b.sidebarBg), x("--sidebar-text", b.sidebarText), x("--button-primary", b.buttonPrimary), x("--button-primary-hover", b.buttonPrimaryHover), x(
+  D(() => {
+    if (C && ne[C]) {
+      const w = { ...ne[C] };
+      k("--header-bg", w.headerBg), k("--header-text", w.headerText), k("--sidebar-bg", w.sidebarBg), k("--sidebar-text", w.sidebarText), k("--button-primary", w.buttonPrimary), k("--button-primary-hover", w.buttonPrimaryHover), k(
         "--button-primary-active",
-        b.buttonPrimaryActive
-      ), x("--button-default", b.buttonDefault), x("--button-default-hover", b.buttonDefaultHover), x(
+        w.buttonPrimaryActive
+      ), k("--button-default", w.buttonDefault), k("--button-default-hover", w.buttonDefaultHover), k(
         "--button-default-border",
-        b.buttonDefaultBorder
-      ), x(
+        w.buttonDefaultBorder
+      ), k(
         "--button-permission-border",
-        b.buttonPermissionBorder
-      ), c.current && c.current.setAttribute("data-theme", k), document.documentElement.setAttribute("data-theme", k);
+        w.buttonPermissionBorder
+      ), a.current && a.current.setAttribute("data-theme", C), document.documentElement.setAttribute("data-theme", C);
     } else
-      $("modern");
-  }, [k]);
+      H("modern");
+  }, [C]);
   const K = () => {
     g();
-  }, H = () => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+  }, V = () => /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
     /* @__PURE__ */ e("g", { clipPath: "url(#clip0_1424_1089)", children: /* @__PURE__ */ e(
       "path",
       {
@@ -424,8 +444,8 @@ const Ft = ({
     ) }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1424_1089", children: /* @__PURE__ */ e("rect", { width: "20", height: "20", fill: "white" }) }) })
   ] });
-  Ne ? Ne("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
-  const J = /* @__PURE__ */ i(
+  xe ? xe("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const J = /* @__PURE__ */ s(
     "div",
     {
       className: "theme-setting-popover",
@@ -433,7 +453,7 @@ const Ft = ({
         minWidth: "320px"
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -444,7 +464,7 @@ const Ft = ({
             },
             children: [
               /* @__PURE__ */ e("div", { className: "sub-title", style: { marginBottom: 10 }, children: "테마 선택" }),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ s(
                 "div",
                 {
                   style: {
@@ -455,24 +475,24 @@ const Ft = ({
                   },
                   children: [
                     /* @__PURE__ */ e(
-                      B,
+                      L,
                       {
-                        className: `theme-swatch-btn theme-swatch-modern ${k === "modern" ? "active" : ""}`,
+                        className: `theme-swatch-btn theme-swatch-modern ${C === "modern" ? "active" : ""}`,
                         type: "text",
                         size: "small",
-                        onClick: () => $("modern")
+                        onClick: () => H("modern")
                       },
                       "modern"
                     ),
-                    Object.entries(te).filter(([b]) => b !== "modern").map(([b, L]) => /* @__PURE__ */ e(
-                      B,
+                    Object.entries(ne).filter(([w]) => w !== "modern").map(([w, P]) => /* @__PURE__ */ e(
+                      L,
                       {
-                        className: `theme-swatch-btn theme-swatch-${b} ${k === b ? "active" : ""}`,
+                        className: `theme-swatch-btn theme-swatch-${w} ${C === w ? "active" : ""}`,
                         type: "text",
                         size: "small",
-                        onClick: () => $(b)
+                        onClick: () => H(w)
                       },
-                      b
+                      w
                     ))
                   ]
                 }
@@ -480,8 +500,8 @@ const Ft = ({
             ]
           }
         ),
-        /* @__PURE__ */ i(
-          be,
+        /* @__PURE__ */ s(
+          Ce,
           {
             theme: {
               components: {
@@ -504,14 +524,14 @@ const Ft = ({
               }
             },
             children: [
-              /* @__PURE__ */ i("div", { style: {
+              /* @__PURE__ */ s("div", { style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: 20,
                 padding: "0 10px"
               }, children: [
-                /* @__PURE__ */ i("div", { children: [
-                  /* @__PURE__ */ i(
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s(
                     re,
                     {
                       justify: "space-between",
@@ -519,14 +539,14 @@ const Ft = ({
                       children: [
                         /* @__PURE__ */ e("span", { className: "sub-title", children: "컴포넌트 크기" }),
                         /* @__PURE__ */ e(
-                          B,
+                          L,
                           {
                             className: "bwg-btn",
                             type: "text",
                             size: "small",
-                            icon: /* @__PURE__ */ e(H, {}),
-                            onClick: () => u(S),
-                            disabled: h === S,
+                            icon: /* @__PURE__ */ e(V, {}),
+                            onClick: () => h(N),
+                            disabled: c === N,
                             style: { padding: "0", gap: "3px", height: "20px", lineHeight: "20px" },
                             children: "초기화"
                           }
@@ -538,17 +558,17 @@ const Ft = ({
                     ce,
                     {
                       className: "theme-ctrl-slider",
-                      marks: he,
-                      value: h,
+                      marks: ue,
+                      value: c,
                       min: 0,
                       max: 2,
                       step: 1,
-                      onChange: (b) => u(b)
+                      onChange: (w) => h(w)
                     }
                   )
                 ] }),
-                /* @__PURE__ */ i("div", { children: [
-                  /* @__PURE__ */ i(
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s(
                     re,
                     {
                       justify: "space-between",
@@ -556,14 +576,14 @@ const Ft = ({
                       children: [
                         /* @__PURE__ */ e("span", { className: "sub-title", children: "그리드 크기" }),
                         /* @__PURE__ */ e(
-                          B,
+                          L,
                           {
                             className: "bwg-btn",
                             type: "text",
                             size: "small",
-                            icon: /* @__PURE__ */ e(H, {}),
-                            onClick: () => p(_),
-                            disabled: f === _,
+                            icon: /* @__PURE__ */ e(V, {}),
+                            onClick: () => f(T),
+                            disabled: b === T,
                             style: { padding: "0", gap: "3px", height: "20px", lineHeight: "20px" },
                             children: "초기화"
                           }
@@ -575,17 +595,17 @@ const Ft = ({
                     ce,
                     {
                       className: "theme-ctrl-slider",
-                      marks: he,
-                      value: f,
+                      marks: ue,
+                      value: b,
                       min: 0,
                       max: 2,
                       step: 1,
-                      onChange: (b) => p(b)
+                      onChange: (w) => f(w)
                     }
                   )
                 ] }),
-                /* @__PURE__ */ i("div", { children: [
-                  /* @__PURE__ */ i(
+                /* @__PURE__ */ s("div", { children: [
+                  /* @__PURE__ */ s(
                     re,
                     {
                       justify: "space-between",
@@ -593,14 +613,14 @@ const Ft = ({
                       children: [
                         /* @__PURE__ */ e("span", { className: "sub-title", children: "여백 조정" }),
                         /* @__PURE__ */ e(
-                          B,
+                          L,
                           {
                             className: "bwg-btn",
                             type: "text",
                             size: "small",
-                            icon: /* @__PURE__ */ e(H, {}),
-                            onClick: () => d(O),
-                            disabled: N === O,
+                            icon: /* @__PURE__ */ e(V, {}),
+                            onClick: () => u(B),
+                            disabled: I === B,
                             style: { padding: "0", gap: "3px", height: "20px", lineHeight: "20px" },
                             children: "초기화"
                           }
@@ -612,18 +632,18 @@ const Ft = ({
                     ce,
                     {
                       className: "theme-ctrl-slider",
-                      marks: he,
-                      value: N,
+                      marks: ue,
+                      value: I,
                       min: 0,
                       max: 2,
                       step: 1,
-                      onChange: (b) => d(b)
+                      onChange: (w) => u(w)
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ e(xe, { style: { margin: "20px 0 15px", borderBlockStart: "1px solid #dddddd" } }),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ e(Ie, { style: { margin: "20px 0 15px", borderBlockStart: "1px solid #dddddd" } }),
+              /* @__PURE__ */ s(
                 "div",
                 {
                   style: {
@@ -635,10 +655,10 @@ const Ft = ({
                   children: [
                     /* @__PURE__ */ e("span", { className: "sub-title", children: "화면 보호 활성화" }),
                     /* @__PURE__ */ e(
-                      Ze,
+                      tt,
                       {
-                        checked: l,
-                        onChange: P
+                        checked: p,
+                        onChange: S
                       }
                     )
                   ]
@@ -647,20 +667,20 @@ const Ft = ({
             ]
           }
         ),
-        /* @__PURE__ */ e(xe, { style: { margin: "15px 0 20px", borderBlockStart: "1px solid #dddddd" } }),
+        /* @__PURE__ */ e(Ie, { style: { margin: "15px 0 20px", borderBlockStart: "1px solid #dddddd" } }),
         /* @__PURE__ */ e("div", { style: { textAlign: "right" }, children: /* @__PURE__ */ e(
-          B,
+          L,
           {
             className: "bwg-btn",
             type: "default",
             size: "small",
-            icon: /* @__PURE__ */ e(H, {}),
+            icon: /* @__PURE__ */ e(V, {}),
             onClick: () => {
-              Ut({
+              nn({
                 title: "전체 그리드 레이아웃 초기화",
                 content: "임의 변경한 그리드 레이아웃 변경사항을 초기화하시겠습니까? 기존 열려있는 화면들은 다시 열어야 적용됩니다.",
                 onOk() {
-                  C();
+                  m();
                 }
               });
             },
@@ -670,18 +690,18 @@ const Ft = ({
       ]
     }
   );
-  return /* @__PURE__ */ i(
-    Zt,
+  return /* @__PURE__ */ s(
+    tn,
     {
-      className: o.wrapper.className,
-      style: { ...o.wrapper.style },
+      className: i.wrapper.className,
+      style: { ...i.wrapper.style },
       children: [
-        o.logo && /* @__PURE__ */ e("div", { className: "header-left", children: /* @__PURE__ */ e(
+        i.logo && /* @__PURE__ */ e("div", { className: "header-left", children: /* @__PURE__ */ e(
           "div",
           {
             className: "logo-container",
-            style: { gap: o.logo?.gap },
-            children: o.logo?.items
+            style: { gap: i.logo?.gap },
+            children: i.logo?.items
           }
         ) }),
         t && /* @__PURE__ */ e(
@@ -697,63 +717,63 @@ const Ft = ({
             children: t
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ s(
           "div",
           {
             className: "header-right",
             style: {
-              gap: o.right?.gap,
-              minWidth: o.right?.minWidth
+              gap: i.right?.gap,
+              minWidth: i.right?.minWidth
             },
             children: [
-              o.right?.items?.map((b, L) => /* @__PURE__ */ e("div", { children: b }, L)),
-              o.right?.alarm?.visible && /* @__PURE__ */ e(
-                B,
+              i.right?.items?.map((w, P) => /* @__PURE__ */ e("div", { children: w }, P)),
+              i.right?.alarm?.visible && /* @__PURE__ */ e(
+                L,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: Gt, alt: "알림" }),
+                  icon: /* @__PURE__ */ e("img", { src: qt, alt: "알림" }),
                   className: "alarm-btn",
-                  onClick: o.right?.alarm?.onClick
+                  onClick: i.right?.alarm?.onClick
                 }
               ),
-              o.right?.theme?.visible && /* @__PURE__ */ e(
-                Ye,
+              i.right?.theme?.visible && /* @__PURE__ */ e(
+                rt,
                 {
                   content: J,
                   title: /* @__PURE__ */ e("span", { style: { display: "inline-block", fontSize: 16, color: "var(--text-primary)", lineHeight: "30px", marginBottom: "2px" }, children: "개인 설정" }),
                   trigger: "click",
                   placement: "bottomRight",
-                  onOpenChange: (b) => o.right?.theme?.onOpenChange?.(b),
+                  onOpenChange: (w) => i.right?.theme?.onOpenChange?.(w),
                   children: /* @__PURE__ */ e(
-                    B,
+                    L,
                     {
                       type: "text",
-                      icon: /* @__PURE__ */ e("img", { src: Kt, alt: "개인설정" }),
+                      icon: /* @__PURE__ */ e("img", { src: en, alt: "개인설정" }),
                       className: "theme-btn",
-                      onClick: o.right?.theme?.onClick
+                      onClick: i.right?.theme?.onClick
                     }
                   )
                 }
               ),
-              o.right?.logout?.visible && /* @__PURE__ */ e(
-                B,
+              i.right?.logout?.visible && /* @__PURE__ */ e(
+                L,
                 {
                   type: "text",
-                  icon: /* @__PURE__ */ e("img", { src: Vt, alt: "로그아웃" }),
-                  onClick: o.right?.logout?.onClick || K,
+                  icon: /* @__PURE__ */ e("img", { src: $t, alt: "로그아웃" }),
+                  onClick: i.right?.logout?.onClick || K,
                   className: "logout-btn"
                 }
               ),
-              o.right?.avatar?.visible && /* @__PURE__ */ e(
-                qe,
+              i.right?.avatar?.visible && /* @__PURE__ */ e(
+                ot,
                 {
-                  icon: /* @__PURE__ */ e(ct, {}),
+                  icon: /* @__PURE__ */ e(gt, {}),
                   className: "avatar",
                   style: {
-                    width: o.right?.avatar?.width,
-                    height: o.right?.avatar?.height
+                    width: i.right?.avatar?.width,
+                    height: i.right?.avatar?.height
                   },
-                  onClick: o.right?.avatar?.onClick
+                  onClick: i.right?.avatar?.onClick
                 }
               )
             ]
@@ -764,268 +784,268 @@ const Ft = ({
   );
 }, me = /* @__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 [me.Translate.toString(n), me.Scale.toString(n)].join(" ");
+    toString(r) {
+      if (r)
+        return [me.Translate.toString(r), me.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: i
+      } = r;
+      return t + " " + n + "ms " + i;
     }
   }
-}), Yt = Ce(
-  ({ className: n, ...t }) => {
-    const r = X(null), {
-      attributes: o,
-      listeners: a,
-      transform: c,
+}), rn = fe(
+  ({ className: r, ...t }) => {
+    const n = q(null), {
+      attributes: i,
+      listeners: l,
+      transform: a,
       transition: g,
-      isDragging: h,
-      setNodeRef: u
-    } = Tt({ id: t["data-node-key"] }), [f, p] = A();
-    E(() => {
-      const C = r.current;
-      if (C)
-        if (h) {
-          const S = Math.round(C.getBoundingClientRect().width);
-          p(S);
+      isDragging: c,
+      setNodeRef: h
+    } = Ht({ id: t["data-node-key"] }), [b, f] = F();
+    D(() => {
+      const m = n.current;
+      if (m)
+        if (c) {
+          const N = Math.round(m.getBoundingClientRect().width);
+          f(N);
         } else
-          p(void 0);
-    }, [h]);
-    const N = {
+          f(void 0);
+    }, [c]);
+    const I = {
       ...t.style,
-      transform: c ? me.Transform.toString(c) : void 0,
+      transform: a ? me.Transform.toString(a) : void 0,
       transition: g ?? "transform 0.16s ease",
       cursor: "grab",
       userSelect: "none",
       willChange: "transform",
       // ✅ 드래그 중 픽셀 폭 고정 (flex 재계산 억제)
-      width: f ?? void 0,
-      minWidth: f ?? void 0,
-      maxWidth: f ?? void 0,
-      flex: f !== void 0 ? "0 0 auto" : void 0
-    }, 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);
+      width: b ?? void 0,
+      minWidth: b ?? void 0,
+      maxWidth: b ?? void 0,
+      flex: b !== void 0 ? "0 0 auto" : void 0
+    }, u = t.children, p = u.props?.className || "", d = t["data-gubun"] === "C" ? p ? `${p} tab-special` : "tab-special" : p;
+    return Ye(u, {
+      ref: (m) => {
+        n.current !== m && (n.current = m), h(m);
       },
-      className: m,
-      style: N,
-      ...o,
-      ...a
+      className: d,
+      style: I,
+      ...i,
+      ...l
     });
   }
-), qt = Ce(function({
+), on = fe(function({
   config: t,
-  isFirst: r,
-  isLast: o,
-  canCloseAll: a,
-  onFirst: c,
+  isFirst: n,
+  isLast: i,
+  canCloseAll: l,
+  onFirst: a,
   onPrev: g,
-  onNext: h,
-  onLast: u,
-  onCloseAll: f
+  onNext: c,
+  onLast: h,
+  onCloseAll: b
 }) {
-  return /* @__PURE__ */ i("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+  return /* @__PURE__ */ s("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         title: "첫 번째 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          B,
+          L,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(dt, {}),
-            onClick: c,
-            disabled: r
+            icon: /* @__PURE__ */ e(ft, {}),
+            onClick: a,
+            disabled: n
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         title: "이전 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          B,
+          L,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ht, {}),
+            icon: /* @__PURE__ */ e(bt, {}),
             onClick: g,
-            disabled: r
+            disabled: n
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         title: "다음 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          B,
+          L,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(ut, {}),
-            onClick: h,
-            disabled: o
+            icon: /* @__PURE__ */ e(Ct, {}),
+            onClick: c,
+            disabled: i
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         title: "마지막 탭",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          B,
+          L,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
-            icon: /* @__PURE__ */ e(pt, {}),
-            onClick: u,
-            disabled: o
+            icon: /* @__PURE__ */ e(yt, {}),
+            onClick: h,
+            disabled: i
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      ee,
+      te,
       {
         title: "모든 탭 닫기",
         className: t.tooltip?.className,
         style: t.tooltip?.style,
         children: /* @__PURE__ */ e(
-          B,
+          L,
           {
             className: t.buttons?.className,
             style: t.buttons?.style,
             size: "small",
             icon: /* @__PURE__ */ e(Ee, {}),
-            onClick: f,
-            disabled: !a
+            onClick: b,
+            disabled: !l
           }
         )
       }
     )
   ] });
-}), Qt = ({
-  config: n = {}
+}), sn = ({
+  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 = 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 } })
-  ), l = (s) => {
-    c(s);
-  }, P = (s, v) => {
-    v === "remove" && typeof s == "string" && g(s);
-  }, k = () => {
-    r.length > 0 && c(r[0].key);
-  }, m = () => {
-    if (!o || r.length <= 1) return;
-    const s = r.findIndex((v) => v.key === o);
-    s > 0 && c(r[s - 1].key);
+    ...r
+  }, n = O((o) => o.tabs), i = O((o) => o.activeMenuId), l = O((o) => o.pinnedTabs), a = O((o) => o.focusTab), g = O((o) => o.closeTab), c = O((o) => o.reorderTabs), h = O((o) => o.togglePinTab), b = O((o) => o.refreshTab), f = O((o) => o.closeOtherTabs), I = O((o) => o.closeRightTabs);
+  O((o) => o.closeAllTabs);
+  const u = Pt(
+    Lt(Mt, { activationConstraint: { distance: 6 } })
+  ), p = (o) => {
+    a(o);
+  }, S = (o, y) => {
+    y === "remove" && typeof o == "string" && g(o);
   }, C = () => {
-    if (!o || r.length <= 1) return;
-    const s = r.findIndex((v) => v.key === o);
-    s < r.length - 1 && c(r[s + 1].key);
-  }, S = () => {
-    r.length > 0 && c(r[r.length - 1].key);
-  }, _ = () => {
-    r.forEach((s) => {
-      a.has(s.key) || g(s.key);
+    n.length > 0 && a(n[0].key);
+  }, d = () => {
+    if (!i || n.length <= 1) return;
+    const o = n.findIndex((y) => y.key === i);
+    o > 0 && a(n[o - 1].key);
+  }, m = () => {
+    if (!i || n.length <= 1) return;
+    const o = n.findIndex((y) => y.key === i);
+    o < n.length - 1 && a(n[o + 1].key);
+  }, N = () => {
+    n.length > 0 && a(n[n.length - 1].key);
+  }, T = () => {
+    n.forEach((o) => {
+      l.has(o.key) || g(o.key);
     });
-  }, O = R((s) => (v) => {
-    v.preventDefault(), v.stopPropagation();
-  }, []), x = R(
-    (s) => {
-      const v = a.has(s), M = r.findIndex((ne) => ne.key === s), T = M >= 0 && M < r.length - 1, W = r.length > 1;
+  }, B = R((o) => (y) => {
+    y.preventDefault(), y.stopPropagation();
+  }, []), k = R(
+    (o) => {
+      const y = l.has(o), A = n.findIndex((_) => _.key === o), M = A >= 0 && A < n.length - 1, E = n.length > 1;
       return [
         {
           key: "close",
           label: "닫기",
-          icon: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
             /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_1409_1182)", children: /* @__PURE__ */ e("path", { d: "M16.2 5.80005L5.79004 16.21M5.80004 5.80005L16.21 16.21", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1182", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
           onClick: () => {
-            v || g(s);
+            y || g(o);
           },
-          disabled: v
+          disabled: y
         },
         {
           key: "pin",
-          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: [
+          label: y ? "고정 해제" : "고정",
+          icon: y ? /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1222)", children: [
               /* @__PURE__ */ e("path", { d: "M8.19998 8.28992C7.38998 8.41992 6.60998 8.78992 5.97998 9.41992L12.58 16.0199C13.2 15.3999 13.57 14.6299 13.7 13.8199", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M13.7601 10.9099L16.2101 8.45993L13.5501 5.79993L11.1001 8.24993", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M12.4502 4.70996L17.2902 9.54996", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
@@ -1033,8 +1053,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__ */ 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__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1186)", children: [
               /* @__PURE__ */ e("path", { d: "M13.32 11.3399L16.2 8.45993L13.54 5.79993L10.66 8.67993C9.13998 7.91993 7.24998 8.15993 5.97998 9.41993L12.58 16.0199C13.85 14.7499 14.08 12.8599 13.32 11.3399Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M12.4502 4.70996L17.2902 9.54996", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M9.27996 12.72L4.70996 17.29", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
@@ -1042,18 +1062,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(s);
+            h(o);
           }
         },
         {
           key: "refresh",
           label: "새로고침",
-          icon: /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
             /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_1409_1193)", children: /* @__PURE__ */ e("path", { d: "M16.1801 13.13C15.7801 14.25 15.0401 15.22 14.0401 15.87C13.0501 16.53 11.8701 16.85 10.6801 16.78C9.49009 16.71 8.36009 16.26 7.45009 15.49C6.54009 14.72 5.91009 13.68 5.64009 12.52C5.38009 11.36 5.50009 10.15 5.98009 9.05996C6.47009 7.96996 7.29009 7.07996 8.33009 6.49996C9.37009 5.91996 10.5701 5.69996 11.7501 5.86996C13.7401 6.14996 15.0501 7.58996 16.4701 8.85996M16.4901 5.20996V8.86996H12.8301", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1193", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
           onClick: () => {
-            f(s);
+            b(o);
           }
         },
         {
@@ -1062,8 +1082,8 @@ const Ft = ({
         {
           key: "closeOthers",
           label: "다른 탭 닫기",
-          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: [
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1197)", children: [
               /* @__PURE__ */ e("path", { d: "M4.52979 5.74005V16.2601C4.52979 16.7101 4.88979 17.0701 5.33979 17.0701H16.6698C17.1198 17.0701 17.4798 16.7101 17.4798 16.2601V8.17005C17.4798 7.72005 17.1198 7.36005 16.6698 7.36005H12.6898C12.3898 7.36005 12.1098 7.23005 11.9198 7.00005L10.4398 5.22005C10.2898 5.04005 10.0598 4.93005 9.81978 4.93005H5.33979C4.88979 4.93005 4.52979 5.29005 4.52979 5.74005Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M13.3598 7.36011H4.52979", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M12.7897 10.4301L9.19971 14.0201M9.20971 10.4301L12.7997 14.0201", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
@@ -1071,15 +1091,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(s);
+            f(o);
           },
-          disabled: !W
+          disabled: !E
         },
         {
           key: "closeRight",
           label: "우측 탭 닫기",
-          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: [
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1204)", children: [
               /* @__PURE__ */ e("path", { d: "M16.3402 10.53V16.51C16.3402 17.05 15.9302 17.49 15.4302 17.49H5.40023C4.90023 17.49 4.49023 17.05 4.49023 16.51V7.73C4.49023 7.19 4.90023 6.75 5.40023 6.75H10.1702", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M12.33 11.4301L8.5 15.2601M8.5 11.4301L12.33 15.2601", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M12.1699 6.76001H17.4199", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
@@ -1090,15 +1110,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(s);
+            I(o);
           },
-          disabled: !T
+          disabled: !M
         },
         {
           key: "closeAll",
           label: "전체 닫기",
-          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: [
+          icon: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1409_1215)", children: [
               /* @__PURE__ */ e("path", { d: "M14.8405 10.15L10.2305 14.76M10.2305 10.15L14.8405 14.76", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M16.5101 7.47998H8.56006C8.00777 7.47998 7.56006 7.9277 7.56006 8.47998V16.43C7.56006 16.9823 8.00777 17.43 8.56006 17.43H16.5101C17.0623 17.43 17.5101 16.9823 17.5101 16.43V8.47998C17.5101 7.9277 17.0623 7.47998 16.5101 7.47998Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M5.53023 14.81C4.95023 14.81 4.49023 14.34 4.49023 13.77V5.89999C4.49023 5.31999 4.96023 4.85999 5.53023 4.85999H13.4002C13.9802 4.85999 14.4402 5.32999 14.4402 5.89999", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
@@ -1106,94 +1126,94 @@ const Ft = ({
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1409_1215", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
           onClick: () => {
-            _();
+            T();
           },
-          disabled: r.length === 0
+          disabled: n.length === 0
         }
       ];
     },
     [
-      r,
-      a,
+      n,
+      l,
       g,
-      u,
+      h,
+      b,
       f,
-      p,
-      N
+      I
     ]
-  ), $ = 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);
+  ), H = i ? n.findIndex((o) => o.key === i) : -1, K = H === 0, V = H === n.length - 1, J = U(
+    () => n.map((o) => {
+      const y = l.has(o.key);
       return {
-        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: [
+        key: o.key,
+        label: /* @__PURE__ */ s("span", { className: "menu-tabs-text", style: { position: "relative" }, children: [
+          y && /* @__PURE__ */ s("svg", { className: "tabs-pin-icon", xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+            /* @__PURE__ */ s("g", { "clip-path": "url(#clip0_1413_1595)", children: [
               /* @__PURE__ */ e("path", { d: "M13.32 11.3399L16.2 8.45993L13.54 5.79993L10.66 8.67993C9.13998 7.91993 7.24998 8.15993 5.97998 9.41993L12.58 16.0199C13.85 14.7499 14.08 12.8599 13.32 11.3399Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M12.4502 4.70996L17.2902 9.54996", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
               /* @__PURE__ */ e("path", { d: "M9.27996 12.72L4.70996 17.29", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
             ] }),
             /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1413_1595", children: /* @__PURE__ */ e("rect", { width: "22", height: "22", fill: "white" }) }) })
           ] }),
-          s.label
+          o.label
         ] }),
-        closable: !v,
+        closable: !y,
         // 고정된 탭은 닫을 수 없음
         children: null
         // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
       };
     }),
-    [r, a]
-  ), [b, L] = A(null), w = R(({ active: s }) => {
-    L(null);
-  }, []), 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);
+    [n, l]
+  ), [w, P] = F(null), G = R(({ active: o }) => {
+    P(null);
+  }, []), v = R(
+    ({ active: o, over: y }) => {
+      if (!y || o.id === y.id) return;
+      const A = n.findIndex((W) => W.key === o.id), M = n.findIndex((W) => W.key === y.id);
+      if (A < 0 || M < 0 || A === M) return;
+      const E = n.map((W) => W.key), _ = Dt(E, A, M);
+      c?.(_);
     },
-    [r, h]
-  ), y = R(
-    (s, v) => /* @__PURE__ */ e(
-      Nt,
+    [n, c]
+  ), x = R(
+    (o, y) => /* @__PURE__ */ e(
+      Tt,
       {
-        sensors: d,
-        onDragStart: w,
-        onDragEnd: I,
-        collisionDetection: Pt,
-        modifiers: [It],
+        sensors: u,
+        onDragStart: G,
+        onDragEnd: v,
+        collisionDetection: Bt,
+        modifiers: [Et],
         children: /* @__PURE__ */ e(
-          Lt,
+          Ot,
           {
-            items: r.map((M) => M.key),
-            strategy: Mt,
-            children: /* @__PURE__ */ e(v, { ...s, children: (M) => {
-              const T = M.key, W = b === T, G = r.find((le) => le.key === T)?.gubun;
+            items: n.map((A) => A.key),
+            strategy: Rt,
+            children: /* @__PURE__ */ e(y, { ...o, children: (A) => {
+              const M = A.key, E = w === M, W = n.find((ae) => ae.key === M)?.gubun;
               return /* @__PURE__ */ e(
-                Qe,
+                it,
                 {
                   rootClassName: "menu-tabs-dropdown",
-                  menu: { items: x(T) },
+                  menu: { items: k(M) },
                   trigger: ["contextMenu"],
-                  open: W,
-                  onOpenChange: (le) => {
-                    L(le ? T : null);
+                  open: E,
+                  onOpenChange: (ae) => {
+                    P(ae ? M : null);
                   },
                   children: /* @__PURE__ */ e(
                     "span",
                     {
-                      onContextMenu: O(T),
+                      onContextMenu: B(M),
                       style: { display: "inline-block", width: "100%", height: "100%" },
-                      children: /* @__PURE__ */ Be(
-                        Yt,
+                      children: /* @__PURE__ */ Pe(
+                        rn,
                         {
-                          ...M.props,
-                          key: M.key,
-                          "data-gubun": G
+                          ...A.props,
+                          key: A.key,
+                          "data-gubun": W
                         },
-                        M
+                        A
                       )
                     }
                   )
@@ -1205,13 +1225,13 @@ const Ft = ({
       }
     ),
     [
-      d,
+      u,
+      G,
+      v,
+      n,
       w,
-      I,
-      r,
-      b,
-      x,
-      O
+      k,
+      B
     ]
   );
   return /* @__PURE__ */ e(
@@ -1220,40 +1240,40 @@ const Ft = ({
       className: t.wrapper.className,
       style: {
         ...t.wrapper.style,
-        display: r.length === 0 ? "none" : "block"
+        display: n.length === 0 ? "none" : "block"
       },
       children: /* @__PURE__ */ e(
-        Xe,
+        st,
         {
           type: "editable-card",
-          activeKey: o || void 0,
-          onChange: l,
-          onEdit: P,
+          activeKey: i || void 0,
+          onChange: p,
+          onEdit: S,
           className: t.tabs.className,
           style: t.tabs.style,
           hideAdd: !0,
           items: J,
           tabBarExtraContent: /* @__PURE__ */ e(
-            qt,
+            on,
             {
               config: t?.nav,
               isFirst: !!K,
-              isLast: !!H,
-              canCloseAll: r.length > 0,
-              onFirst: k,
-              onPrev: m,
-              onNext: C,
-              onLast: S,
-              onCloseAll: _
+              isLast: !!V,
+              canCloseAll: n.length > 0,
+              onFirst: C,
+              onPrev: d,
+              onNext: m,
+              onLast: N,
+              onCloseAll: T
             }
           ),
-          renderTabBar: y
+          renderTabBar: x
         }
       )
     }
   );
-}, { Sider: Xt } = Q, Jt = ({
-  config: n = {}
+}, ln = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeCAYAAADD0FVVAAAACXBIWXMAAAsSAAALEgHS3X78AAAERklEQVRIiY2VTWxUVRiGn/MzlFZ+hlJ/CNSWhJZIojORQgKJFiQsEA24gZCYWMQqJAbaICTGmmBg5UKGpkZgoaCJCdBFF8Qt0xUxUdLbEsDSYItF2SAdHDrt/Znj4t47d/5s/ZKb3HPOPe95v/d7v3OFMYZq0TnW1gHsBpJAkz8rwahBYfQA6IHzrdfGq+0V5aCdY227gVQEFIRRCDQYDUYBCmH0GYw6ce6lq1P/Cdo51pYCjgCsrF3Dg9wYIMBohNGA8gGNRqDCAyxQW86t6y8Ay3LAxbF69jQeY8eKAz47swBhYhA8pWMN6IQwOn3w5rvxEtAg5SMNNSvZ23gMgEv3T5eA+YAFoIB9OBdLgL5QzjRVI2vZseIAT5y/uXz/DFk7C2ZBBIiufoAJD9C7Dg1/tAVABlVueiXezmK9jGsP+xEhGL6WxekWsQOKD4iB0V0A4oO76wcwalci3o7t2dzJWEFBSopBcvEmcl6O0ae/BcVSwbqKCohCGLlMYnRSEGP48c/cyQwDsVI2QeXffnYPdXJJmRwl6SN8ZySlMLGmSKuoso01LXSs6CK19gfq1FJWLWxie8NOjq7+lM3x1yN9Ce2mwyLGReedrcZf8FNorUuw9/lOVi1sxvrnF4ae3CDnzfDWc+9w8Y/v2NawncSSJABWZoTv718qkkACslv6QkeVbaxpYdXCZkaf3mboyQ2sjEVr3TpGs6NM5v5iKDOClRmhVtXSuqilyGK+xsLoIfHhrZ1pUO1RYRTLYy+wbfkOkkvWUx9bzuTMJFcf/sS2hjdoWbSG4cxNrj/6FStzO2Apg70SkKs1JjYAql0UVfHR7GOu/HmJKw/62RjfxP4X9zOavYcwMc7+fpGca/sWNxrhXzLBWE583fbZuBTEBio6h8iHs3mXydwDZlwHa+oWOdeJKh5aLrLUBQB5dt3lcYw+E7VeqVXWPrOWu9l7pe2JCu1T8CyoCYxKFW6pgyPvxwUqjZGJUiOHOoXpqfJ0g06XCCO39m34JF3o/bMvfzuF0R0YnQndIAr3ZlDZyNwlHeSvqS9CwIr79JDV1SWMPB15ThWxC8cl7ABh9W04mqQoZPHgm0QqhdETpe1X2d8+OxlK0EVZyPIJ0CfCX4copK8LaQsjfeY+a6tvY3e6AqF84s3p1xoUaoJAFdt2sB0XJ3hs28WxXRzHwZlxs1+m++LHj388NSdo7UzNq9PTM00A+Xwex3FxHRfPdfEcj7zjkHdcjOshvHy95+XjwNyg169b54F9lbJUja96errHyycrftGDg4M/Sin3ARhj/PRth9lZJ3i3i8e3bdvZPG/6Uko7m53GdT08L4/r+lq6rq9nNPbwvLzteV4F/QqmAKdOnb4AvDdP6pmenu54tYUqlgKgC7AAPC9fkMC2nQJg8E3VqMq0OA4f/jwJpIGlwMXe3pMdc274P6ABcDPQ3Nt7Mj3vx8C/JdZIJ6CGKOUAAAAASUVORK5CYII=", an = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeCAYAAADD0FVVAAAACXBIWXMAAAsSAAALEgHS3X78AAAD0UlEQVRIiY2Vz4tbVRTHP+cmmWkaYboSBUvC2IWLolFUFCkzYisFFxUUdGdwK9SZxbiaQsHuXDR2JS6sBf+AzkZcScZB1IJOWtRWW0pbFSuWOr+Tee/dc1y8H3kvk3Z64ZB7H5zPPd9zzj0RM2PU6v98dBqRFiJN4ClMQQ1MF019F/Xt6jOLN0b5yjC0f+lIE1dq49wU4kAEzBJTUA/qMVVQv4D6VvW5b1fyDFcAXnylhcgyIlOuVkfKVcSVEFcCl1yQGSAcA270fnihORLaW365BXJWSlXGHnuDsf1vI+U94EoggiCpuMSSvcgEIp2t75/PwGJm9H481MCVuq5SmxibfAdKewj/Oo+Fd0AcmGE56bH8ZO+z803UN/e+9NNKGunnwESl/hZS2Udw/TO0fxtTxTKA5nJrYMQ2WHVgBsD1LrzYwGzK1Rq4Wp3wzwUs2oohaTSmYAOwpUWzlJzZDEAZs9cxQ9wY0b/fEa1eRsSBM9zeJmOTH2Wh6OYl/N2viO58OeiG7BIDY2Lrmyeny2Y6LSb4/37Br14GV8IwRF3sBOA30d41pHqAyv4PkPFJwlvtAji3n3aY7YsPmpOc5jKGau8a21ffJ/j9OADlh99E3F4wLaYiKajDNHbeAfaDSM1APbr5G7q+HLdN9UDSETnfBF5GFVKlAiI2aHD1STYtuSRXcc0Bk980aodpNx+d5Xswi5QsJTL+SPwpWisoGqi1rkO1U2ib5OasNxOqVB9nbPIEMv4otv03uv5rJtmKEXfEzNhaPHgDkXo2QOI8UJp4lvGDnxY63KINti+9i25cKRYqBp6rHb7aKgOY+pOIO5vlM4Fq7w/CW58M+nT9Crp6AQvXcr05KBCqJ7O3D7D59RPnETmWh0o+wrQL4iiGnqyC6Wzt1evt+EVlYfgWIl1E6ukksjy1AE1gZPCFFAi50Vc7fHUF1VZ+EhXMD50teySrpr6Vv7swpGtHrnVQPTcSasVzbnq1Hzp6896TPyla23JOmXk/NAo9qF9FfXuYUR7+sFz7ojmut2+m0z2KIoIgJAgjwjAkCCLCIN73A+vf3aw25l6je18owD9rtXpcDyUMPWFYIQwjoigiDKNsH0V+Q7OnPFg7/k0BTp06Pfp/e+danJ+fnd4VurS01ALOpucgCDPb3k73QXreCILw0Nzce7vL7/e36fcDzJQg8InskCjyBfneq3r/4PJngNMPIP/p+fnZ7vDHkdAE3AGmvFfy0VQqZUQE4OP5+dmZUb73hKbr+PETTaADTAAXgekzZz5cuZ/PrtAE3AAaQHc3IMD/3g8pLLYaAAEAAAAASUVORK5CYII=", cn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAAACXBIWXMAAAsSAAALEgHS3X78AAAEZklEQVRIiY2WT2xUVRSHv3NnOi2UtlMDRlFsRTegAhHFuGhsogkLIpCQaHTDoCsINgVcmFgjgaaJGzEY48bEqUtiTA2JIa5aGqrixCAhEERswRiJVGZK6bx3/7z3XLw305l2WjnJzbw7efe7v/u755wZiaKIRjE9NJEFdidjC1HUJYFDrPkVq6fE6JHOj/fkGy4GpBF4emiiHzgKdFRfdA6cQaxBjEaMj2j/hjJef1v+wMiy4ERlHtglmRSp1mZcsQyBQ5ytgWrEeIj2UdpD/PJw6zfv52rBasFGI8CudOdKOnc8xcpNayEMkArYWcQZxOqaDXzE+Hu9V97NNwRPD00cBV5qeWI12R0bcXfKzJ67nkArijViErCtQDWifUR7e83z+/rrrJgemugGJlOrmsnu2Ii9Ncvd0WtIYBFrIVGoYl8R7cXDL6P8cvzplRF/bkZ5c92pa6dLFcX9AK1b1wEw+8MfSODAOUi8bTvQQ2vfywstSDbyE8+9DtFeDiCdgHdXjjA7MQmeoWldG+37nl2UMW3DB6rP5vBnRD9eTNR7yUV6OeCTdJIJXQB3x36fv6zAxYvPTxHdngHnYmucQ1pSpHe+iBgDOgEmcLF6c0XxlqqEMKxeVHh7Fv/MZTLbulDbuutUB98XcF9+Bzf/mvc7GQB0Ptedrr4dRYlSC9aiOlYgYYA9dzUpjopiG/vuLKxpR67El6n8cu3e3WmgVIESJJflDKn2DKkn16Ba0qjHVsd2RBHS2kz4259IEBBdvwGJBdRWcLEwKlEU8e/xsxHVyqrLTTLPPELLkZ3o974gtWEdatPjBG8dQ3U/iPxyCfHuIdbUqp2hWMjG6Ra4b6sla+cLoGnzozTv30405xP+fCW24qEHkIxCDR1EvfPGQijE1RtXnjg7Mg81iDG0vP4CKw69Cvc8zJHPUcaH0l3k4dWkf/oK2bAeJm8uSkfiXjPfhIqHv76gtN4s2kOMj0oFpNdmCQuXEa+M8ucQb47UpvWxTbf/gYtXF0LHKBZ6K+kGgFiTw+pRsbpDtA/aI/z7VpxGpiadzp5HvLn4outjBshVJtUmlP30zQtidH9duSYlGxeAXy2EBlCAHMXC1CIwQHt+f16MHqvNimov0OV4vviyAIYpFuqa/cJ+jBgvJ8ZH1TVyD+XH8wYxQ9LElgWvPH1sSrQ3XNceE7VLRJ5iobTwy3SjNy/1bV8VKblBFBIFIVZrrHUYYzHWYa3DGosxFh0Ea95uwFgEHh8fz3rtLRu1tl2gcC7ASQabUrh0KoZai8uksbYJ54JyA+5icE9PT2lw8MQp4MOlzr4gTt0XeHx8PNvTs/U1pQSAMAzjI+v46PEw1bnW5un7AgMoJaZUmgWIrXCJr9ZVn50LsDYgDKN7jRgN/7AADA6emCL5ZVkmxgYGDvU2FLfMon7iHF0qGuZvJZZUXInBwRO9d+7MHHQu2AOQyTR9lM22nRkYODS63Lr/BVeir++DXqB08uTxC/fz/n/BR9oECTo+3AAAAABJRU5ErkJggg==", { Sider: dn } = ee, un = ({
+  config: r = {}
 }) => {
   const t = {
     collapsed: !1,
@@ -1262,7 +1282,7 @@ const Ft = ({
       mainMenu: "MAIN",
       subMenu: "SUB",
       program: "PRGM",
-      ...n?.menuGubunCode
+      ...r?.menuGubunCode
     },
     className: {
       wrapper: "side-wrapper",
@@ -1270,7 +1290,7 @@ const Ft = ({
       segmented: {
         wrapper: "sider-segmented",
         item: "sider-segment-item",
-        ...n?.className?.segmented
+        ...r?.className?.segmented
       },
       sider: {
         content: "sider-content",
@@ -1281,28 +1301,28 @@ const Ft = ({
         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, o] = A(""), [a, c] = A(
+    ...r
+  }, [n, i] = F(""), [l, a] = F(
     "category"
-  ), [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 v = "  ".repeat(s), M = y.menuNo || "";
-        w.push({
-          value: y.menuId,
-          label: /* @__PURE__ */ i(
+  ), [g, c] = F([]), { activeMenuId: h, sidebarCollapsed: b, openTabFromMenu: f, toggleSidebar: I } = O(), { menuList: u, isLoading: p, error: S, findMenuById: C, flatMenuList: d } = le(), { nodes: m, treeNodes: N, loadFavoritesIfNeeded: T } = pt(), B = U(() => {
+    const v = [], x = (o, y = 0) => {
+      if (o.menuGbCd === t.menuGubunCode.program && o.prgrUrl) {
+        const A = "  ".repeat(y), M = o.menuNo || "";
+        v.push({
+          value: o.menuId,
+          label: /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -1311,9 +1331,9 @@ const Ft = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ i("span", { children: [
-                  v,
-                  y.menuNm
+                /* @__PURE__ */ s("span", { children: [
+                  A,
+                  o.menuNm
                 ] }),
                 /* @__PURE__ */ e(
                   "span",
@@ -1332,80 +1352,130 @@ const Ft = ({
               ]
             }
           ),
-          menuItem: y
+          menuItem: o
         });
       }
-      y.children && y.children.length > 0 && y.children.forEach((v) => I(v, s + 1));
+      o.children && o.children.length > 0 && o.children.forEach((A) => x(A, y + 1));
     };
-    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 u.forEach((o) => x(o)), v;
+  }, [u]), k = U(() => n.trim() ? B.filter((v) => {
+    const x = v.menuItem.menuNm.toLowerCase(), o = String(v.menuItem.menuNo || "미지정").toLowerCase(), y = n.toLowerCase();
+    return x.includes(y) || o.includes(y);
+  }) : [], [B, n]), H = (v) => {
+    if (!v || typeof v != "string") {
+      console.warn("Invalid menu selection value:", v);
       return;
     }
-    if (!/^[a-zA-Z0-9_-]+$/.test(w)) {
-      console.warn("Invalid menu ID format:", w);
+    if (!/^[a-zA-Z0-9_-]+$/.test(v)) {
+      console.warn("Invalid menu ID format:", v);
       return;
     }
-    const I = O.find(
-      (y) => y.value === w
+    const x = B.find(
+      (o) => o.value === v
     );
-    if (I) {
-      const { menuItem: y } = I;
-      if (!y || !y.menuId || !y.menuNm) {
-        console.warn("Invalid menu item:", y);
+    if (x) {
+      const { menuItem: o } = x;
+      if (!o || !o.menuId || !o.menuNm) {
+        console.warn("Invalid menu item:", o);
         return;
       }
-      y.menuGbCd === t.menuGubunCode.program && y.scrnPath ? (console.log(
+      o.menuGbCd === t.menuGubunCode.program && o.prgrUrl ? (console.log(
         "✅ 검색으로 프로그램 메뉴 선택 - 탭 추가 및 setCurrentProgram 호출"
       ), console.log(
         "메뉴명:",
-        y.menuNm,
+        o.menuNm,
         "경로:",
-        y.scrnPath,
-        "scrnId:",
-        y.scrnId
-      ), p(y)) : (y.menuGbCd === t.menuGubunCode.mainMenu || y.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", y.menuNm, "menuGbCd:", y.menuGbCd)), o("");
+        o.prgrUrl,
+        "prgrId:",
+        o.prgrId
+      ), f(o)) : (o.menuGbCd === t.menuGubunCode.mainMenu || o.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", o.menuNm, "menuGbCd:", o.menuGbCd)), i("");
     }
   }, K = R(
-    (w) => {
-      const I = k(w);
-      I?.menuGbCd === t.menuGubunCode.program && (console.log(
+    (v) => {
+      const x = C(v);
+      x?.menuGbCd === t.menuGubunCode.program && (console.log(
         "메뉴명:",
-        I.menuNm,
+        x.menuNm,
         "경로:",
-        I.scrnPath,
-        "scrnId:",
-        I.scrnId
-      ), p(I));
+        x.prgrUrl,
+        "prgrId:",
+        x.prgrId
+      ), f(x));
     },
-    [k, p, t.menuGubunCode.program]
-  ), H = R((w) => w.map((I) => ({
-    key: I.menuId,
-    label: /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center"
-        },
-        children: /* @__PURE__ */ e("span", { children: I.menuNm })
-      }
-    ),
-    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, {});
+    [C, f, t.menuGubunCode.program]
+  ), V = (v) => {
+    if (!v) return null;
+    switch (v) {
+      case "01":
+        return /* @__PURE__ */ e(Nt, {});
+      case "02":
+        return /* @__PURE__ */ e(
+          "img",
+          {
+            src: ln,
+            alt: "개발완료",
+            style: { width: "16px", height: "16px", display: "inline-block" }
+          }
+        );
+      case "03":
+        return /* @__PURE__ */ e(
+          "img",
+          {
+            src: an,
+            alt: "디자인검수완료",
+            style: { width: "16px", height: "16px", display: "inline-block" }
+          }
+        );
+      case "04":
+        return /* @__PURE__ */ e(
+          "img",
+          {
+            src: cn,
+            alt: "최종완료",
+            style: { width: "16px", height: "16px", display: "inline-block" }
+          }
+        );
+      default:
+        return null;
     }
-    if (I)
-      switch (I) {
+  }, J = R(
+    (v) => v.map((x) => {
+      const y = x.menuGbCd === t.menuGubunCode.program ? V(x.prgrStts) : null;
+      return {
+        key: x.menuId,
+        label: /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: /* @__PURE__ */ s(
+              "span",
+              {
+                style: { display: "flex", alignItems: "center", gap: "6px" },
+                children: [
+                  y,
+                  x.menuNm
+                ]
+              }
+            )
+          }
+        ),
+        icon: w(x.iconCd, x.menuGbCd),
+        children: x.children && x.children.length > 0 ? J(x.children) : void 0
+      };
+    }),
+    [t.menuGubunCode.program]
+  ), w = (v, x) => {
+    if (v) {
+      const o = ie[v];
+      if (o)
+        return /* @__PURE__ */ e(o, {});
+    }
+    if (x)
+      switch (x) {
         case t.menuGubunCode.mainMenu:
           return /* @__PURE__ */ e(ie.HomeOutlined, {});
         case t.menuGubunCode.subMenu:
@@ -1416,66 +1486,66 @@ const Ft = ({
           return null;
       }
     return null;
-  }, b = R(
-    (w) => {
-      if (d.length === 0) return [];
-      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} (삭제됨)`;
+  }, P = R(
+    (v) => {
+      if (u.length === 0) return [];
+      const x = (y) => {
+        if (y)
+          return typeof y == "string" ? m[y] : y;
+      }, o = (y) => {
+        if (y.type === "M") {
+          const A = y, M = C(A.menuId) || void 0, E = !!M, _ = E ? `${M?.menuNm ?? A.menuNm ?? A.menuId}` : `${A.menuNm ?? A.menuId} (삭제됨)`;
           return {
-            key: v.menuId,
-            label: W,
-            icon: T ? void 0 : /* @__PURE__ */ e(bt, { style: { color: "#faad14" } })
+            key: A.menuId,
+            label: _,
+            icon: E ? void 0 : /* @__PURE__ */ e(xt, { style: { color: "#faad14" } })
           };
         } else {
-          const v = s, M = (v.children ?? []).map(I).filter(Boolean).map(y);
+          const A = y, M = (A.children ?? []).map(x).filter(Boolean).map(o);
           return {
-            key: v.bkmkId,
-            label: v.bkmkNm ?? v.bkmkId,
-            icon: v.prntBkmkId === "-" ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(Ct, {}),
+            key: A.bkmkId,
+            label: A.bkmkNm ?? A.bkmkId,
+            icon: A.prntBkmkId === "-" ? /* @__PURE__ */ e(At, {}) : /* @__PURE__ */ e(It, {}),
             children: M
             // 빈 배열이면 자동으로 말아줌
           };
         }
       };
-      return w.map(y);
+      return v.map(o);
     },
-    [k, C, d]
-  ), L = F(
-    () => b(S),
-    [b, S, C]
+    [C, m, u]
+  ), G = U(
+    () => P(N),
+    [P, N, m]
   );
-  return E(() => {
-    Pe() && _(Pe());
-  }, [_]), E(() => {
-    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;
+  return D(() => {
+    Ae() && T(Ae());
+  }, [T]), D(() => {
+    l === "category" && i("");
+  }, [l]), D(() => {
+    if (!h || l !== "category") return;
+    const x = ((o) => {
+      const y = [], A = new Map(d.map((E) => [E.menuId, E]));
+      let M = o;
       for (; M; ) {
-        const T = v.get(M);
-        if (!T) break;
-        if (T.menuPrntId && T.menuPrntId !== "-" && T.menuPrntId !== "")
-          s.push(T.menuPrntId), M = T.menuPrntId;
+        const E = A.get(M);
+        if (!E) break;
+        if (E.menuPrntId && E.menuPrntId !== "-" && E.menuPrntId !== "")
+          y.push(E.menuPrntId), M = E.menuPrntId;
         else
           break;
       }
-      return s;
-    })(u);
-    I.length > 0 && h((y) => {
-      const s = /* @__PURE__ */ new Set([...y, ...I]);
-      return Array.from(s);
+      return y;
+    })(h);
+    x.length > 0 && c((o) => {
+      const y = /* @__PURE__ */ new Set([...o, ...x]);
+      return Array.from(y);
     });
-  }, [u, a, m]), /* @__PURE__ */ i(
-    Xt,
+  }, [h, l, d]), /* @__PURE__ */ s(
+    dn,
     {
       className: t.className.wrapper,
-      collapsed: t.collapsed || f,
+      collapsed: t.collapsed || b,
       trigger: null,
       width: t.width || 230,
       children: [
@@ -1500,10 +1570,10 @@ const Ft = ({
               transition: "all 0.3s ease"
             },
             children: /* @__PURE__ */ e(
-              B,
+              L,
               {
                 type: "text",
-                icon: t.collapsed || f ? /* @__PURE__ */ e(mt, {}) : /* @__PURE__ */ e(gt, {}),
+                icon: t.collapsed || b ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(vt, {}),
                 style: {
                   fontSize: "12px",
                   color: "#787878",
@@ -1515,28 +1585,28 @@ const Ft = ({
                   justifyContent: "center",
                   borderRadius: "0 10px 10px 0"
                 },
-                onClick: N
+                onClick: I
               }
             )
           }
         ),
-        !(t.collapsed || f) && /* @__PURE__ */ e(
+        !(t.collapsed || b) && /* @__PURE__ */ e(
           "div",
           {
             style: {
               padding: 10
             },
             children: /* @__PURE__ */ e(
-              Je,
+              lt,
               {
-                value: r,
-                options: x,
-                onSelect: $,
-                onSearch: o,
+                value: n,
+                options: k,
+                onSelect: H,
+                onSearch: i,
                 style: { width: "100%" },
                 allowClear: !0,
                 children: /* @__PURE__ */ e(
-                  ue,
+                  pe,
                   {
                     className: t.className.search,
                     placeholder: t.style.search.placeholder,
@@ -1570,7 +1640,7 @@ const Ft = ({
             )
           }
         ),
-        !(t.collapsed || f) && /* @__PURE__ */ e(
+        !(t.collapsed || b) && /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1579,18 +1649,18 @@ const Ft = ({
               marginBottom: "10px"
             },
             children: /* @__PURE__ */ e(
-              et,
+              at,
               {
                 className: t.className.segmented.wrapper,
                 options: [
                   {
-                    label: /* @__PURE__ */ i(j, { children: [
+                    label: /* @__PURE__ */ s(z, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
                           className: t.className.segmented.item,
                           style: { display: "flex", alignItems: "center" },
-                          children: /* @__PURE__ */ i(
+                          children: /* @__PURE__ */ s(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -1639,7 +1709,7 @@ const Ft = ({
                     value: "category"
                   },
                   {
-                    label: /* @__PURE__ */ i(j, { children: [
+                    label: /* @__PURE__ */ s(z, { children: [
                       /* @__PURE__ */ e(
                         "span",
                         {
@@ -1671,9 +1741,9 @@ const Ft = ({
                     value: "favorite"
                   }
                 ],
-                value: a,
-                onChange: (w) => {
-                  c(w);
+                value: l,
+                onChange: (v) => {
+                  a(v);
                 },
                 style: {
                   width: "100%"
@@ -1683,8 +1753,8 @@ const Ft = ({
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: t.className.sider.content, children: [
-          l && /* @__PURE__ */ i(
+        /* @__PURE__ */ s("div", { className: t.className.sider.content, children: [
+          p && /* @__PURE__ */ s(
             "div",
             {
               className: t.className.sider.loading,
@@ -1696,7 +1766,7 @@ const Ft = ({
               },
               children: [
                 /* @__PURE__ */ e(
-                  be,
+                  Ce,
                   {
                     theme: {
                       components: {
@@ -1705,7 +1775,7 @@ const Ft = ({
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(q, { size: "default" })
+                    children: /* @__PURE__ */ e($, { size: "default" })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -1719,16 +1789,16 @@ const Ft = ({
               ]
             }
           ),
-          P && /* @__PURE__ */ i("div", { className: t.className.sider.error, children: [
+          S && /* @__PURE__ */ s("div", { className: t.className.sider.error, children: [
             /* @__PURE__ */ e(
-              ft,
+              kt,
               {
                 className: t.className.sider.errorIcon
               }
             ),
             /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
           ] }),
-          !l && !P && a === "category" && d.length === 0 && /* @__PURE__ */ e(
+          !p && !S && l === "category" && u.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1740,7 +1810,7 @@ const Ft = ({
               children: "메뉴가 없습니다"
             }
           ),
-          !l && !P && a === "favorite" && L.length === 0 && /* @__PURE__ */ e(
+          !p && !S && l === "favorite" && G.length === 0 && /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1752,33 +1822,33 @@ const Ft = ({
               children: "즐겨찾기된 메뉴가 없습니다"
             }
           ),
-          !l && !P && a === "category" && d.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            pe,
+          !p && !S && l === "category" && u.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            he,
             {
               theme: "light",
               mode: "inline",
-              items: H(d),
+              items: J(u),
               className: t.className.sider.menu,
-              selectedKeys: [u || ""],
+              selectedKeys: [h || ""],
               openKeys: g,
-              onOpenChange: h,
-              onClick: (w) => K(w.key),
-              onDoubleClick: (w) => {
-                w.preventDefault(), w.stopPropagation();
+              onOpenChange: c,
+              onClick: (v) => K(v.key),
+              onDoubleClick: (v) => {
+                v.preventDefault(), v.stopPropagation();
               }
             }
           ) }),
-          !l && !P && a === "favorite" && L.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
-            pe,
+          !p && !S && l === "favorite" && G.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            he,
             {
               theme: "light",
               mode: "inline",
-              items: L,
+              items: G,
               className: t.className.sider.menu,
-              selectedKeys: [u || ""],
-              onClick: (w) => K(w.key),
-              onDoubleClick: (w) => {
-                w.preventDefault(), w.stopPropagation();
+              selectedKeys: [h || ""],
+              onClick: (v) => K(v.key),
+              onDoubleClick: (v) => {
+                v.preventDefault(), v.stopPropagation();
               }
             }
           ) })
@@ -1787,7 +1857,7 @@ const Ft = ({
     }
   );
 };
-class en extends ot {
+class pn extends Ke {
   constructor(t) {
     super(t), this.resetError = () => {
       this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
@@ -1796,14 +1866,14 @@ class en extends ot {
   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() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ i(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ s(
       "div",
       {
         style: {
@@ -1824,10 +1894,10 @@ class en extends ot {
               subTitle: this.state.error ? `오류 내용: ${this.state.error.message}` : "알 수 없는 오류가 발생했습니다",
               extra: [
                 /* @__PURE__ */ e(
-                  B,
+                  L,
                   {
                     type: "primary",
-                    icon: /* @__PURE__ */ e(we, {}),
+                    icon: /* @__PURE__ */ e(ve, {}),
                     onClick: this.resetError,
                     style: { marginRight: 8 },
                     children: "다시 시도"
@@ -1837,7 +1907,7 @@ class en extends ot {
               ]
             }
           ),
-          this.state.error && /* @__PURE__ */ i(
+          this.state.error && /* @__PURE__ */ s(
             "details",
             {
               style: {
@@ -1872,13 +1942,13 @@ class en extends ot {
     ) : this.props.children;
   }
 }
-const tn = ({
-  isActive: n,
+const hn = ({
+  isActive: r,
   instance: t,
-  params: r
+  params: n
 }) => {
-  const { activeMenuId: o, closeTab: a } = D(), c = () => {
-    o && a(o);
+  const { activeMenuId: i, closeTab: l } = O(), a = () => {
+    i && l(i);
   };
   return t ? /* @__PURE__ */ e(
     "div",
@@ -1889,12 +1959,12 @@ const tn = ({
         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(en, { children: /* @__PURE__ */ e(se, { fallback: null, children: t && Be(t, { params: r }) }) })
+      children: /* @__PURE__ */ e(pn, { children: /* @__PURE__ */ e(se, { fallback: null, children: t && Pe(t, { params: n }) }) })
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -1908,10 +1978,10 @@ const tn = ({
         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",
@@ -1931,104 +2001,104 @@ const tn = ({
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
               subTitle: /* @__PURE__ */ e(ye.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(B, { icon: /* @__PURE__ */ e(Ee, {}), onClick: c, children: "탭 닫기" }) })
+              extra: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(L, { icon: /* @__PURE__ */ e(Ee, {}), onClick: a, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, nn = Ce(tn), rn = ({
-  menuGubunCode: n = {
+}, mn = fe(hn), gn = ({
+  menuGubunCode: r = {
     mainMenu: "MAIN",
     subMenu: "SUB",
     program: "PRGM"
   },
   mode: t = "horizontal",
-  style: r,
-  routeMap: o
+  style: n,
+  routeMap: i
 }) => {
-  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];
-        if (C)
-          return /* @__PURE__ */ e(C, {});
+  const { menuList: l, findMenuById: a, flatMenuList: g } = le(), { activeMenuId: c } = O(), h = be(), [b, f] = F([]), I = R(
+    (C, d) => {
+      if (C) {
+        const m = ie[C];
+        if (m)
+          return /* @__PURE__ */ e(m, {});
       }
-      if (m)
-        switch (m) {
-          case n.mainMenu:
+      if (d)
+        switch (d) {
+          case r.mainMenu:
             return /* @__PURE__ */ e(ie.HomeOutlined, {});
           default:
             return null;
         }
       return null;
     },
-    [n]
-  ), d = R(
-    (k) => k.map((m) => {
-      const C = m.children && m.children.length === 1 && m.children[0].menuGbCd === n.program;
+    [r]
+  ), u = R(
+    (C) => C.map((d) => {
+      const m = d.children && d.children.length === 1 && d.children[0].menuGbCd === r.program;
       return {
-        key: m.menuId,
-        label: m.menuNm,
-        icon: N(m.iconCd, m.menuGbCd),
+        key: d.menuId,
+        label: d.menuNm,
+        icon: I(d.iconCd, d.menuGbCd),
         // children이 1개이고 program이면 드롭다운 없음, 2개 이상이면 드롭다운 표시
-        children: m.children && m.children.length > 0 && !C ? d(m.children) : void 0
+        children: d.children && d.children.length > 0 && !m ? u(d.children) : void 0
       };
     }),
-    [N, n]
-  ), l = F(() => d(a), [a, d]), P = R(
-    (k) => {
-      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];
-          let S = o?.[C.menuId] || C.scrnPath || "/";
-          S === "/" ? S = "/main" : S.startsWith("/main") || (S = S.startsWith("/") ? `/main${S}` : `/main/${S}`), u(S);
+    [I, r]
+  ), p = U(() => u(l), [l, u]), S = R(
+    (C) => {
+      const d = a(C.key);
+      if (d) {
+        if (d.children && d.children.length === 1 && d.children[0].menuGbCd === r.program) {
+          const m = d.children[0];
+          let N = i?.[m.menuId] || m.prgrUrl || "/";
+          N === "/" ? N = "/main" : N.startsWith("/main") || (N = N.startsWith("/") ? `/main${N}` : `/main/${N}`), h(N);
           return;
         }
-        if (m.menuGbCd === n.program && m.scrnPath) {
-          let C = o?.[m.menuId] || m.scrnPath || "/";
-          C === "/" ? C = "/main" : C.startsWith("/main") || (C = C.startsWith("/") ? `/main${C}` : `/main/${C}`), u(C);
+        if (d.menuGbCd === r.program && d.prgrUrl) {
+          let m = i?.[d.menuId] || d.prgrUrl || "/";
+          m === "/" ? m = "/main" : m.startsWith("/main") || (m = m.startsWith("/") ? `/main${m}` : `/main/${m}`), h(m);
           return;
         }
       }
     },
-    [c, n, u, o]
+    [a, r, h, i]
   );
-  return E(() => {
-    if (!h || t !== "vertical") return;
-    const m = ((C) => {
-      const S = [], _ = new Map(g.map((x) => [x.menuId, x]));
-      let O = C;
-      for (; O; ) {
-        const x = _.get(O);
-        if (!x) break;
-        if (x.menuPrntId && x.menuPrntId !== "-" && x.menuPrntId !== "")
-          S.push(x.menuPrntId), O = x.menuPrntId;
+  return D(() => {
+    if (!c || t !== "vertical") return;
+    const d = ((m) => {
+      const N = [], T = new Map(g.map((k) => [k.menuId, k]));
+      let B = m;
+      for (; B; ) {
+        const k = T.get(B);
+        if (!k) break;
+        if (k.menuPrntId && k.menuPrntId !== "-" && k.menuPrntId !== "")
+          N.push(k.menuPrntId), B = k.menuPrntId;
         else
           break;
       }
-      return S;
-    })(h);
-    m.length > 0 && p((C) => {
-      const S = /* @__PURE__ */ new Set([...C, ...m]);
-      return Array.from(S);
+      return N;
+    })(c);
+    d.length > 0 && f((m) => {
+      const N = /* @__PURE__ */ new Set([...m, ...d]);
+      return Array.from(N);
     });
-  }, [h, t, g]), /* @__PURE__ */ e(
-    pe,
+  }, [c, t, g]), /* @__PURE__ */ e(
+    he,
     {
       mode: t,
       theme: "light",
-      items: l,
-      selectedKeys: [h || ""],
-      openKeys: t === "vertical" ? f : void 0,
-      onOpenChange: t === "vertical" ? p : void 0,
-      onClick: P,
-      style: r
+      items: p,
+      selectedKeys: [c || ""],
+      openKeys: t === "vertical" ? b : void 0,
+      onOpenChange: t === "vertical" ? f : void 0,
+      onClick: S,
+      style: n
     }
   );
-}, on = () => /* @__PURE__ */ i(j, { children: [
+}, fn = () => /* @__PURE__ */ s(z, { children: [
   /* @__PURE__ */ e(
     "link",
     {
@@ -2038,141 +2108,141 @@ 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 = ((a) => {
-    if (a.startsWith("/src/pages/views/popup/")) {
-      const h = a + ".tsx";
-      return console.log(`팝업 URL 변환: ${a} -> ${h}`), h;
+] }), bn = (r, t) => {
+  console.log("createPopupViewLoader 호출 - popupUrl:", r);
+  const i = ((l) => {
+    if (l.startsWith("/src/pages/views/popup/")) {
+      const c = l + ".tsx";
+      return console.log(`팝업 URL 변환: ${l} -> ${c}`), c;
     }
-    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];
-}, 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);
+    const g = `/src/pages/views/popup/${l.startsWith("/") ? l.substring(1) : l}.tsx`;
+    return console.log(`팝업 URL 변환: ${l} -> ${g}`), g;
+  })(r);
+  return !i || !t?.glob || !t.glob[i] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${r} (${i})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t.glob[i];
+}, Cn = ({ popup: r, modules: t }) => {
+  const [n, i] = F(null), [l, a] = F(!1), [g, c] = F(null), h = () => {
+    console.log("PopupArea - handleClose:", r.popupId), we.getState().closePopup(r.popupId);
   };
-  return E(() => {
+  return D(() => {
     (async () => {
-      console.log("팝업 뷰 로드 시작:", n.popupUrl), c(!0), h(null);
+      console.log("팝업 뷰 로드 시작:", r.popupUrl), a(!0), c(null);
       try {
-        const p = sn(n.popupUrl, t);
-        if (!p) {
-          const l = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
-          console.error(l), h(l), c(!1);
+        const f = bn(r.popupUrl, t);
+        if (!f) {
+          const p = `팝업 뷰를 찾을 수 없습니다: ${r.popupUrl}`;
+          console.error(p), c(p), a(!1);
           return;
         }
         console.log("팝업 뷰 모듈 로드 중...");
-        const N = await p();
-        console.log("팝업 뷰 모듈 로드 완료:", N);
-        const d = N.default;
-        if (console.log("팝업 뷰 컴포넌트:", d), !d)
+        const I = await f();
+        console.log("팝업 뷰 모듈 로드 완료:", I);
+        const u = I.default;
+        if (console.log("팝업 뷰 컴포넌트:", u), !u)
           throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
-        o(() => d), console.log("팝업 뷰 설정 완료");
-      } catch (p) {
-        console.error("팝업 뷰 로드 실패:", p), h(p instanceof Error ? p.message : "팝업 뷰 로드 실패");
+        i(() => u), console.log("팝업 뷰 설정 완료");
+      } catch (f) {
+        console.error("팝업 뷰 로드 실패:", f), c(f instanceof Error ? f.message : "팝업 뷰 로드 실패");
       } finally {
-        c(!1);
+        a(!1);
       }
     })();
-  }, [n.popupUrl]), a ? /* @__PURE__ */ i("div", { className: "popup-loading", children: [
-    /* @__PURE__ */ e(q, { size: "large" }),
+  }, [r.popupUrl]), l ? /* @__PURE__ */ s("div", { className: "popup-loading", children: [
+    /* @__PURE__ */ e($, { size: "large" }),
     /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
-  ] }) : g ? /* @__PURE__ */ i("div", { className: "popup-error", children: [
+  ] }) : g ? /* @__PURE__ */ s("div", { className: "popup-error", children: [
     /* @__PURE__ */ e(de, { description: g, image: de.PRESENTED_IMAGE_SIMPLE }),
     /* @__PURE__ */ e(
-      B,
+      L,
       {
-        icon: /* @__PURE__ */ e(we, {}),
+        icon: /* @__PURE__ */ e(ve, {}),
         onClick: () => window.location.reload(),
         children: "다시 시도"
       }
     )
-  ] }) : r ? /* @__PURE__ */ e(
+  ] }) : n ? /* @__PURE__ */ e(
     se,
     {
-      fallback: /* @__PURE__ */ i("div", { className: "popup-loading", children: [
-        /* @__PURE__ */ e(q, { size: "large" }),
+      fallback: /* @__PURE__ */ s("div", { className: "popup-loading", children: [
+        /* @__PURE__ */ e($, { size: "large" }),
         /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
       ] }),
       children: /* @__PURE__ */ e(
-        r,
+        n,
         {
           popup: {
-            ...n,
-            close: u
+            ...r,
+            close: h
             // popup 객체에 close 이벤트 추가
           },
-          onClose: u
+          onClose: h
         }
       )
     }
   ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(de, { description: "팝업 내용을 불러올 수 없습니다." }) });
-}, 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_"))
+}, yn = ({ modules: r }) => {
+  const { popups: t } = we();
+  return t.length === 0 ? null : /* @__PURE__ */ e(z, { children: t.map((n) => {
+    if (n.isLocal || n.popupCode.startsWith("CORE_"))
       return null;
-    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",
-      disabled: u.enblYn !== "Y",
+    const i = n.config || {}, l = i.width || n.width || 800, a = i.height || n.height || 600, g = i.title || n.popupTitle, c = n.buttonList?.map((h, b) => ({
+      key: h.btnId || `btn_${b}`,
+      text: h.btnNm,
+      type: h.btnId === "CLOSE" ? "default" : "primary",
+      disabled: h.enblYn !== "Y",
       danger: !1
     })) || [];
     return console.log("팝업 렌더링:", {
-      popupId: r.popupId,
-      popupCode: r.popupCode,
+      popupId: n.popupId,
+      popupCode: n.popupCode,
       title: g,
-      width: a,
-      height: c,
-      buttons: h
-    }), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(an, { popup: r, modules: n }) }, r.popupId) }, `sbp-${r.popupId}`);
+      width: l,
+      height: a,
+      buttons: c
+    }), /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Cn, { popup: n, modules: r }) }, n.popupId) }, `sbp-${n.popupId}`);
   }) });
-}, je = () => {
-  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 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}`);
+}, He = () => {
+  const { popups: r, closePopup: t } = we();
+  return /* @__PURE__ */ e(z, { children: r.map((n) => {
+    if (!(n.isLocal || n.popupCode.startsWith("CORE_"))) return null;
+    const i = _t[n.popupCode];
+    if (!i) return null;
+    const l = i.component;
+    return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(se, { fallback: null, children: /* @__PURE__ */ e(l, { popup: n, onClose: () => t(n.popupId) }) }, n.popupId) }, `sbp-${n.popupId}`);
   }) });
-}, cn = (n) => ({
+}, wn = (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"
-}), dn = ({ once: n = !0 }) => {
-  const { lock: t } = $e(), r = X(!1);
-  return E(() => {
-    n && r.current || (r.current = !0, t());
-  }, [n, t]), null;
-}, 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__ */ i(
-    He,
+  pointerEvents: r ? "auto" : "none"
+}), vn = ({ once: r = !0 }) => {
+  const { lock: t } = Ve(), n = q(!1);
+  return D(() => {
+    r && n.current || (n.current = !0, t());
+  }, [r, t]), null;
+}, kn = ({ isActive: r, flagged: t, tabKey: n, onUnlock: i, children: l }) => {
+  const a = q(null), [g, c] = F(!1), h = R((f) => {
+    a.current = f, c(!!f);
+  }, []), b = wn(r);
+  return /* @__PURE__ */ e("div", { ref: h, style: b, children: g ? /* @__PURE__ */ s(
+    Fe,
     {
       idleMs: Number.POSITIVE_INFINITY,
       persistLocked: !1,
       overlayScope: "scoped",
       overlayPosition: "absolute",
-      eventTarget: c.current,
-      overlayId: `tab-overlay-${r}`,
-      onUnlock: async () => (o(), !0),
+      eventTarget: a.current,
+      overlayId: `tab-overlay-${n}`,
+      onUnlock: async () => (i(), !0),
       children: [
-        n && t ? /* @__PURE__ */ e(dn, { once: !0 }) : null,
-        a
+        r && t ? /* @__PURE__ */ e(vn, { once: !0 }) : null,
+        l
       ]
     }
-  ) : a });
-}, Mn = ({
-  config: n = {},
+  ) : l });
+}, Vn = ({
+  config: r = {},
   modules: t = {
     view: {
       path: "/src/pages/views/content"
@@ -2182,53 +2252,53 @@ const tn = ({
     }
   }
 }) => {
-  const r = X(
+  const n = q(
     /* @__PURE__ */ new Map()
   ), {
-    tabs: o,
-    tabParams: a,
-    activeMenuId: c,
+    tabs: i,
+    tabParams: l,
+    activeMenuId: a,
     tabProtectFlag: g,
-    refreshTabKey: h,
-    clearProtectFlagForKey: u
-  } = D(), { enableProtectWrapper: f } = De(), p = R(
-    (d) => {
-      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
+    refreshTabKey: c,
+    clearProtectFlagForKey: h
+  } = O(), { enableProtectWrapper: b } = Be(), f = R(
+    (u) => {
+      const p = n.current.get(u.key);
+      if (p) return p;
+      const S = u.gubun === "M" ? `${t.view.path}${u.menuItem?.prgrUrl}.tsx` : `${t.view.path}${u.componentItem?.prgrUrl}.tsx`;
+      let C = t.view?.glob?.[S];
+      if (!C && typeof import.meta < "u" && typeof import.meta.glob == "function" && (C = (/* @__PURE__ */ Object.assign({}))[S]), C) {
+        const d = j(
+          C
         );
-        return r.current.set(d.key, m), m;
+        return n.current.set(u.key, d), d;
       }
       return null;
     },
     [t.view?.glob]
-  ), N = X({});
-  return E(() => {
-    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 = (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;
+  ), I = q({});
+  return D(() => {
+    const u = I.current, p = c;
+    Object.keys(p).forEach((S) => {
+      const C = u[S], d = p[S];
+      C !== d && n.current.delete(S);
+    }), I.current = { ...p };
+  }, [c]), D(() => {
+    const u = (p) => {
+      if (p.key === "F5" || p.ctrlKey && p.key === "r" || p.ctrlKey && p.shiftKey && p.key === "R" || p.ctrlKey && p.key === "s")
+        return p.preventDefault(), !1;
     };
-    return window.addEventListener("keydown", d, !0), () => {
-      window.removeEventListener("keydown", d, !0);
+    return window.addEventListener("keydown", u, !0), () => {
+      window.removeEventListener("keydown", u, !0);
     };
-  }, []), /* @__PURE__ */ i(Q, { className: "main-layout", children: [
-    /* @__PURE__ */ e(Re, { config: n?.header }),
-    /* @__PURE__ */ i(Q, { children: [
-      /* @__PURE__ */ e(Jt, { config: n?.sidebar }),
-      /* @__PURE__ */ i("div", { className: "content-container", children: [
-        /* @__PURE__ */ e(Qt, { config: n?.menuTab }),
-        /* @__PURE__ */ i(Oe, { config: n?.content, children: [
-          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ i(
+  }, []), /* @__PURE__ */ s(ee, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Re, { config: r?.header }),
+    /* @__PURE__ */ s(ee, { children: [
+      /* @__PURE__ */ e(un, { config: r?.sidebar }),
+      /* @__PURE__ */ s("div", { className: "content-container", children: [
+        /* @__PURE__ */ e(sn, { config: r?.menuTab }),
+        /* @__PURE__ */ s(Oe, { config: r?.content, children: [
+          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -2237,101 +2307,110 @@ const tn = ({
                 height: "100%"
               },
               children: [
-                o.map((d) => {
-                  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,
+                i.map((u) => {
+                  const p = f(u), S = a === u.key, C = !!g?.[u.key], d = l[u.key] || {}, m = c[u.key], N = m !== void 0 ? `${u.key}-${m}` : u.key, T = u.gubun === "M" ? u.menuItem?.menuId : u.key, B = u.gubun === "M" ? u.menuItem : null, k = u.gubun === "M" ? u.menuItem?.appCd : void 0, H = /* @__PURE__ */ e(
+                    mn,
                     {
-                      isActive: P,
-                      instance: l || void 0,
-                      params: m
+                      isActive: S,
+                      instance: p || void 0,
+                      params: d
                     },
-                    S
+                    N
                   );
-                  return /* @__PURE__ */ e(ge, { children: f ? /* @__PURE__ */ e(
-                    hn,
+                  return /* @__PURE__ */ e(
+                    Ge,
                     {
-                      isActive: P,
-                      flagged: k,
-                      tabKey: d.key,
-                      onUnlock: () => u(d.key),
-                      children: _
+                      menuId: T,
+                      menuItem: B || null,
+                      appCd: k,
+                      children: /* @__PURE__ */ e(ge, { children: b ? /* @__PURE__ */ e(
+                        kn,
+                        {
+                          isActive: S,
+                          flagged: C,
+                          tabKey: u.key,
+                          onUnlock: () => h(u.key),
+                          children: H
+                        },
+                        u.key
+                      ) : H }, `sbp-${u.key}`)
                     },
-                    d.key
-                  ) : _ }, `sbp-${d.key}`);
+                    `bwg-${u.key}`
+                  );
                 }),
-                (!c || o.length === 0) && /* @__PURE__ */ e(on, {})
+                (!a || i.length === 0) && /* @__PURE__ */ e(fn, {})
               ]
             }
           ) }),
-          /* @__PURE__ */ e(je, {}),
-          /* @__PURE__ */ e(ln, { modules: t?.popup })
+          /* @__PURE__ */ e(He, {}),
+          /* @__PURE__ */ e(yn, { modules: t?.popup })
         ] })
       ] })
     ] }),
-    (n?.quickService?.visible ?? !0) && /* @__PURE__ */ e(Ke, {})
+    (r?.quickService?.visible ?? !0) && /* @__PURE__ */ e(Xe, {})
   ] });
-}, un = ({
-  children: n,
+}, xn = ({
+  children: r,
   menuGubunCode: t = {
     mainMenu: "CMPRGRM",
     subMenu: "CMPRGRS",
     program: "CMPRGRP"
   },
-  routeMap: r,
-  routes: o
+  routeMap: n,
+  routes: i
 }) => {
-  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(
-        (P) => r[P] === p
+  const l = _e(), a = be(), { flatMenuList: g, findMenuById: c } = le(), { title: h, extra: b } = We(), f = U(() => {
+    const p = l.pathname, S = p.replace(/^\/main/, "") || "/";
+    if (n) {
+      const C = Object.keys(n).find(
+        (m) => n[m] === p
       );
+      if (C)
+        return c(C);
+      const d = Object.keys(n).find((m) => (n[m].replace(/^\/main/, "") || "/") === S);
       if (d)
-        return h(d);
-      const l = Object.keys(r).find((P) => (r[P].replace(/^\/main/, "") || "/") === N);
-      if (l)
-        return h(l);
+        return c(d);
     }
     return g.find(
-      (d) => d.menuGbCd === t.program && d.scrnPath && (d.scrnPath === N || d.scrnPath === p || p.endsWith(d.scrnPath) || N === d.scrnPath)
+      (C) => C.menuGbCd === t.program && C.prgrUrl && (C.prgrUrl === S || C.prgrUrl === p || p.endsWith(C.prgrUrl) || S === C.prgrUrl)
     );
   }, [
-    a.pathname,
+    l.pathname,
     g,
     t.program,
-    r,
-    h
-  ]), f = F(() => {
-    if (!u)
+    n,
+    c
+  ]), I = U(() => {
+    if (!f)
       return [];
-    const p = [], N = (l) => {
-      if (!l || !l.menuPrntId || l.menuPrntId === "-")
+    const p = [], S = (d) => {
+      if (!d || !d.menuPrntId || d.menuPrntId === "-")
         return [];
-      const P = h(l.menuPrntId);
-      return P ? [...N(P), P] : [];
+      const m = c(d.menuPrntId);
+      return m ? [...S(m), m] : [];
     };
-    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}`
+    return S(f).forEach((d) => {
+      if (d.menuGbCd === t.mainMenu || d.menuGbCd === t.subMenu) {
+        let m;
+        if (n && d.menuId && (m = n[d.menuId]), !m && i && d.prgrUrl) {
+          const N = d.prgrUrl.startsWith("/") ? d.prgrUrl : `/${d.prgrUrl}`, T = Object.keys(i).find(
+            (B) => B === N || B === `/main${N}`
           );
-          m && (P = m.startsWith("/main") ? m : `/main${m.startsWith("/") ? m : `/${m}`}`);
+          T && (m = T.startsWith("/main") ? T : `/main${T.startsWith("/") ? T : `/${T}`}`);
         }
         p.push({
-          title: l.menuNm,
-          onClick: P ? () => c(P) : void 0
+          title: d.menuNm,
+          onClick: m ? () => a(m) : void 0
         });
       }
     }), p.push({
-      title: u.menuNm
+      title: f.menuNm
     }), p;
-  }, [u, t, c, h]);
-  return /* @__PURE__ */ i("div", { className: "admin-page-inner", children: [
-    /* @__PURE__ */ i("div", { className: "page-header", children: [
+  }, [f, t, a, c]), u = h !== void 0 ? h : f?.menuNm || "타이틀";
+  return /* @__PURE__ */ s("div", { className: "admin-page-inner", children: [
+    /* @__PURE__ */ s("div", { className: "page-header", children: [
       /* @__PURE__ */ e(
-        tt,
+        ct,
         {
           className: "admin-breadcrumb",
           separator: /* @__PURE__ */ e(
@@ -2353,38 +2432,52 @@ const tn = ({
               )
             }
           ),
-          items: f,
+          items: I,
           style: { marginBottom: "15px" }
         }
       ),
-      /* @__PURE__ */ e("h2", { className: "page-title", children: "타이틀" })
+      /* @__PURE__ */ s(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            gap: "16px"
+          },
+          children: [
+            /* @__PURE__ */ e("h2", { className: "page-title", style: { margin: 0, flex: 1 }, children: u }),
+            b && /* @__PURE__ */ e("div", { style: { flexShrink: 0 }, children: b })
+          ]
+        }
+      )
     ] }),
-    /* @__PURE__ */ e("div", { className: "page-main-content", children: n })
+    /* @__PURE__ */ e("div", { className: "page-main-content", children: r })
   ] });
-}, Tn = ({ config: n = {} }) => {
-  const t = n?.header?.menu, r = t?.visible !== !1, o = t?.routes, a = F(() => {
-    if (!o) return;
-    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) => {
-          const N = p === "/" ? "/" : p.startsWith("/") ? p : `/${p}`;
-          return N === u || N === `/main${u}` || u === N.replace(/^\/main/, "");
+}, An = (r) => /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e(xn, { ...r }) }), Gn = ({ config: r = {} }) => {
+  const t = r?.header?.menu, n = t?.visible !== !1, i = t?.routes, l = U(() => {
+    if (!i) return;
+    const a = {}, { flatMenuList: g } = le.getState();
+    return g.forEach((c) => {
+      if (c.menuGbCd === t?.menuGubunCode?.program && c.prgrUrl) {
+        const h = c.prgrUrl.startsWith("/") ? c.prgrUrl : `/${c.prgrUrl}`, b = Object.keys(i).find((f) => {
+          const I = f === "/" ? "/" : f.startsWith("/") ? f : `/${f}`;
+          return I === h || I === `/main${h}` || h === I.replace(/^\/main/, "");
         });
-        if (f) {
-          const p = f === "/" ? "/main" : f.startsWith("/main") ? f : `/main${f.startsWith("/") ? f : `/${f}`}`;
-          c[h.menuId] = p;
+        if (b) {
+          const f = b === "/" ? "/main" : b.startsWith("/main") ? b : `/main${b.startsWith("/") ? b : `/${b}`}`;
+          a[c.menuId] = f;
         }
       }
-    }), c;
-  }, [o, t?.menuGubunCode?.program]);
-  return /* @__PURE__ */ i(Q, { className: "admin-layout", children: [
-    /* @__PURE__ */ e(Re, { config: n?.header, children: r && /* @__PURE__ */ e(
-      rn,
+    }), a;
+  }, [i, t?.menuGubunCode?.program]);
+  return /* @__PURE__ */ s(ee, { className: "admin-layout", children: [
+    /* @__PURE__ */ e(Re, { config: r?.header, children: n && /* @__PURE__ */ e(
+      gn,
       {
         menuGubunCode: t?.menuGubunCode,
         mode: t?.style?.mode || "horizontal",
-        routeMap: a,
+        routeMap: l,
         style: {
           border: "none",
           backgroundColor: "transparent",
@@ -2394,7 +2487,7 @@ const tn = ({
         }
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "admin-content-container", children: /* @__PURE__ */ i(Oe, { config: n?.content, children: [
+    /* @__PURE__ */ e("div", { className: "admin-content-container", children: /* @__PURE__ */ s(Oe, { config: r?.content, children: [
       /* @__PURE__ */ e("div", { className: "admin-view-container", children: /* @__PURE__ */ e(
         "div",
         {
@@ -2403,63 +2496,63 @@ const tn = ({
             width: "100%",
             height: "100%"
           },
-          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(/^\//, "") || "";
+          children: /* @__PURE__ */ e(se, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(Le, { children: Object.entries(i || {}).map(([a, g]) => {
+            const c = a === "/" ? "" : a.replace(/^\/main/, "").replace(/^\//, "") || "";
             return /* @__PURE__ */ e(
-              U,
+              Q,
               {
-                path: h,
+                path: c,
                 element: /* @__PURE__ */ e(
-                  un,
+                  An,
                   {
                     menuGubunCode: t?.menuGubunCode,
-                    routeMap: a,
-                    routes: o,
+                    routeMap: l,
+                    routes: i,
                     children: /* @__PURE__ */ e(g, {})
                   }
                 )
               },
-              c
+              a
             );
           }) }) })
         }
       ) }),
-      /* @__PURE__ */ e(je, {})
+      /* @__PURE__ */ e(He, {})
     ] }) })
   ] });
 };
-function Bn({
-  config: n,
+function Un({
+  config: r,
   ui: t
 }) {
-  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: c, prefills: a }) });
+  const { loading: n, capsOn: i, prefills: l, onKeyDown: a, doLogin: g } = ht(r), c = (h) => g(h);
+  return D(() => {
+    oe.getState().sysInfo || oe.getState().fetchCurrentSystemInfo();
+  }, []), /* @__PURE__ */ e(z, { children: t({ onSubmit: c, loading: n, capsOn: i, onKeyDown: a, prefills: l }) });
 }
-function Dn({
-  onSubmit: n,
+function Wn({
+  onSubmit: r,
   loading: t,
-  capsOn: r,
-  onKeyDown: o,
-  prefills: a,
-  labels: c = {
+  capsOn: n,
+  onKeyDown: i,
+  prefills: l,
+  labels: a = {
     id: "ID 혹은 사번",
     pw: "비밀번호",
     remember: "Remember me",
     login: "로그인"
   },
   header: g,
-  footer: h
+  footer: c
 }) {
-  const [u] = Z.useForm();
-  return E(() => {
-    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: [
+  const [h] = Z.useForm();
+  return D(() => {
+    l && (l.id || l.pswr) && h.setFieldsValue({ id: l.id, pswr: l.pswr });
+  }, [l, h]), /* @__PURE__ */ e("div", { className: "login-main", children: /* @__PURE__ */ s("div", { className: "login_wrap", children: [
     g || /* @__PURE__ */ e("div", { className: "logo_box" }),
     /* @__PURE__ */ e("div", { className: "login_title" }),
     /* @__PURE__ */ e(
-      be,
+      Ce,
       {
         theme: {
           components: {
@@ -2489,8 +2582,8 @@ function Dn({
             }
           }
         },
-        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: [
+        children: /* @__PURE__ */ e(Z, { form: h, onFinish: r, className: "login-form", children: /* @__PURE__ */ s(re, { vertical: !0, gap: 50, children: [
+          /* @__PURE__ */ s("div", { className: "login-form-item-group", children: [
             /* @__PURE__ */ e(
               Z.Item,
               {
@@ -2502,51 +2595,84 @@ function Dn({
                     message: "아이디는 공백이 들어갈 수 없습니다."
                   }
                 ],
-                children: /* @__PURE__ */ e(ue, { allowClear: !0, placeholder: c.id, onKeyDown: o })
+                children: /* @__PURE__ */ e(
+                  pe,
+                  {
+                    allowClear: !0,
+                    placeholder: a.id,
+                    onKeyDown: i
+                  }
+                )
               }
             ),
             /* @__PURE__ */ e(
               Z.Item,
               {
                 name: "pswr",
-                rules: [{ required: !0, message: "비밀번호를 입력하세요." }],
+                rules: [
+                  { required: !0, message: "비밀번호를 입력하세요." }
+                ],
                 children: /* @__PURE__ */ e(
-                  ue.Password,
+                  pe.Password,
                   {
                     allowClear: !0,
-                    placeholder: c.pw,
-                    onKeyDown: o
+                    placeholder: a.pw,
+                    onKeyDown: i
                   }
                 )
               }
             ),
-            /* @__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,
+              {
+                name: "remember",
+                valuePropName: "checked",
+                style: { marginBottom: 0 },
+                children: /* @__PURE__ */ e(dt, { children: a.remember })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: n ? "caps-lock caps-lock-on" : "caps-lock",
+                children: n ? "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 }) })
+          /* @__PURE__ */ e(Z.Item, { style: { marginBottom: 0 }, children: /* @__PURE__ */ e(
+            L,
+            {
+              type: "primary",
+              htmlType: "submit",
+              loading: t,
+              block: !0,
+              style: { borderRadius: "50px" },
+              children: a.login
+            }
+          ) })
         ] }) })
       }
     ),
-    h
+    c
   ] }) });
 }
-const { Text: V, Title: pn } = ye;
-function En({
-  loginConfig: n,
+const { Text: Y, Title: In } = ye;
+function Yn({
+  loginConfig: r,
   loginParams: t,
-  mainLogo: r,
-  systemLogo: o,
-  onGoLogin: a,
-  onGoMain: c
+  mainLogo: n,
+  systemLogo: i,
+  onGoLogin: l,
+  onGoMain: a
 }) {
-  const { loginStatus: g, doSsoLogin: h } = lt(n);
-  E(() => {
-    u();
+  const { loginStatus: g, doSsoLogin: c } = mt(r);
+  D(() => {
+    h();
   }, [t.userId]);
-  const u = () => h(t), f = ({
-    children: N
-  }) => /* @__PURE__ */ i(
-    pn,
+  const h = () => c(t), b = ({
+    children: I
+  }) => /* @__PURE__ */ s(
+    In,
     {
       level: 4,
       style: {
@@ -2556,60 +2682,60 @@ function En({
         justifyContent: "center"
       },
       children: [
-        o && o,
+        i && i,
         " ",
-        N
+        I
       ]
     }
-  ), p = () => g === "LOADING" ? /* @__PURE__ */ i(j, { children: [
-    /* @__PURE__ */ e(q, { size: "large", style: { margin: "10px 0" } }),
-    /* @__PURE__ */ i("div", { children: [
-      /* @__PURE__ */ e(f, { children: "로그인 중입니다." }),
-      /* @__PURE__ */ i(V, { children: [
+  ), f = () => g === "LOADING" ? /* @__PURE__ */ s(z, { children: [
+    /* @__PURE__ */ e($, { size: "large", style: { margin: "10px 0" } }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(b, { children: "로그인 중입니다." }),
+      /* @__PURE__ */ s(Y, { children: [
         "인증 정보를 확인하는 중입니다.",
         /* @__PURE__ */ e("br", {}),
         "브라우저 창을 닫지 말아 주세요."
       ] })
     ] }),
-    /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, 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__ */ i("div", { children: [
-      /* @__PURE__ */ e(f, { children: "로그인에 성공했습니다." }),
-      /* @__PURE__ */ e(V, { children: "잠시만 기다려 주세요." })
+    /* @__PURE__ */ e(Y, { type: "secondary", style: { fontSize: 12 }, children: "인증이 완료되면 자동으로 다음 화면으로 이동합니다." }),
+    /* @__PURE__ */ e(L, { style: { marginTop: 8 }, onClick: l, children: "로그인 화면" })
+  ] }) : g === "SUCCESS" ? /* @__PURE__ */ s(z, { children: [
+    /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(De, { twoToneColor: "#52c41a" }) }),
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(b, { children: "로그인에 성공했습니다." }),
+      /* @__PURE__ */ e(Y, { 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: c, children: "바로 이동하기" }) })
-  ] }) : g === "FAIL" ? /* @__PURE__ */ i(j, { children: [
+    /* @__PURE__ */ e(Y, { type: "secondary", style: { fontSize: 12 }, children: "잠시 후 자동으로 다음 화면으로 이동합니다." }),
+    /* @__PURE__ */ e(X, { style: { marginTop: 8, justifyContent: "center" }, children: /* @__PURE__ */ e(L, { type: "primary", onClick: a, children: "바로 이동하기" }) })
+  ] }) : g === "FAIL" ? /* @__PURE__ */ s(z, { children: [
     /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ke, { twoToneColor: "#ff4d4f" }) }),
-    /* @__PURE__ */ i("div", { children: [
-      /* @__PURE__ */ e(f, { children: "로그인에 실패했습니다." }),
-      /* @__PURE__ */ i(V, { children: [
+    /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ e(b, { children: "로그인에 실패했습니다." }),
+      /* @__PURE__ */ s(Y, { children: [
         "인증 과정에서 오류가 발생했습니다.",
         /* @__PURE__ */ e("br", {}),
         "다시 시도해 주세요."
       ] })
     ] }),
-    /* @__PURE__ */ e(V, { type: "secondary", style: { fontSize: 12 }, children: "문제가 지속되면 관리자에게 문의해 주세요." }),
-    /* @__PURE__ */ i(Y, { style: { marginTop: 8, justifyContent: "center" }, children: [
+    /* @__PURE__ */ e(Y, { type: "secondary", style: { fontSize: 12 }, children: "문제가 지속되면 관리자에게 문의해 주세요." }),
+    /* @__PURE__ */ s(X, { style: { marginTop: 8, justifyContent: "center" }, children: [
       /* @__PURE__ */ e(
-        B,
+        L,
         {
           type: "primary",
-          onClick: u,
-          icon: /* @__PURE__ */ e(we, {}),
+          onClick: h,
+          icon: /* @__PURE__ */ e(ve, {}),
           children: "다시 시도"
         }
       ),
-      /* @__PURE__ */ e(B, { onClick: a, icon: /* @__PURE__ */ e(vt, {}), children: "로그인 화면" })
+      /* @__PURE__ */ e(L, { onClick: l, icon: /* @__PURE__ */ e(St, {}), children: "로그인 화면" })
     ] })
-  ] }) : /* @__PURE__ */ i(j, { children: [
-    /* @__PURE__ */ e(q, { size: "large", style: { margin: "10px 0" } }),
-    /* @__PURE__ */ e(V, { children: "로그인 상태를 확인하는 중입니다." })
+  ] }) : /* @__PURE__ */ s(z, { children: [
+    /* @__PURE__ */ e($, { size: "large", style: { margin: "10px 0" } }),
+    /* @__PURE__ */ e(Y, { children: "로그인 상태를 확인하는 중입니다." })
   ] });
-  return E(() => {
-    oe.getState().systemMap.length === 0 && oe.getState().fetchSystemMap();
+  return D(() => {
+    oe.getState().sysInfo || oe.getState().fetchCurrentSystemInfo();
   }, []), /* @__PURE__ */ e(
     "div",
     {
@@ -2630,28 +2756,28 @@ function En({
             borderRadius: 16,
             boxShadow: "0 8px 24px rgba(0,0,0,0.06)"
           },
-          children: /* @__PURE__ */ i(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
-            /* @__PURE__ */ e("div", { children: r && r }),
-            p()
+          children: /* @__PURE__ */ s(X, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+            /* @__PURE__ */ e("div", { children: n && n }),
+            f()
           ] })
         }
       )
     }
   );
 }
-const { Text: Se, Title: mn } = ye;
-function _n({
-  mode: n,
+const { Text: Se, Title: Nn } = ye;
+function Kn({
+  mode: r,
   mainLogo: t,
-  systemLogo: r,
-  newUserId: o,
-  onContinue: a,
-  onGoLogin: c
+  systemLogo: n,
+  newUserId: i,
+  onContinue: l,
+  onGoLogin: a
 }) {
   const g = ({
-    children: p
-  }) => /* @__PURE__ */ i(
-    mn,
+    children: f
+  }) => /* @__PURE__ */ s(
+    Nn,
     {
       level: 4,
       style: {
@@ -2662,16 +2788,16 @@ function _n({
         gap: 6
       },
       children: [
-        r && r,
+        n && n,
         " ",
-        p
+        f
       ]
     }
-  ), { title: h, desc: u, subDesc: f } = n === "SESSION_CHANGED" ? {
+  ), { title: c, desc: h, subDesc: b } = r === "SESSION_CHANGED" ? {
     title: "세션이 변경되었습니다.",
     desc: `이 브라우저에서 다른 계정으로 다시 로그인되었습니다.
 현재 창에서는 이전 계정을 더 이상 사용할 수 없습니다.`,
-    subDesc: o ? `새로 로그인된 계정: ${o}` : "새로 로그인된 계정으로 계속 진행하거나, 로그인 화면으로 이동해 주세요."
+    subDesc: i ? `새로 로그인된 계정: ${i}` : "새로 로그인된 계정으로 계속 진행하거나, 로그인 화면으로 이동해 주세요."
   } : {
     title: "세션이 만료되었습니다.",
     desc: `일정 시간 동안 사용하지 않아 로그인이 해제되었습니다.
@@ -2698,26 +2824,26 @@ function _n({
             borderRadius: 16,
             boxShadow: "0 8px 24px rgba(0,0,0,0.06)"
           },
-          children: /* @__PURE__ */ i(Y, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
+          children: /* @__PURE__ */ s(X, { direction: "vertical", size: 16, style: { width: "100%" }, children: [
             /* @__PURE__ */ e("div", { children: t && t }),
             /* @__PURE__ */ e("div", { style: { fontSize: 48 }, children: /* @__PURE__ */ e(ke, { twoToneColor: "#faad14" }) }),
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ e(g, { children: h }),
-              /* @__PURE__ */ e(Se, { children: u.split(`
-`).map((p, N) => /* @__PURE__ */ i("span", { children: [
-                p,
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e(g, { children: c }),
+              /* @__PURE__ */ e(Se, { children: h.split(`
+`).map((f, I) => /* @__PURE__ */ s("span", { children: [
+                f,
                 /* @__PURE__ */ e("br", {})
-              ] }, N)) })
+              ] }, I)) })
             ] }),
-            /* @__PURE__ */ e(Se, { type: "secondary", style: { fontSize: 12 }, children: f }),
-            /* @__PURE__ */ e(Y, { style: { marginTop: 8, justifyContent: "center" }, children: a && o && /* @__PURE__ */ i(
-              B,
+            /* @__PURE__ */ e(Se, { type: "secondary", style: { fontSize: 12 }, children: b }),
+            /* @__PURE__ */ e(X, { style: { marginTop: 8, justifyContent: "center" }, children: l && i && /* @__PURE__ */ s(
+              L,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ e(_e, {}),
-                onClick: a,
+                icon: /* @__PURE__ */ e(De, {}),
+                onClick: l,
                 children: [
-                  o,
+                  i,
                   " 계정으로 계속 사용"
                 ]
               }
@@ -2729,23 +2855,23 @@ function _n({
   );
 }
 export {
-  Ln as A,
-  Mn as B,
-  nn as C,
-  Dn as D,
-  rn as H,
-  Sn as L,
-  ln as P,
-  Tn as a,
-  Bn as b,
-  En as c,
-  _n as d,
-  on as e,
+  Fn as A,
+  Vn as B,
+  mn as C,
+  Wn as D,
+  gn as H,
+  zn as L,
+  yn as P,
+  Gn as a,
+  Un as b,
+  Yn as c,
+  Kn as d,
+  fn as e,
   Oe as f,
   Re as g,
-  Qt as h,
-  Jt as i,
-  un as j,
-  hn as k,
-  Ht as l
+  sn as h,
+  un as i,
+  An as j,
+  kn as k,
+  _t as l
 };