@bwg-ui/core 1.1.33 → 1.2.1

package/dist/components/layout/index.js

@@ -1,42 +1,1201 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ReloadOutlined as E, CloseOutlined as S, ExclamationCircleTwoTone as F } from "@ant-design/icons";
-import { Result as f, Button as y, Spin as I, ConfigProvider as T, Space as D, Typography as P } from "antd";
-import { Component as L, useRef as b, useState as N, useCallback as B, useEffect as x, memo as R, Suspense as $, createElement as O } from "react";
-import { ScreenProtectProvider as w, useLock as z, useAuth as v } from "../../provider/index.js";
-import { isLocal as V } from "../../utils/index.js";
-import { Outlet as C } from "react-router-dom";
-import { useMenuViewStore as j } from "../../stores/index.js";
-function te({
-  title: t = "로딩 중...",
-  subTitle: r
-}) {
-  return /* @__PURE__ */ a("div", { className: "bwg-load-indicator", children: [
-    /* @__PURE__ */ a("div", { className: "bwg-load-wave", children: [
-      /* @__PURE__ */ e("span", {}),
-      /* @__PURE__ */ e("span", {}),
-      /* @__PURE__ */ e("span", {})
+import { jsxs as b, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { ServiceCodeProvider as de, CommonCodeProvider as ce, ScreenProtectProvider as ue, useLock as me, SearchBoxProvider as pe } from "../../provider/index.js";
+import { Routes as he, Route as _, Navigate as ge, useNavigate as fe } from "react-router-dom";
+import { G as be, B as ye, Q as Ce } from "../../chunks/common-components-CKPZB7JH.js";
+import { Spin as W, Layout as A, ColorPicker as ve, Button as x, Popover as we, Avatar as xe, Tabs as ke, Tooltip as z, AutoComplete as Ne, Input as Ie, Segmented as Se, Menu as Q, Result as ne, Space as Te, Typography as Le, Empty as U } from "antd";
+import { useEffect as B, useState as S, useRef as $, useMemo as V, useCallback as M, createElement as re, memo as Z, cloneElement as Pe, Component as Me, Suspense as oe, lazy as Be } from "react";
+import { useUserStore as Ee, useMenuViewStore as I, useMenuModelStore as De, useFavoriteStore as Fe, usePopupStore as se } from "../../stores/index.js";
+import * as X from "@ant-design/icons";
+import { UserOutlined as ze, StepBackwardOutlined as Ae, LeftOutlined as $e, RightOutlined as He, StepForwardOutlined as Oe, CloseOutlined as ae, MenuUnfoldOutlined as Re, MenuFoldOutlined as Ve, ExclamationCircleOutlined as Ge, WarningOutlined as We, StarOutlined as je, FolderOpenOutlined as _e, ReloadOutlined as ie, ExclamationCircleTwoTone as Ue } from "@ant-design/icons";
+import { getCookie as Ke, getCurrentDateString as q, setCookie as Ze, THEME_COOKIE_NAME as J, getUserId as ee } from "../../utils/index.js";
+import { useSensors as Ye, useSensor as Qe, PointerSensor as Xe, DndContext as qe, closestCenter as Je } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as et } from "@dnd-kit/modifiers";
+import { arrayMove as tt, SortableContext as nt, horizontalListSortingStrategy as rt, useSortable as ot } from "@dnd-kit/sortable";
+const te = "bwg-dot-line-wave-v4";
+function st() {
+  if (typeof document > "u" || document.getElementById(te)) return;
+  const n = document.createElement("style");
+  n.id = te, n.textContent = `
+    .bwg-dotline {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--bwg-gap, 12px);
+      height: calc(var(--bwg-size, 12px) + 2 * var(--bwg-amp, 12px));
+      line-height: 0;
+    }
+    .bwg-dotline .dot {
+      width: var(--bwg-size, 12px);
+      height: var(--bwg-size, 12px);
+      border-radius: 50%;
+      background: currentColor;
+      will-change: transform, opacity;
+      filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));
+      animation: bwg-dotline-sine var(--bwg-speed, 780ms) linear infinite;
+    }
+
+    /* sin(θ) 근사: 0, 45, 90, 135, 180, 225, 270, 315, 360deg */
+    @keyframes bwg-dotline-sine {
+      0%   { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
+      12.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }
+      25%  { transform: translate3d(0, calc(-1      * var(--bwg-amp, 12px)), 0) scale(1.06); opacity: 1; }
+      37.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }
+      50%  { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
+      62.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }
+      75%  { transform: translate3d(0, calc( 1      * var(--bwg-amp, 12px)), 0) scale(.96); opacity: .76; }
+      87.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }
+      100% { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .bwg-dotline .dot { animation: none; }
+    }
+  `, document.head.appendChild(n);
+}
+const at = ({
+  colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
+  count: t,
+  size: r = 12,
+  gap: s = 10,
+  amp: a = 16,
+  speedMs: p = 900,
+  direction: y = "ltr",
+  phase: d = 0.7
+}) => {
+  B(() => {
+    st();
+  }, []);
+  const h = t ?? n.length, u = Array.from({ length: h }), m = {
+    "--bwg-size": `${r}px`,
+    "--bwg-gap": `${s}px`,
+    "--bwg-amp": `${a}px`,
+    "--bwg-speed": `${p}ms`
+  }, C = p / h * d;
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: "bwg-dotline",
+      role: "img",
+      "aria-label": "loading",
+      style: m,
+      children: u.map((o, i) => /* @__PURE__ */ e(
+        "span",
+        {
+          className: "dot",
+          style: {
+            backgroundColor: n[i % n.length],
+            animationDelay: y === "ltr" ? `${i * C}ms` : `${(h - 1 - i) * C}ms`
+          }
+        },
+        i
+      ))
+    }
+  );
+}, Vt = ({
+  spin: n = null,
+  text: t = "인증중..."
+}) => n ?? !0 ? /* @__PURE__ */ b(
+  "div",
+  {
+    style: {
+      position: "fixed",
+      height: "100vh",
+      left: 0,
+      right: 0,
+      top: 0,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      gap: 8,
+      padding: "8px 12px",
+      background: "rgba(0,0,0,0.6)",
+      color: "#fff",
+      zIndex: 1e4
+    },
+    "aria-live": "polite",
+    "aria-busy": "true",
+    role: "status",
+    children: [
+      /* @__PURE__ */ e(
+        W,
+        {
+          indicator: /* @__PURE__ */ e(
+            at,
+            {
+              colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
+              size: 12,
+              gap: 10,
+              amp: 16,
+              speedMs: 900,
+              phase: 0.75,
+              direction: "ltr"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "bwg-spin-txt", style: { marginTop: "15px" }, children: t })
+    ]
+  }
+) : null, Gt = ({ routes: n, useCommonProvider: t = !0, useServiceProvider: r = !0 }) => {
+  let a = /* @__PURE__ */ b(he, { children: [
+    /* @__PURE__ */ e(_, { path: "/", element: /* @__PURE__ */ e(ge, { to: "/login" }) }),
+    /* @__PURE__ */ e(_, { path: "/login", element: n.login }),
+    /* @__PURE__ */ e(_, { path: "/main", element: n.main })
+  ] });
+  return r && (a = /* @__PURE__ */ e(de, { children: a })), t && (a = /* @__PURE__ */ e(ce, { children: a })), /* @__PURE__ */ e(be, { children: a });
+}, { Content: it } = A, lt = ({
+  config: n = {},
+  children: t
+}) => {
+  const r = {
+    wrapper: {
+      className: "content-wrapper",
+      ...n.wrapper
+    },
+    body: {
+      className: "content-body",
+      ...n.body
+    },
+    ...n
+  };
+  return /* @__PURE__ */ e(
+    it,
+    {
+      className: r.wrapper.className,
+      style: r.wrapper.style,
+      children: /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: r.body.className,
+          style: r.body.style,
+          children: t
+        }
+      ) })
+    }
+  );
+}, dt = "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", ct = "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", ut = "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: mt } = A, P = {
+  light: {
+    headerBg: "#ffffff",
+    headerText: "#000000",
+    sidebarBg: "#ffffff",
+    sidebarText: "#000000",
+    buttonPrimary: "#1890ff",
+    buttonPrimaryHover: "#40a9ff",
+    buttonPrimaryActive: "#096dd9",
+    buttonDefault: "#ffffff",
+    buttonDefaultHover: "#f5f5f5",
+    buttonDefaultBorder: "#d9d9d9",
+    buttonPermissionBorder: "#bdb1ff"
+  },
+  dark: {
+    headerBg: "#4a4a4a",
+    headerText: "#ffffff",
+    sidebarBg: "#4a4a4a",
+    sidebarText: "#ffffff",
+    buttonPrimary: "#177ddc",
+    buttonPrimaryHover: "#1890ff",
+    buttonPrimaryActive: "#0958b5",
+    buttonDefault: "#434343",
+    buttonDefaultHover: "#303030",
+    buttonDefaultBorder: "#434343",
+    buttonPermissionBorder: "#bdb1ff"
+  },
+  blue: {
+    headerBg: "#4a90e2",
+    headerText: "#ffffff",
+    sidebarBg: "#4a90e2",
+    sidebarText: "#ffffff",
+    buttonPrimary: "#1890ff",
+    buttonPrimaryHover: "#40a9ff",
+    buttonPrimaryActive: "#096dd9",
+    buttonDefault: "#ffffff",
+    buttonDefaultHover: "#f0f8ff",
+    buttonDefaultBorder: "#4a90e2",
+    buttonPermissionBorder: "#bdb1ff"
+  },
+  modern: {
+    headerBg: "#f3f4ff",
+    headerText: "#333333",
+    sidebarBg: "#ffffff",
+    sidebarText: "#555555",
+    buttonPrimary: "#6449FC",
+    buttonPrimaryHover: "#6449FC",
+    buttonPrimaryActive: "#6449FC",
+    buttonDefault: "#ffffff",
+    buttonDefaultHover: "#f5f5f5",
+    buttonDefaultBorder: "#dddddd",
+    buttonPermissionBorder: "#bdb1ff"
+  }
+}, pt = ({ config: n = {} }) => {
+  const t = {
+    wrapper: {
+      className: "header-wrapper",
+      ...n.wrapper
+    },
+    logo: {
+      gap: 10,
+      ...n.logo
+    },
+    right: {
+      gap: 14,
+      minWidth: 200,
+      avatar: {
+        width: 30,
+        height: 30,
+        ...n.right?.avatar
+      },
+      ...n.right
+    },
+    ...n
+  }, r = fe(), [s, a] = S("modern"), p = $(null), { logout: y } = Ee(), d = (o, i) => {
+    try {
+      if (!/^[a-zA-Z0-9-]+$/.test(o)) {
+        console.warn(`Invalid CSS variable name: ${o}`);
+        return;
+      }
+      if (!/^[#a-zA-Z0-9()\s,.-]+$/.test(i)) {
+        console.warn(`Invalid CSS variable value: ${i}`);
+        return;
+      }
+      document.documentElement.style.setProperty(o, i);
+    } catch (T) {
+      console.error("CSS variable setting failed:", T);
+    }
+  }, h = (o) => {
+    if (!P[o]) {
+      console.warn(`Invalid theme: ${o}`);
+      return;
+    }
+    a(o);
+    const i = { ...P[o] };
+    d("--header-bg", i.headerBg), d("--header-text", i.headerText), d("--sidebar-bg", i.sidebarBg), d("--sidebar-text", i.sidebarText), d("--button-primary", i.buttonPrimary), d("--button-primary-hover", i.buttonPrimaryHover), d("--button-primary-active", i.buttonPrimaryActive), d("--button-default", i.buttonDefault), d("--button-default-hover", i.buttonDefaultHover), d("--button-default-border", i.buttonDefaultBorder), d(
+      "--button-permission-border",
+      i.buttonPermissionBorder
+    ), p.current && p.current.setAttribute("data-theme", o), document.documentElement.setAttribute("data-theme", o), Ze(J, o, 30);
+  };
+  B(() => {
+    const o = Ke(J);
+    o && P[o] ? h(o) : h("modern");
+  }, []);
+  const u = () => ({ ...P[s] }).headerBg, m = () => {
+    y(), r("/login");
+  };
+  q ? q("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const C = /* @__PURE__ */ b("div", { style: { padding: "8px 0" }, children: [
+    /* @__PURE__ */ b("div", { style: { marginBottom: "12px" }, children: [
+      /* @__PURE__ */ e(ve, { value: u(), disabled: !0, size: "small" }),
+      /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "12px" }, children: "현재 테마 색상" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "bwg-load-title", children: t }),
-    r && /* @__PURE__ */ e("div", { className: "bwg-load-sub", children: r })
+    /* @__PURE__ */ b("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
+      /* @__PURE__ */ e(
+        x,
+        {
+          type: s === "modern" ? "primary" : "default",
+          size: "small",
+          onClick: () => h("modern"),
+          style: {
+            textAlign: "left",
+            backgroundColor: s === "modern" ? P.modern.headerBg : void 0,
+            color: s === "modern" ? P.modern.headerText : void 0
+          },
+          children: "모던"
+        },
+        "modern"
+      ),
+      Object.entries(P).filter(([o]) => o !== "modern").map(([o, i]) => /* @__PURE__ */ e(
+        x,
+        {
+          type: s === o ? "primary" : "default",
+          size: "small",
+          onClick: () => h(o),
+          style: {
+            textAlign: "left",
+            backgroundColor: s === o ? i.headerBg : void 0,
+            color: s === o ? i.headerText : void 0
+          },
+          children: o === "light" ? "라이트" : o === "dark" ? "다크" : o === "blue" ? "블루" : o
+        },
+        o
+      ))
+    ] })
   ] });
