@bwg-ui/core 1.2.6 → 1.2.8

package/dist/chunks/layout-components-mRRx1BIz.js

@@ -0,0 +1,1616 @@
+import { jsxs as f, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { ServiceCodeProvider as de, CommonCodeProvider as ue, ScreenProtectProvider as pe, useLock as me, SearchBoxProvider as he } from "../provider/index.js";
+import { Routes as ge, Route as U, Navigate as fe, useNavigate as be } from "react-router-dom";
+import { G as ye, B as Ce, Q as ve } from "./common-components-G-FELsbw.js";
+import { Spin as W, Layout as z, ColorPicker as we, Button as x, Popover as xe, Avatar as ke, Tabs as Ne, Tooltip as A, AutoComplete as Ie, Input as Se, Segmented as Te, Menu as J, Result as se, Space as Le, Typography as Pe, Empty as K } from "antd";
+import { lazy as D, useEffect as E, useState as S, useRef as $, useMemo as _, useCallback as M, createElement as ae, memo as Y, cloneElement as Me, Component as Ee, Suspense as Q } from "react";
+import { useUserStore as Be, useMenuViewStore as I, useMenuModelStore as De, useFavoriteStore as Oe, usePopupStore as X } from "../stores/index.js";
+import * as ee from "@ant-design/icons";
+import { UserOutlined as Re, StepBackwardOutlined as Ae, LeftOutlined as Fe, RightOutlined as ze, StepForwardOutlined as $e, CloseOutlined as ie, MenuUnfoldOutlined as He, MenuFoldOutlined as Ve, ExclamationCircleOutlined as Ge, WarningOutlined as _e, StarOutlined as We, FolderOpenOutlined as je, ReloadOutlined as le, ExclamationCircleTwoTone as Ue } from "@ant-design/icons";
+import { getCookie as Ke, getCurrentDateString as te, setCookie as Ze, THEME_COOKIE_NAME as ne, getUserId as re } 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 st = D(() => import("./MenuReport-CiL4ggPy.js")), at = D(() => import("./common-components-G-FELsbw.js").then((n) => n.D)), it = D(() => import("./common-components-G-FELsbw.js").then((n) => n.E)), lt = D(() => import("./common-components-G-FELsbw.js").then((n) => n.F)), ct = D(() => import("./common-components-G-FELsbw.js").then((n) => n.H)), dt = {
+  // 게시판/문의
+  CORE_REPORT: {
+    component: st,
+    defaultConfig: {
+      title: "게시판/문의",
+      width: 1200,
+      height: 800
+    }
+  },
+  // 조직/부서 검색류
+  CORE_DEPARTMENT_01: {
+    component: at,
+    defaultConfig: {
+      title: "부서 검색",
+      width: 620,
+      height: 700
+    }
+  },
+  CORE_DEPARTMENT_02: {
+    component: it,
+    defaultConfig: {
+      title: "부서 검색",
+      width: 620,
+      height: 700
+    }
+  },
+  CORE_ORGANIZATION_01: {
+    component: lt,
+    defaultConfig: {
+      title: "조직 검색",
+      width: 620,
+      height: 700
+    }
+  },
+  CORE_ORGANIZATION_02: {
+    component: ct,
+    defaultConfig: {
+      title: "조직 검색",
+      width: 1e3,
+      height: 700
+    }
+  }
+}, oe = "bwg-dot-line-wave-v4";
+function ut() {
+  if (typeof document > "u" || document.getElementById(oe)) return;
+  const n = document.createElement("style");
+  n.id = oe, 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 pt = ({
+  colors: n = ["#DAD3FF", "#B3A6FF", "#9380FF", "#816BFA"],
+  count: t,
+  size: r = 12,
+  gap: s = 10,
+  amp: a = 16,
+  speedMs: m = 900,
+  direction: y = "ltr",
+  phase: c = 0.7
+}) => {
+  E(() => {
+    ut();
+  }, []);
+  const h = t ?? n.length, u = Array.from({ length: h }), p = {
+    "--bwg-size": `${r}px`,
+    "--bwg-gap": `${s}px`,
+    "--bwg-amp": `${a}px`,
+    "--bwg-speed": `${m}ms`
+  }, C = m / h * c;
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: "bwg-dotline",
+      role: "img",
+      "aria-label": "loading",
+      style: p,
+      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
+      ))
+    }
+  );
+}, Zt = ({
+  spin: n = null,
+  text: t = "인증중..."
+}) => n ?? !0 ? /* @__PURE__ */ f(
+  "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(
+            pt,
+            {
+              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, Yt = ({ routes: n, useCommonProvider: t = !0, useServiceProvider: r = !0 }) => {
+  let a = /* @__PURE__ */ f(ge, { children: [
+    /* @__PURE__ */ e(U, { path: "/", element: /* @__PURE__ */ e(fe, { to: "/login" }) }),
+    /* @__PURE__ */ e(U, { path: "/login", element: n.login }),
+    /* @__PURE__ */ e(U, { path: "/main", element: n.main })
+  ] });
+  return r && (a = /* @__PURE__ */ e(de, { children: a })), t && (a = /* @__PURE__ */ e(ue, { children: a })), /* @__PURE__ */ e(ye, { children: a });
+}, { Content: mt } = z, ht = ({
+  config: n = {},
+  children: t
+}) => {
+  const r = {
+    wrapper: {
+      className: "content-wrapper",
+      ...n.wrapper
+    },
+    body: {
+      className: "content-body",
+      ...n.body
+    },
+    ...n
+  };
+  return /* @__PURE__ */ e(
+    mt,
+    {
+      className: r.wrapper.className,
+      style: r.wrapper.style,
+      children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: r.body.className,
+          style: r.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", ft = "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", bt = "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: yt } = z, 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"
+  }
+}, Ct = ({ 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 = be(), [s, a] = S("modern"), m = $(null), { logout: y } = Be(), c = (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] };
+    c("--header-bg", i.headerBg), c("--header-text", i.headerText), c("--sidebar-bg", i.sidebarBg), c("--sidebar-text", i.sidebarText), c("--button-primary", i.buttonPrimary), c("--button-primary-hover", i.buttonPrimaryHover), c("--button-primary-active", i.buttonPrimaryActive), c("--button-default", i.buttonDefault), c("--button-default-hover", i.buttonDefaultHover), c("--button-default-border", i.buttonDefaultBorder), c(
+      "--button-permission-border",
+      i.buttonPermissionBorder
+    ), m.current && m.current.setAttribute("data-theme", o), document.documentElement.setAttribute("data-theme", o), Ze(ne, o, 30);
+  };
+  E(() => {
+    const o = Ke(ne);
+    o && P[o] ? h(o) : h("modern");
+  }, []);
+  const u = () => ({ ...P[s] }).headerBg, p = () => {
+    y(), r("/login");
+  };
+  te ? te("HH:mm:ss") : (/* @__PURE__ */ new Date()).toLocaleTimeString("ko-KR");
+  const C = /* @__PURE__ */ f("div", { style: { padding: "8px 0" }, children: [
+    /* @__PURE__ */ f("div", { style: { marginBottom: "12px" }, children: [
+      /* @__PURE__ */ e(we, { value: u(), disabled: !0, size: "small" }),
+      /* @__PURE__ */ e("span", { style: { marginLeft: "8px", fontSize: "12px" }, children: "현재 테마 색상" })
+    ] }),
+    /* @__PURE__ */ f("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
+      ))
+    ] })
+  ] });
+  return /* @__PURE__ */ f(
+    yt,
+    {
+      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__ */ f(
+          "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: gt, alt: "알림" }),
+                  className: "alarm-btn"
+                }
+              ),
+              /* @__PURE__ */ e(
+                xe,
+                {
+                  content: C,
+                  title: "테마 설정",
+                  trigger: "click",
+                  placement: "bottomRight",
+                  children: /* @__PURE__ */ e(
+                    x,
+                    {
+                      type: "text",
+                      icon: /* @__PURE__ */ e("img", { src: bt, alt: "개인설정" }),
+                      className: "theme-btn"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  type: "text",
+                  icon: /* @__PURE__ */ e("img", { src: ft, alt: "로그아웃" }),
+                  onClick: p,
+                  className: "logout-btn"
+                }
+              ),
+              /* @__PURE__ */ e(
+                ke,
+                {
+                  icon: /* @__PURE__ */ e(Re, {}),
+                  className: "avatar",
+                  style: {
+                    width: t.right?.avatar?.width,
+                    height: t.right?.avatar?.height
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Z = /* @__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 [Z.Translate.toString(n), Z.Scale.toString(n)].join(" ");
+    }
+  },
+  Transition: {
+    toString(n) {
+      let {
+        property: t,
+        duration: r,
+        easing: s
+      } = n;
+      return t + " " + r + "ms " + s;
+    }
+  }
+}), vt = Y(
+  ({ className: n, ...t }) => {
+    const r = $(null), {
+      attributes: s,
+      listeners: a,
+      transform: m,
+      transition: y,
+      isDragging: c,
+      setNodeRef: h
+    } = ot({ id: t["data-node-key"] }), [u, p] = S();
+    E(() => {
+      const o = r.current;
+      if (o)
+        if (c) {
+          const i = Math.round(o.getBoundingClientRect().width);
+          p(i);
+        } else
+          p(void 0);
+    }, [c]);
+    const C = {
+      ...t.style,
+      transform: m ? Z.Transform.toString(m) : 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 Me(t.children, {
+      ref: (o) => {
+        r.current !== o && (r.current = o), h(o);
+      },
+      style: C,
+      ...s,
+      ...a
+    });
+  }
+), wt = Y(function({
+  config: t,
+  isFirst: r,
+  isLast: s,
+  canCloseAll: a,
+  onFirst: m,
+  onPrev: y,
+  onNext: c,
+  onLast: h,
+  onCloseAll: u
+}) {
+  return /* @__PURE__ */ f("div", { className: t.wrapper?.className, style: t.wrapper?.style, children: [
+    /* @__PURE__ */ e(
+      A,
+      {
+        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: m,
+            disabled: r
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        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(Fe, {}),
+            onClick: y,
+            disabled: r
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        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(ze, {}),
+            onClick: c,
+            disabled: s
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        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: h,
+            disabled: s
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      A,
+      {
+        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(ie, {}),
+            onClick: u,
+            disabled: !a
+          }
+        )
+      }
+    )
+  ] });
+}), xt = ({
+  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((d) => d.tabs), s = I((d) => d.activeMenuId), a = I((d) => d.focusTab), m = I((d) => d.closeTab), y = I((d) => d.reorderTabs), c = Ye(
+    Qe(Xe, { activationConstraint: { distance: 6 } })
+  ), h = (d) => {
+    a(d);
+  }, u = (d, k) => {
+    k === "remove" && typeof d == "string" && m(d);
+  }, p = () => {
+    r.length > 0 && a(r[0].key);
+  }, C = () => {
+    if (!s || r.length <= 1) return;
+    const d = r.findIndex((k) => k.key === s);
+    d > 0 && a(r[d - 1].key);
+  }, o = () => {
+    if (!s || r.length <= 1) return;
+    const d = r.findIndex((k) => k.key === s);
+    d < r.length - 1 && a(r[d + 1].key);
+  }, i = () => {
+    r.length > 0 && a(r[r.length - 1].key);
+  }, T = () => {
+    r.forEach((d) => {
+      m(d.key);
+    });
+  }, O = s ? r.findIndex((d) => d.key === s) : -1, H = O === 0, R = O === r.length - 1, j = _(
+    () => r.map((d) => ({
+      key: d.key,
+      label: d.label,
+      closable: !0,
+      children: null
+      // 컨텐츠는 Main 쪽에서 렌더 → 여기선 헤더만 필요
+    })),
+    [r]
+  ), V = M(
+    ({ active: d, over: k }) => {
+      if (!k || d.id === k.id) return;
+      const N = r.findIndex((l) => l.key === d.id), L = r.findIndex((l) => l.key === k.id);
+      if (N < 0 || L < 0 || N === L) return;
+      const g = r.map((l) => l.key), b = tt(g, N, L);
+      y?.(b);
+    },
+    [r, y]
+  ), G = M(
+    (d, k) => /* @__PURE__ */ e(
+      qe,
+      {
+        sensors: c,
+        onDragEnd: V,
+        collisionDetection: Je,
+        modifiers: [et],
+        children: /* @__PURE__ */ e(
+          nt,
+          {
+            items: r.map((N) => N.key),
+            strategy: rt,
+            children: /* @__PURE__ */ e(k, { ...d, children: (N) => /* @__PURE__ */ ae(
+              vt,
+              {
+                ...N.props,
+                key: N.key
+              },
+              N
+            ) })
+          }
+        )
+      }
+    ),
+    [c, V, r]
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: t.wrapper.className,
+      style: {
+        ...t.wrapper.style,
+        display: r.length === 0 ? "none" : "block"
+      },
+      children: /* @__PURE__ */ e(
+        Ne,
+        {
+          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(
+            wt,
+            {
+              config: t?.nav,
+              isFirst: !!H,
+              isLast: !!R,
+              canCloseAll: r.length > 0,
+              onFirst: p,
+              onPrev: C,
+              onNext: o,
+              onLast: i,
+              onCloseAll: T
+            }
+          ),
+          renderTabBar: G
+        }
+      )
+    }
+  );
+}, { Sider: kt } = z, Nt = ({
+  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, m] = S(
+    "category"
+  ), { activeMenuId: y, sidebarCollapsed: c, openTabFromMenu: h, toggleSidebar: u } = I(), { menuList: p, isLoading: C, error: o, findMenuById: i } = De(), { nodes: T, treeNodes: O, loadFavoritesIfNeeded: H } = Oe(), R = _(() => {
+    const g = [], b = (l, w = 0) => {
+      if (l.menuGbCd === t.menuGubunCode.program && l.scrnPath) {
+        const v = "  ".repeat(w), B = l.menuNo || "";
+        g.push({
+          value: l.menuId,
+          label: /* @__PURE__ */ f(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center"
+              },
+              children: [
+                /* @__PURE__ */ f("span", { children: [
+                  v,
+                  l.menuNm
+                ] }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "11px",
+                      color: "#999",
+                      backgroundColor: "#f0f0f0",
+                      padding: "2px 6px",
+                      borderRadius: "3px",
+                      marginLeft: "8px"
+                    },
+                    children: B
+                  }
+                )
+              ]
+            }
+          ),
+          menuItem: l
+        });
+      }
+      l.children && l.children.length > 0 && l.children.forEach((v) => b(v, w + 1));
+    };
+    return p.forEach((l) => b(l)), g;
+  }, [p]), j = _(() => r.trim() ? R.filter((g) => {
+    const b = g.menuItem.menuNm.toLowerCase(), l = String(g.menuItem.menuNo || "미지정").toLowerCase(), w = r.toLowerCase();
+    return b.includes(w) || l.includes(w);
+  }) : [], [R, r]), V = (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 b = R.find(
+      (l) => l.value === g
+    );
+    if (b) {
+      const { menuItem: l } = b;
+      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("");
+    }
+  }, G = M(
+    (g) => {
+      const b = i(g);
+      b?.menuGbCd === t.menuGubunCode.program && (console.log(
+        "메뉴명:",
+        b.menuNm,
+        "경로:",
+        b.scrnPath,
+        "scrnId:",
+        b.scrnId
+      ), h(b));
+    },
+    [i, h]
+  ), d = M((g) => g.map((b) => ({
+    key: b.menuId,
+    label: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: /* @__PURE__ */ e("span", { children: b.menuNm })
+      }
+    ),
+    icon: k(b.iconCd, b.menuGbCd),
+    children: b.children && b.children.length > 0 ? d(b.children) : void 0
+  })), []), k = (g, b) => {
+    if (g) {
+      const l = ee[g];
+      if (l)
+        return /* @__PURE__ */ e(l, {});
+    }
+    if (b)
+      switch (b) {
+        case t.menuGubunCode.mainMenu:
+          return /* @__PURE__ */ e(ee.HomeOutlined, {});
+        case t.menuGubunCode.subMenu:
+          return null;
+        case t.menuGubunCode.program:
+          return null;
+        default:
+          return null;
+      }
+    return null;
+  }, N = M(
+    (g) => {
+      if (p.length === 0) return [];
+      const b = (w) => {
+        if (w)
+          return typeof w == "string" ? T[w] : w;
+      }, l = (w) => {
+        if (w.type === "M") {
+          const v = w, B = i(v.menuId) || void 0, q = !!B, ce = q ? `${B?.menuNm ?? v.menuNm ?? v.menuId}` : `${v.menuNm ?? v.menuId} (삭제됨)`;
+          return {
+            key: v.menuId,
+            label: ce,
+            icon: q ? void 0 : /* @__PURE__ */ e(_e, { style: { color: "#faad14" } })
+          };
+        } else {
+          const v = w, B = (v.children ?? []).map(b).filter(Boolean).map(l);
+          return {
+            key: v.bkmkId,
+            label: v.bkmkNm ?? v.bkmkId,
+            icon: v.prntBkmkId === "-" ? /* @__PURE__ */ e(We, {}) : /* @__PURE__ */ e(je, {}),
+            children: B
+            // 빈 배열이면 자동으로 말아줌
+          };
+        }
+      };
+      return g.map(l);
+    },
+    [i, T, p]
+  ), L = _(
+    () => N(O),
+    [N, O, T]
+  );
+  return E(() => {
+    re() && H(re());
+  }, [H]), E(() => {
+    a === "category" && s("");
+  }, [a]), /* @__PURE__ */ f(
+    kt,
+    {
+      className: t.className.wrapper,
+      collapsed: t.collapsed || c,
+      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 || c ? /* @__PURE__ */ e(He, {}) : /* @__PURE__ */ e(Ve, {}),
+                style: {
+                  fontSize: "12px",
+                  color: "#787878",
+                  padding: 0,
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                onClick: u
+              }
+            )
+          }
+        ),
+        !(t.collapsed || c) && /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              padding: 10
+            },
+            children: /* @__PURE__ */ e(
+              Ie,
+              {
+                value: r,
+                options: j,
+                onSelect: V,
+                onSearch: s,
+                style: { width: "100%" },
+                allowClear: !0,
+                children: /* @__PURE__ */ e(
+                  Se,
+                  {
+                    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 || c) && /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              width: "100%",
+              padding: "0px 10px",
+              marginBottom: "10px"
+            },
+            children: /* @__PURE__ */ e(
+              Te,
+              {
+                className: t.className.segmented.wrapper,
+                options: [
+                  {
+                    label: /* @__PURE__ */ f(F, { children: [
+                      /* @__PURE__ */ e("span", { className: t.className.segmented.item, children: /* @__PURE__ */ f(
+                        "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__ */ f(F, { 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) => {
+                  m(g);
+                },
+                style: {
+                  width: "100%"
+                },
+                block: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ f("div", { className: t.className.sider.content, children: [
+          C && /* @__PURE__ */ f("div", { className: t.className.sider.loading, children: [
+            /* @__PURE__ */ e(W, { size: "default" }),
+            /* @__PURE__ */ e("div", { className: t.className.sider.loadingText, children: "메뉴 로딩 중..." })
+          ] }),
+          o && /* @__PURE__ */ f("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" && p.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" && p.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            J,
+            {
+              theme: "light",
+              mode: "inline",
+              items: d(p),
+              className: t.className.sider.menu,
+              selectedKeys: [y || ""],
+              onClick: (g) => G(g.key)
+            }
+          ) }),
+          !C && !o && a === "favorite" && L.length > 0 && /* @__PURE__ */ e("div", { className: t.className.sider.menuContainer, children: /* @__PURE__ */ e(
+            J,
+            {
+              theme: "light",
+              mode: "inline",
+              items: L,
+              className: t.className.sider.menu,
+              selectedKeys: [y || ""],
+              onClick: (g) => G(g.key)
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+class It extends Ee {
+  constructor(t) {
+    super(t), this.resetError = () => {
+      this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
+    }, this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
+  }
+  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__ */ f(
+      "div",
+      {
+        style: {
+          padding: "40px 20px",
+          textAlign: "center",
+          backgroundColor: "#fafafa",
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ e(
+            se,
+            {
+              status: "error",
+              title: "컴포넌트 로딩 중 오류가 발생했습니다",
+              subTitle: this.state.error ? `오류 내용: ${this.state.error.message}` : "알 수 없는 오류가 발생했습니다",
+              extra: [
+                /* @__PURE__ */ e(
+                  x,
+                  {
+                    type: "primary",
+                    icon: /* @__PURE__ */ e(le, {}),
+                    onClick: this.resetError,
+                    style: { marginRight: 8 },
+                    children: "다시 시도"
+                  },
+                  "retry"
+                )
+              ]
+            }
+          ),
+          this.state.error && /* @__PURE__ */ f(
+            "details",
+            {
+              style: {
+                marginTop: "20px",
+                textAlign: "left",
+                maxWidth: "600px",
+                backgroundColor: "#fff",
+                padding: "16px",
+                borderRadius: "6px",
+                border: "1px solid #d9d9d9"
+              },
+              children: [
+                /* @__PURE__ */ e("summary", { style: { cursor: "pointer", fontWeight: "bold" }, children: "오류 상세 정보" }),
+                /* @__PURE__ */ e(
+                  "pre",
+                  {
+                    style: {
+                      marginTop: "8px",
+                      fontSize: "12px",
+                      color: "#666",
+                      whiteSpace: "pre-wrap",
+                      wordBreak: "break-word"
+                    },
+                    children: this.state.error.stack
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) : this.props.children;
+  }
+}
+const St = ({
+  isActive: n,
+  instance: t,
+  params: r
+}) => {
+  const { activeMenuId: s, closeTab: a } = I(), m = () => {
+    s && a(s);
+  };
+  return t ? /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        visibility: n ? "visible" : "hidden",
+        opacity: n ? 1 : 0,
+        transition: "opacity 0.2s ease-in-out",
+        pointerEvents: n ? "auto" : "none"
+      },
+      children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(Q, { fallback: null, children: t && ae(t, { params: r }) }) })
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        visibility: n ? "visible" : "hidden",
+        opacity: n ? 1 : 0,
+        transition: "opacity 0.2s ease-in-out",
+        pointerEvents: n ? "auto" : "none"
+      },
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            width: 500,
+            maxWidth: "90%",
+            background: "#fff",
+            borderRadius: 16,
+            boxShadow: "0 8px 30px rgba(0,0,0,0.05)",
+            padding: 24
+          },
+          children: /* @__PURE__ */ e(
+            se,
+            {
+              icon: /* @__PURE__ */ e(Ue, { twoToneColor: "#69b1ff" }),
+              status: "warning",
+              title: "등록된 메뉴 정보가 없거나 유효한 메뉴가 아닙니다.",
+              subTitle: /* @__PURE__ */ e(Pe.Text, { type: "secondary", children: "자세한 내용은 관리자에게 문의바랍니다." }),
+              extra: /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(x, { icon: /* @__PURE__ */ e(ie, {}), onClick: m, children: "탭 닫기" }) })
+            }
+          )
+        }
+      )
+    }
+  );
+}, Tt = Y(St), Lt = () => /* @__PURE__ */ f(F, { 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" }) }) })
+] }), Pt = (n, t) => {
+  console.log("createPopupViewLoader 호출 - popupUrl:", n);
+  const s = ((a) => {
+    if (a.startsWith("/src/pages/views/popup/")) {
+      const c = a + ".tsx";
+      return console.log(`팝업 URL 변환: ${a} -> ${c}`), c;
+    }
+    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];
+}, Mt = ({ popup: n, modules: t }) => {
+  const [r, s] = S(null), [a, m] = S(!1), [y, c] = S(null), h = () => {
+    console.log("PopupArea - handleClose:", n.popupId), X.getState().closePopup(n.popupId);
+  };
+  return E(() => {
+    (async () => {
+      console.log("팝업 뷰 로드 시작:", n.popupUrl), m(!0), c(null);
+      try {
+        const p = Pt(n.popupUrl, t);
+        if (!p) {
+          const i = `팝업 뷰를 찾을 수 없습니다: ${n.popupUrl}`;
+          console.error(i), c(i), m(!1);
+          return;
+        }
+        console.log("팝업 뷰 모듈 로드 중...");
+        const C = await p();
+        console.log("팝업 뷰 모듈 로드 완료:", C);
+        const o = C.default;
+        if (console.log("팝업 뷰 컴포넌트:", o), !o)
+          throw new Error("팝업 뷰 컴포넌트를 찾을 수 없습니다");
+        s(() => o), console.log("팝업 뷰 설정 완료");
+      } catch (p) {
+        console.error("팝업 뷰 로드 실패:", p), c(p instanceof Error ? p.message : "팝업 뷰 로드 실패");
+      } finally {
+        m(!1);
+      }
+    })();
+  }, [n.popupUrl]), a ? /* @__PURE__ */ f("div", { className: "popup-loading", children: [
+    /* @__PURE__ */ e(W, { size: "large" }),
+    /* @__PURE__ */ e("p", { children: "팝업을 로드하는 중..." })
+  ] }) : y ? /* @__PURE__ */ f("div", { className: "popup-error", children: [
+    /* @__PURE__ */ e(K, { description: y, image: K.PRESENTED_IMAGE_SIMPLE }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        icon: /* @__PURE__ */ e(le, {}),
+        onClick: () => window.location.reload(),
+        children: "다시 시도"
+      }
+    )
+  ] }) : r ? /* @__PURE__ */ e(
+    Q,
+    {
+      fallback: /* @__PURE__ */ f("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(K, { description: "팝업 내용을 불러올 수 없습니다." }) });
+}, Et = ({ modules: n }) => {
+  const { popups: t } = X();
+  return t.length === 0 ? null : /* @__PURE__ */ e(F, { children: t.map((r) => {
+    const s = r.config || {}, a = s.width || r.width || 800, m = s.height || r.height || 600, y = s.title || r.popupTitle, c = 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: m,
+      buttons: c
+    }), /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(Mt, { popup: r, modules: n }) }, r.popupId);
+  }) });
+}, Bt = () => {
+  const { popups: n, closePopup: t } = X();
+  return /* @__PURE__ */ e(F, { children: n.map((r) => {
+    if (!(r.isLocal || r.popupCode.startsWith("CORE_"))) return null;
+    const s = dt[r.popupCode];
+    if (!s) return null;
+    const a = s.component;
+    return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(a, { popup: r, onClose: () => t(r.popupId) }) }, r.popupId);
+  }) });
+}, Dt = (n) => ({
+  position: "absolute",
+  inset: 0,
+  visibility: n ? "visible" : "hidden",
+  opacity: n ? 1 : 0,
+  transition: "opacity 0.2s ease-in-out",
+  pointerEvents: n ? "auto" : "none"
+}), Ot = ({ once: n = !0 }) => {
+  const { lock: t } = me(), r = $(!1);
+  return E(() => {
+    n && r.current || (r.current = !0, t());
+  }, [n, t]), null;
+}, Rt = ({ isActive: n, flagged: t, tabKey: r, onUnlock: s, children: a }) => {
+  const m = $(null), [y, c] = S(!1), h = M((p) => {
+    m.current = p, c(!!p);
+  }, []), u = Dt(n);
+  return /* @__PURE__ */ e("div", { ref: h, style: u, children: y ? /* @__PURE__ */ f(
+    pe,
+    {
+      idleMs: Number.POSITIVE_INFINITY,
+      persistLocked: !1,
+      overlayScope: "scoped",
+      overlayPosition: "absolute",
+      eventTarget: m.current,
+      overlayId: `tab-overlay-${r}`,
+      onUnlock: async () => (s(), !0),
+      children: [
+        n && t ? /* @__PURE__ */ e(Ot, { once: !0 }) : null,
+        a
+      ]
+    }
+  ) : a });
+}, Qt = ({
+  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: m,
+    tabProtectFlag: y,
+    clearProtectFlagForKey: c
+  } = I(), h = M(
+    (u) => {
+      const p = r.current.get(u.key);
+      if (p) return p;
+      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 = D(
+          o
+        );
+        return r.current.set(u.key, i), i;
+      }
+      return null;
+    },
+    [t.view?.glob]
+  );
+  return /* @__PURE__ */ f(z, { className: "main-layout", children: [
+    /* @__PURE__ */ e(Ct, { config: n?.header }),
+    /* @__PURE__ */ f(z, { children: [
+      /* @__PURE__ */ e(Nt, { config: n?.sidebar }),
+      /* @__PURE__ */ f("div", { className: "content-container", children: [
+        /* @__PURE__ */ e(xt, { config: n?.menuTab }),
+        /* @__PURE__ */ e(ht, { config: n?.content, children: /* @__PURE__ */ f(he, { children: [
+          /* @__PURE__ */ e("div", { className: "view-container", children: /* @__PURE__ */ f(
+            "div",
+            {
+              style: {
+                position: "relative",
+                width: "100%",
+                height: "100%"
+              },
+              children: [
+                s.map((u) => {
+                  const p = h(u), C = m === u.key, o = !!y?.[u.key], i = a[u.key] || {};
+                  return /* @__PURE__ */ e(
+                    Rt,
+                    {
+                      isActive: C,
+                      flagged: o,
+                      tabKey: u.key,
+                      onUnlock: () => c(u.key),
+                      children: /* @__PURE__ */ e(
+                        Tt,
+                        {
+                          isActive: C,
+                          instance: p || void 0,
+                          params: i
+                        },
+                        u.key
+                      )
+                    },
+                    u.key
+                  );
+                }),
+                (!m || s.length === 0) && /* @__PURE__ */ e(Lt, {})
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(Bt, {}),
+          /* @__PURE__ */ e(Et, { modules: t?.popup })
+        ] }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(ve, {})
+  ] });
+}, Xt = ({ config: n, children: t }) => /* @__PURE__ */ e("div", { children: "BwgPortal02" });
+export {
+  Yt as A,
+  Qt as B,
+  Tt as C,
+  Zt as L,
+  Et as P,
+  Xt as a,
+  Lt as b,
+  ht as c,
+  Ct as d,
+  xt as e,
+  Nt as f,
+  Rt as g,
+  dt as l
+};