-}
-class W extends L {
-  constructor(r) {
-    super(r), this.resetError = () => {
+  return /* @__PURE__ */ b(
+    mt,
+    {
+      className: t.wrapper.className,
+      style: { ...t.wrapper.style },
+      children: [
+        t.logo && /* @__PURE__ */ e("div", { className: "header-left", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "logo-container",
+            style: { gap: t.logo?.gap },
+            children: t.logo?.items
+          }
+        ) }),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            className: "header-right",
+            style: {
+              gap: t.right?.gap,
+              minWidth: t.right?.minWidth
+            },
+            children: [
+              t.right?.items?.map((o, i) => /* @__PURE__ */ e("div", { children: o }, i)),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  type: "text",
+                  icon: /* @__PURE__ */ e("img", { src: dt, alt: "알림" }),
+                  className: "alarm-btn"
+                }
+              ),
+              /* @__PURE__ */ e(
+                we,
+                {
+                  content: C,
+                  title: "테마 설정",
+                  trigger: "click",
+                  placement: "bottomRight",
+                  children: /* @__PURE__ */ e(
+                    x,
+                    {
+                      type: "text",
+                      icon: /* @__PURE__ */ e("img", { src: ut, alt: "개인설정" }),
+                      className: "theme-btn"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  type: "text",
+                  icon: /* @__PURE__ */ e("img", { src: ct, alt: "로그아웃" }),
+                  onClick: m,
+                  className: "logout-btn"
+                }
+              ),
+              /* @__PURE__ */ e(
+                xe,
+                {
+                  icon: /* @__PURE__ */ e(ze, {}),
+                  className: "avatar",
+                  style: {
+                    width: t.right?.avatar?.width,
+                    height: t.right?.avatar?.height
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, K = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(n) {
+      if (!n)
+        return;
+      const {
+        x: t,
+        y: r
+      } = n;
+      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (r ? Math.round(r) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(n) {
+      if (!n)
+        return;
+      const {
+        scaleX: t,
+        scaleY: r
+      } = n;
+      return "scaleX(" + t + ") scaleY(" + r + ")";
+    }
+  },
+  Transform: {
+    toString(n) {
+      if (n)
+        return [K.Translate.toString(n), K.Scale.toString(n)].join(" ");
+    }
+  },
+  Transition: {
+    toString(n) {
+      let {
+        property: t,
+        duration: r,
+        easing: s
+      } = n;
+      return t + " " + r + "ms " + s;
+    }
+  }
+}), ht = Z(
+  ({ className: n, ...t }) => {
+    const r = $(null), {
+      attributes: s,
+      listeners: a,
+      transform: p,
+      transition: y,
+      isDragging: d,
+      setNodeRef: h
+    } = ot({ id: t["data-node-key"] }), [u, m] = S();
+    B(() => {
+      const o = r.current;
+      if (o)
+        if (d) {
+          const i = Math.round(o.getBoundingClientRect().width);
+          m(i);
+        } else
+          m(void 0);
+    }, [d]);
+    const C = {
+      ...t.style,
+      transform: p ? K.Transform.toString(p) : void 0,
+      transition: y ?? "transform 0.16s ease",
+      cursor: "grab",
+      userSelect: "none",
+      willChange: "transform",
+      // ✅ 드래그 중 픽셀 폭 고정 (flex 재계산 억제)
+      width: u ?? void 0,
+      minWidth: u ?? void 0,
+      maxWidth: u ?? void 0,
+      flex: u !== void 0 ? "0 0 auto" : void 0
+    };
+    return Pe(t.children, {
+      ref: (o) => {
+        r.current !== o && (r.current = o), h(o);
+      },
+      style: C,
+      ...s,
+      ...a
+    });
+  }
+), gt = Z(function({
+  config: t,
+  isFirst: r,
+  isLast: s,
+  canCloseAll: a,
+  onFirst: p,
+  onPrev: y,
+  onNext: d,
+  onLast: h,
+  onCloseAll: u
+}) {
+  return /* @__PURE__ */ b("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+    /* @__PURE__ */ e(
+      z,
+      {
+        title: "첫 번째 탭",
+        className: t.tooltip?.className,
+        style: t.tooltip?.style,
+        children: /* @__PURE__ */ e(
+          x,
+          {
+            className: t.buttons?.className,
+            style: t.buttons?.style,
+            size: "small",
+            icon: /* @__PURE__ */ e(Ae, {}),
+            onClick: p,
+            disabled: r
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        title: "이전 탭",
+        className: t.tooltip?.className,
+        style: t.tooltip?.style,
+        children: /* @__PURE__ */ e(
+          x,
+          {
+            className: t.buttons?.className,
+            style: t.buttons?.style,
+            size: "small",
+            icon: /* @__PURE__ */ e($e, {}),
+            onClick: y,
+            disabled: r
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        title: "다음 탭",
+        className: t.tooltip?.className,
+        style: t.tooltip?.style,
+        children: /* @__PURE__ */ e(
+          x,
+          {
+            className: t.buttons?.className,
+            style: t.buttons?.style,
+            size: "small",
+            icon: /* @__PURE__ */ e(He, {}),
+            onClick: d,
+            disabled: s
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        title: "마지막 탭",
+        className: t.tooltip?.className,
+        style: t.tooltip?.style,
+        children: /* @__PURE__ */ e(
+          x,
+          {
+            className: t.buttons?.className,
+            style: t.buttons?.style,
+            size: "small",
+            icon: /* @__PURE__ */ e(Oe, {}),
+            onClick: h,
+            disabled: s
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        title: "모든 탭 닫기",
+        className: t.tooltip?.className,
+        style: t.tooltip?.style,
+        children: /* @__PURE__ */ e(
+          x,
+          {
+            className: t.buttons?.className,
+            style: t.buttons?.style,
+            size: "small",
+            icon: /* @__PURE__ */ e(ae, {}),
+            onClick: u,
+            disabled: !a
+          }
+        )
+      }
+    )
+  ] });
+}), ft = ({
+  config: n = {}
+}) => {
+  const t = {
+    wrapper: {
+      className: "menu-tab-wrapper",
+      ...n?.wrapper
+    },
+    tabs: {
+      className: "menu-tabs",
+      ...n?.tabs
+    },
+    nav: {
+      wrapper: {
+        className: "menu-nav-wrapper",
+        ...n?.nav?.wrapper
+      },
+      buttons: {
+        className: "menu-nav-buttons",
+        ...n?.nav?.buttons
+      },
+      tooltip: {
+        className: "menu-nav-tooltip",
+        ...n?.nav?.tooltip
+      },
+      ...n?.nav
+    },
+    ...n
+  }, r = I((c) => c.tabs), s = I((c) => c.activeMenuId), a = I((c) => c.focusTab), p = I((c) => c.closeTab), y = I((c) => c.reorderTabs), d = Ye(
+    Qe(Xe, { activationConstraint: { distance: 6 } })
+  ), h = (c) => {
+    a(c);
+  }, u = (c, k) => {
+    k === "remove" && typeof c == "string" && p(c);
+  }, m = () => {
+    r.length > 0 && a(r[0].key);
+  }, C = () => {
+    if (!s || r.length <= 1) return;
+    const c = r.findIndex((k) => k.key === s);
+    c > 0 && a(r[c - 1].key);
+  }, o = () => {
+    if (!s || r.length <= 1) return;
+    const c = r.findIndex((k) => k.key === s);
+    c < r.length - 1 && a(r[c + 1].key);
+  }, i = () => {
+    r.length > 0 && a(r[r.length - 1].key);
+  }, T = () => {
+    r.forEach((c) => {
+      p(c.key);
+    });
+  }, D = s ? r.findIndex((c) => c.key === s) : -1, H = D === 0, F = D === r.length - 1, j = V(
+    () => r.map((c) => ({
+      key: c.key,
+      label: c.label,
+      closable: !0,
+      children: null
+      // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
+    })),
+    [r]
+  ), O = M(
+    ({ active: c, over: k }) => {
+      if (!k || c.id === k.id) return;
+      const N = r.findIndex((l) => l.key === c.id), L = r.findIndex((l) => l.key === k.id);
+      if (N < 0 || L < 0 || N === L) return;
+      const g = r.map((l) => l.key), f = tt(g, N, L);
+      y?.(f);
+    },
+    [r, y]
+  ), R = M(
+    (c, k) => /* @__PURE__ */ e(
+      qe,
+      {
+        sensors: d,
+        onDragEnd: O,
+        collisionDetection: Je,
+        modifiers: [et],
+        children: /* @__PURE__ */ e(
+          nt,
+          {
+            items: r.map((N) => N.key),
+            strategy: rt,
+            children: /* @__PURE__ */ e(k, { ...c, children: (N) => /* @__PURE__ */ re(
+              ht,
+              {
+                ...N.props,
+                key: N.key
+              },
+              N
+            ) })
+          }
+        )
+      }
+    ),
+    [d, O, r]
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: t.wrapper.className,
+      style: {
+        ...t.wrapper.style,
+        display: r.length === 0 ? "none" : "block"
+      },
+      children: /* @__PURE__ */ e(
+        ke,
+        {
+          type: "editable-card",
+          activeKey: s || void 0,
+          onChange: h,
+          onEdit: u,
+          className: t.tabs.className,
+          style: t.tabs.style,
+          hideAdd: !0,
+          items: j,
+          tabBarExtraContent: /* @__PURE__ */ e(
+            gt,
+            {
+              config: t?.nav,
+              isFirst: !!H,
+              isLast: !!F,
+              canCloseAll: r.length > 0,
+              onFirst: m,
+              onPrev: C,
+              onNext: o,
+              onLast: i,
+              onCloseAll: T
+            }
+          ),
+          renderTabBar: R
+        }
+      )
+    }
+  );
+}, { Sider: bt } = A, yt = ({
+  config: n = {}
+}) => {
+  const t = {
+    collapsed: !1,
+    width: 230,
+    menuGubunCode: {
+      mainMenu: "MAIN",
+      subMenu: "SUB",
+      program: "PRGM",
+      ...n?.menuGubunCode
+    },
+    className: {
+      wrapper: "side-wrapper",
+      search: "sider-search-ipt",
+      segmented: {
+        wrapper: "sider-segmented",
+        item: "sider-segment-item",
+        ...n?.className?.segmented
+      },
+      sider: {
+        content: "sider-content",
+        loading: "sider-loading",
+        loadingText: "sider-loading-text",
+        error: "sider-error",
+        errorIcon: "sider-error-icon",
+        errorText: "sider-error-text",
+        menu: "sider-menu",
+        menuContainer: "sider-menu-container",
+        ...n?.className?.sider
+      },
+      ...n?.className
+    },
+    style: {
+      search: {
+        placeholder: "메뉴명, 메뉴번호 검색...",
+        height: 30,
+        ...n?.style?.search
+      },
+      ...n?.style
+    },
+    ...n
+  };
+  console.log("@@ 사이드바 config : ", n);
+  const [r, s] = S(""), [a, p] = S(
+    "category"
+  ), { activeMenuId: y, sidebarCollapsed: d, openTabFromMenu: h, toggleSidebar: u } = I(), { menuList: m, isLoading: C, error: o, findMenuById: i } = De(), { nodes: T, treeNodes: D, loadFavoritesIfNeeded: H } = Fe(), F = V(() => {
+    const g = [], f = (l, w = 0) => {
+      if (l.menuGbCd === t.menuGubunCode.program && l.scrnPath) {
+        const v = "  ".repeat(w), E = l.menuNo || "";
+        g.push({
+          value: l.menuId,
+          label: /* @__PURE__ */ b(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ b("span", { children: [
+                  v,
+                  l.menuNm
+                ] }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "11px",
+                      color: "#999",
+                      backgroundColor: "#f0f0f0",
+                      padding: "2px 6px",
+                      borderRadius: "3px",
+                      marginLeft: "8px"
+                    },
+                    children: E
+                  }
+                )
+              ]
+            }
+          ),
+          menuItem: l
+        });
+      }
+      l.children && l.children.length > 0 && l.children.forEach((v) => f(v, w + 1));
+    };
+    return m.forEach((l) => f(l)), g;
+  }, [m]), j = V(() => r.trim() ? F.filter((g) => {
+    const f = g.menuItem.menuNm.toLowerCase(), l = String(g.menuItem.menuNo || "미지정").toLowerCase(), w = r.toLowerCase();
+    return f.includes(w) || l.includes(w);
+  }) : [], [F, r]), O = (g) => {
+    if (!g || typeof g != "string") {
+      console.warn("Invalid menu selection value:", g);
+      return;
+    }
+    if (!/^[a-zA-Z0-9_-]+$/.test(g)) {
+      console.warn("Invalid menu ID format:", g);
+      return;
+    }
+    const f = F.find(
+      (l) => l.value === g
+    );
+    if (f) {
+      const { menuItem: l } = f;
+      if (!l || !l.menuId || !l.menuNm) {
+        console.warn("Invalid menu item:", l);
+        return;
+      }
+      l.menuGbCd === t.menuGubunCode.program && l.scrnPath ? (console.log(
+        "✅ 검색으로 프로그램 메뉴 선택 - 탭 추가 및 setCurrentProgram 호출"
+      ), console.log(
+        "메뉴명:",
+        l.menuNm,
+        "경로:",
+        l.scrnPath,
+        "scrnId:",
+        l.scrnId
+      ), h(l)) : (l.menuGbCd === t.menuGubunCode.mainMenu || l.menuGbCd === t.menuGubunCode.subMenu) && (console.log("❌ 검색으로 메인/서브 메뉴 선택 - 이벤트 무시"), console.log("메뉴명:", l.menuNm, "menuGbCd:", l.menuGbCd)), s("");
+    }
+  }, R = M(
+    (g) => {
+      const f = i(g);
+      f?.menuGbCd === t.menuGubunCode.program && (console.log(
+        "메뉴명:",
+        f.menuNm,
+        "경로:",
+        f.scrnPath,
+        "scrnId:",
+        f.scrnId
+      ), h(f));
+    },
+    [i, h]
+  ), c = M((g) => g.map((f) => ({
+    key: f.menuId,
+    label: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: /* @__PURE__ */ e("span", { children: f.menuNm })
+      }
+    ),
+    icon: k(f.iconCd, f.menuGbCd),
+    children: f.children && f.children.length > 0 ? c(f.children) : void 0
+  })), []), k = (g, f) => {
+    if (g) {
+      const l = X[g];
+      if (l)
+        return /* @__PURE__ */ e(l, {});
+    }
+    if (f)
+      switch (f) {
+        case t.menuGubunCode.mainMenu:
+          return /* @__PURE__ */ e(X.HomeOutlined, {});
+        case t.menuGubunCode.subMenu:
+          return null;
+        case t.menuGubunCode.program:
+          return null;
+        default:
+          return null;
+      }
+    return null;
+  }, N = M(
+    (g) => {
+      if (m.length === 0) return [];
+      const f = (w) => {
+        if (w)
+          return typeof w == "string" ? T[w] : w;
+      }, l = (w) => {
+        if (w.type === "M") {
+          const v = w, E = i(v.menuId) || void 0, Y = !!E, le = Y ? `${E?.menuNm ?? v.menuNm ?? v.menuId}` : `${v.menuNm ?? v.menuId} (삭제됨)`;
+          return {
+            key: v.menuId,
+            label: le,
+            icon: Y ? void 0 : /* @__PURE__ */ e(We, { style: { color: "#faad14" } })
+          };
+        } else {
+          const v = w, E = (v.children ?? []).map(f).filter(Boolean).map(l);
+          return {
+            key: v.bkmkId,
+            label: v.bkmkNm ?? v.bkmkId,
+            icon: v.prntBkmkId === "-" ? /* @__PURE__ */ e(je, {}) : /* @__PURE__ */ e(_e, {}),
+            children: E
+            // 빈 배열이면 자동으로 말아줌
+          };
+        }
+      };
+      return g.map(l);
+    },
+    [i, T, m]
+  ), L = V(
+    () => N(D),
+    [N, D, T]
+  );
+  return B(() => {
+    ee() && H(ee());
+  }, [H]), B(() => {
+    a === "category" && s("");
+  }, [a]), /* @__PURE__ */ b(
+    bt,
+    {
+      className: t.className.wrapper,
+      collapsed: t.collapsed || d,
+      trigger: null,
+      width: t.width || 230,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: "9px",
+              right: "-25px",
+              zIndex: "1000",
+              width: "25px",
+              height: "41px",
+              backgroundColor: "#ffffff",
+              border: "1px solid #dddddd",
+              borderRadius: "0 10px 10px 0",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              cursor: "pointer",
+              boxShadow: "2px 2px 2px rgba(0, 0, 0, 0.05)",
+              transition: "all 0.3s ease"
+            },
+            children: /* @__PURE__ */ e(
+              x,
+              {
+                type: "text",
+                icon: t.collapsed || d ? /* @__PURE__ */ e(Re, {}) : /* @__PURE__ */ e(Ve, {}),
+                style: {
+                  fontSize: "12px",
+                  color: "#787878",
+                  padding: 0,
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                onClick: u
+              }
+            )
+          }
+        ),
+        !(t.collapsed || d) && /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              padding: 10
+            },
+            children: /* @__PURE__ */ e(
+              Ne,
+              {
+                value: r,
+                options: j,
+                onSelect: O,
+                onSearch: s,
+                style: { width: "100%" },
+                allowClear: !0,
+                children: /* @__PURE__ */ e(
+                  Ie,
+                  {
+                    className: t.className.search,
+                    placeholder: t.style.search.placeholder,
+                    prefix: /* @__PURE__ */ e(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 20 20",
+                        fill: "none",
+                        children: /* @__PURE__ */ e(
+                          "path",
+                          {
+                            d: "M16.4972 16.6667L13.0355 13.1694M14.8475 8.75C14.8475 5.29822 12.0777 2.5 8.66105 2.5C5.24437 2.5 2.47461 5.29822 2.47461 8.75C2.47461 12.2018 5.24437 15 8.66105 15C12.0777 15 14.8475 12.2018 14.8475 8.75Z",
+                            stroke: "#5F5F5F",
+                            strokeWidth: "1.5",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      }
+                    ),
+                    size: "middle",
+                    style: {
+                      height: t.style.search.height || 30
+                    }
+                  }
+                )
+              }
+            )
+          }
+        ),
+        !(t.collapsed || d) && /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              width: "100%",
+              padding: "0px 10px",
+              marginBottom: "10px"
+            },
+            children: /* @__PURE__ */ e(
+              Se,
+              {
+                className: t.className.segmented.wrapper,
+                options: [
+                  {
+                    label: /* @__PURE__ */ b(G, { children: [
+                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, children: /* @__PURE__ */ b(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "16",
+                          height: "16",
+                          viewBox: "0 0 16 16",
+                          fill: "none",
+                          children: [
+                            /* @__PURE__ */ e(
+                              "path",
+                              {
+                                d: "M2.46979 6.90625H13.0298C13.7298 6.90625 14.2965 7.47292 14.2965 8.17292V13.5396H1.20312V8.17292C1.20312 7.47292 1.76979 6.90625 2.46979 6.90625Z",
+                                stroke: "currentColor",
+                                strokeWidth: "1.5",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round"
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              "path",
+                              {
+                                d: "M2.76318 4.70626C2.76318 4.00626 3.18318 3.75293 3.69652 3.75293H11.8032C12.3165 3.75293 12.7365 4.00626 12.7365 4.70626",
+                                stroke: "currentColor",
+                                strokeWidth: "1.5",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round"
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              "path",
+                              {
+                                d: "M4.71631 1.45996H10.783",
+                                stroke: "currentColor",
+                                strokeWidth: "1.5",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round"
+                              }
+                            )
+                          ]
+                        }
+                      ) }),
+                      "카테고리"
+                    ] }),
+                    value: "category"
+                  },
+                  {
+                    label: /* @__PURE__ */ b(G, { children: [
+                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, children: /* @__PURE__ */ e(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "15",
+                          height: "15",
+                          viewBox: "0 0 15 15",
+                          fill: "none",
+                          children: /* @__PURE__ */ e(
+                            "path",
+                            {
+                              d: "M7.11329 1.33356C7.32084 0.888813 7.66676 0.888813 7.88296 1.33356L9.258 4.25619C9.46556 4.70094 10.0277 5.12753 10.4947 5.20014L13.5647 5.67212C14.0317 5.74473 14.1441 6.08964 13.7982 6.43455L11.5757 8.70367C11.2384 9.04858 11.0222 9.73839 11.1 10.2285L11.6276 13.4325C11.7054 13.9227 11.4287 14.1405 11.0049 13.9045L8.26348 12.3887C7.83972 12.1527 7.15653 12.1527 6.73277 12.3887L3.99134 13.9045C3.56759 14.1405 3.29085 13.9227 3.36868 13.4325L3.89621 10.2285C3.97405 9.73839 3.76649 9.04858 3.42057 8.70367L1.19802 6.43455C0.86075 6.08964 0.964526 5.74473 1.43152 5.67212L4.50158 5.20014C4.96857 5.12753 5.5307 4.70094 5.73825 4.25619L7.11329 1.33356Z",
+                              stroke: "currentColor",
+                              strokeWidth: "1.5",
+                              strokeMiterlimit: "4"
+                            }
+                          )
+                        }
+                      ) }),
+                      "즐겨찾기"
+                    ] }),
+                    value: "favorite"
+                  }
+                ],
+                value: a,
+                onChange: (g) => {
+                  p(g);
+                },
+                style: {
+                  width: "100%"
+                },
+                block: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ b("div", { className: t.className.sider.content, children: [
+          C && /* @__PURE__ */ b("div", { className: t.className.sider.loading, children: [
+            /* @__PURE__ */ e(W, { size: "default" }),
+            /* @__PURE__ */ e("div", { className: t.className.sider.loadingText, children: "메뉴 로딩 중..." })
+          ] }),
+          o && /* @__PURE__ */ b("div", { className: t.className.sider.error, children: [
+            /* @__PURE__ */ e(
+              Ge,
+              {
+                className: t.className.sider.errorIcon
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: t.className.sider.errorText, children: "메뉴 로드 실패" })
+          ] }),
+          !C && !o && a === "category" && m.length === 0 && /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                padding: "16px",
+                textAlign: "center",
+                color: "#666",
+                fontSize: "12px"
+              },
+              children: "메뉴가 없습니다"
+            }
+          ),
+          !C && !o && a === "favorite" && L.length === 0 && /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                padding: "16px",
+                textAlign: "center",
+                color: "#666",
+                fontSize: "12px"
+              },
+              children: "즐겨찾기된 메뉴가 없습니다"
+            }
+          ),
+          !C && !o && a === "category" && m.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            Q,
+            {
+              theme: "light",
+              mode: "inline",
+              items: c(m),
+              className: t.className.sider.menu,
+              selectedKeys: [y || ""],
+              onClick: (g) => R(g.key)
+            }
+          ) }),
+          !C && !o && a === "favorite" && L.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            Q,
+            {
+              theme: "light",
+              mode: "inline",
+              items: L,
+              className: t.className.sider.menu,
+              selectedKeys: [y || ""],
+              onClick: (g) => R(g.key)
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+class Ct extends Me {
+  constructor(t) {
+    super(t), this.resetError = () => {
       this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
     }, this.state = { hasError: !1 };
   }
-  static getDerivedStateFromError(r) {
-    return { hasError: !0, error: r };
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
   }
-  componentDidCatch(r, n) {
-    console.error("ErrorBound caught an error:", r, n), this.setState({
-      error: r,
-      errorInfo: n
+  componentDidCatch(t, r) {
+    console.error("ErrorBound caught an error:", t, r), this.setState({
+      error: t,
+      errorInfo: r
     });
   }
   render() {
-    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ a(
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ b(
       "div",
       {
         style: {
@@ -50,17 +1209,17 @@ class W extends L {
         },
         children: [
           /* @__PURE__ */ e(
-            f,
+            ne,
             {
               status: "error",
               title: "컴포넌트 로딩 중 오류가 발생했습니다",
               subTitle: this.state.error ? `오류 내용: ${this.state.error.message}` : "알 수 없는 오류가 발생했습니다",
               extra: [
                 /* @__PURE__ */ e(
-                  y,
+                  x,
                   {
                     type: "primary",
-                    icon: /* @__PURE__ */ e(E, {}),
+                    icon: /* @__PURE__ */ e(ie, {}),
                     onClick: this.resetError,
                     style: { marginRight: 8 },
                     children: "다시 시도"
@@ -70,7 +1229,7 @@ class W extends L {
               ]
             }
           ),
-          this.state.error && /* @__PURE__ */ a(
+          this.state.error && /* @__PURE__ */ b(
             "details",
             {
               style: {
@@ -105,184 +1264,15 @@ class W extends L {
     ) : this.props.children;
   }
 }
-const M = (t) => ({
-  position: "absolute",
-  inset: 0,
-  visibility: t ? "visible" : "hidden",
-  opacity: t ? 1 : 0,
-  transition: "opacity 0.2s ease-in-out",
-  pointerEvents: t ? "auto" : "none"
-}), _ = ({ once: t = !0 }) => {
-  const { lock: r } = z(), n = b(!1);
-  return x(() => {
-    t && n.current || (n.current = !0, r());
-  }, [t, r]), null;
-}, re = ({ isActive: t, flagged: r, tabKey: n, onUnlock: o, children: s }) => {
-  const i = b(null), [p, u] = N(!1), l = B((c) => {
-    i.current = c, u(!!c);
-  }, []), h = M(t);
-  return /* @__PURE__ */ e("div", { ref: l, style: h, children: p ? /* @__PURE__ */ a(
-    w,
-    {
-      idleMs: Number.POSITIVE_INFINITY,
-      persistLocked: !1,
-      overlayScope: "scoped",
-      overlayPosition: "absolute",
-      eventTarget: i.current,
-      overlayId: `tab-overlay-${n}`,
-      onUnlock: async () => (o(), !0),
-      children: [
-        t && r ? /* @__PURE__ */ e(_, { once: !0 }) : null,
-        s
-      ]
-    }
-  ) : s });
-}, g = "bwg-dot-line-wave-v4";
-function A() {
-  if (typeof document > "u" || document.getElementById(g)) return;
-  const t = document.createElement("style");
-  t.id = g, t.textContent = `
-    .bwg-dotline {
-      display: inline-flex;
-      align-items: center;
-      gap: var(--bwg-gap, 12px);
-      height: calc(var(--bwg-size, 12px) + 2 * var(--bwg-amp, 12px));
-      line-height: 0;
-    }
-    .bwg-dotline .dot {
-      width: var(--bwg-size, 12px);
-      height: var(--bwg-size, 12px);
-      border-radius: 50%;
-      background: currentColor;
-      will-change: transform, opacity;
-      filter: drop-shadow(0 1px 2px rgba(0,0,0,.12));
-      animation: bwg-dotline-sine var(--bwg-speed, 780ms) linear infinite;
-    }
-
-    /* sin(θ) 근사: 0, 45, 90, 135, 180, 225, 270, 315, 360deg */
-    @keyframes bwg-dotline-sine {
-      0%   { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
-      12.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }
-      25%  { transform: translate3d(0, calc(-1      * var(--bwg-amp, 12px)), 0) scale(1.06); opacity: 1; }
-      37.5%{ transform: translate3d(0, calc(-0.7071 * var(--bwg-amp, 12px)), 0) scale(1.03); opacity: .92; }
-      50%  { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
-      62.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }
-      75%  { transform: translate3d(0, calc( 1      * var(--bwg-amp, 12px)), 0) scale(.96); opacity: .76; }
-      87.5%{ transform: translate3d(0, calc( 0.7071 * var(--bwg-amp, 12px)), 0) scale(.97); opacity: .78; }
-      100% { transform: translate3d(0, 0, 0)                     scale(.98); opacity: .80; }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      .bwg-dotline .dot { animation: none; }
-    }
-  `, document.head.appendChild(t);
-}
-const U = ({
-  colors: t = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
-  count: r,
-  size: n = 12,
-  gap: o = 10,
-  amp: s = 16,
-  speedMs: i = 900,
-  direction: p = "ltr",
-  phase: u = 0.7
+const vt = ({
+  isActive: n,
+  instance: t,
+  params: r
 }) => {
-  x(() => {
-    A();
-  }, []);
-  const l = r ?? t.length, h = Array.from({ length: l }), c = {
-    "--bwg-size": `${n}px`,
-    "--bwg-gap": `${o}px`,
-    "--bwg-amp": `${s}px`,
-    "--bwg-speed": `${i}ms`
-  }, m = i / l * u;
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: "bwg-dotline",
-      role: "img",
-      "aria-label": "loading",
-      style: c,
-      children: h.map((q, d) => /* @__PURE__ */ e(
-        "span",
-        {
-          className: "dot",
-          style: {
-            backgroundColor: t[d % t.length],
-            animationDelay: p === "ltr" ? `${d * m}ms` : `${(l - 1 - d) * m}ms`
-          }
-        },
-        d
-      ))
-    }
-  );
-}, k = ({
-  spin: t = null,
-  text: r = "인증중..."
-}) => {
-  const { busy: n } = v();
-  return t ?? n ? /* @__PURE__ */ a(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        height: "100vh",
-        left: 0,
-        right: 0,
-        top: 0,
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        gap: 8,
-        padding: "8px 12px",
-        background: "rgba(0,0,0,0.6)",
-        color: "#fff",
-        zIndex: 1e4
-      },
-      "aria-live": "polite",
-      "aria-busy": "true",
-      role: "status",
-      children: [
-        /* @__PURE__ */ e(
-          I,
-          {
-            indicator: /* @__PURE__ */ e(
-              U,
-              {
-                colors: ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
-                size: 12,
-                gap: 10,
-                amp: 16,
-                speedMs: 900,
-                phase: 0.75,
-                direction: "ltr"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e("span", { className: "bwg-spin-txt", style: { marginTop: "15px" }, children: r })
-      ]
-    }
-  ) : null;
-}, ne = () => {
-  const { reauthWithPin: t } = v();
-  return /* @__PURE__ */ e(w, { idleMs: 30 * 6e4, onUnlock: async (r) => V ? !0 : !!r && await t(r), children: /* @__PURE__ */ e(T, { getPopupContainer: () => document.getElementById("app-shell") || document.body, children: /* @__PURE__ */ a("div", { id: "app-shell", children: [
-    /* @__PURE__ */ e(k, {}),
-    /* @__PURE__ */ e(C, {})
-  ] }) }) });
-}, ae = () => /* @__PURE__ */ a("div", { children: [
-  /* @__PURE__ */ e(k, {}),
-  /* @__PURE__ */ e(C, {})
-] }), Y = ({
-  isActive: t,
-  instance: r,
-  params: n
-}) => {
-  const { activeMenuId: o, closeTab: s } = j(), i = () => {
-    o && s(o);
+  const { activeMenuId: s, closeTab: a } = I(), p = () => {
+    s && a(s);
   };
-  return r ? /* @__PURE__ */ e(
+  return t ? /* @__PURE__ */ e(
     "div",
     {
       style: {
@@ -291,12 +1281,12 @@ const U = ({
         left: 0,
         width: "100%",
         height: "100%",
-        visibility: t ? "visible" : "hidden",
-        opacity: t ? 1 : 0,
+        visibility: n ? "visible" : "hidden",
+        opacity: n ? 1 : 0,
         transition: "opacity 0.2s ease-in-out",
-        pointerEvents: t ? "auto" : "none"
+        pointerEvents: n ? "auto" : "none"
       },
-      children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e($, { fallback: null, children: r && O(r, { params: n }) }) })
+      children: /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(oe, { fallback: null, children: t && re(t, { params: r }) }) })
     }
   ) : /* @__PURE__ */ e(
     "div",
@@ -310,10 +1300,10 @@ const U = ({
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        visibility: t ? "visible" : "hidden",
-        opacity: t ? 1 : 0,
+        visibility: n ? "visible" : "hidden",
+        opacity: n ? 1 : 0,
         transition: "opacity 0.2s ease-in-out",
-        pointerEvents: t ? "auto" : "none"
+        pointerEvents: n ? "auto" : "none"
       },
       children: /* @__PURE__ */ e(
         "div",
@@ -327,26 +1317,244 @@ const U = ({
             padding: 24
           },
           children: /* @__PURE__ */ e(
-            f,
+            ne,
             {
-              icon: /* @__PURE__ */ e(F, { twoToneColor: "#69b1ff" }),
+              icon: /* @__PURE__ */ e(Ue, { twoToneColor: "#69b1ff" }),
               status: "warning",
               title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
-              subTitle: /* @__PURE__ */ e(P.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
-              extra: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(y, { icon: /* @__PURE__ */ e(S, {}), onClick: i, children: "탭 닫기" }) })
+              subTitle: /* @__PURE__ */ e(Le.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(x, { icon: /* @__PURE__ */ e(ae, {}), onClick: p, children: "탭 닫기" }) })
             }
           )
         }
       )
     }
   );
-}, oe = R(Y);
+}, wt = Z(vt), xt = () => /* @__PURE__ */ b(G, { children: [
+  /* @__PURE__ */ e(
+    "link",
+    {
+      rel: "preload",
+      as: "image",
+      href: "/src/styles/assets/images/backgrounds/LandingContainer_bg.png"
+    }
+  ),
+  /* @__PURE__ */ e("div", { className: "LandingContainer-wrap", children: /* @__PURE__ */ e("div", { className: "inner", children: /* @__PURE__ */ e("div", { className: "content" }) }) })
+] }), kt = (n, t) => {
+  console.log("createPopupViewLoader 호출 - popupUrl:", n);
+  const s = ((a) => {
+    if (a.startsWith("/src/pages/views/popup/")) {
+      const d = a + ".tsx";
+      return console.log(`팝업 URL 변환: ${a} -> ${d}`), d;
+    }
+    const y = `/src/pages/views/popup/${a.startsWith("/") ? a.substring(1) : a}.tsx`;
+    return console.log(`팝업 URL 변환: ${a} -> ${y}`), y;
+  })(n);
+  return !s || !t?.glob[s] ? (console.warn(`팝업 뷰를 찾을 수 없습니다: ${n} (${s})`), console.warn("사용 가능한 팝업 뷰들:", Object.keys(t?.glob || {})), null) : t?.glob[s];
+}, Nt = ({ popup: n, modules: t }) => {
+  const [r, s] = S(null), [a, p] = S(!1), [y, d] = S(null), h = () => {
+    console.log("PopupArea - handleClose:", n.popupId), se.getState().closePopup(n.popupId);
+  };
+  return B(() => {
+    (async () => {
+      console.log("팝업 뷰 로드 시작:", n.popupUrl), p(!0), d(null);
+      try {
+        const m = kt(n.popupUrl, t);
+        if (!m) {
+          const i = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
+          console.error(i), d(i), p(!1);
+          return;
+        }
+        console.log("팝업 뷰 모듈 로드 중...");
+        const C = await m();
+        console.log("팝업 뷰 모듈 로드 완료:", C);
+        const o = C.default;
+        if (console.log("팝업 뷰 컴포넌트:", o), !o)
+          throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
+        s(() => o), console.log("팝업 뷰 설정 완료");
+      } catch (m) {
+        console.error("팝업 뷰 로드 실패:", m), d(m instanceof Error ? m.message : "팝업 뷰 로드 실패");
+      } finally {
+        p(!1);
+      }
+    })();
+  }, [n.popupUrl]), a ? /* @__PURE__ */ b("div", { className: "popup-loading", children: [
+    /* @__PURE__ */ e(W, { size: "large" }),
+    /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
+  ] }) : y ? /* @__PURE__ */ b("div", { className: "popup-error", children: [
+    /* @__PURE__ */ e(U, { description: y, image: U.PRESENTED_IMAGE_SIMPLE }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        icon: /* @__PURE__ */ e(ie, {}),
+        onClick: () => window.location.reload(),
+        children: "다시 시도"
+      }
+    )
+  ] }) : r ? /* @__PURE__ */ e(
+    oe,
+    {
+      fallback: /* @__PURE__ */ b("div", { className: "popup-loading", children: [
+        /* @__PURE__ */ e(W, { size: "large" }),
+        /* @__PURE__ */ e("p", { children: "컴포넌트를 로드하는 중..." })
+      ] }),
+      children: /* @__PURE__ */ e(
+        r,
+        {
+          popup: {
+            ...n,
+            close: h
+            // popup 객체에 close 이벤트 추가
+          },
+          onClose: h
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e("div", { className: "popup-empty", children: /* @__PURE__ */ e(U, { description: "팝업 내용을 불러올 수 없습니다." }) });
+}, It = ({ modules: n }) => {
+  const { popups: t } = se();
+  return t.length === 0 ? null : /* @__PURE__ */ e(G, { children: t.map((r) => {
+    const s = r.config || {}, a = s.width || r.width || 800, p = s.height || r.height || 600, y = s.title || r.popupTitle, d = r.buttonList?.map((h, u) => ({
+      key: h.btnId || `btn_${u}`,
+      text: h.btnNm,
+      type: h.btnId === "CLOSE" ? "default" : "primary",
+      disabled: h.enblYn !== "Y",
+      danger: !1
+    })) || [];
+    return console.log("팝업 렌더링:", {
+      popupId: r.popupId,
+      popupCode: r.popupCode,
+      title: y,
+      width: a,
+      height: p,
+      buttons: d
+    }), /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Nt, { popup: r, modules: n }) }, r.popupId);
+  }) });
+}, St = (n) => ({
+  position: "absolute",
+  inset: 0,
+  visibility: n ? "visible" : "hidden",
+  opacity: n ? 1 : 0,
+  transition: "opacity 0.2s ease-in-out",
+  pointerEvents: n ? "auto" : "none"
+}), Tt = ({ once: n = !0 }) => {
+  const { lock: t } = me(), r = $(!1);
+  return B(() => {
+    n && r.current || (r.current = !0, t());
+  }, [n, t]), null;
+}, Lt = ({ isActive: n, flagged: t, tabKey: r, onUnlock: s, children: a }) => {
+  const p = $(null), [y, d] = S(!1), h = M((m) => {
+    p.current = m, d(!!m);
+  }, []), u = St(n);
+  return /* @__PURE__ */ e("div", { ref: h, style: u, children: y ? /* @__PURE__ */ b(
+    ue,
+    {
+      idleMs: Number.POSITIVE_INFINITY,
+      persistLocked: !1,
+      overlayScope: "scoped",
+      overlayPosition: "absolute",
+      eventTarget: p.current,
+      overlayId: `tab-overlay-${r}`,
+      onUnlock: async () => (s(), !0),
+      children: [
+        n && t ? /* @__PURE__ */ e(Tt, { once: !0 }) : null,
+        a
+      ]
+    }
+  ) : a });
+}, Wt = ({
+  config: n = {},
+  modules: t = {
+    view: {
+      path: "/src/pages/views/content"
+    },
+    popup: {
+      path: "/src/pages/views/popups"
+    }
+  }
+}) => {
+  const r = $(
+    /* @__PURE__ */ new Map()
+  ), {
+    tabs: s,
+    tabParams: a,
+    activeMenuId: p,
+    tabProtectFlag: y,
+    clearProtectFlagForKey: d
+  } = I(), h = M(
+    (u) => {
+      const m = r.current.get(u.key);
+      if (m) return m;
+      const C = u.gubun === "M" ? `${t.view.path}${u.menuItem?.scrnPath}.tsx` : `${t.view.path}${u.componentItem?.scrnPath}.tsx`;
+      let o = t.view?.glob?.[C];
+      if (!o && typeof import.meta < "u" && typeof import.meta.glob == "function" && (o = (/* @__PURE__ */ Object.assign({}))[C]), o) {
+        const i = Be(
+          o
+        );
+        return r.current.set(u.key, i), i;
+      }
+      return null;
+    },
+    [t.view?.glob]
+  );
+  return /* @__PURE__ */ b(A, { className: "main-layout", children: [
+    /* @__PURE__ */ e(pt, { config: n?.header }),
+    /* @__PURE__ */ b(A, { children: [
+      /* @__PURE__ */ e(yt, { config: n?.sidebar }),
+      /* @__PURE__ */ b("div", { className: "content-container", children: [
+        /* @__PURE__ */ e(ft, { config: n?.menuTab }),
+        /* @__PURE__ */ e(lt, { config: n?.content, children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ b(
+          "div",
+          {
+            style: {
+              position: "relative",
+              width: "100%",
+              height: "100%"
+            },
+            children: [
+              s.map((u) => {
+                const m = h(u), C = p === u.key, o = !!y?.[u.key], i = a[u.key] || {};
+                return /* @__PURE__ */ e(
+                  Lt,
+                  {
+                    isActive: C,
+                    flagged: o,
+                    tabKey: u.key,
+                    onUnlock: () => d(u.key),
+                    children: /* @__PURE__ */ e(
+                      wt,
+                      {
+                        isActive: C,
+                        instance: m || void 0,
+                        params: i
+                      },
+                      u.key
+                    )
+                  },
+                  u.key
+                );
+              }),
+              (!p || s.length === 0) && /* @__PURE__ */ e(xt, {})
+            ]
+          }
+        ) }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(It, { modules: t?.popup }),
+    /* @__PURE__ */ e(Ce, {})
+  ] });
+}, jt = ({ config: n, children: t }) => /* @__PURE__ */ e("div", { children: "BwgPortal02" });
 export {
-  W as ErrorBound,
-  te as LoadingOverlay,
-  re as PrivateProtectedOverlay,
-  k as ProgressOverlay,
-  ne as ProtectedLayout,
-  ae as PublicLayout,
-  oe as ViewContainer
+  Gt as AppWrapper,
+  Wt as BwgPortal01,
+  jt as BwgPortal02,
+  lt as ConfigurableContent,
+  pt as ConfigurableHeader,
+  ft as ConfigurableMenuTab,
+  yt as ConfigurableSidebar,
+  wt as ContentContainer,
+  xt as LandingContainer,
+  Vt as LoadingContainer,
+  It as PopupContainer,
+  Lt as ProtectWrapper
 };