@bwg-ui/core 1.3.7 → 1.3.9

package/dist/components/common/index.js

@@ -1,30 +1,4889 @@
-import { f as o, p as s, q as r, j as B, B as g, r as w, s as t, o as i, h as n, t as l, n as d, m as p, i as C, b as c, u, l as f, e as S, k as m, d as x, C as G, G as b, Q as v, v as P, S as T } from "../../chunks/common-components-DeYL3J6X.js";
-import { createBwgGridRenderer as h, realFormat as k } from "../../utils/index.js";
+import { jsx as e, jsxs as m, Fragment as ge } from "react/jsx-runtime";
+import * as Ve from "@ant-design/icons";
+import Xe, { ExclamationCircleFilled as Rt, SettingOutlined as dt, EyeOutlined as zt, CloseOutlined as Ge, CaretUpOutlined as Pt, CaretRightOutlined as Ft, CaretDownOutlined as Tt, CaretLeftOutlined as Ht, PlusOutlined as ct, EditOutlined as Et, DeleteOutlined as _t, ArrowLeftOutlined as $t, SearchOutlined as jt, QuestionCircleTwoTone as Gt, BugFilled as Ot, ClearOutlined as Wt, FileTextOutlined as Ut, UserOutlined as Kt } from "@ant-design/icons";
+import { Popover as Ke, Flex as ne, Space as pe, Button as $, Alert as Be, message as qt, Col as Qt, ConfigProvider as ee, theme as ut, Breadcrumb as Yt, Typography as de, Tooltip as oe, Form as Le, Collapse as ht, Drawer as Zt, Divider as Oe, Input as pt, Card as gt, Row as Xt, Table as Jt, Tabs as er, Modal as we, Empty as We, Tree as mt, Tag as Ie, Spin as tr } from "antd";
+import { memo as ft, useMemo as X, useState as F, createElement as rr, cloneElement as nr, useCallback as Z, forwardRef as De, useEffect as O, useImperativeHandle as Re, useRef as ce, Component as or } from "react";
+import { u as He, a as wt, b as ir, S as lr, c as yt, d as ar, e as sr, f as dr, M as cr, g as ur } from "../../chunks/provider-ff4RVDYo.js";
+import { BwgButton as qe, BwgForm as hr, BwgInput as $e } from "../core/index.js";
+import Ct from "antd/locale/ko_KR";
+import { useMenuViewStore as Qe, useMenuModelStore as pr, useUserStore as ze, useFavoriteStore as Ne, useLoadingStore as gr } from "../../stores/index.js";
+import mr from "dompurify";
+import kt from "quill";
+import fr from "react-quill";
+import Je from "quill-image-resize-module-react";
+import { generateUID as wr, removeGridLayout as et, isEmpty as xe, isSafeEmpty as yr, getGridLayout as Cr, saveGridLayout as kr, colorFormat as Ue, getUserId as tt, callService as xr, isLocal as br } from "../../utils/index.js";
+import { createBwgGridRenderer as $n, realFormat as jn } from "../../utils/index.js";
+import { RowState as ye, LocalDataProvider as rt, LocalTreeDataProvider as nt, SortMode as vr, TreeView as ot, TreeExpanderIconStyle as Sr, ExpandWhenSetData as Mr, GridFitStyle as Ar, SelectionStyle as Ir, GridView as Vr } from "realgrid";
+import { RealGridReact as Nr, RealTreeReact as Br } from "realgrid-react";
+import { Rnd as xt } from "react-rnd";
+import Lr from "antd/es/typography/Paragraph";
+import { L as Dr } from "../../chunks/layout-components-Cpzy8mH1.js";
+import { useNavigate as Rr, useLocation as zr } from "react-router-dom";
+const Pr = ({
+  checkAuth: s = !1,
+  buttons: r,
+  gap: c = 8
+}) => {
+  const o = He(), i = wt(), h = X(() => !(!s || o?.appCd === "CM"), [s, o?.appCd]), u = X(() => {
+    if (!h || !s || !i?.getButtonPermissions)
+      return /* @__PURE__ */ new Set();
+    const C = s.grpId.toUpperCase(), v = i.getButtonPermissions(C), S = /* @__PURE__ */ new Set();
+    return v.forEach((V) => {
+      const l = String(V?.btnId || "").trim();
+      l && S.add(l);
+    }), S;
+  }, [h, s, i?.getButtonPermissions]), D = X(() => !r || r.length === 0 ? null : r.filter((C) => C?.visible !== !1).map((C) => {
+    const v = !!C.disabled, S = h ? !u.has(C.id) : !1, V = v || S, l = /* @__PURE__ */ e(
+      qe,
+      {
+        type: C.type,
+        disabled: V,
+        loading: C.loading,
+        className: C.className || "bwg-btn",
+        style: C.style,
+        icon: C.icon,
+        onClick: C.onClick,
+        children: C.label
+      },
+      C.id
+    );
+    if (S) {
+      const M = /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ e(
+          Rt,
+          {
+            style: { color: "#faad14", fontSize: 16 }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            style: { fontWeight: 600 },
+            children: `'${C.label}' 버튼에 대한 사용 권한이 없습니다.`
+          }
+        )
+      ] });
+      return /* @__PURE__ */ e(
+        Ke,
+        {
+          title: M,
+          content: /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 4,
+                paddingLeft: 24
+              },
+              children: /* @__PURE__ */ e("span", { style: { fontSize: 12 }, children: "관리자에게 문의하세요." })
+            }
+          ),
+          placement: "bottom",
+          styles: { body: { backgroundColor: "#fffbe6" } },
+          children: /* @__PURE__ */ e("span", { children: l })
+        },
+        C.id
+      );
+    }
+    return l;
+  }), [r, h, u, s]);
+  return /* @__PURE__ */ e(ne, { gap: c, children: D });
+}, it = ft(Pr), bn = ({
+  grpId: s,
+  menuId: r,
+  btnEvent: c,
+  layout: o = "horizontal",
+  size: i = "middle",
+  style: h,
+  className: u,
+  onButtonClick: D
+}) => {
+  He();
+  const C = wt(), [v, S] = F({}), V = X(() => {
+    if (!C?.getButtonPermissions)
+      return [];
+    const f = s.toUpperCase();
+    return C.getButtonPermissions(f).map((n) => ({
+      grpId: n.grpId,
+      btnId: n.btnId,
+      btnNm: n.btnNm,
+      btnSq: n.btnSq,
+      iconType: n.iconType,
+      iconVal: n.iconVal
+    }));
+  }, [C, s]), l = C?.isLoadingPermissions ?? !1, M = C?.permissionsError ?? null, I = async (f, N) => {
+    S((n) => ({
+      ...n,
+      [f]: { loading: !0 }
+    }));
+    try {
+      const n = c?.[f];
+      n ? await n() : console.warn(`버튼 이벤트 핸들러를 찾을 수 없습니다: ${f}`), D && D(f, N, s);
+    } catch (n) {
+      console.error("버튼 이벤트 실행 실패:", n), qt.error("작업 중 오류가 발생했습니다.");
+    } finally {
+      S((n) => ({
+        ...n,
+        [f]: { loading: !1 }
+      }));
+    }
+  }, A = (f) => {
+    const N = v[f.btnId] || { loading: !1 };
+    return /* @__PURE__ */ m(
+      $,
+      {
+        size: i,
+        loading: N.loading,
+        onClick: () => I(f.btnId, f.btnNm),
+        className: "bwg-btn",
+        style: {
+          // 아이콘이 있는 경우 아이콘 스타일 적용
+          ...f.iconVal && {
+            display: "flex",
+            alignItems: "center",
+            gap: "4px"
+          }
+        },
+        children: [
+          f.iconVal && /* @__PURE__ */ m(ge, { children: [
+            f.iconType === "ANTD" && Ve[f.iconVal] && rr(Ve[f.iconVal], {
+              style: { fontSize: "14px" }
+            }),
+            f.iconType !== "ANTD" && /* @__PURE__ */ e(
+              "span",
+              {
+                className: f.iconVal,
+                style: {
+                  fontSize: "14px"
+                }
+              }
+            )
+          ] }),
+          f.btnNm
+        ]
+      },
+      f.btnId
+    );
+  };
+  return l ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: `bwg-button-group bwg-button-group-${o} ${u || ""}`,
+      style: h,
+      children: /* @__PURE__ */ e(
+        pe,
+        {
+          direction: o === "vertical" ? "vertical" : "horizontal",
+          size: i,
+          children: /* @__PURE__ */ e($, { loading: !0, size: i, children: "권한 조회 중..." })
+        }
+      )
+    }
+  ) : M ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: `bwg-button-group bwg-button-group-${o} ${u || ""}`,
+      style: h,
+      children: /* @__PURE__ */ e(
+        Be,
+        {
+          message: "권한 오류",
+          description: M,
+          type: "error",
+          showIcon: !0,
+          style: { minHeight: "40px" }
+        }
+      )
+    }
+  ) : V.length === 0 ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: `bwg-button-group bwg-button-group-${o} ${u || ""}`,
+      style: h,
+      children: /* @__PURE__ */ e(
+        Be,
+        {
+          message: "부여된 권한이 없습니다",
+          type: "warning",
+          showIcon: !0,
+          style: {
+            height: "20px",
+            display: "flex",
+            alignItems: "center",
+            margin: 0,
+            padding: "10px 10px"
+          }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: `bwg-button-group bwg-button-group-${o} ${u || ""}`,
+      style: h,
+      children: /* @__PURE__ */ e(ne, { gap: 3, children: V.map(A) })
+    }
+  );
+}, vn = ({
+  content: s,
+  layout: r = "flex",
+  gap: c = 16,
+  minWidth: o = 120,
+  maxWidth: i = 300,
+  style: h,
+  className: u
+}) => {
+  if (!(Array.isArray(s) && s.length > 0 && Array.isArray(s[0])))
+    return /* @__PURE__ */ e("div", { style: h, className: u, children: s });
+  const C = s.filter(
+    (M) => M && M.length > 0
+  ), v = X(() => {
+    const M = C[0];
+    if (!M || M.length === 0)
+      return { totalCols: 0, baseWidth: 0 };
+    let I = 0;
+    const A = [];
+    M.forEach((N) => {
+      const n = N, x = n?.props?.["data-colspan"] ? parseInt(String(n.props["data-colspan"])) : 1;
+      I += x, A.push(x);
+    });
+    const f = I > 0 ? 100 / I : 0;
+    return { totalCols: I, baseWidth: f, componentWidths: A };
+  }, [C]), S = (M, I, A) => {
+    const f = M, N = f?.props?.["data-colspan"] ? parseInt(String(f.props["data-colspan"])) : 1;
+    switch (r) {
+      case "equal":
+        return 100 / A;
+      case "auto":
+        return 100 / A;
+      case "grid":
+        return 100 / v.totalCols * N;
+      case "flex":
+      default:
+        const n = v.baseWidth * N;
+        return Math.max(o, Math.min(i, n));
+    }
+  }, V = (M) => {
+    if (!M || typeof M != "object") return M;
+    const I = M;
+    if (!I.props) return M;
+    const f = { ...I.props.style || {}, width: "100%" };
+    return nr(I, {
+      ...I.props,
+      style: f
+    });
+  }, l = (M, I) => {
+    if (!M || M.length === 0) return null;
+    const A = M.length;
+    return r === "grid" ? /* @__PURE__ */ e(
+      "div",
+      {
+        className: "erp-cmm-form",
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(${v.totalCols}, 1fr)`,
+          gap: `${c}px`,
+          width: "100%"
+        },
+        children: M.map((f, N) => {
+          const n = f?.props?.["data-colspan"] ? parseInt(String(f.props["data-colspan"])) : 1, x = V(f);
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                gridColumn: `span ${n}`,
+                minWidth: `${o}px`
+              },
+              className: "form-component-wrapper",
+              children: x
+            },
+            `row-${I}-col-${N}`
+          );
+        })
+      },
+      `row-${I}`
+    ) : /* @__PURE__ */ e(
+      ne,
+      {
+        gap: c,
+        className: "erp-cmm-form",
+        wrap: r === "auto" ? "wrap" : "nowrap",
+        style: { width: "100%" },
+        children: M.map((f, N) => {
+          const n = S(f, N, A), x = V(f), b = r === "flex" ? {
+            width: `${n}px`,
+            minWidth: `${o}px`,
+            maxWidth: `${i}px`,
+            flexShrink: 0
+          } : {
+            width: `${n}%`,
+            minWidth: `${o}px`
+          };
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              style: b,
+              className: "form-component-wrapper",
+              children: x
+            },
+            `row-${I}-col-${N}`
+          );
+        })
+      },
+      `row-${I}`
+    );
+  };
+  return /* @__PURE__ */ e(ne, { gap: "small", vertical: !0, style: h, className: u, children: C.map((M, I) => l(M, I + 1)) });
+}, Sn = ({ children: s, className: r, style: c, ...o }) => {
+  const i = {
+    minHeight: s ? void 0 : "1px",
+    ...c
+  };
+  return /* @__PURE__ */ e(Qt, { ...o, className: `bwg-col ${r || ""}`.trim(), style: i, children: s || /* @__PURE__ */ e("span", { style: { display: "block" } }) });
+}, bt = ({
+  children: s,
+  customTheme: r,
+  customComponentSize: c = "middle",
+  layout: o = "comfortable",
+  getPopupContainer: i
+}) => {
+  const u = (() => {
+    const C = {
+      token: {
+        // 기본 색상 (GlobalConfigProvider와 동일하지만 우선순위가 높음)
+        colorPrimary: "#1890ff",
+        colorSuccess: "#52c41a",
+        colorWarning: "#faad14",
+        colorError: "#ff4d4f",
+        colorInfo: "#1890ff",
+        // 폰트
+        // fontFamily:
+        //   '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+        fontFamily: '"Noto Sans KR", sans-serif',
+        fontSize: 14,
+        fontSizeHeading1: 30,
+        fontSizeHeading2: 20,
+        fontSizeHeading3: 18,
+        fontSizeHeading4: 16,
+        fontSizeHeading5: 14,
+        // 그림자
+        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+        boxShadowSecondary: "0 2px 4px rgba(0, 0, 0, 0.12)"
+      },
+      algorithm: ut.defaultAlgorithm
+    };
+    switch (o) {
+      case "compact":
+        return {
+          ...C,
+          token: {
+            ...C.token,
+            padding: 8,
+            margin: 8,
+            borderRadius: 4,
+            fontSize: 12,
+            fontSizeHeading1: 30,
+            fontSizeHeading2: 20,
+            fontSizeHeading3: 18,
+            fontSizeHeading4: 16,
+            fontSizeHeading5: 14
+          }
+        };
+      case "spacious":
+        return {
+          ...C,
+          token: {
+            ...C.token,
+            padding: 24,
+            margin: 24,
+            borderRadius: 8,
+            fontSize: 16,
+            fontSizeHeading1: 44,
+            fontSizeHeading2: 36,
+            fontSizeHeading3: 28,
+            fontSizeHeading4: 24,
+            fontSizeHeading5: 20
+          }
+        };
+      default:
+        return {
+          ...C,
+          token: {
+            ...C.token,
+            padding: 16,
+            margin: 16,
+            borderRadius: 6,
+            fontSize: 14,
+            fontSizeHeading1: 30,
+            fontSizeHeading2: 20,
+            fontSizeHeading3: 18,
+            fontSizeHeading4: 16,
+            fontSizeHeading5: 14
+          }
+        };
+    }
+  })(), D = {
+    ...u,
+    ...r,
+    token: {
+      ...u.token,
+      ...r?.token
+    },
+    components: {
+      Checkbox: {
+        colorPrimary: "var(--check-primary)",
+        colorPrimaryBorder: "var(--check-primary)",
+        colorPrimaryHover: "var(--check-primary-active)",
+        colorText: "var(--text-primary)"
+      },
+      Radio: {
+        colorPrimary: "var(--check-primary)",
+        colorPrimaryActive: "var(--check-primary-active)",
+        colorPrimaryHover: "var(--check-primary-active)",
+        buttonSolidCheckedBg: "var(--button-solid)",
+        buttonSolidCheckedHoverBg: "var(--button-solid-hover)",
+        buttonSolidCheckedActiveBg: "var(--button-solid-hover)"
+      },
+      Tree: {
+        nodeHoverBg: "var(--tree-selected-bg)",
+        nodeHoverColor: "var(--primary-color)",
+        nodeSelectedBg: "var(--tree-selected-bg)",
+        nodeSelectedColor: "var(--primary-color)",
+        colorText: "var(--text-primary)"
+      },
+      Switch: {
+        colorPrimary: "var(--switch-primary)",
+        colorPrimaryHover: "var(--switch-primary)"
+      },
+      Tabs: {
+        inkBarColor: "var(--primary-color)",
+        itemSelectedColor: "var(--primary-color)",
+        itemHoverColor: "var(--button-solid-hover)",
+        itemActiveColor: "var(--button-solid-hover)",
+        itemColor: "var(--text-primary)",
+        horizontalItemGutter: 0,
+        horizontalItemPadding: "11px 24px"
+      },
+      Button: {
+        borderColorDisabled: "var(--border-color)",
+        defaultShadow: "none",
+        dangerShadow: "none",
+        iconGap: 4
+      },
+      // 혹시 customTheme 안에 components 가 있으면 합쳐주고 싶으면 이렇게:
+      ...r?.components ?? {}
+    }
+  };
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      locale: Ct,
+      theme: D,
+      componentSize: c,
+      space: { size: c },
+      form: {
+        validateMessages: {
+          required: "${label}을(를) 입력해주세요.",
+          types: {
+            email: "${label}이(가) 유효한 이메일이 아닙니다.",
+            number: "${label}이(가) 유효한 숫자가 아닙니다."
+          },
+          number: {
+            range: "${label}은(는) ${min} ~ ${max} 사이의 값이어야 합니다."
+          }
+        }
+      },
+      pagination: {
+        showSizeChanger: !0
+      },
+      getPopupContainer: i,
+      children: s
+    }
+  );
+}, Mn = ({ children: s }) => {
+  const { activeDetailItem: r, openTabByMenuId: c } = Qe();
+  pr();
+  const { componentSize: o } = ze(), i = Z(() => {
+    console.log("handleMenuClick", r);
+    const u = r?.prntInfo?.menuId;
+    u && c(u, void 0, { skipRefreshModal: !0 });
+  }, [r?.prntInfo?.menuId, c]), h = X(() => ({
+    0: "12px",
+    // 작게
+    1: "14px",
+    // 보통 (기본값)
+    2: "16px"
+    // 크게
+  })[o], [o]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "bwg-view main-view",
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: /* @__PURE__ */ e("div", { className: "bwgview-content", children: /* @__PURE__ */ m(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            height: "100%"
+          },
+          children: [
+            /* @__PURE__ */ e(
+              Yt,
+              {
+                style: { marginBottom: 10, fontSize: h },
+                separator: /* @__PURE__ */ e(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        d: "M6.66675 11.3333L10.0001 7.99996L6.66675 4.66663",
+                        stroke: "#9A9A9A",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }
+                    )
+                  }
+                ),
+                items: [
+                  {
+                    title: r?.prntInfo?.menuId ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        onClick: i,
+                        style: {
+                          fontSize: h,
+                          cursor: "pointer",
+                          color: "#1890ff",
+                          textDecoration: "none"
+                        },
+                        onMouseEnter: (u) => {
+                          u.currentTarget.style.textDecoration = "underline";
+                        },
+                        onMouseLeave: (u) => {
+                          u.currentTarget.style.textDecoration = "none";
+                        },
+                        children: r.prntInfo.menuNm
+                      }
+                    ) : /* @__PURE__ */ e("span", { style: { fontSize: h }, children: r?.prntInfo?.menuNm })
+                  },
+                  {
+                    title: /* @__PURE__ */ e("span", { style: { fontSize: h, color: "#666" }, children: r?.viewLabel })
+                  }
+                ]
+              }
+            ),
+            s
+          ]
+        }
+      ) })
+    }
+  );
+}, Fr = 5, Tr = 0, Ee = ({
+  title: s,
+  icons: r,
+  tooltip: c,
+  iconVisible: o = !0,
+  paddingBottom: i,
+  marginBottom: h,
+  children: u
+}) => {
+  const D = Ve.AppstoreTwoTone, { componentSize: C } = ze(), v = X(() => ({
+    0: 5,
+    // 작게
+    1: 4,
+    // 보통 (기본값)
+    2: 3
+    // 크게
+  })[C], [C]);
+  X(() => r?.type === "antd" && r.icon && Ve[r.icon] || D, [r?.type, r?.icon]);
+  const S = (M, I) => (M ?? I).toString().padStart(2, "0"), V = `pb${S(
+    i,
+    Tr
+  )}`, l = `mb${S(
+    h,
+    Fr
+  )}`;
+  return /* @__PURE__ */ e(ne, { vertical: !0, style: { width: "100%" }, children: /* @__PURE__ */ m(
+    "div",
+    {
+      className: `bwg-title-box ${V} ${l}`,
+      style: { display: "flex", justifyContent: "space-between" },
+      children: [
+        /* @__PURE__ */ e("div", { className: "bwg-title-box-left", children: /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ e(de.Title, { level: v, children: /* @__PURE__ */ e("span", { children: s }) }),
+          c && /* @__PURE__ */ e(oe, { title: c.title, placement: c.placement, children: /* @__PURE__ */ e(Ve.QuestionCircleTwoTone, { style: { marginLeft: 5 } }) })
+        ] }) }),
+        /* @__PURE__ */ e("div", { className: "bwg-title-box-right", children: /* @__PURE__ */ e(ne, { gap: 6, children: u }) })
+      ]
+    }
+  ) });
+}, { Panel: lt } = ht, vt = De(
+  ({ reqRows: s, subRows: r, border: c = !1, labelDisplay: o, header: i }, h) => {
+    const [u] = Le.useForm(), [D, C] = F("1"), [v, S] = F(void 0), { componentSize: V } = ze(), l = X(() => {
+      const A = {
+        0: 12,
+        // 작게
+        1: 14,
+        // 보통
+        2: 16
+        // 크게
+      }, f = {
+        0: "small",
+        1: "middle",
+        2: "large"
+      };
+      return {
+        fontSize: A[V],
+        componentSize: f[V]
+      };
+    }, [V]), M = () => o ? {
+      flex: o.md || o.lg || o.sm || "100px"
+    } : { flex: "100px" };
+    O(() => {
+      v && u.setFieldsValue(v);
+    }, [v, u]), Re(h, () => ({
+      getFormData: () => u.getFieldsValue(),
+      setFormData: (A) => {
+        u.setFieldsValue(A);
+      },
+      setDefaultValue: (A) => {
+        S(A), u.setFieldsValue(A);
+      },
+      resetForm: () => {
+        v ? u.setFieldsValue(v) : u.resetFields();
+      },
+      validateForm: async () => {
+        try {
+          return { success: !0, data: await u.validateFields() };
+        } catch (A) {
+          return { success: !1, error: A };
+        }
+      }
+    }));
+    const I = () => {
+      C(
+        (A) => A.includes("subRows") ? A.filter((f) => f !== "subRows") : [...A, "subRows"]
+      );
+    };
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        style: c ? {
+          border: "1px solid #ddd",
+          padding: "10px 12px",
+          borderRadius: "8px",
+          marginBottom: "10px"
+        } : {},
+        children: [
+          i && /* @__PURE__ */ e(Ee, { title: i.title, children: i.buttons }),
+          /* @__PURE__ */ e(
+            ee,
+            {
+              componentSize: l.componentSize,
+              theme: {
+                token: {
+                  fontSize: l.fontSize
+                },
+                components: {
+                  Collapse: {}
+                }
+              },
+              children: /* @__PURE__ */ e(
+                Le,
+                {
+                  form: u,
+                  layout: "inline",
+                  initialValues: v,
+                  style: {
+                    width: "100%",
+                    fontSize: `${l.fontSize}px`
+                  },
+                  labelCol: M(),
+                  labelAlign: "left",
+                  children: /* @__PURE__ */ m("div", { style: { position: "relative", width: "100%" }, children: [
+                    r && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        style: {
+                          position: "absolute",
+                          top: "15px",
+                          left: "-9px",
+                          zIndex: 10
+                        },
+                        children: D.includes("subRows") ? /* @__PURE__ */ e(oe, { title: "접기", children: /* @__PURE__ */ e("span", { className: "search-collapsed-arrow", onClick: I, children: /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "9",
+                            height: "6",
+                            viewBox: "0 0 9 6",
+                            fill: "none",
+                            children: /* @__PURE__ */ e(
+                              "path",
+                              {
+                                d: "M5.28321 0.986589C4.88285 0.482264 4.11715 0.482265 3.71679 0.986589L1.0243 4.37824C0.50404 5.0336 0.970753 6 1.80751 6L7.19249 6C8.02925 6 8.49596 5.0336 7.9757 4.37824L5.28321 0.986589Z",
+                                fill: "#AEB9C4"
+                              }
+                            )
+                          }
+                        ) }) }) : /* @__PURE__ */ e(oe, { title: "펼치기", children: /* @__PURE__ */ e("span", { className: "search-collapsed-arrow", onClick: I, children: /* @__PURE__ */ e(
+                          "svg",
+                          {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "9",
+                            height: "6",
+                            viewBox: "0 0 9 6",
+                            fill: "none",
+                            children: /* @__PURE__ */ e(
+                              "path",
+                              {
+                                d: "M5.28321 5.01341C4.88285 5.51774 4.11715 5.51773 3.71679 5.01341L1.0243 1.62176C0.50404 0.966397 0.970753 1.64312e-07 1.80751 2.37464e-07L7.19249 7.08234e-07C8.02925 7.81386e-07 8.49596 0.966399 7.9757 1.62176L5.28321 5.01341Z",
+                                fill: "#AEB9C4"
+                              }
+                            )
+                          }
+                        ) }) })
+                      }
+                    ),
+                    /* @__PURE__ */ m(
+                      ht,
+                      {
+                        activeKey: [
+                          "reqRows",
+                          ...D.includes("subRows") ? ["subRows"] : []
+                        ],
+                        onChange: C,
+                        className: "searchbox-collapse",
+                        bordered: !1,
+                        ghost: !0,
+                        children: [
+                          s && /* @__PURE__ */ e(
+                            lt,
+                            {
+                              style: { padding: 0, margin: 0 },
+                              header: void 0,
+                              showArrow: !1,
+                              collapsible: "disabled",
+                              children: s
+                            },
+                            "reqRows"
+                          ),
+                          r && /* @__PURE__ */ e(
+                            lt,
+                            {
+                              style: { padding: 0, margin: 0 },
+                              header: void 0,
+                              showArrow: !1,
+                              collapsible: "icon",
+                              children: r
+                            },
+                            "subRows"
+                          )
+                        ]
+                      }
+                    )
+                  ] })
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+), An = ({
+  children: s,
+  showSearchBox: r,
+  showCloseButton: c = !0,
+  showEyesButton: o = !1,
+  shotSettingButton: i = !0,
+  styles: h,
+  ...u
+}) => {
+  const [D, C] = F(!0), [v, S] = F(() => {
+    const N = u.placement;
+    return N === "left" || N === "right" || N === "top" || N === "bottom" ? N : "bottom";
+  }), [V, l] = F(!1), I = ((N) => {
+    const n = {
+      wrapper: {
+        ...u.width && { width: u.width },
+        ...u.height && { height: u.height },
+        margin: "0 auto"
+      },
+      content: {},
+      header: {
+        backgroundColor: "var(--drawer-header-bg)",
+        color: "var(--text-primary)"
+      }
+    };
+    switch (N) {
+      case "bottom":
+        return {
+          ...n,
+          wrapper: {
+            ...n.wrapper,
+            borderRadius: "30px 30px 0 0"
+          },
+          content: {
+            borderRadius: "30px 30px 0 0"
+          },
+          header: {
+            ...n.header,
+            borderRadius: "30px 30px 0 0"
+          }
+        };
+      case "top":
+        return {
+          ...n,
+          wrapper: {
+            ...n.wrapper,
+            borderRadius: "0 0 30px 30px"
+          },
+          content: {
+            borderRadius: "0 0 30px 30px"
+          },
+          header: {
+            ...n.header
+          }
+        };
+      case "left":
+        return {
+          ...n,
+          wrapper: {
+            ...n.wrapper,
+            borderRadius: "0 30px 0px 0"
+          },
+          content: {
+            borderRadius: "0 30px 0px 0"
+          },
+          header: {
+            ...n.header,
+            borderRadius: "0 30px 0 0"
+          }
+        };
+      case "right":
+        return {
+          ...n,
+          wrapper: {
+            ...n.wrapper,
+            borderRadius: "30px 0 0 0"
+          },
+          content: {
+            borderRadius: "30px 0 0 0"
+          },
+          header: {
+            ...n.header,
+            borderRadius: "30px 0 0 0"
+          }
+        };
+      default:
+        return n;
+    }
+  })(v), A = {
+    wrapper: { ...I?.wrapper, ...h?.wrapper },
+    content: { ...I?.content, ...h?.content },
+    header: { ...I?.header, ...h?.header }
+  };
+  return /* @__PURE__ */ e(
+    Zt,
+    {
+      className: "main-drawer",
+      footer: !0,
+      ...u,
+      placement: v,
+      styles: A,
+      maskClosable: !1,
+      closable: !1,
+      mask: D,
+      extra: /* @__PURE__ */ e(pe, { size: "small", align: "center", children: (() => {
+        const N = [];
+        if (i) {
+          const n = [
+            { key: "top", label: "상단", icon: /* @__PURE__ */ e(Pt, {}) },
+            { key: "right", label: "우측", icon: /* @__PURE__ */ e(Ft, {}) },
+            { key: "bottom", label: "하단", icon: /* @__PURE__ */ e(Tt, {}) },
+            { key: "left", label: "좌측", icon: /* @__PURE__ */ e(Ht, {}) }
+          ], x = /* @__PURE__ */ e(pe.Compact, { children: n.map((b) => /* @__PURE__ */ e(
+            $,
+            {
+              type: v === b.key ? "primary" : "default",
+              size: "small",
+              onClick: () => {
+                S(
+                  b.key
+                ), l(!1);
+              },
+              icon: b.icon
+            },
+            b.key
+          )) });
+          N.push(
+            /* @__PURE__ */ e(
+              Ke,
+              {
+                content: x,
+                trigger: "click",
+                placement: "left",
+                open: V,
+                onOpenChange: l,
+                children: /* @__PURE__ */ e(oe, { placement: "bottom", title: "위치변경", zIndex: 2100, children: /* @__PURE__ */ e($, { icon: /* @__PURE__ */ e(dt, {}), type: "text", size: "middle" }) })
+              },
+              "shotSetting"
+            )
+          );
+        }
+        return o && N.push(
+          /* @__PURE__ */ e(
+            oe,
+            {
+              placement: "bottom",
+              title: D ? "배경 보기" : "배경 숨기기",
+              zIndex: 2100,
+              children: /* @__PURE__ */ e(
+                $,
+                {
+                  icon: /* @__PURE__ */ e(zt, {}),
+                  type: "text",
+                  size: "middle",
+                  onClick: () => C(!D)
+                }
+              )
+            },
+            "eyes"
+          )
+        ), u.extra && N.push(
+          /* @__PURE__ */ e("div", { style: { margin: "0 8px" }, children: u.extra }, "extra")
+        ), c && N.push(
+          /* @__PURE__ */ e(oe, { placement: "bottom", title: "닫기", zIndex: 2100, children: /* @__PURE__ */ e(
+            $,
+            {
+              icon: /* @__PURE__ */ e(Ge, {}),
+              onClick: u.onClose,
+              type: "text",
+              size: "middle"
+            }
+          ) }, "close")
+        ), N;
+      })() }),
+      afterOpenChange: (N) => {
+        N || (C(!0), S(
+          u.placement
+        )), u.afterOpenChange?.(N);
+      },
+      destroyOnHidden: !0,
+      children: r ? /* @__PURE__ */ m(be, { type: "vertical", children: [
+        /* @__PURE__ */ m(
+          ne,
+          {
+            justify: "space-between",
+            align: "center",
+            style: { width: "100%" },
+            children: [
+              /* @__PURE__ */ e("div", { children: r.title }),
+              /* @__PURE__ */ e(ne, { gap: 2, children: r.extra })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(vt, { ...r.searchBox }),
+        /* @__PURE__ */ e(Oe, {}),
+        s
+      ] }) : s
+    }
+  );
+}, Ye = ({
+  width: s = "100%",
+  height: r = "100%",
+  boxAlign: c,
+  display: o = "show",
+  overflow: i,
+  style: h,
+  className: u,
+  border: D = !0,
+  children: C,
+  ref: v
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    style: {
+      width: s,
+      height: r,
+      display: o === "show" ? "" : o,
+      overflowX: i?.x,
+      overflowY: i?.y,
+      ...h
+    },
+    className: `bwgview-content-box ${c ? `content-box-${c}` : ""} ${u || ""} ${D ? "" : "none-box-st"}`,
+    ref: v,
+    children: C
+  }
+), St = Je?.default ?? Je;
+try {
+  kt.register("modules/imageResize", St);
+} catch (s) {
+  console.warn("quill-image-resize-module-react 로드 실패:", s);
+}
+const Fe = (s) => mr.sanitize(s ?? "", {
+  ALLOWED_TAGS: [
+    "p",
+    "br",
+    "div",
+    "span",
+    "strong",
+    "b",
+    "em",
+    "i",
+    "u",
+    "s",
+    "blockquote",
+    "pre",
+    "code",
+    "ul",
+    "ol",
+    "li",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "a",
+    "img"
+  ],
+  ALLOWED_ATTR: [
+    "style",
+    "class",
+    "href",
+    "target",
+    "rel",
+    "src",
+    "alt",
+    "width",
+    "height",
+    "data-*",
+    "align"
+  ],
+  ALLOWED_URI_REGEXP: /^(?:(?:https?|data|mailto|tel):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,
+  KEEP_CONTENT: !0,
+  // ← here (기존 false)
+  RETURN_TRUSTED_TYPE: !1
+}), Te = De(
+  ({
+    border: s = !0,
+    editorProps: r,
+    value: c,
+    defaultValue: o,
+    onChange: i,
+    onBlur: h,
+    disabled: u,
+    placeholder: D
+  }, C) => {
+    const {
+      isEditing: v = !0,
+      title: S,
+      containerHeight: V = "100%"
+    } = r || {}, l = ce(null), M = X(() => {
+      const b = {
+        toolbar: v ? [
+          [{ header: [1, 2, 3, 4, 5, 6, !1] }],
+          ["bold", "italic", "underline", "strike"],
+          [{ color: [] }, { background: [] }],
+          [{ list: "ordered" }, { list: "bullet" }],
+          [{ indent: "-1" }, { indent: "+1" }],
+          [{ align: [] }],
+          ["link", "image"],
+          ["clean"]
+        ] : !1
+      };
+      return St ? {
+        ...b,
+        imageResize: {
+          parchment: kt.import("parchment"),
+          modules: ["Resize", "DisplaySize", "Toolbar"],
+          displayStyles: {
+            backgroundColor: "black",
+            border: "none",
+            color: "white"
+          }
+        }
+      } : b;
+    }, [v]), I = X(
+      () => [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "strike",
+        "color",
+        "background",
+        "list",
+        "bullet",
+        "indent",
+        "align",
+        "link",
+        "image",
+        // ↓ width/height format을 Delta에 실을 때 대비 (옵션, 아래 설명 참조)
+        "width",
+        "height"
+      ],
+      []
+    ), A = c !== void 0, [f, N] = F(o ?? ""), n = A ? c : f, x = Z(
+      (b, E, B, q) => {
+        const w = Fe(b ?? "");
+        A || N(w), i?.(w, E, B, q);
+      },
+      [A, i]
+    );
+    return Re(C, () => ({
+      getHTML: () => n ?? "",
+      getText: () => l.current?.getEditor()?.getText() ?? "",
+      insertHTML: (b) => {
+        const E = l.current?.getEditor();
+        if (!E) return;
+        const B = E.getSelection(!0), q = Fe(b ?? "");
+        E.clipboard.dangerouslyPasteHTML(
+          B ? B.index : E.getLength(),
+          q
+        );
+      },
+      insertImage: (b, E) => {
+        const B = l.current?.getEditor();
+        if (!B) return;
+        const q = B.getSelection(!0), w = typeof b == "string" ? b : "";
+        B.insertEmbed(
+          q ? q.index : B.getLength(),
+          "image",
+          w,
+          "user"
+        );
+      },
+      getQuill: () => l.current?.getEditor?.() ?? null
+    })), /* @__PURE__ */ e(
+      Ye,
+      {
+        border: s,
+        style: {
+          opacity: u ? 0.6 : 1,
+          pointerEvents: u ? "none" : "auto",
+          height: typeof V == "number" ? `${V}px` : V,
+          minHeight: 0
+        },
+        children: /* @__PURE__ */ m("div", { className: "bwg-editor-wrap", style: {
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          flexDirection: "column"
+        }, children: [
+          S && /* @__PURE__ */ e(Ee, { ...S, paddingBottom: 10 }),
+          /* @__PURE__ */ e(
+            fr,
+            {
+              ref: l,
+              theme: v ? "snow" : "bubble",
+              readOnly: !v,
+              value: n,
+              onChange: x,
+              onBlur: h,
+              modules: M,
+              formats: I,
+              style: { width: "100%", display: "flex", flexDirection: "column", minHeight: 0, flex: "1" },
+              placeholder: D
+            },
+            v ? "snow" : "bubble"
+          )
+        ] })
+      }
+    );
+  }
+), Hr = (s, r, c, o) => Fe(s ?? ""), Er = ({
+  itemProps: s,
+  ...r
+}) => {
+  const { rules: c, shouldUpdate: o, dependencies: i, noStyle: h, ...u } = s;
+  return /* @__PURE__ */ e(
+    Le.Item,
+    {
+      valuePropName: "value",
+      trigger: "onChange",
+      getValueFromEvent: Hr,
+      normalize: (D) => D ?? "",
+      rules: c,
+      shouldUpdate: o,
+      dependencies: i,
+      noStyle: h,
+      ...u,
+      children: /* @__PURE__ */ e(Te, { ...r })
+    }
+  );
+}, _r = (s) => {
+  const { itemProps: r, onChange: c, editorProps: o, ...i } = s, h = Le.useFormInstance();
+  if (r?.name != null) {
+    const u = r.name;
+    return /* @__PURE__ */ m(ge, { children: [
+      /* @__PURE__ */ e(
+        Le.Item,
+        {
+          hidden: !0,
+          name: u,
+          rules: r.rules,
+          normalize: (D) => D ?? "",
+          children: /* @__PURE__ */ e("input", { type: "hidden" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        Te,
+        {
+          ...i,
+          editorProps: o,
+          value: h.getFieldValue(u) ?? "",
+          onChange: (D, C, v, S) => {
+            const V = Fe(D ?? "");
+            h.setFieldValue(u, V), c?.(V, C, v, S);
+          },
+          onBlur: () => {
+            h.validateFields([u]).catch(() => {
+            });
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ e(Te, { ...s });
+}, In = Object.assign(_r, {
+  FormItem: Er,
+  Core: Te
+}), Mt = De(
+  ({
+    currentPage: s,
+    totalPages: r,
+    pageSize: c = 10,
+    totalData: o,
+    onPageChange: i,
+    pageSizeOptions: h = [10, 20, 50, 100],
+    gridRef: u,
+    mode: D = "client",
+    onServerPageChange: C
+  }, v) => {
+    const [S, V] = F(c), [l, M] = F(1), [I, A] = F(c), [f, N] = F(0);
+    O(() => {
+      V(c);
+    }, [c]), O(() => {
+      V(c);
+    }, []), Re(
+      v,
+      () => ({
+        currentPage: l,
+        pageSize: I,
+        totalData: f,
+        totalPages: Math.ceil(f / I),
+        setPage: (k) => {
+          M(k), C?.(k, I);
+        },
+        setPageSize: (k) => {
+          A(k), M(1), C?.(1, k);
+        },
+        setTotalData: (k) => {
+          N(k);
+        },
+        reset: () => {
+          M(1), A(c), N(0);
+        }
+      }),
+      [
+        l,
+        I,
+        f,
+        C,
+        c
+      ]
+    );
+    const n = D === "client", x = n ? (s || 0) + 1 : l, b = n ? (r || 0) > 0 : f > 0, B = n ? b ? Math.ceil((o || 0) / S) : 0 : Math.ceil(f / I), q = n ? b && o || 0 : f, w = Math.min(
+      x,
+      B || 1
+    ), L = `${S}-${B}-${w}`, T = (k) => {
+      n ? i?.(k - 1) : (M(k), C?.(k, I));
+    }, Y = (k) => {
+      if (n) {
+        V(k);
+        try {
+          u?.current?.gridView ? (u.current.gridView.setPaging(!0, k), u.current.gridView.setPage(0)) : i?.(0);
+        } catch (H) {
+          console.warn("페이지 사이즈 변경 중 오류:", H), i?.(0);
+        }
+      } else
+        A(k), M(1), C?.(1, k);
+    };
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        className: "bwg-pagination-container",
+        style: {
+          padding: "10px",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          borderTop: "1px solid #dddddd",
+          position: "relative"
+        },
+        children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px"
+              },
+              children: [
+                /* @__PURE__ */ e("span", { style: { fontSize: "12px", color: "#333333" }, children: "페이지당" }),
+                /* @__PURE__ */ e(
+                  "select",
+                  {
+                    value: n ? S : I,
+                    onChange: (k) => Y(Number(k.target.value)),
+                    disabled: !b,
+                    style: {
+                      padding: "4px 8px",
+                      border: "1px solid #d9d9d9",
+                      borderRadius: "6px",
+                      fontSize: "12px",
+                      color: "#333333",
+                      opacity: b ? 1 : 0.5
+                    },
+                    children: h.map((k) => /* @__PURE__ */ m("option", { value: k, children: [
+                      k,
+                      "개"
+                    ] }, k))
+                  }
+                ),
+                /* @__PURE__ */ m(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      color: "#666",
+                      opacity: b ? 1 : 0.5
+                    },
+                    children: [
+                      "/ 총 ",
+                      q,
+                      "개"
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: /* @__PURE__ */ m(
+            ee,
+            {
+              theme: {
+                components: {
+                  Button: {
+                    defaultBorderColor: "#e8e8e8",
+                    defaultHoverBorderColor: "var(--primary-color)",
+                    defaultHoverColor: "var(--text-primary)",
+                    contentFontSize: 13,
+                    defaultColor: "var(--text-primary)",
+                    paddingInline: 0
+                  }
+                }
+              },
+              children: [
+                /* @__PURE__ */ m(
+                  ee,
+                  {
+                    theme: {
+                      components: {
+                        Button: {
+                          defaultColor: "#999999",
+                          defaultHoverColor: "var(--text-primary)"
+                        }
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        $,
+                        {
+                          onClick: () => T(1),
+                          disabled: !b || w === 1,
+                          style: {
+                            width: "26px",
+                            height: "26px",
+                            border: 0,
+                            background: !b || w === 1 ? "#f1f1f1" : "white",
+                            cursor: !b || w === 1 ? "not-allowed" : "pointer",
+                            opacity: b ? 1 : 0.5
+                          },
+                          icon: /* @__PURE__ */ m(
+                            "svg",
+                            {
+                              xmlns: "http://www.w3.org/2000/svg",
+                              width: "22",
+                              height: "22",
+                              viewBox: "0 0 22 22",
+                              fill: "none",
+                              children: [
+                                /* @__PURE__ */ e(
+                                  "path",
+                                  {
+                                    d: "M12 17L7 12L12 7",
+                                    stroke: "currentColor",
+                                    "stroke-width": "1.5",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round"
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  "path",
+                                  {
+                                    d: "M17 17L12 12L17 7",
+                                    stroke: "currentColor",
+                                    "stroke-width": "1.5",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round"
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        $,
+                        {
+                          onClick: () => T(w - 1),
+                          disabled: !b || w === 1,
+                          style: {
+                            width: "26px",
+                            height: "26px",
+                            border: 0,
+                            background: !b || w === 1 ? "#f1f1f1" : "white",
+                            cursor: !b || w === 1 ? "not-allowed" : "pointer",
+                            opacity: b ? 1 : 0.5
+                          },
+                          icon: /* @__PURE__ */ e(
+                            "svg",
+                            {
+                              xmlns: "http://www.w3.org/2000/svg",
+                              width: "22",
+                              height: "22",
+                              viewBox: "0 0 22 22",
+                              fill: "none",
+                              children: /* @__PURE__ */ e(
+                                "path",
+                                {
+                                  d: "M14 17L9 12L14 7",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.5",
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round"
+                                }
+                              )
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    style: { display: "flex", alignItems: "center", gap: 6 },
+                    children: (() => {
+                      if (!b || B === 0)
+                        return /* @__PURE__ */ e(
+                          $,
+                          {
+                            disabled: !0,
+                            style: {
+                              width: "26px",
+                              height: "26px"
+                            },
+                            children: "1"
+                          }
+                        );
+                      const k = 5;
+                      let H = 1, K = Math.min(k, B);
+                      w > 3 && B > k && (H = Math.max(1, w - 2), K = Math.min(
+                        B,
+                        H + k - 1
+                      ), K === B && (H = Math.max(1, K - k + 1)));
+                      const J = [];
+                      for (let W = H; W <= K; W++)
+                        J.push(
+                          /* @__PURE__ */ e(
+                            $,
+                            {
+                              onClick: () => T(W),
+                              style: {
+                                width: "26px",
+                                height: "26px",
+                                background: w === W ? "var(--primary-color)" : "#ffffff",
+                                color: w === W ? "#ffffff" : "#333333",
+                                cursor: "pointer"
+                              },
+                              children: W
+                            },
+                            W
+                          )
+                        );
+                      return J;
+                    })()
+                  },
+                  L
+                ),
+                /* @__PURE__ */ m(
+                  ee,
+                  {
+                    theme: {
+                      components: {
+                        Button: {
+                          defaultColor: "#999999",
+                          defaultHoverColor: "var(--text-primary)"
+                        }
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ e(
+                        $,
+                        {
+                          onClick: () => T(w + 1),
+                          disabled: !b || w >= B,
+                          style: {
+                            width: "26px",
+                            height: "26px",
+                            border: 0,
+                            background: !b || w >= B ? "#f1f1f1" : "white",
+                            cursor: !b || w >= B ? "not-allowed" : "pointer",
+                            opacity: b ? 1 : 0.5
+                          },
+                          icon: /* @__PURE__ */ e(
+                            "svg",
+                            {
+                              xmlns: "http://www.w3.org/2000/svg",
+                              width: "22",
+                              height: "22",
+                              viewBox: "0 0 22 22",
+                              fill: "none",
+                              children: /* @__PURE__ */ e(
+                                "path",
+                                {
+                                  d: "M10 17L15 12L10 7",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.5",
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round"
+                                }
+                              )
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        $,
+                        {
+                          onClick: () => T(B),
+                          disabled: !b || w >= B,
+                          style: {
+                            width: "26px",
+                            height: "26px",
+                            border: 0,
+                            background: !b || w >= B ? "#f1f1f1" : "white",
+                            cursor: !b || w >= B ? "not-allowed" : "pointer",
+                            opacity: b ? 1 : 0.5
+                          },
+                          icon: /* @__PURE__ */ m(
+                            "svg",
+                            {
+                              xmlns: "http://www.w3.org/2000/svg",
+                              width: "22",
+                              height: "22",
+                              viewBox: "0 0 22 22",
+                              fill: "none",
+                              children: [
+                                /* @__PURE__ */ e(
+                                  "path",
+                                  {
+                                    d: "M12 17L17 12L12 7",
+                                    stroke: "currentColor",
+                                    "stroke-width": "1.5",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round"
+                                  }
+                                ),
+                                /* @__PURE__ */ e(
+                                  "path",
+                                  {
+                                    d: "M7 17L12 12L7 7",
+                                    stroke: "currentColor",
+                                    "stroke-width": "1.5",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round"
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+Mt.displayName = "BwgPagination";
+const $r = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBZZDLDcJADETHUe7QQVJC6AAqACoAKkCcESh8JI60kBKgg3TA0kE6gAISzHgj0BJ8sWw/j2cXCCI7aD446g2diDp1aWyWaz9sxmHhNlJSyUCDnlQeQpEKm5UCDwgqvHBnTji4MvcEKGw3FsVFDeCmCCbMYwIpQY4wMnX5mj5pKrXfTFSxc1sp/o03yLlZaoSpRFhme53/QF4FmNl9txbH8wuC5893tEo1PZivBs6/sgVXBlv9BpvVRX62Og6eAAAAAElFTkSuQmCC", jr = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC7SURBVHgBZVDbDcIwDHSiqL90AzoCI5S/fvQBEwATIDYoE7BCRwjqAtmAsEE3gAlqzlFBKbXknJ2cL5cQRcF13SIf9Bd63mmHdcN5nsbbJm6UtY6bxlGaCunNZZmTUpniqhpQvIhZ8AlcI+9QXYHYIb3BgQ0ETAJ36BvUmQiDuBV19TNdFBkliUyK0lX1fbc0bkyL1WF6D7UzbBxnpKCi9YHG0UPeoz6BePt+h55UxMMA9NMrPa68BDLiAxmcQh0cAM62AAAAAElFTkSuQmCC";
+let je = null;
+const Gr = [
+  { label: "엑셀다운로드", tag: "excel" },
+  { label: "엑셀(제목포함)", tag: "withTitleExcel" },
+  { label: "-" },
+  { label: "필터", type: "check", checked: !1, tag: "filter" },
+  // { label: "필터초기화", tag: "initFilter" },
+  { label: "열고정", tag: "fixedCol" },
+  { label: "행고정", tag: "fixedRow" },
+  { label: "고정해제", tag: "fixedCancel" },
+  { label: "-" },
+  { label: "숨기기", tag: "hide" },
+  { label: "숨기기해제", tag: "hideClear" },
+  { label: "레이아웃 초기화", tag: "initLayout" }
+], Or = [
+  { label: "엑셀다운로드", tag: "excel" },
+  { label: "엑셀(들여쓰기 표시)", tag: "showIndentExcel" },
+  { label: "엑셀(제목포함)", tag: "withTitleExcel" },
+  { label: "-" },
+  { label: "필터", type: "check", checked: !1, tag: "filter" },
+  // { label: "필터초기화", tag: "initFilter" },
+  { label: "열고정", tag: "fixedCol" },
+  { label: "행고정", tag: "fixedRow" },
+  { label: "고정해제", tag: "fixedCancel" },
+  { label: "-" },
+  { label: "숨기기", tag: "hide" },
+  { label: "숨기기해제", tag: "hideClear" },
+  { label: "레이아웃 초기화", tag: "initLayout" }
+], Wr = ({ children: s }) => {
+  const [r, c] = F(!1), [o, i] = F(null);
+  return r ? /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        padding: "20px",
+        border: "1px solid #ff4d4f",
+        borderRadius: "6px",
+        backgroundColor: "#fff2f0",
+        margin: "10px"
+      },
+      children: /* @__PURE__ */ e(
+        Be,
+        {
+          message: "리얼그리드 로드 실패",
+          description: /* @__PURE__ */ m("div", { children: [
+            /* @__PURE__ */ e("p", { children: "리얼그리드 라이센스 또는 초기화 중 오류가 발생했습니다." }),
+            /* @__PURE__ */ m("p", { style: { fontSize: "12px", color: "#666", marginTop: "8px" }, children: [
+              "오류: ",
+              o?.message || "알 수 없는 오류"
+            ] }),
+            /* @__PURE__ */ e(
+              $,
+              {
+                type: "primary",
+                size: "small",
+                style: { marginTop: "8px" },
+                onClick: () => {
+                  c(!1), i(null), window.location.reload();
+                },
+                children: "다시 시도"
+              }
+            )
+          ] }),
+          type: "error",
+          showIcon: !0
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    Ur,
+    {
+      onError: (h) => {
+        console.error("BwgGrid 에러:", h), i(h), c(!0);
+      },
+      children: s
+    }
+  );
+};
+class Ur extends or {
+  constructor(r) {
+    super(r), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0 };
+  }
+  componentDidCatch(r, c) {
+    this.props.onError(r);
+  }
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+const Kr = De(
+  ({
+    type: s = "nrml",
+    gridDivStyle: r,
+    gridDivClassName: c,
+    gridColumns: o,
+    gridOptions: i,
+    gridEvents: h,
+    bindRef: u,
+    gridContext: D,
+    renderers: C,
+    gridInitCallback: v,
+    gridId: S
+  }, V) => {
+    const l = ce(null), M = ce(/* @__PURE__ */ new Map()), I = ce(null), { gridSize: A } = ze(), f = ir(), n = He()?.menuId || "", x = ce(
+      `${n || "NO_MENU"}__${S || "NO_GRID"}__${wr(16)}`
+    ), b = (t, d, g, p) => {
+      let a = [], y = [];
+      const z = "treeNode";
+      for (let j in t) {
+        let _ = t[j];
+        a[_[g]] = t[j];
+        let Q = a[_[d]];
+        if (Q == null || Q == "-") {
+          y.push(_);
+          continue;
+        }
+        Q[z] == null && (Q[z] = []), Q[z].push(_);
+      }
+      return y;
+    }, E = Z((t) => {
+      const d = (p) => {
+        const a = [];
+        return p.forEach((y) => {
+          y.children && y.children.length > 0 ? a.push(...d(y.children)) : a.push(y);
+        }), a;
+      };
+      return d(t).map((p) => ({
+        fieldName: p.fieldName,
+        dataType: p.dataType || "text"
+      }));
+    }, []), B = Z((t) => {
+      const d = (p) => {
+        const a = [];
+        return p.forEach((y) => {
+          y.children && y.children.length > 0 ? a.push(...d(y.children)) : a.push(y);
+        }), a;
+      };
+      return d(t).map((p) => ({
+        ...p,
+        header: {
+          ...p.header,
+          template: p.required ? `<img src='${jr}' style='margin-top:4px; margin-right: 2px;' alt='Required input' >\${headerText} ` : p.editable ? `<img src='${$r}'  style='margin-top:4px; margin-right: 2px;' alt='Required input' >\${headerText} ` : "${headerText}",
+          values: { headerText: p.header?.text ?? "" },
+          text: p.header?.text || ""
+        },
+        styleName: p.dataType === "number" ? "right" : p.styleName || "center"
+      }));
+    }, []);
+    Re(
+      V,
+      () => ({
+        /**
+         * 데이터 리스트 삽입
+         * @param dataList rowDataList
+         * @param option
+         * @returns
+         */
+        addAllData(t, d) {
+          const g = l.current?.gridView.getCurrent().dataRow;
+          if (l.current?.dataProvider instanceof rt) {
+            l.current.dataProvider.clearRows();
+            try {
+              l.current?.gridView.showLoading(), l.current.dataProvider.setRows(t);
+            } catch (p) {
+              console.error("fillJsonData 오류:", p);
+            } finally {
+              l.current?.gridView.closeLoading();
+            }
+          }
+          if (l.current?.dataProvider instanceof nt) {
+            if (l.current.dataProvider.clearRows(), d?.treeOption?.dataField == null || d?.treeOption?.parentField == null)
+              return;
+            const p = {
+              rows: "treeNode"
+            };
+            try {
+              l.current?.gridView.showLoading();
+              let a = b(
+                t,
+                d.treeOption?.parentField,
+                d.treeOption?.dataField
+              );
+              l.current.dataProvider.fillJsonData(
+                { treeNode: a },
+                p
+              ), d.treeOption.isExpand && l.current.gridView?.expandAll();
+            } catch (a) {
+              console.error("fillJsonData 오류:", a);
+            } finally {
+              l.current?.gridView.closeLoading();
+            }
+          }
+          d?.isCurrent ? l.current?.gridView.setCurrent({ dataRow: g }) : l.current?.gridView.setCurrent({ dataRow: 0 });
+        },
+        /**
+         * 그리드 변경상태 체크
+         * @returns 변경상태 여부 (true: 변경상태 있음, false: 변경상태 없음)
+         */
+        isUpdate: () => {
+          const t = l.current?.dataProvider?.getAllStateRows();
+          if (!t) return !1;
+          const d = (t.created?.length ?? 0) > 0, g = (t.updated?.length ?? 0) > 0, p = (t.deleted?.length ?? 0) > 0;
+          return d || g || p;
+        },
+        /**
+         * 그리드 인스턴스 직접 접근
+         * @returns 그리드 인스턴스
+         */
+        getGridInstance: () => l.current,
+        /** 현재 선택된 행 번호 반환 */
+        getCurrentRow: () => l.current?.gridView.getCurrent().dataRow ?? -1,
+        /** 현재 선택된 행 인덱스 반환 */
+        getCurrentIndex: () => l.current?.gridView.getCurrent().itemIndex ?? -1,
+        gridExcelDown(t) {
+          l.current?.gridView.exportGrid({
+            /**
+             * 기본값 설정
+             */
+            type: "excel",
+            // 문서타입
+            target: "local",
+            // 문서 저장 경로 (remote, local)
+            allItems: !1,
+            // 감춰진 모든 행을 출력할 것 인지의 여부
+            lookupDisplay: !0,
+            // lookupDisplay 값을 표시된 값으로의 저장 여부
+            showProgress: !0,
+            // Export시 프로그래스 바 표시 여부
+            progressMessage: "엑셀 Export 중 입니다.",
+            // Export시 프로그래스 바에 표시될 메시지를 지정
+            applyDynamicStyles: !1,
+            // DynamicStyles을 적용하여 Export할 것인지를 지정
+            separateRows: !0,
+            // true로 지정하면 export시 병합을 해제한 상태로 excel에 표시됩니다.
+            indenting: !!t?.indenting,
+            // 행 그룹핑 및 트리 그리드 자료를 export 시 들여쓰기 여부를 지정한다.
+            header: "default",
+            // header
+            footer: "default",
+            // footer
+            sheetName: "",
+            fileName: t?.fileName || "sample.xlsx",
+            // export 시 저장된 파일 이름
+            /**
+             * Option 덮어쓰기
+             */
+            ...t
+          });
+        },
+        /**
+         * 수정된 그리드 데이터 반환
+         * @returns 수정된 그리드 데이터
+         */
+        getGridSaveData: () => {
+          const t = l.current?.dataProvider?.getAllStateRows();
+          if (t === void 0)
+            return [{}];
+          let d = [];
+          if (t.created !== void 0 && t.created.length > 0)
+            for (const g in t.created) {
+              let p = l.current?.dataProvider?.getJsonRow(
+                t.created[g]
+              );
+              p = { ...p, iudFlag: "I" }, d.push(p);
+            }
+          if (t.updated !== void 0 && t.updated.length > 0)
+            for (const g in t.updated) {
+              let p = l.current?.dataProvider?.getJsonRow(
+                t.updated[g]
+              );
+              p = { ...p, iudFlag: "U" }, d.push(p);
+            }
+          if (t.deleted !== void 0 && t.deleted.length > 0)
+            for (const g in t.deleted) {
+              let p = l.current?.dataProvider?.getJsonRow(
+                t.deleted[g]
+              );
+              p = { ...p, iudFlag: "D" }, d.push(p);
+            }
+          return d;
+        },
+        /**
+         * Grid의 체크된 행들의 상태값을 삭제로 반환
+         * 체크된 행이 삭제상태일경우 이전상태로 변환
+         */
+        deleteGridData: () => {
+          const t = l.current?.gridView, d = l.current?.dataProvider;
+          if (!t || !d) return;
+          const g = t.getCheckedItems();
+          if (!g || g.length === 0) return;
+          let p = g.map((a) => {
+            const y = t.getDataRow(a);
+            if (y < 0) return null;
+            const z = d.getRowState(y);
+            return { item: a, rowIdx: y, currentState: z };
+          }).filter(
+            (a) => a !== null
+          );
+          p = p.sort((a, y) => y.rowIdx - a.rowIdx), p.forEach(({ item: a, rowIdx: y, currentState: z }) => {
+            if (z === ye.DELETED) {
+              const j = M.current.get(a) ?? ye.NONE;
+              d.setRowState(y, j), M.current.delete(a);
+            } else z === ye.CREATED ? d.removeRow(y) : z === ye.CREATE_AND_DELETED ? d.setRowState(y, ye.CREATED) : (M.current.set(
+              a,
+              z ?? ye.NONE
+            ), d.setRowState(y, ye.DELETED));
+          }), t.checkAll(!1);
+        },
+        /** */
+        _oriRowState: [{}],
+        /** 데이터 프로바이더 직접 접근 */
+        dp: s == "tree" ? l.current?.dataProvider : l.current?.dataProvider ?? null,
+        /** 그리드 뷰 직접 접근 */
+        vw: s == "tree" ? l.current?.gridView : l.current?.gridView ?? null
+      })
+    );
+    const q = Z(
+      (t, d, g) => {
+        if (u !== void 0 && g >= 0) {
+          let p = t.getDataSource().getJsonRow(g);
+          u?.current?.setFieldsValue(p);
+        } else u !== void 0 && g < 0 && u?.current?.resetFields();
+        t.setCurrent({ dataRow: 0 }), h?.onCurrentRowChanged && h?.onCurrentRowChanged(t, d, g);
+      },
+      [u, h]
+    ), w = Z(
+      (t, d, g) => {
+        const p = d.fieldName ?? "";
+        u?.current?.getFieldInstance(p) && u?.current.setFieldValue(p, g), h?.onEditChange && h?.onEditChange(t, d, g);
+      },
+      [u, h]
+    ), L = Z(
+      (t, d, g) => {
+        const p = t.getOrgFieldName(g), a = t.getValue(d, g);
+        u?.current?.setFieldValue(p, a);
+      },
+      [u]
+    ), T = Z(
+      (t, d, g) => {
+        console.log("@@ handleItemChecked", d, g), t.setCurrent({ dataRow: d }), h?.onItemChecked && h?.onItemChecked(t, d, g);
+      },
+      [h]
+    ), Y = Z(
+      (t, d, g, p) => {
+        const a = t.getColumn(p).name ?? "", y = t.getValue(d, p);
+        u?.current?.getFieldInstance(a) && u?.current.setFieldValue(a, y), h?.onCellEdited && h?.onCellEdited(t, d, g, p);
+      },
+      [u, h]
+    ), k = Z(
+      (t, d, g, p) => {
+        if (typeof d.dataRow == "number" && d.dataRow != -1) {
+          var a = t.getDataSource().getRowState(d.dataRow);
+          if (a == "deleted" || a == "createAndDeleted")
+            return !1;
+        }
+        return h?.onShowEditor != null && h?.onShowEditor(t, d, g, p), !0;
+      },
+      [u, h]
+    ), H = Z(
+      (t) => {
+        if (!l.current) return;
+        const d = l.current.gridView, g = d.getDataSource();
+        if (i?.container?.page) {
+          const p = d.getPage(), a = d.getPageCount(), y = g.getRowCount();
+          R({
+            currentPage: p,
+            totalPages: a,
+            totalData: y
+          });
+        }
+      },
+      [i?.container?.page]
+    ), K = Z(() => {
+      if (!l.current) return;
+      const t = l.current.gridView, d = t.getDataSource();
+      __SYS_CD__;
+      const g = ["onKeyDown"], p = ["onRowInserted"];
+      Object.keys(h ?? {}).map((a) => {
+        g.includes(a) ? t[a + "Add"] = h?.[a] : t[a] = h?.[a], p.includes(a) ? d[a + "Add"] = h?.[a] : d[a] = h?.[a];
+      }), d instanceof rt && (d.onRowInserted = (a, y) => {
+        y < 0 || (setTimeout(function() {
+          t?.setCurrent({ dataRow: y });
+        }, 1), a.onRowInsertedAdd !== void 0 && a.onRowInsertedAdd(a, y));
+      }), t.onKeyDown = function(a, y) {
+        if (y.code == "Space") {
+          let z = a.getSelectedItems(!0);
+          for (const j in z)
+            a.isCheckable(z[j]) && (a.isCheckedItem(z[j]) ? a.checkItem(z[j], !1, !1) : a.checkItem(z[j], !0, !1));
+        }
+        return a.onKeyDownAdd !== void 0 && a.onKeyDownAdd(a, y), !0;
+      }, l.current.gridView.onCurrentRowChanged = q, l.current.gridView.onEditChange = w, l.current.gridView.getDataSource().onValueChanged = L, l.current.gridView.onItemChecked = T, l.current.gridView.onCellEdited = Y, l.current.gridView.onShowEditor = k, l.current.gridView.onDataLoadComplated = H, l.current.gridView.onLayoutPropertyChanged = function(a, y, z, j, _) {
+        const Q = y?.column || "알 수 없음";
+        console.log("🔵 [BwgGrid] 레이아웃 속성 변경 감지:", {
+          columnName: Q,
+          property: z,
+          oldValue: j,
+          newValue: _,
+          layout: y
+        }), z === "visible" && console.log(`📌 컬럼 "${Q}" ${_ ? "표시" : "숨김"}`), (z === "order" || z === "index") && console.log(
+          `📌 컬럼 "${Q}" 위치 변경: ${j} → ${_}`
+        ), h?.onLayoutPropertyChanged && h.onLayoutPropertyChanged(
+          a,
+          y,
+          z,
+          j,
+          _
+        );
+      };
+    }, [
+      q,
+      w,
+      L,
+      Y,
+      k,
+      H,
+      S,
+      n
+    ]), J = Z(
+      (t) => {
+        if (!t) return;
+        const d = S, g = n, p = __SYS_CD__;
+        try {
+          t.gridView.setSortingOptions({
+            enabled: !0
+          }), t.gridView.sortMode = vr.EXPLICIT, t.gridView.editorOptions.viewGridInside = !0, t.gridView instanceof ot && t.gridView.setTreeOptions({
+            expandWhenSetData: Mr.REMAIN_AND_EXPAND,
+            expanderIconStyle: Sr.SQUARE,
+            iconVisible: !1,
+            lineVisible: !0
+          }), t.dataProvider.setOptions({
+            deleteCreated: !0,
+            softDeleting: !0
+          });
+          const a = () => i?.display?.rowHeight !== void 0 ? i.display.rowHeight : {
+            0: 25,
+            // 작게
+            1: 30,
+            // 보통
+            2: 43
+            // 크게
+          }[A];
+          t.gridView.setDisplayOptions({
+            // 고정옵션
+            showEmptyMessage: !0,
+            emptyMessage: "조회된 데이터가 존재하지 않습니다.",
+            // 커스텀 포커스 스타일
+            useFocusClass: !0,
+            // 커스터마이징 옵션
+            minRowHeight: i?.display?.minRowHeight || 25,
+            maxRowHeight: i?.display?.maxRowHeight || 100,
+            rowHeight: a(),
+            rowChangeDelay: i?.display?.rowChangeDelay || 0,
+            selectionStyle: i?.display?.selectionStyle || Ir.ROWS,
+            fitStyle: i?.display?.fitStyle || Ar.FILL,
+            useAlternateRowStyle: i?.display?.useAlternateRowStyle || !1
+          }), t.gridView.setEditOptions({
+            // 고정옵션
+            commitWhenExitLast: !0,
+            columnEditableFirst: !1,
+            commitByCell: !0,
+            commitWhenLeave: !0,
+            crossWhenExitLast: !0,
+            confirmWhenDelete: !1,
+            deletable: !1,
+            revertable: !1,
+            showOnlyValidationMessage: !0,
+            // 커스터마이징 옵션
+            editable: i?.edit?.editable || !1,
+            validateOnEdited: i?.edit?.validateOnEdited || !1
+          }), t.gridView.setCopyOptions({
+            singleMode: i?.copy?.singleMode || !1
+          }), t.gridView.setPasteOptions({
+            selectBlockPaste: !0,
+            checkReadOnly: !0,
+            throwValidationError: !1
+          }), t.gridView.header.height = i?.header?.height || 43, t.gridView.header.styleName = i?.header?.styleName || "bwgGridHeader", i?.container?.radio ? t.gridView.setCheckBar({
+            exclusive: i?.container?.radio || !1
+          }) : t.gridView.setCheckBar({
+            visible: i?.container?.check || !1,
+            showAll: i?.container?.checkAll || !1
+          }), t.gridView.setStateBar({
+            visible: i?.container?.state || !1
+          }), t.gridView.rowIndicator.visible = i?.container?.indicator || !1, t.gridView instanceof Vr && (t.gridView.groupPanel.visible = i?.container?.panel || !1), t.gridView.setFooters({
+            visible: i?.container?.footer || !1
+          }), t.gridView.setHeader({
+            visible: i?.container?.header || !0,
+            showTooltip: i?.container?.headerShowTooltip || !1
+          }), t.gridView.formatOptions.numberFormat = "#,##0";
+        } catch (a) {
+          console.log("그리드 옵션 설정 중 오류:", a);
+        }
+        try {
+          t.gridView instanceof ot ? t.gridView.setContextMenu(Or) : t.gridView.setContextMenu(Gr), t.gridView.onContextMenuItemClicked = function(a, y, z) {
+            if (!(!z || !z.column)) {
+              if (y.tag == "excel")
+                re(
+                  a,
+                  {
+                    isTitle: !1
+                  },
+                  D?.excel
+                );
+              else if (y.tag == "showIndentExcel")
+                re(
+                  a,
+                  {
+                    isTitle: !1,
+                    treeBlank: !0
+                  },
+                  D?.excel
+                );
+              else if (y.tag == "withTitleExcel")
+                re(
+                  a,
+                  {
+                    isTitle: !0,
+                    treeBlank: !1
+                  },
+                  D?.excel
+                );
+              else if (y.tag == "filter")
+                te(a, y);
+              else if (y.tag == "fixedCol") {
+                let _ = (a.layoutByColumn(z.column) || a.layoutByName(z.column))?.root?.vindex + 1;
+                _ > 0 && a.setFixedOptions({ colCount: _ });
+              } else if (y.tag == "fixedRow")
+                a.setFixedOptions({ rowCount: (z.itemIndex || 0) + 1 });
+              else if (y.tag == "fixedCancel")
+                a.setFixedOptions({ colCount: 0, rowCount: 0 });
+              else if (y.tag == "hide")
+                a.layoutByName(z.column).visible = !1, a._hideCols || (a._hideCols = []), a._hideCols[a._hideCols.length] = z.column;
+              else if (y.tag == "hideClear") {
+                if (a._hideCols && a._hideCols.length > 0) {
+                  for (var j = 0; j < a._hideCols.length; j++)
+                    a.layoutByName(a._hideCols[j]).visible = !0;
+                  a._hideCols = [];
+                }
+              } else if (y.tag == "initLayout") {
+                if (d && g)
+                  try {
+                    et(p, g, d);
+                  } catch (_) {
+                    console.warn("[BwgGrid] 레이아웃 삭제 실패:", _);
+                  }
+                if (o) {
+                  a.setColumns(o);
+                  const _ = o.filter((Q) => Q.visible !== !1).map((Q) => Q.fieldName || Q.name);
+                  _.length > 0 && a.setColumnLayout(_);
+                }
+              }
+            }
+          };
+        } catch (a) {
+          console.log("컨텍스트 설정 중 오류:", a);
+        }
+      },
+      [i, A, S, n]
+    ), W = (t) => {
+      if (!(!C || C.length === 0))
+        try {
+          C.forEach((d) => {
+            const { name: g, renderer: p } = d;
+            if (g && p) {
+              const a = typeof p == "function" ? new p() : p;
+              t.gridView.registerCustomRenderer(g, a);
+            }
+          });
+        } catch (d) {
+          console.error("커스텀 렌더러 초기화 중 오류:", d);
+        }
+    }, ie = (t) => {
+      t.onPageChanged = (d, g) => {
+        R((p) => ({
+          ...p,
+          currentPage: g
+        }));
+      }, t.onPageCountChanged = (d, g) => {
+        R((p) => ({
+          ...p,
+          totalPages: g
+        }));
+      };
+    }, ue = (t) => {
+      l.current?.gridView && l.current.gridView.setPage(t);
+    }, P = (t) => {
+      if (i?.layout?.colspan && i.layout.colspan.length > 0 && i?.layout?.colspan.forEach(
+        (d) => {
+          const g = t.gridView.layoutByColumn(
+            d.fieldName
+          );
+          if (g) {
+            const p = d.span;
+            g.spanCallback = function(a, y, z) {
+              return p;
+            };
+          }
+        }
+      ), o && o.length > 0 && o.some(
+        (g) => g.children && g.children.length > 0
+      ))
+        try {
+          (() => {
+            const p = JSON.parse(JSON.stringify(o)), a = [], y = (z) => {
+              const j = [];
+              return z.children.map((_) => {
+                if (_.children && _.children.length > 0) {
+                  const Q = y(_), se = _.header?.text || _.fieldName, ke = t.gridView.getColumnProperty(
+                    _.fieldName,
+                    "header"
+                  );
+                  delete _.children, delete _.header;
+                  let Dt = {
+                    name: _.fieldName,
+                    header: {
+                      text: ke?.text || se,
+                      template: ke?.template,
+                      values: ke?.values,
+                      visible: ke?.visible ?? !0
+                    },
+                    items: Q,
+                    ..._
+                  };
+                  j.push(Dt);
+                } else
+                  j.push(_.fieldName);
+              }), j;
+            };
+            p.map((z) => {
+              if (z.children && z.children.length > 0) {
+                const j = y(z), _ = z.header?.text || z.fieldName, Q = z.header?.visible ?? !0, se = t.gridView.getColumnProperty(
+                  z.fieldName,
+                  "header"
+                );
+                delete z.children, delete z.header;
+                const ke = {
+                  name: z.fieldName,
+                  header: {
+                    text: se?.text || _,
+                    template: se?.template,
+                    values: se?.values,
+                    visible: se?.visible || Q
+                  },
+                  items: j,
+                  ...z
+                };
+                a.push(ke);
+              } else
+                a.push(z.fieldName);
+            }), console.log("Final Layout!!", a), t.gridView.setColumnLayout(a);
+          })();
+        } catch (g) {
+          console.error("컬럼 레이아웃 설정 오류:", g);
+        }
+    }, U = () => {
+      if (l.current) {
+        if (s === "nrml") {
+          const t = l.current;
+          if (J(t), W(t), o && o.length > 0) {
+            const d = E(o), g = B(o);
+            t.gridView.getDataSource().setFields(d), t.gridView.setColumns(g);
+          }
+          if (P(t), i?.container?.page) {
+            const d = i?.pagingOption?.pageSize || 10;
+            t.gridView.setPaging(!0, d), ie(t.gridView);
+          }
+        } else {
+          const t = l.current;
+          if (J(t), W(t), o && o.length > 0) {
+            const d = E(o), g = B(o);
+            t.gridView.getDataSource().setFields(d), t.gridView.setColumns(g);
+          }
+          P(l.current);
+        }
+        setTimeout(() => {
+          if (v) {
+            const t = typeof V == "object" && V !== null ? V.current : null;
+            v(t);
+          }
+        }, 0);
+      }
+    }, re = (t, d, g) => {
+      const p = t.getDataSource();
+      let a = g?.footer == null ? "default" : g.footer;
+      p.getRowCount() < 1 && (a = "hidden");
+      let y = {
+        type: "excel",
+        // 문서타입
+        target: "local",
+        // 문서 저장 경로 (remote, local)
+        allItems: !1,
+        // 감춰진 모든 행을 출력할 것 인지의 여부
+        lookupDisplay: !0,
+        // lookupDisplay 값을 표시된 값으로의 저장 여부
+        compatibility: !0,
+        // 2007 호환 여부를 지정
+        showProgress: !0,
+        // Export시 프로그래스 바 표시 여부
+        progressMessage: "엑셀 Export 중 입니다.",
+        // Export시 프로그래스 바에 표시될 메시지를 지정
+        applyDynamicStyles: !1,
+        // DynamicStyles을 적용하여 Export할 것인지를 지정
+        separateRows: !0,
+        // true로 지정하면 export시 병합을 해제한 상태로 excel에 표시됩니다.
+        indenting: !!d?.treeBlank,
+        // 행 그룹핑 및 트리 그리드 자료를 export 시 들여쓰기 여부를 지정한다.
+        footer: a,
+        // footer
+        sheetName: "",
+        documentTitle: {},
+        // 제목
+        documentSubtitle: {},
+        // 부제
+        documentTail: {},
+        // 꼬릿말
+        fileName: g?.fileName || "sample.xlsx"
+        // export 시 저장된 파일 이름
+      };
+      p instanceof nt && (y.indenting = !!d?.treeBlank), g?.isCellMerge == !0 && (y.separateRows = !1), xe(g?.sheetName) == !1 && (y.sheetName = g?.sheetName), d?.isTitle && (y.documentTitle = {
+        message: yr(g?.mainTitle, "No Title"),
+        visible: !0,
+        /*
+         * ＠RealGrid2 deprecated -> styleName 으로 변경
+         */
+        //						styles: {fontSize: 15,fontBold: true,textAlignment: "center",lineAlignment: "center"},
+        styleName: "documentStyle",
+        spaceTop: 1,
+        spaceBottom: 0,
+        height: 43
+      }, xe(g?.subTitle) == !1 && (y.documentSubtitle = {
+        message: g?.subTitle,
+        visible: !0,
+        /*
+         * ＠RealGrid2 deprecated -> styleName 으로
+         */
+        //							styles: {textAlignment: "center"},
+        styleName: "center",
+        height: 20
+      }), xe(g?.tailTitle) == !1 && (y.documentTail = {
+        message: g?.tailTitle,
+        visible: !0,
+        /*
+         * ＠RealGrid2 deprecated -> styleName 으로 변경
+         */
+        //							styles: {fontSize: 12,fontBold: true,textAlignment: "center"}
+        styleName: "documentStyle"
+      })), t.exportGrid(y);
+    }, te = (t, d) => {
+      const g = t.getDataSource(), p = g.getOrgFieldNames();
+      if (d.checked)
+        for (var a = 0; a < p.length; a++) {
+          let z = [], j = g.getDistinctValues(p[a]) ?? [];
+          if (j.length == 0) continue;
+          let _ = t.columnByName(p[a]);
+          for (var y = 0; y < j.length; y++) {
+            if (j[y] == null) continue;
+            let Q = _.values != null && _.values.indexOf(j[y]) != -1 ? _?.labels?.[_.values.indexOf(j[y])] : j[y];
+            xe(Q) && (xe(j[y]) ? Q = " " : Q = j[y]);
+            let se = "";
+            j[y] == null ? se = "value=" + j[y] : se = "value='" + j[y] + "'", z.push({ name: Q, criteria: se });
+          }
+          t.setColumnFilters(p[a], z);
+        }
+      else
+        for (var a = 0; a < p.length; a++)
+          t.clearColumnFilters(p[a]), t.activateAllColumnFilters(p[a], !1), t.clearColumnFilters(p[a]);
+    };
+    O(() => {
+      if (!l.current?.gridView) return;
+      const t = () => ({
+        0: 25,
+        // 작게
+        1: 30,
+        // 보통
+        2: 43
+        // 크게
+      })[A], d = () => ({
+        0: 12,
+        // 작게
+        1: 13,
+        // 보통
+        2: 14
+        // 크게
+      })[A];
+      l.current.gridView.setDisplayOptions({
+        rowHeight: t()
+      }), I.current && I.current.style.setProperty(
+        "--bwg-grid-font-size",
+        `${d()}px`
+      );
+    }, [A, i?.display?.rowHeight]), O(() => {
+      if (l.current && l.current.gridView)
+        if (s === "nrml") {
+          const t = l.current;
+          J(t);
+        } else {
+          const t = l.current;
+          J(t);
+        }
+    }, [s, i, J]), O(() => {
+      !l.current || !o || o.length === 0 || U();
+    }, [o]), O(() => {
+      l.current && K();
+    }, [h, K]), O(() => {
+      if (!(!S || !n || !l.current?.gridView || !o || o.length === 0))
+        try {
+          const t = Cr(__SYS_CD__, n, S);
+          if (t) {
+            const d = Array.isArray(t) ? t : t.layout || t;
+            d && (l.current.gridView.setColumnLayout(d), console.log(
+              `[BwgGrid] 저장된 레이아웃 로드 완료: ${__SYS_CD__}/${n}/${S}`
+            ));
+          }
+        } catch (t) {
+          console.warn("[BwgGrid] 레이아웃 로드 실패:", t);
+        }
+    }, [S, n]), O(() => {
+      const t = (d) => {
+        const g = d.ctrlKey || d.metaKey;
+        je === x.current && (g && (d.key === "f" || d.key === "F") && (d.preventDefault(), he((p) => p && !1), Se(""), me((p) => !p)), g && (d.key === "g" || d.key === "G") && (d.preventDefault(), me((p) => p && !1), he((p) => !p)));
+      };
+      return window.addEventListener("keydown", t, { capture: !0 }), () => {
+        window.removeEventListener("keydown", t, !0);
+      };
+    }, []);
+    const [le, me] = F(!1), [ve, Se] = F(""), Pe = ce(null), [Me, he] = F(!1), [Ce, R] = F({
+      currentPage: 0,
+      totalPages: 0,
+      totalData: 0
+    });
+    O(() => {
+      R({
+        currentPage: 0,
+        totalPages: 0,
+        totalData: 0
+      });
+    }, []), O(() => {
+      le && setTimeout(() => {
+        Pe.current?.focus?.();
+      }, 0);
+    }, [le]), O(() => () => {
+      if (l.current)
+        try {
+          const t = l.current;
+          t.gridView && (t.gridView.onDataLoadComplated = void 0, t.gridView.onCurrentRowChanged = void 0, t.gridView.onCellClicked = void 0, t.gridView.onCellDblClicked = void 0, t.gridView.onEditRowChanged = void 0, t.gridView.onItemChecked = void 0, t.gridView.onItemAllChecked = void 0, t.gridView.onColumnCheckedChanged = void 0, t.gridView.onCellButtonClicked = void 0, t.gridView.onEditChange = void 0, t.gridView.onCellEdited = void 0, t.gridView.onKeyUp = void 0, t.gridView.onKeyDown = void 0, t.gridView.onWheel = void 0, t.gridView.onValidateColumn = void 0, t.gridView.onValidateRow = void 0, t.gridView.onValidationFail = void 0, t.gridView.onRowInserting = void 0, t.gridView.onCellItemClicked = void 0, t.gridView.onShowEditor = void 0, t.gridView.onLayoutPropertyChanged = void 0, t.gridView.getDataSource() && (t.gridView.getDataSource().clearRows(), t.gridView.getDataSource().setFields([])), t.gridView.getDataSource().clearRows());
+        } catch (t) {
+          console.warn("⚠️ BwgGrid cleanup error:", t);
+        }
+    }, []);
+    const G = Z(() => {
+      const t = ve;
+      console.log("@@ handleSearchEnter:", t);
+      const d = l.current?.gridView;
+      if (!d) return;
+      if (d.isFiltered()) {
+        console.log(
+          "EE:: [그리드 Filtering 으로 인한 오류] 그리드 내 Filter를 해제 후 진행해 주십시오."
+        );
+        return;
+      }
+      if (d.commit(), xe(t)) return;
+      const g = d.getCurrent().itemIndex ?? -1;
+      if (g < 0) return;
+      const p = {
+        value: t,
+        startIndex: g + 1,
+        wrap: !0,
+        caseSensitive: !1,
+        partialMatch: !0
+      }, a = d.searchCell(p);
+      d.setCurrent(a);
+    }, [ve]), ae = Z((t) => {
+      t.key === "Escape" && (t.preventDefault(), me(!1));
+    }, []), fe = Z(() => {
+      Se(""), me(!le);
+    }, [le]), _e = Z(() => {
+      he(!Me);
+    }, [Me]), Vt = Z((t) => {
+      t.key === "Escape" && (t.preventDefault(), he(!1));
+    }, []), Nt = Z(() => {
+      if (!S || !n || !l.current?.gridView) {
+        console.warn(
+          "[BwgGrid] 레이아웃 저장 실패: gridId 또는 menuId가 없습니다."
+        );
+        return;
+      }
+      try {
+        const d = l.current.gridView.saveColumnLayout();
+        d && (kr(__SYS_CD__, n, S, d), he(!1));
+      } catch (t) {
+        console.warn("[BwgGrid] 레이아웃 저장 실패:", t);
+      }
+    }, [S, n]), Bt = Z(() => {
+      if (!S || !n || !l.current?.gridView) {
+        console.warn(
+          "[BwgGrid] 레이아웃 초기화 실패: gridId 또는 menuId가 없습니다."
+        );
+        return;
+      }
+      try {
+        if (et(__SYS_CD__, n, S), o) {
+          const t = B(o);
+          l.current.gridView.setColumns(t);
+          const d = o.filter((g) => g.visible !== !1).map((g) => g.fieldName || g.name);
+          d.length > 0 && l.current.gridView.setColumnLayout(d);
+        }
+        console.log(
+          `[BwgGrid] 레이아웃 초기화 완료: ${__SYS_CD__}/${n}/${S}`
+        ), he(!1);
+      } catch (t) {
+        console.warn("[BwgGrid] 레이아웃 초기화 실패:", t);
+      }
+    }, [S, n, o, B]), Ae = {
+      searchEnter: G,
+      handleCloseKeyword: ae,
+      handleSearch: fe,
+      handleLayoutManager: _e,
+      handleCloseLayoutManager: Vt,
+      handleSaveLayout: Nt,
+      handleResetLayout: Bt
+    }, Ze = X(() => ({
+      0: 12,
+      // 작게
+      1: 13,
+      // 보통
+      2: 14
+      // 크게
+    })[A], [A]), Lt = X(
+      () => ({
+        ...r,
+        position: "relative",
+        width: r?.width || "100%",
+        height: r?.height || "100%",
+        // CSS 변수로 RealGrid 폰트 사이즈 제어
+        "--bwg-grid-font-size": `${Ze}px`
+      }),
+      [r, Ze]
+    );
+    return /* @__PURE__ */ m(Wr, { children: [
+      /* @__PURE__ */ m(
+        "div",
+        {
+          ref: I,
+          style: Lt,
+          className: c,
+          onClick: () => {
+            je = x.current;
+          },
+          onFocusCapture: () => {
+            je = x.current;
+          },
+          children: [
+            le && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "grid-search-box",
+                style: {
+                  "--search-button-size": `${f.buttonSize}px`,
+                  "--search-button-font-size": `${f.fontSize}px`,
+                  "--search-box-width": `${f.width}px`
+                },
+                children: /* @__PURE__ */ e(
+                  ee,
+                  {
+                    componentSize: f.componentSize,
+                    theme: {
+                      token: {
+                        fontSize: f.fontSize
+                      }
+                    },
+                    children: /* @__PURE__ */ m(ne, { gap: 3, children: [
+                      /* @__PURE__ */ e(
+                        pt,
+                        {
+                          ref: Pe,
+                          value: ve,
+                          name: "srchField",
+                          autoComplete: "off",
+                          placeholder: "검색어를 입력하세요.",
+                          onKeyUp: (t) => Ae.handleCloseKeyword(t),
+                          onChange: (t) => Se(t.target.value),
+                          onPressEnter: () => Ae.searchEnter()
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        $,
+                        {
+                          variant: "solid",
+                          icon: /* @__PURE__ */ e(Ge, {}),
+                          onClick: () => me(!1)
+                        }
+                      )
+                    ] })
+                  }
+                )
+              }
+            ),
+            Me && /* @__PURE__ */ e(
+              "div",
+              {
+                className: "grid-layout-manager-box",
+                style: {
+                  "--search-button-size": `${f.buttonSize}px`,
+                  "--search-button-font-size": `${f.fontSize}px`,
+                  "--search-box-width": `${f.width}px`
+                },
+                onKeyUp: (t) => Ae.handleCloseLayoutManager(t),
+                children: /* @__PURE__ */ e(
+                  ee,
+                  {
+                    componentSize: f.componentSize,
+                    theme: {
+                      token: {
+                        fontSize: f.fontSize
+                      }
+                    },
+                    children: /* @__PURE__ */ m(ne, { vertical: !0, gap: 10, children: [
+                      /* @__PURE__ */ m(ne, { gap: 6, style: { width: "100%", position: "relative" }, children: [
+                        /* @__PURE__ */ e(
+                          $,
+                          {
+                            className: "bwg-btn",
+                            icon: /* @__PURE__ */ e(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "18",
+                                height: "18",
+                                viewBox: "0 0 18 18",
+                                fill: "none",
+                                children: /* @__PURE__ */ e(
+                                  "path",
+                                  {
+                                    d: "M11.25 15V11.25H6.75V15M13.5 15H4.5C3.67157 15 3 14.3284 3 13.5V4.5C3 3.67157 3.67157 3 4.5 3H10.6287C11.0265 3 11.408 3.15804 11.6893 3.43934L14.5607 6.31066C14.842 6.59197 15 6.9735 15 7.37132V13.5C15 14.3284 14.3284 15 13.5 15Z",
+                                    stroke: "currentColor",
+                                    "stroke-linecap": "round",
+                                    "stroke-linejoin": "round"
+                                  }
+                                )
+                              }
+                            ),
+                            onClick: Ae.handleSaveLayout,
+                            disabled: !S || !n,
+                            children: "레이아웃 저장"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          $,
+                          {
+                            className: "bwg-btn",
+                            icon: /* @__PURE__ */ m(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "18",
+                                height: "18",
+                                viewBox: "0 0 18 18",
+                                fill: "none",
+                                children: [
+                                  /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_1427_1188)", children: /* @__PURE__ */ e(
+                                    "path",
+                                    {
+                                      d: "M14.7003 11.34C14.2603 12.58 13.4403 13.64 12.3503 14.36C11.2603 15.09 9.96032 15.44 8.66032 15.36C7.35032 15.28 6.11032 14.79 5.11032 13.94C4.11032 13.09 3.41032 11.95 3.12032 10.67C2.83032 9.39 2.96032 8.06 3.50032 6.86C4.04032 5.66 4.94032 4.68 6.09032 4.04C7.24032 3.41 8.56032 3.16 9.85032 3.35C12.0403 3.66 13.4903 5.24 15.0503 6.65M15.0403 2.63V6.65H11.0103",
+                                      stroke: "currentColor",
+                                      "stroke-linecap": "round",
+                                      "stroke-linejoin": "round"
+                                    }
+                                  ) }),
+                                  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1427_1188", children: /* @__PURE__ */ e("rect", { width: "18", height: "18", fill: "white" }) }) })
+                                ]
+                              }
+                            ),
+                            onClick: Ae.handleResetLayout,
+                            disabled: !S || !n,
+                            children: "레이아웃 초기화"
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            style: {
+                              position: "absolute",
+                              right: 0
+                            },
+                            children: /* @__PURE__ */ e(
+                              $,
+                              {
+                                type: "text",
+                                icon: /* @__PURE__ */ e(Ge, {}),
+                                style: {
+                                  width: 30,
+                                  height: 30
+                                },
+                                onClick: () => he(!1)
+                              }
+                            )
+                          }
+                        )
+                      ] }),
+                      (!S || !n) && /* @__PURE__ */ e(
+                        Be,
+                        {
+                          message: "그리드 설정정보가 완료되지 않았습니다. 관리자에게 문의하십시오",
+                          type: "warning",
+                          showIcon: !0,
+                          style: {
+                            fontSize: f.fontSize,
+                            border: 0,
+                            background: Ue.site.yellow01,
+                            color: "var(--text-primary)",
+                            padding: "4px 10px",
+                            borderRadius: 4
+                          }
+                        }
+                      )
+                    ] })
+                  }
+                )
+              }
+            ),
+            s === "nrml" ? /* @__PURE__ */ e(
+              Nr,
+              {
+                ref: l,
+                autoGenerateField: !0,
+                onInitialized: U
+              }
+            ) : /* @__PURE__ */ e(
+              Br,
+              {
+                ref: l,
+                autoGenerateField: !1,
+                onInitialized: U
+              }
+            )
+          ]
+        }
+      ),
+      i?.container?.page && /* @__PURE__ */ e(
+        Mt,
+        {
+          currentPage: Ce.currentPage,
+          totalPages: Ce.totalPages,
+          pageSize: i?.pagingOption?.pageSize,
+          totalData: Ce.totalData,
+          onPageChange: ue,
+          pageSizeOptions: i?.pagingOption?.pageSizeOptions,
+          gridRef: l
+        }
+      )
+    ] });
+  }
+), Vn = Kr, Nn = ft(
+  ({ title: s, border: r, children: c, titleChildren: o }) => {
+    const i = X(
+      () => ({
+        components: {
+          Form: {
+            labelColor: "#9A9A9A"
+          },
+          Select: {
+            colorTextDisabled: "#000"
+          }
+        }
+      }),
+      []
+    );
+    return /* @__PURE__ */ m(be, { type: "vertical", children: [
+      /* @__PURE__ */ e(
+        Ee,
+        {
+          title: s,
+          icons: { type: "antd", icon: "InfoCircleTwoTone" },
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e(Ye, { border: !1, children: /* @__PURE__ */ e(ee, { theme: i, children: c }) })
+    ] });
+  }
+), be = ({
+  type: s = "horizontal",
+  layoutAlign: r = "left",
+  verticalAlign: c,
+  className: o,
+  style: i,
+  children: h
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    style: i,
+    className: `bwgview-content-layout ${s == "horizontal" ? "hz-layout" : "vt-layout"} layout-${r} ${c && `vertical-${c}`} ${o || ""}`,
+    children: h
+  }
+), at = (s, r) => {
+  const c = window.innerWidth, o = window.innerHeight, i = Math.min(Math.max(s.x, 0), Math.max(0, c - r.width)), h = Math.min(Math.max(s.y, 0), Math.max(0, o - r.height));
+  return { x: Math.round(i), y: Math.round(h) };
+}, Bn = ({
+  children: s,
+  open: r,
+  onCancel: c,
+  maskClosable: o = !1,
+  keyboard: i = !1,
+  width: h = 520,
+  height: u = 400,
+  title: D,
+  buttons: C,
+  zIndex: v = 1e3,
+  ...S
+}) => {
+  const V = ce(null), l = typeof h == "number" ? h : 520, M = typeof u == "number" ? u : 400, [I, A] = F(l), [f, N] = F(M), n = X(() => {
+    const L = Math.max(0, (window.innerWidth - l) / 2), T = Math.max(0, (window.innerHeight - M) / 2);
+    return { x: Math.round(L), y: Math.round(T) };
+  }, [l, M]), [x, b] = F(n);
+  O(() => {
+    typeof h == "number" && A(h), typeof u == "number" && N(u);
+  }, [h, u]);
+  const E = (L, T) => {
+    const Y = at(
+      { x: T.x, y: T.y },
+      { width: I, height: f }
+    );
+    b(Y);
+  }, B = (L, T, Y, k, H) => {
+    const K = {
+      width: Math.round(parseInt(Y.style.width, 10)),
+      height: Math.round(parseInt(Y.style.height, 10))
+    }, J = at(H, K);
+    A(K.width), N(K.height), b(J);
+  }, q = () => V.current ?? document.body;
+  return O(() => {
+    if (!r || !i) return;
+    const L = (T) => {
+      T.key === "Escape" && (T.stopPropagation(), T.preventDefault(), c?.(T));
+    };
+    return window.addEventListener("keydown", L, !0), () => {
+      window.removeEventListener("keydown", L, !0);
+    };
+  }, [r, i, c]), r ? /* @__PURE__ */ m(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: v
+      },
+      onKeyDown: (L) => {
+        L.key === "Escape" && i && (L.stopPropagation(), L.preventDefault(), c?.(L));
+      },
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            onClick: o ? (L) => c?.(L) : void 0,
+            style: {
+              position: "absolute",
+              inset: 0,
+              backgroundColor: "rgba(0,0,0,0.45)",
+              zIndex: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ m(
+          xt,
+          {
+            className: "bwg-modal",
+            size: { width: I, height: f },
+            position: x,
+            bounds: "window",
+            minWidth: 400,
+            minHeight: 300,
+            onDragStop: E,
+            onResizeStop: B,
+            dragHandleClassName: "drag-handle",
+            cancel: ".rnd-cancel",
+            enableUserSelectHack: !1,
+            style: {
+              backgroundColor: "white",
+              borderRadius: 8,
+              boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+              overflow: "visible",
+              position: "absolute",
+              zIndex: 1
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "bwg-modal-content",
+                  style: { overflow: "hidden", borderRadius: 8, height: "100%" },
+                  children: /* @__PURE__ */ e(bt, { getPopupContainer: q, children: /* @__PURE__ */ e(be, { style: { height: "100%" }, children: /* @__PURE__ */ m(Ye, { className: "w100", children: [
+                    /* @__PURE__ */ e("div", { className: "drag-handle", children: /* @__PURE__ */ e(Ee, { title: D || "", icons: { type: "antd" }, children: /* @__PURE__ */ m(
+                      "div",
+                      {
+                        style: { display: "flex", gap: 6, alignItems: "center" },
+                        children: [
+                          C,
+                          /* @__PURE__ */ e(
+                            qe,
+                            {
+                              type: "default",
+                              className: "bwg-btn",
+                              onClick: (L) => {
+                                L.stopPropagation(), c?.(L);
+                              },
+                              children: "닫기"
+                            }
+                          )
+                        ]
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "rnd-cancel",
+                        style: { height: "calc(100% - 60px)", overflow: "auto" },
+                        children: s
+                      }
+                    )
+                  ] }) }) })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  ref: V,
+                  className: "bwg-modal-portal-root",
+                  style: { position: "relative" }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : null;
+}, st = (s, r) => {
+  const c = window.innerWidth, o = window.innerHeight, i = Math.min(Math.max(s.x, 0), Math.max(0, c - r.width)), h = Math.min(Math.max(s.y, 0), Math.max(0, o - r.height));
+  return { x: Math.round(i), y: Math.round(h) };
+}, qr = ({ buttons: s, onClose: r }) => {
+  const c = (s || []).filter((o) => o?.visible !== !1);
+  return c.length === 0 ? /* @__PURE__ */ e($, { type: "default", className: "bwg-btn popup-btn", onClick: r, children: "닫기" }) : /* @__PURE__ */ m("div", { style: { display: "flex", gap: 6 }, children: [
+    c.map((o) => /* @__PURE__ */ e(
+      $,
+      {
+        type: o.type,
+        disabled: !!o.disabled,
+        loading: o.loading,
+        className: o.className || "bwg-btn popup-btn",
+        style: o.style,
+        icon: o.icon,
+        onClick: o.onClick,
+        children: o.label
+      },
+      o.id
+    )),
+    /* @__PURE__ */ e($, { type: "default", className: "bwg-btn popup-btn", onClick: r, children: "닫기" })
+  ] });
+}, Ln = ({
+  popup: s,
+  popupEvent: r,
+  onClose: c,
+  children: o,
+  buttons: i
+}) => {
+  const h = ce(null), u = s?.popupTitle || "팝업", D = s?.width || 800, C = s?.height || 600, [v, S] = F(D), [V, l] = F(C), M = X(() => {
+    const b = Math.max(0, (window.innerWidth - D) / 2), E = Math.max(0, (window.innerHeight - C) / 2);
+    return { x: Math.round(b), y: Math.round(E) };
+  }, [D, C]), [I, A] = F(M), f = (b, E) => {
+    const B = st(
+      { x: E.x, y: E.y },
+      { width: v, height: V }
+    );
+    A(B);
+  }, N = (b, E, B, q, w) => {
+    const L = {
+      width: Math.round(parseInt(B.style.width, 10)),
+      height: Math.round(parseInt(B.style.height, 10))
+    }, T = st(w, L);
+    S(L.width), l(L.height), A(T);
+  }, n = () => h.current ?? document.body, x = typeof s?.zIndex == "number" ? s.zIndex : 3e3;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: x
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            onClick: c,
+            style: {
+              position: "absolute",
+              inset: 0,
+              backgroundColor: "rgba(0,0,0,0.3)",
+              zIndex: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ m(
+          xt,
+          {
+            className: "bwg-popup",
+            size: { width: v, height: V },
+            position: I,
+            bounds: "window",
+            minWidth: 400,
+            minHeight: 300,
+            onDragStop: f,
+            onResizeStop: N,
+            dragHandleClassName: "drag-handle",
+            cancel: ".rnd-cancel",
+            enableUserSelectHack: !1,
+            style: {
+              backgroundColor: "white",
+              borderRadius: 20,
+              boxShadow: "0 4px 15px rgba(0,0,0,0.25)",
+              // 포털이 잘리지 않도록 Rnd는 visible
+              overflow: "visible",
+              position: "absolute",
+              zIndex: 1
+              // 마스크(0)보다 위 (전체 컨테이너 3000 기준)
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "bwg-popup-content",
+                  style: { overflow: "hidden", borderRadius: 20, height: "100%" },
+                  children: /* @__PURE__ */ e(
+                    bt,
+                    {
+                      getPopupContainer: n,
+                      children: /* @__PURE__ */ e(be, { type: "vertical", children: /* @__PURE__ */ e(
+                        gt,
+                        {
+                          className: "popup-drag-container",
+                          title: /* @__PURE__ */ e(
+                            "div",
+                            {
+                              className: "drag-handle",
+                              style: { display: "flex", alignItems: "center", gap: 8 },
+                              children: u
+                            }
+                          ),
+                          style: { width: "100%", height: "100%" },
+                          styles: {
+                            body: {
+                              height: "calc(100% - 77px)",
+                              padding: 20,
+                              overflow: "auto"
+                              // 본문 스크롤은 여기서만
+                            }
+                          },
+                          extra: /* @__PURE__ */ e(
+                            qr,
+                            {
+                              buttons: i,
+                              onClose: () => s?.close?.() || c?.()
+                            }
+                          ),
+                          children: /* @__PURE__ */ e("div", { className: "rnd-cancel", style: { height: "100%" }, children: /* @__PURE__ */ e(lr, { children: o }) })
+                        }
+                      ) })
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  ref: h,
+                  className: "bwg-popup-portal-root",
+                  style: { position: "relative" }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Dn = ({
+  children: s,
+  className: r,
+  style: c,
+  marginBottom: o = 8,
+  gutter: i = [16, 8],
+  ...h
+}) => /* @__PURE__ */ e(
+  Xt,
+  {
+    ...h,
+    gutter: i,
+    className: `bwg-row ${r}`,
+    style: { marginBottom: `${o}px`, ...c },
+    children: s
+  }
+), Rn = ({ children: s }) => /* @__PURE__ */ e(
+  "div",
+  {
+    style: {
+      height: "100%",
+      padding: "20px 30px 26px"
+    },
+    children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          border: "1px solid #ddd",
+          borderRadius: "15px",
+          background: "#fff"
+        },
+        children: s
+      }
+    )
+  }
+), zn = ({
+  rowKey: s = "id",
+  columns: r,
+  dataSource: c,
+  loading: o = !1,
+  rowSelection: i,
+  size: h = "middle",
+  pagination: u = !1,
+  ...D
+}) => /* @__PURE__ */ e(
+  Jt,
+  {
+    rowKey: s,
+    columns: r,
+    dataSource: c,
+    loading: o,
+    rowSelection: i,
+    size: h,
+    pagination: u,
+    bordered: !0,
+    scroll: { x: "max-content" },
+    locale: {
+      emptyText: "데이터가 없습니다."
+    },
+    ...D
+  }
+), Pn = (s) => {
+  const { type: r = "card", animated: c = !0, ...o } = s;
+  return /* @__PURE__ */ e(er, { type: r, animated: c, ...o });
+}, At = (s, r, c = null) => {
+  for (let o = 0; o < s.length; o++) {
+    const i = s[o];
+    if (i.key === r)
+      return { node: i, ctx: { parent: c, index: o, siblings: s } };
+    if (i.children?.length) {
+      const h = At(i.children, r, i);
+      if (h.node) return h;
+    }
+  }
+  return { node: null, ctx: null };
+}, It = (s, r) => {
+  if (!s.children) return !1;
+  for (const c of s.children)
+    if (c.key === r || It(c, r)) return !0;
+  return !1;
+};
+function Qr({ open: s, onClose: r }) {
+  const {
+    nodes: c,
+    rootIds: o,
+    addFolder: i,
+    editFolder: h,
+    removeFolder: u,
+    removeMenu: D,
+    moveNode: C
+  } = Ne(), v = ce(null), [S, V] = F([]), [l, M] = F([]), [I, A] = F(""), [f, N] = F("ADD"), [n, x] = F(!1), [b, E] = F("");
+  O(() => {
+    s && M(o);
+  }, [s]), O(() => {
+    const w = B(c, o);
+    V(w);
+  }, [c]), O(() => {
+    n && b && (v.current.setFieldValue("prntBkmkId", b), v.current.setFieldValue(
+      "prntBkmkNm",
+      c[b]?.bkmkNm ?? "-"
+    )), n && f === "EDIT" && (v.current.setFieldValue("bkmkId", b), v.current.setFieldValue(
+      "bkmkNm",
+      c[b]?.bkmkNm
+    )), !n && f == "ADD" && M((w) => [...w, b]), !n && v.current && (E("-"), v.current.resetFields());
+  }, [n, f, b, c]);
+  const B = (w, L) => {
+    const T = (Y, k = "-") => {
+      const H = w[Y];
+      if (!H) return null;
+      const K = {
+        key: H.bkmkId,
+        type: H.type,
+        // 'F' | 'M'
+        title: H.type === "F" ? H.bkmkNm : H.menuNm ? `${H.menuNm} (${H.menuId})` : H.menuId,
+        parentId: k,
+        sortOrdr: H.sortOrdr ?? 0
+      };
+      if (H.type === "F") {
+        const W = (H.children ?? []).map((ie) => T(ie, H.bkmkId)).filter(Boolean);
+        return { ...K, children: W };
+      }
+      return K;
+    };
+    return L.map((Y) => T(Y, "-")).filter(Boolean);
+  }, q = () => {
+    if (N("ADD"), !I) {
+      E("-"), x(!0);
+      return;
+    }
+    const w = c[I];
+    if (!w) {
+      E("-"), x(!0);
+      return;
+    }
+    w.type === "F" ? E(w.bkmkId) : E(w.prntBkmkId), x(!0);
+  };
+  return /* @__PURE__ */ m(
+    ee,
+    {
+      theme: {
+        components: {
+          Modal: {
+            wireframe: !0
+          },
+          Button: {
+            defaultColor: "var(--text-secondary)",
+            defaultHoverColor: "var(--primary-color)",
+            defaultHoverBorderColor: "var(--primary-color)",
+            controlHeight: 30,
+            fontSize: 13,
+            borderRadius: "var(--border-radius-sm)"
+          }
+        }
+      },
+      children: [
+        /* @__PURE__ */ m(
+          we,
+          {
+            open: s,
+            okButtonProps: { style: { display: "none" } },
+            cancelText: "닫기",
+            width: 560,
+            style: { zIndex: 1001 },
+            styles: { body: { paddingTop: 12, paddingBottom: 12 } },
+            title: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: /* @__PURE__ */ e(de.Text, { style: { fontSize: 18 }, children: "북마크 관리" }) }),
+            onCancel: r,
+            children: [
+              /* @__PURE__ */ m(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "space-between",
+                    marginBottom: 10
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      $,
+                      {
+                        type: "primary",
+                        variant: "solid",
+                        className: "bwg-btn",
+                        icon: /* @__PURE__ */ m("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+                          /* @__PURE__ */ m("g", { "clip-path": "url(#clip0_1298_1781)", children: [
+                            /* @__PURE__ */ e("path", { d: "M9.3002 14.26H13.5702C14.4002 14.26 15.0702 13.59 15.0702 12.76V7.45999C15.0702 6.89999 14.6102 6.43999 14.0502 6.43999H8.8302L7.7102 3.48999H4.1702C3.6402 3.48999 3.2002 3.92999 3.2002 4.45999V8.10999", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+                            /* @__PURE__ */ e("path", { d: "M8.18018 4.58997H14.0502C14.6102 4.58997 15.0702 5.04997 15.0702 5.60997V8.25997", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+                            /* @__PURE__ */ e("path", { d: "M5.43018 9.52002V14.52", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+                            /* @__PURE__ */ e("path", { d: "M7.93018 12.01H2.93018", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+                          ] }),
+                          /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1298_1781", children: /* @__PURE__ */ e("rect", { width: "18", height: "18", fill: "white" }) }) })
+                        ] }),
+                        style: { padding: "0 10px", boxShadow: "none" },
+                        onClick: q,
+                        children: "새 폴더"
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ m(
+                      ee,
+                      {
+                        theme: {
+                          components: {
+                            Button: {
+                              defaultHoverColor: "#333333",
+                              defaultHoverBorderColor: "#d9d9d9",
+                              defaultHoverBg: "#f1f1f1",
+                              defaultActiveColor: "#777777",
+                              defaultActiveBorderColor: "#d9d9d9",
+                              contentFontSize: 13,
+                              defaultColor: "#777777"
+                            }
+                          }
+                        },
+                        children: [
+                          /* @__PURE__ */ e(oe, { title: "펼치기", children: /* @__PURE__ */ e(
+                            $,
+                            {
+                              icon: /* @__PURE__ */ e("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.6665 8H13.3332M7.99984 2.66667V13.3333", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+                              size: "small",
+                              style: { width: 28, height: 28 },
+                              onClick: () => {
+                                const w = Object.values(c).filter((L) => L.type === "F").map((L) => L.bkmkId);
+                                M(w);
+                              }
+                            }
+                          ) }),
+                          /* @__PURE__ */ e(oe, { title: "접기", children: /* @__PURE__ */ e(
+                            $,
+                            {
+                              icon: /* @__PURE__ */ e("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.6665 8H13.3332", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+                              size: "small",
+                              style: { width: 28, height: 28, marginLeft: 5 },
+                              onClick: () => M([])
+                            }
+                          ) })
+                        ]
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ m(
+                "div",
+                {
+                  style: {
+                    maxHeight: 420,
+                    height: 350,
+                    overflow: "auto",
+                    border: "1px solid #e0e0e0",
+                    borderRadius: 8,
+                    padding: 10
+                  },
+                  children: [
+                    S.length == 0 && /* @__PURE__ */ e(
+                      We,
+                      {
+                        description: /* @__PURE__ */ m(de.Text, { type: "secondary", style: { fontSize: 13 }, children: [
+                          "아직 저장된 북마크가 없습니다.",
+                          /* @__PURE__ */ e("br", {}),
+                          "새로운 폴더를 생성해보세요."
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      mt,
+                      {
+                        blockNode: !0,
+                        draggable: !0,
+                        allowDrop: ({ dropNode: w, dropPosition: L }) => {
+                          const T = w.type === "F";
+                          return L === 0 ? T : !0;
+                        },
+                        onDrop: (w) => {
+                          const {
+                            dragNode: L,
+                            node: T,
+                            dropPosition: Y,
+                            dropToGap: k
+                          } = w;
+                          if (L.key === T.key || It(L, T.key)) return;
+                          let H, K;
+                          if (k) {
+                            const W = At(S, T.key).ctx, ie = W.index;
+                            H = W.parent ? W.parent.key : "-", K = Y > 0 ? ie + 1 : ie;
+                          } else {
+                            if (T.type !== "F") return;
+                            const W = T.children || [];
+                            H = T.key, K = W.length;
+                          }
+                          const J = tt();
+                          if (L.type === "F")
+                            C({
+                              bkmkId: L.key,
+                              newPrntBkmkId: H,
+                              sortOrdr: K,
+                              userId: J
+                            }).catch(() => {
+                              we.error({
+                                title: "이동 실패",
+                                content: "폴더 이동 중 오류가 발생했어요."
+                              });
+                            });
+                          else {
+                            if (H === "-") {
+                              we.warning({
+                                title: "이동 불가",
+                                content: "메뉴는 최상위로 이동할 수 없어요."
+                              });
+                              return;
+                            }
+                            C({
+                              bkmkId: L.key,
+                              newPrntBkmkId: H,
+                              sortOrdr: K,
+                              userId: J
+                            }).catch(() => {
+                              we.error({
+                                title: "이동 실패",
+                                content: "메뉴 이동 중 오류가 발생했어요."
+                              });
+                            });
+                          }
+                          k === !1 && M(
+                            (W) => Array.from(/* @__PURE__ */ new Set([...W, T.key]))
+                          );
+                        },
+                        showLine: !0,
+                        treeData: S,
+                        selectedKeys: [I],
+                        expandedKeys: l,
+                        onExpand: M,
+                        onSelect: (w) => A(w[0]),
+                        titleRender: (w) => /* @__PURE__ */ m(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "space-between",
+                              gap: 8
+                            },
+                            children: [
+                              /* @__PURE__ */ m("span", { children: [
+                                w.type === "F" ? "📁" : "📄",
+                                " ",
+                                w.title,
+                                w.isNew ? /* @__PURE__ */ e(
+                                  Ie,
+                                  {
+                                    color: "gold",
+                                    style: {
+                                      marginLeft: 4,
+                                      fontSize: "10px",
+                                      height: "16px",
+                                      lineHeight: "16px",
+                                      padding: "0 5px"
+                                    },
+                                    children: "N"
+                                  }
+                                ) : null
+                              ] }),
+                              /* @__PURE__ */ m("span", { style: { display: "inline-flex", gap: 8 }, children: [
+                                w.type === "F" && /* @__PURE__ */ m(ge, { children: [
+                                  /* @__PURE__ */ e(
+                                    ct,
+                                    {
+                                      style: { opacity: 0.8 },
+                                      onClick: () => {
+                                        N("ADD"), E(w.key), x(!0);
+                                      }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e(
+                                    Et,
+                                    {
+                                      style: { opacity: 0.8 },
+                                      onClick: () => {
+                                        N("EDIT"), E(w.key), x(!0);
+                                      }
+                                    }
+                                  )
+                                ] }),
+                                /* @__PURE__ */ e(
+                                  _t,
+                                  {
+                                    style: { cursor: "pointer", opacity: 0.5 },
+                                    onClick: () => {
+                                      w.type === "F" ? we.confirm({
+                                        title: "삭제 안내",
+                                        content: "폴더를 삭제하면 하위 폴더와 메뉴도 모두 삭제됩니다. 삭제하시겠습니까?",
+                                        centered: !0,
+                                        onOk: () => u(w.key)
+                                      }) : we.confirm({
+                                        title: "삭제 안내",
+                                        centered: !0,
+                                        content: "메뉴를 삭제하시겠습니까?",
+                                        onOk: () => D(w.key)
+                                      });
+                                    }
+                                  }
+                                )
+                              ] })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            theme: {
+              components: {
+                Modal: {
+                  titleColor: f === "ADD" ? "var(--primary-color)" : "#ff6767",
+                  headerBg: f === "ADD" ? "var(--drawer-header-bg)" : "#fff0f0",
+                  titleFontSize: 18
+                },
+                Button: {
+                  defaultColor: "var(--text-secondary)",
+                  defaultHoverColor: "var(--primary-color)",
+                  defaultHoverBorderColor: "var(--primary-color)",
+                  controlHeight: 30,
+                  fontSize: 13,
+                  borderRadius: "var(--border-radius-sm)"
+                }
+              }
+            },
+            children: /* @__PURE__ */ e(
+              we,
+              {
+                title: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ m(de.Text, { style: { fontSize: 16, display: "flex", alignItems: "center", gap: 6 }, children: [
+                  f === "ADD" ? /* @__PURE__ */ e("span", { className: "bookmark-folder-modal-icon ico-new-folder" }) : /* @__PURE__ */ e("span", { className: "bookmark-folder-modal-icon ico-edit-folder" }),
+                  "폴더",
+                  f === "ADD" ? " 추가" : "명 수정"
+                ] }) }),
+                open: n,
+                okText: "저장",
+                onOk: () => {
+                  const w = v.current.getFieldValue("bkmkNm"), L = tt();
+                  if (f === "ADD") {
+                    const T = __SYS_CD__ ?? "KH", Y = v.current.getFieldValue("prntBkmkId");
+                    i(w, Y, T, L).then(() => {
+                      x(!1);
+                    });
+                  } else {
+                    const T = v.current.getFieldValue("bkmkId");
+                    h(T, L, w).then(() => {
+                      x(!1);
+                    });
+                  }
+                },
+                centered: !0,
+                width: 400,
+                onCancel: () => x(!1),
+                okButtonProps: {
+                  className: "bwg-btn"
+                },
+                cancelButtonProps: {
+                  className: "bwg-btn"
+                },
+                styles: {
+                  body: {
+                    padding: 20
+                  }
+                },
+                children: /* @__PURE__ */ m(hr, { ref: v, style: { padding: 0 }, children: [
+                  /* @__PURE__ */ e(
+                    $e,
+                    {
+                      itemProps: {
+                        name: f === "EDIT" ? "bkmkId" : "prntBkmkId",
+                        hidden: !0
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    $e,
+                    {
+                      itemProps: {
+                        label: "상위 폴더명",
+                        name: "prntBkmkNm",
+                        hidden: b === "-" || f === "EDIT"
+                      },
+                      inputProps: {
+                        disabled: !0
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    $e,
+                    {
+                      itemProps: {
+                        label: "폴더명",
+                        name: "bkmkNm"
+                      }
+                    }
+                  )
+                ] })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Yr({ triggerIcon: s }) {
+  const [r, c] = F(!1), [o, i] = F(""), [h, u] = F(null), [D, C] = F([]), [v, S] = F([]), [V, l] = F(!1), [M, I] = F(!1), [A, f] = F(!1), [N, n] = F(null);
+  Ne((P) => P.treeNodes);
+  const {
+    nodes: x,
+    getPrntBkmkIdByMenuId: b,
+    // 🔁 getPrntFoldIdByMenuId → getPrntBkmkIdByMenuId
+    getNodeByMenuId: E,
+    isMenuBookmarked: B,
+    removeMenuByMenuId: q,
+    addMenuToFolder: w,
+    convertToAntTreeData: L
+  } = Ne(), T = Ne((P) => P.rootIds), Y = X(
+    () => L(
+      x,
+      T,
+      o,
+      !0
+    ),
+    [x, T, o]
+  ), k = Qe(
+    (P) => P.activeMenuItem ?? { menuId: "", menuNm: "" }
+  ), H = X(() => {
+    if (!k?.menuId) return "";
+    const P = E(k.menuId);
+    if (!P) return "";
+    if (P.fullPath) return P.fullPath;
+    const U = (re) => {
+      const te = x[re];
+      if (!te) return "";
+      if (te.prntBkmkId === "-")
+        return `${te.bkmkNm || k?.menuNm}`;
+      const le = U(te.prntBkmkId);
+      return le ? `${le} > ${te.bkmkNm || k?.menuNm}` : te.bkmkNm || k?.menuNm;
+    };
+    return console.log("bookmarkNode ::::: ", P), console.log(U(P.bkmkId)), U(P.bkmkId);
+  }, [k?.menuId, E, x]);
+  O(() => {
+    r && k?.menuId && B(k.menuId) ? S([b(k.menuId)]) : r && k?.menuId && !B(k.menuId) ? S(T) : (S([]), C([]), n(null), f(!1));
+  }, [r, k?.menuId, B, b]), O(() => {
+    if (!A || !k?.menuId) return;
+    const P = b(k.menuId);
+    !P || !x[P] || (i(""), C([P]), n(P));
+  }, [A, k?.menuId, x, b]);
+  const K = (P, U) => {
+    w(P, U).then((re) => {
+      console.log("AddMenuToFolder ::::: ", re), re || S((te) => te.includes(P) ? te : [...te, P]);
+    });
+  }, J = (P) => {
+    q(P);
+  }, W = async (P) => {
+    k?.menuId && (await q(k.menuId), await w(P, k), f(!1), n(null), S(
+      (U) => U.includes(P) ? U : [...U, P]
+    ));
+  }, ie = () => /* @__PURE__ */ m("div", { className: "bookmark-popover-wrap", style: { width: 360 }, children: [
+    /* @__PURE__ */ e("div", { style: { padding: "20px 20px 15px", borderBottom: "1px solid #eeeeee" }, children: /* @__PURE__ */ m(pe, { direction: "vertical", style: { width: "100%", rowGap: 10 }, children: [
+      /* @__PURE__ */ m(de.Text, { style: { fontSize: 18, display: "flex", alignItems: "center", gap: 6 }, children: [
+        /* @__PURE__ */ e(
+          $,
+          {
+            type: "text",
+            icon: /* @__PURE__ */ e($t, {}),
+            onClick: () => f(!1),
+            style: { width: 26, height: 26 }
+          }
+        ),
+        "폴더 변경"
+      ] }),
+      k && /* @__PURE__ */ m(de.Text, { type: "secondary", style: { display: "inline-block", width: "100%", color: "#555555", fontWeight: "400", background: "#f0eff4", padding: "3px 10px", borderRadius: 6 }, children: [
+        "현재 화면: ",
+        /* @__PURE__ */ e("b", { children: k.menuNm }),
+        " ",
+        /* @__PURE__ */ m("span", { style: { color: "#939393" }, children: [
+          "(",
+          k.menuId,
+          ")"
+        ] })
+      ] })
+    ] }) }),
+    ue(),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        style: {
+          padding: "15px 20px",
+          borderTop: "1px solid #eeeeee",
+          display: "flex",
+          justifyContent: "flex-end",
+          gap: 8
+        },
+        children: [
+          /* @__PURE__ */ e(
+            $,
+            {
+              type: "default",
+              className: "bwg-btn",
+              onClick: () => {
+                f(!1), n(null);
+              },
+              children: "취소"
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              type: "primary",
+              className: "bwg-btn",
+              disabled: !N,
+              onClick: () => N && W(String(N)),
+              children: "이동"
+            }
+          )
+        ]
+      }
+    )
+  ] }), ue = () => /* @__PURE__ */ m("div", { style: { maxHeight: 360, overflow: "auto", padding: "15px 20px 20px" }, children: [
+    /* @__PURE__ */ m(
+      pe,
+      {
+        style: {
+          width: "100%",
+          marginBottom: 12,
+          display: "flex",
+          justifyContent: "space-between",
+          columnGap: 10
+        },
+        children: [
+          /* @__PURE__ */ e(
+            pt,
+            {
+              placeholder: "검색(폴더명)",
+              prefix: /* @__PURE__ */ e(jt, {}),
+              allowClear: !0,
+              value: o,
+              onChange: (P) => i(P.target.value),
+              style: { width: "250px", height: 28 }
+            }
+          ),
+          /* @__PURE__ */ e(
+            ee,
+            {
+              theme: {
+                components: {
+                  Button: {
+                    defaultHoverColor: "#333333",
+                    defaultHoverBorderColor: "#d9d9d9",
+                    defaultHoverBg: "#f1f1f1",
+                    defaultActiveColor: "#777777",
+                    defaultActiveBorderColor: "#d9d9d9",
+                    contentFontSize: 13,
+                    defaultColor: "#777777"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", gap: 5 }, children: [
+                /* @__PURE__ */ e(
+                  $,
+                  {
+                    icon: /* @__PURE__ */ e("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.6665 8H13.3332M7.99984 2.66667V13.3333", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+                    size: "small",
+                    style: { width: 28, height: 28 },
+                    onClick: () => {
+                      const P = Object.values(x).filter((U) => U.type === "F").map((U) => U.bkmkId);
+                      S(P);
+                    },
+                    title: "모두 확장"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  $,
+                  {
+                    icon: /* @__PURE__ */ e("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.6665 8H13.3332", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+                    size: "small",
+                    style: { width: 28, height: 28 },
+                    onClick: () => S([]),
+                    title: "모두 축소"
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    Y.length === 0 ? /* @__PURE__ */ e(
+      We,
+      {
+        description: /* @__PURE__ */ m(de.Text, { type: "secondary", style: { fontSize: 13 }, children: [
+          "아직 저장된 북마크가 없습니다.",
+          /* @__PURE__ */ e("br", {}),
+          "새로운 폴더를 만들어 시작해보세요."
+        ] }),
+        image: We.PRESENTED_IMAGE_SIMPLE
+      }
+    ) : /* @__PURE__ */ e(
+      mt,
+      {
+        blockNode: !0,
+        showLine: !0,
+        treeData: Y,
+        selectedKeys: D,
+        expandedKeys: v,
+        onExpand: S,
+        onSelect: (P) => {
+          C(P), n(P[0]);
+        },
+        autoExpandParent: !0,
+        titleRender: (P) => {
+          const U = String(P.key), re = h === U;
+          return /* @__PURE__ */ m(
+            "div",
+            {
+              onMouseEnter: () => u(U),
+              onMouseLeave: () => u(null),
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: 8
+              },
+              children: [
+                /* @__PURE__ */ e("div", { children: P.title }),
+                !B(k?.menuId) && k && re && /* @__PURE__ */ e(
+                  ee,
+                  {
+                    theme: {
+                      components: {
+                        Button: {
+                          defaultColor: "rgba(0,0,0,0.5)",
+                          defaultHoverColor: "rgba(0,0,0,0.8)"
+                        }
+                      }
+                    },
+                    children: /* @__PURE__ */ e(
+                      $,
+                      {
+                        size: "small",
+                        type: "link",
+                        onClick: (te) => {
+                          te.stopPropagation(), K(U, k);
+                        },
+                        style: {
+                          color: "rgba(0,0,0,0.5)"
+                        },
+                        children: "+ 현재화면 추가"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          );
+        }
+      }
+    )
+  ] });
+  return /* @__PURE__ */ m(ge, { children: [
+    /* @__PURE__ */ e(
+      Ke,
+      {
+        open: r && !V,
+        onOpenChange: c,
+        trigger: "click",
+        placement: "bottomLeft",
+        styles: {
+          body: {
+            padding: 0,
+            borderRadius: 12,
+            boxShadow: "0 12px 32px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.2)",
+            background: "#ffffff",
+            zIndex: 1e3
+          }
+        },
+        content: A ? ie() : /* @__PURE__ */ m("div", { style: { width: 360 }, children: [
+          /* @__PURE__ */ e("div", { style: { padding: "20px 20px 15px", borderBottom: "1px solid #eeeeee" }, children: /* @__PURE__ */ m(pe, { direction: "vertical", style: { width: "100%", rowGap: 10 }, children: [
+            /* @__PURE__ */ m(de.Text, { style: { fontSize: 18, display: "flex", alignItems: "center", gap: 6 }, children: [
+              /* @__PURE__ */ e("span", { className: `bookmark-title-icon ${B(k?.menuId) ? "saved" : "add"}` }),
+              "북마크",
+              " ",
+              B(k?.menuId) ? "저장됨" : "추가"
+            ] }),
+            k && /* @__PURE__ */ m(de.Text, { type: "secondary", style: { display: "inline-block", width: "100%", color: "#555555", fontWeight: "400", background: "#f0eff4", padding: "3px 10px", borderRadius: 6 }, children: [
+              "현재 화면: ",
+              /* @__PURE__ */ e("b", { children: k.menuNm }),
+              " ",
+              /* @__PURE__ */ m("span", { style: { color: "#939393" }, children: [
+                "(",
+                k.menuId,
+                ")"
+              ] })
+            ] })
+          ] }) }),
+          B(k?.menuId) ? /* @__PURE__ */ m(
+            "div",
+            {
+              style: {
+                padding: "10px 12px",
+                margin: "15px 20px",
+                borderRadius: 8,
+                backgroundColor: "#f7f6fB"
+              },
+              children: [
+                /* @__PURE__ */ e(de.Text, { type: "secondary", style: { fontSize: 13 }, children: "저장 위치" }),
+                /* @__PURE__ */ e("div", { style: { marginTop: 4 }, children: `📁 > ${H}` || "알 수 없음" })
+              ]
+            }
+          ) : (
+            // 북마크 Tree
+            ue()
+          ),
+          /* @__PURE__ */ m(
+            be,
+            {
+              style: { padding: "15px 20px", borderTop: "1px solid #eeeeee" },
+              layoutAlign: "right",
+              children: [
+                k && !B(k.menuId) ? /* @__PURE__ */ e(
+                  $,
+                  {
+                    style: {
+                      padding: "0 10px"
+                    },
+                    type: "primary",
+                    className: "bwg-btn",
+                    icon: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 9H15M9 3V15", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+                    onClick: () => {
+                      const P = String(D[0]);
+                      let U = "-";
+                      P && x[P] && (U = x[P].type == "M" ? x[P].prntBkmkId : P), K(U, k);
+                    },
+                    children: "추가"
+                  }
+                ) : /* @__PURE__ */ m(be, { layoutAlign: "between", children: [
+                  /* @__PURE__ */ e(
+                    $,
+                    {
+                      type: "default",
+                      className: "bwg-btn",
+                      style: {
+                        padding: "0 10px"
+                      },
+                      icon: /* @__PURE__ */ m("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+                        /* @__PURE__ */ m("g", { "clip-path": "url(#clip0_1289_1745)", children: [
+                          /* @__PURE__ */ e("path", { d: "M13.9198 6.57H8.69982L7.57982 3.62H4.03982C3.50982 3.62 3.06982 4.06 3.06982 4.59V12.89C3.06982 13.72 3.73982 14.39 4.56982 14.39H13.4398C14.2698 14.39 14.9398 13.72 14.9398 12.89V7.59C14.9398 7.03 14.4798 6.57 13.9198 6.57Z", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+                          /* @__PURE__ */ e("path", { d: "M8.0498 4.72H13.9198C14.4798 4.72 14.9398 5.18 14.9398 5.74V8.39", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })
+                        ] }),
+                        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_1289_1745", children: /* @__PURE__ */ e("rect", { width: "18", height: "18", fill: "white" }) }) })
+                      ] }),
+                      onClick: () => f(!0),
+                      children: "폴더 변경"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    $,
+                    {
+                      type: "default",
+                      className: "bwg-btn",
+                      style: {
+                        padding: "0 10px"
+                      },
+                      color: "danger",
+                      variant: "solid",
+                      icon: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ e("path", { d: "M7.5 7.5V12M10.5 7.5V12M13.5 4.5V13.5C13.5 14.3284 12.8284 15 12 15H6C5.17157 15 4.5 14.3284 4.5 13.5V4.5M3 4.5H15M11.25 4.5V3.75C11.25 2.92157 10.5784 2.25 9.75 2.25H8.25C7.42157 2.25 6.75 2.92157 6.75 3.75V4.5", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
+                      onClick: () => J(k.menuId),
+                      children: "삭제"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  $,
+                  {
+                    type: "default",
+                    className: "bwg-btn",
+                    style: { padding: "0 10px", marginLeft: 5 },
+                    icon: /* @__PURE__ */ m("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+                      /* @__PURE__ */ e("path", { d: "M8.25 2.25H9.75C10.1642 2.25 10.5 2.58579 10.5 3V3.42659C10.5 3.74744 10.7153 4.02619 11.0117 4.14921C11.3081 4.27229 11.6532 4.22538 11.8802 3.99842L12.182 3.69668C12.4748 3.40379 12.9497 3.40379 13.2426 3.69668L14.3033 4.75734C14.5962 5.05023 14.5962 5.52511 14.3033 5.818L14.0016 6.1197C13.7746 6.34667 13.7277 6.69185 13.8508 6.98831C13.9738 7.28465 14.2526 7.5 14.5734 7.5L15 7.5C15.4142 7.5 15.75 7.83579 15.75 8.25V9.75C15.75 10.1642 15.4142 10.5 15 10.5H14.5734C14.2526 10.5 13.9738 10.7153 13.8508 11.0117C13.7277 11.3081 13.7746 11.6533 14.0016 11.8803L14.3033 12.182C14.5962 12.4749 14.5962 12.9497 14.3033 13.2426L13.2426 14.3033C12.9497 14.5962 12.4749 14.5962 12.182 14.3033L11.8803 14.0016C11.6533 13.7746 11.3081 13.7277 11.0117 13.8508C10.7153 13.9738 10.5 14.2526 10.5 14.5734V15C10.5 15.4142 10.1642 15.75 9.75 15.75H8.25C7.83579 15.75 7.5 15.4142 7.5 15V14.5734C7.5 14.2526 7.28465 13.9738 6.98831 13.8508C6.69185 13.7277 6.34667 13.7746 6.1197 14.0016L5.81799 14.3033C5.5251 14.5962 5.05022 14.5962 4.75733 14.3033L3.69667 13.2426C3.40378 12.9497 3.40378 12.4749 3.69667 12.182L3.99842 11.8802C4.22538 11.6532 4.27229 11.3081 4.14921 11.0117C4.02619 10.7153 3.74744 10.5 3.42659 10.5H3C2.58579 10.5 2.25 10.1642 2.25 9.75V8.25C2.25 7.83579 2.58579 7.5 3 7.5L3.42657 7.5C3.74743 7.5 4.02619 7.28466 4.14922 6.98832C4.2723 6.69188 4.22539 6.34671 3.99842 6.11975L3.69668 5.818C3.40379 5.52511 3.40379 5.05024 3.69668 4.75734L4.75734 3.69668C5.05023 3.40379 5.52511 3.40379 5.818 3.69668L6.11974 3.99842C6.34671 4.22539 6.69187 4.2723 6.98832 4.14922C7.28466 4.02619 7.5 3.74743 7.5 3.42657V3C7.5 2.58579 7.83579 2.25 8.25 2.25Z", stroke: "currentColor" }),
+                      /* @__PURE__ */ e("path", { d: "M10.5 9C10.5 9.82843 9.82843 10.5 9 10.5C8.17157 10.5 7.5 9.82843 7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9Z", stroke: "currentColor" })
+                    ] }),
+                    onClick: () => {
+                      I(r), l(!0);
+                    },
+                    children: "관리"
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ e(
+          "span",
+          {
+            style: {
+              cursor: "pointer",
+              display: "inline-flex",
+              alignItems: "center"
+            },
+            children: s
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      Qr,
+      {
+        open: V,
+        onClose: () => {
+          l(!1), M && c(!0);
+        }
+      }
+    )
+  ] });
+}
+const Zr = (s) => {
+  const { searchBoxRef: r } = yt();
+  return /* @__PURE__ */ e(vt, { ref: r, ...s });
+}, Xr = De(
+  ({
+    children: s,
+    searchBox: r,
+    title: c,
+    preRenderEvents: o = [],
+    postRenderEvents: i = [],
+    loading: h = !1,
+    error: u = null,
+    grantEvent: D = {},
+    customEvent: C = {},
+    buttons: v
+  }, S) => {
+    const { user: V, spacingSize: l } = ze(), { activeMenuId: M } = Qe(), I = He(), { loadFavoritesIfNeeded: A, isMenuBookmarked: f } = Ne(), { loading: N } = gr(), n = I?.menuId, x = I?.menuItem || null, {
+      resetForm: b,
+      setDefaultValue: E,
+      searchBoxRef: B
+    } = yt(), q = ar();
+    Re(
+      S,
+      () => ({
+        menuId: n
+      }),
+      [n]
+    );
+    const [w, L] = F({
+      isInitialized: !1,
+      isReady: !1,
+      error: null,
+      loading: !0,
+      preRenderComplete: !1,
+      postRenderComplete: !1
+    }), { openCorePopup: T } = sr(), Y = async () => {
+      if (o.length === 0) {
+        L((R) => ({ ...R, preRenderComplete: !0 }));
+        return;
+      }
+      try {
+        for (const R of o)
+          await R();
+        L((R) => ({ ...R, preRenderComplete: !0 }));
+      } catch (R) {
+        L((G) => ({
+          ...G,
+          error: R instanceof Error ? R.message : "사전 렌더링 실패",
+          preRenderComplete: !0
+        }));
+      }
+    }, k = async () => {
+      if (i.length === 0) {
+        L((R) => ({ ...R, postRenderComplete: !0 }));
+        return;
+      }
+      try {
+        for (const R of i)
+          await R();
+        L((R) => ({ ...R, postRenderComplete: !0 }));
+      } catch (R) {
+        L((G) => ({
+          ...G,
+          error: R instanceof Error ? R.message : "사후 렌더링 실패",
+          postRenderComplete: !0
+        }));
+      }
+    };
+    O(() => {
+      if (w.isInitialized)
+        return;
+      (async () => {
+        try {
+          await Y(), L((G) => ({
+            ...G,
+            isInitialized: !0,
+            loading: !1
+          }));
+        } catch (G) {
+          console.error("BwgView 초기화 실패:", G), L((ae) => ({
+            ...ae,
+            isInitialized: !0,
+            loading: !1
+          }));
+        }
+      })();
+    }, []), O(() => {
+      V?.userId && A(V.userId);
+    }, [A, V?.userId]);
+    const H = X(() => M === n, [M, n]), K = dr("AUTH_BTNS"), [J, W] = F({}), [ie, ue] = F(!1), [P, U] = F(
+      null
+    ), re = Z(async () => {
+      if (!H || !n || !K) {
+        W({}), ue(!1);
+        return;
+      }
+      if (x?.appCd === "CM") {
+        W({}), ue(!1);
+        return;
+      }
+      try {
+        ue(!0), U(null);
+        const R = await xr(
+          K,
+          {
+            crprCd: V?.crprCd,
+            userId: V?.userId,
+            menuId: n,
+            sysCd: __SYS_CD__
+          },
+          {}
+        );
+        if (R?.data && Array.isArray(R.data)) {
+          const G = {};
+          R.data.forEach((ae) => {
+            const fe = ae.grpId?.toUpperCase() || "DEFAULT";
+            G[fe] || (G[fe] = []), G[fe].push(ae);
+          }), Object.keys(G).forEach((ae) => {
+            G[ae].sort((fe, _e) => fe.btnSq - _e.btnSq);
+          }), W(G);
+        } else
+          W({});
+      } catch (R) {
+        console.error("버튼 권한 조회 실패:", R), U("버튼 권한을 조회하는 중 오류가 발생했습니다."), W({});
+      } finally {
+        ue(!1);
+      }
+    }, [
+      H,
+      n,
+      K,
+      V?.crprCd,
+      V?.userId,
+      x?.appCd
+    ]), te = Z(
+      (R) => {
+        if (x?.appCd === "CM")
+          return [];
+        const G = R.toUpperCase();
+        return J[G] || [];
+      },
+      [J, x?.appCd]
+    );
+    O(() => {
+      re();
+    }, [re]);
+    const le = X(() => H && n ? { menuId: n, grpId: "CUSTOM" } : !1, [H, n]), me = X(() => H && n ? { menuId: n, grpId: "DEFAULT" } : !1, [H, n]);
+    O(() => {
+      w.isInitialized && w.preRenderComplete && !w.isReady && setTimeout(async () => {
+        await k(), L((G) => ({ ...G, isReady: !0 }));
+      }, 100);
+    }, [w.isInitialized, w.preRenderComplete, w.isReady]), O(() => {
+      u && L((R) => ({ ...R, error: u }));
+    }, [u]), O(() => {
+      r && r.defaultValue && B?.current && E(r.defaultValue);
+    }, [r, B, E]), O(() => {
+      if (!r) return;
+      const R = (G) => {
+        G.ctrlKey && (G.key === "d" || G.key === "D") && (G.preventDefault(), G.stopPropagation(), b()), G.ctrlKey && G.key === "s" && (G.preventDefault(), G.stopPropagation(), v?.grant?.find((ae) => ae.id === "search")?.onClick?.());
+      };
+      return window.addEventListener("keydown", R), () => {
+        window.removeEventListener("keydown", R);
+      };
+    }, [r, b]);
+    const ve = () => /* @__PURE__ */ m("div", { className: "bwgview-header-container", children: [
+      /* @__PURE__ */ m("div", { className: "bwgview-header", children: [
+        /* @__PURE__ */ e("div", { className: "bwgview-header-left", children: Ce.LEFT }),
+        /* @__PURE__ */ e("div", { className: "bwgview-header-right", children: Ce.RIGHT })
+      ] }),
+      r && /* @__PURE__ */ e(
+        Zr,
+        {
+          reqRows: r.reqRows,
+          subRows: r.subRows,
+          border: r.border,
+          labelDisplay: r.labelDisplay,
+          header: r.header
+        }
+      )
+    ] });
+    if (O(() => {
+    }, [V, x]), w.error || u)
+      return /* @__PURE__ */ e("div", { style: { padding: "24px" }, children: /* @__PURE__ */ e(
+        Be,
+        {
+          message: "오류 발생",
+          description: w.error || u,
+          type: "error",
+          showIcon: !0
+        }
+      ) });
+    const Se = () => /* @__PURE__ */ e(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 21 20",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.9348 1.4645C10.2382 0.845167 10.7437 0.845167 11.0597 1.4645L13.0694 5.5344C13.3727 6.15374 14.1943 6.74779 14.8768 6.84891L19.3638 7.50616C20.0464 7.60727 20.2107 8.08757 19.7051 8.56787L16.4568 11.7277C15.9638 12.208 15.6478 13.1686 15.7616 13.8512L16.5326 18.3129C16.6464 18.9954 16.2419 19.2988 15.6226 18.9701L11.6159 16.8594C10.9965 16.5307 9.998 16.5307 9.37867 16.8594L5.37196 18.9701C4.75263 19.2988 4.34817 18.9954 4.46192 18.3129L5.23293 13.8512C5.34668 13.1686 5.04334 12.208 4.53776 11.7277L1.28942 8.56787C0.79648 8.08757 0.948154 7.60727 1.63068 7.50616L6.11769 6.84891C6.80022 6.74779 7.62179 6.15374 7.92513 5.5344L9.9348 1.4645Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeMiterlimit: "10"
+          }
+        )
+      }
+    ), Pe = () => /* @__PURE__ */ e(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 21 20",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.9348 1.4645C10.2382 0.845167 10.7437 0.845167 11.0597 1.4645L13.0694 5.5344C13.3727 6.15374 14.1943 6.74779 14.8768 6.84891L19.3638 7.50616C20.0464 7.60727 20.2107 8.08757 19.7051 8.56787L16.4568 11.7277C15.9638 12.208 15.6478 13.1686 15.7616 13.8512L16.5326 18.3129C16.6464 18.9954 16.2419 19.2988 15.6226 18.9701L11.6159 16.8594C10.9965 16.5307 9.998 16.5307 9.37867 16.8594L5.37196 18.9701C4.75263 19.2988 4.34817 18.9954 4.46192 18.3129L5.23293 13.8512C5.34668 13.1686 5.04334 12.208 4.53776 11.7277L1.28942 8.56787C0.79648 8.08757 0.948154 7.60727 1.63068 7.50616L6.11769 6.84891C6.80022 6.74779 7.62178 6.15374 7.92513 5.5344L9.9348 1.4645Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeMiterlimit: "10",
+            fill: "none"
+          }
+        )
+      }
+    ), Me = (R) => /* @__PURE__ */ e(Xe, { component: Se, ...R }), he = (R) => /* @__PURE__ */ e(Xe, { component: Pe, ...R }), Ce = {
+      LEFT: /* @__PURE__ */ e("div", { className: "bwgview-header-left", children: /* @__PURE__ */ m(
+        ee,
+        {
+          theme: {
+            components: {
+              Tag: {
+                controlHeight: 28,
+                controlHeightLG: 28,
+                controlHeightSM: 28,
+                controlHeightXS: 28
+              }
+            }
+          },
+          children: [
+            /* @__PURE__ */ m(pe, { children: [
+              x && /* @__PURE__ */ e(
+                Yr,
+                {
+                  triggerIcon: f(x.menuId) ? /* @__PURE__ */ e(
+                    Me,
+                    {
+                      className: "bookmark-icon",
+                      style: { color: "#faad14" }
+                    }
+                  ) : /* @__PURE__ */ e(he, { className: "bookmark-icon" })
+                }
+              ),
+              /* @__PURE__ */ m(pe.Compact, { style: { alignItems: "center" }, children: [
+                /* @__PURE__ */ e("span", { className: "pageMenuNm", children: (() => {
+                  let R = "";
+                  return c?.useMenuTitle && x ? R = x.menuNm : c?.text ? R = c.text : x && (R = x.menuPrntId === "CM00" ? x.menuNm.substring(
+                    x.menuNm.indexOf(" ") + 1
+                  ) : x.menuNm), c?.prefix && (R = `${c.prefix} ${R}`), c?.suffix && (R = `${R} ${c.suffix}`), R;
+                })() }),
+                x?.menuNo && /* @__PURE__ */ e(Ie, { className: "page-num-tag", children: x?.menuNo }),
+                /* @__PURE__ */ e(oe, { title: "도움말", color: "geekblue", children: /* @__PURE__ */ e(
+                  $,
+                  {
+                    variant: "text",
+                    type: "text",
+                    className: "menu-help-btn",
+                    icon: /* @__PURE__ */ e(Gt, { twoToneColor: "orange" })
+                  }
+                ) }),
+                /* @__PURE__ */ e(oe, { title: "게시판", color: "geekblue", children: /* @__PURE__ */ e(
+                  $,
+                  {
+                    variant: "text",
+                    type: "text",
+                    onClick: () => T("CORE_REPORT"),
+                    icon: /* @__PURE__ */ e(Ot, { style: { color: "#1890ff" } })
+                  }
+                ) })
+              ] })
+            ] }),
+            x?.prgrId && br && /* @__PURE__ */ e(
+              Ie,
+              {
+                style: {
+                  marginLeft: 8,
+                  fontSize: 13,
+                  fontWeight: 500,
+                  display: "flex"
+                },
+                children: /* @__PURE__ */ e(
+                  Lr,
+                  {
+                    copyable: !0,
+                    style: {
+                      display: "inherit",
+                      justifyContent: "center",
+                      alignItems: "center",
+                      marginBottom: 0
+                    },
+                    children: x?.prgrId
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ) }),
+      RIGHT: /* @__PURE__ */ e("div", { className: "bwgview-header-right", children: /* @__PURE__ */ e(
+        ee,
+        {
+          theme: {
+            components: {
+              Space: {
+                padding: 8
+              },
+              Divider: {
+                verticalMarginInline: 0
+              }
+            }
+          },
+          children: /* @__PURE__ */ m(pe, { children: [
+            v?.custom && v.custom.length > 0 && /* @__PURE__ */ m(ge, { children: [
+              /* @__PURE__ */ e(ne, { gap: 8, children: /* @__PURE__ */ e(
+                it,
+                {
+                  checkAuth: le,
+                  buttons: v.custom,
+                  gap: 8
+                }
+              ) }),
+              /* @__PURE__ */ e(Oe, { type: "vertical" })
+            ] }),
+            /* @__PURE__ */ e(ne, { gap: 8, className: "permission-buttons", children: /* @__PURE__ */ e(
+              it,
+              {
+                checkAuth: me,
+                buttons: v?.grant || [],
+                gap: 8
+              }
+            ) }),
+            r && /* @__PURE__ */ m(ge, { children: [
+              /* @__PURE__ */ e(Oe, { type: "vertical" }),
+              /* @__PURE__ */ e(
+                oe,
+                {
+                  placement: "bottom",
+                  color: Ue.default.gray05,
+                  title: /* @__PURE__ */ m(ge, { children: [
+                    "검색영역 초기화",
+                    /* @__PURE__ */ e("br", {}),
+                    "단축키 : ",
+                    /* @__PURE__ */ e(Ie, { children: "Ctrl" }),
+                    " + ",
+                    /* @__PURE__ */ e(Ie, { children: "D" })
+                  ] }),
+                  children: /* @__PURE__ */ e(
+                    qe,
+                    {
+                      icon: /* @__PURE__ */ e(
+                        Wt,
+                        {
+                          style: { color: Ue.site.purple05 }
+                        }
+                      ),
+                      onClick: () => {
+                        b();
+                      }
+                    }
+                  )
+                }
+              )
+            ] })
+          ] })
+        }
+      ) })
+    };
+    return /* @__PURE__ */ e(
+      cr,
+      {
+        buttonPermissions: J,
+        isLoadingPermissions: ie,
+        permissionsError: P,
+        refreshPermissions: re,
+        getButtonPermissions: te,
+        children: /* @__PURE__ */ m(
+          "div",
+          {
+            className: "bwg-view main-view",
+            style: {
+              height: "100%",
+              display: "flex",
+              flexDirection: "column",
+              gap: l === 0 ? 8 : l === 1 ? 14 : 20,
+              padding: l === 0 ? "8px 12px" : l === 1 ? "14px 20px" : "20px 30px 26px"
+            },
+            children: [
+              ve(),
+              /* @__PURE__ */ e("div", { className: "bwgview-content", children: /* @__PURE__ */ m("div", { className: "bwgview-content", children: [
+                /* @__PURE__ */ e(
+                  ee,
+                  {
+                    componentSize: q.componentSize,
+                    theme: {
+                      token: {
+                        fontSize: q.fontSize
+                      }
+                    },
+                    children: /* @__PURE__ */ e(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          flexDirection: "column",
+                          height: "100%",
+                          fontSize: `${q.fontSize}px`
+                        },
+                        children: s
+                      }
+                    )
+                  }
+                ),
+                (w.loading || h || N) && /* @__PURE__ */ e(
+                  Dr,
+                  {
+                    dimStyle: "light",
+                    text: N ? "처리 중..." : "화면 로드 중..."
+                  }
+                )
+              ] }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Xr.displayName = "BwgView";
+const Fn = ({
+  children: s,
+  customTheme: r,
+  customComponentSize: c = "middle"
+}) => {
+  const o = {
+    token: {
+      // 색상 토큰
+      colorPrimary: "#1890ff",
+      colorSuccess: "#52c41a",
+      colorWarning: "#faad14",
+      colorError: "#ff4d4f",
+      colorInfo: "#1890ff",
+      // 폰트 토큰
+      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+      fontSize: 14,
+      fontSizeHeading1: 38,
+      fontSizeHeading2: 30,
+      fontSizeHeading3: 24,
+      fontSizeHeading4: 20,
+      fontSizeHeading5: 16,
+      // 간격 토큰
+      padding: 16,
+      margin: 16,
+      borderRadius: 6,
+      // 그림자 토큰
+      boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+      boxShadowSecondary: "0 2px 4px rgba(0, 0, 0, 0.12)"
+    },
+    algorithm: ut.defaultAlgorithm
+  }, i = {
+    ...o,
+    ...r,
+    token: {
+      ...o.token,
+      ...r?.token
+    }
+  };
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      locale: Ct,
+      theme: i,
+      componentSize: c,
+      space: { size: c },
+      form: {
+        validateMessages: {
+          required: "${label}을(를) 입력해주세요.",
+          types: {
+            email: "${label}이(가) 유효한 이메일이 아닙니다.",
+            number: "${label}이(가) 유효한 숫자가 아닙니다."
+          },
+          number: {
+            range: "${label}은(는) ${min} ~ ${max} 사이의 값이어야 합니다."
+          }
+        }
+      },
+      pagination: {
+        showSizeChanger: !0
+      },
+      children: s
+    }
+  );
+}, Jr = "data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_127_9289)'%3e%3cpath%20d='M27.3705%2010.9919C28.5405%2010.9919%2029.489%2010.0434%2029.489%208.87338C29.489%207.70337%2028.5405%206.75488%2027.3705%206.75488C26.2004%206.75488%2025.252%207.70337%2025.252%208.87338C25.252%2010.0434%2026.2004%2010.9919%2027.3705%2010.9919Z'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30.3053%2017.2998V32.3098H24.4248V17.2998'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M27.3701%2032.31V23.3135'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M22.2305%2022.1925V17.642V15.6945C22.2305%2014.3075%2023.3515%2013.1865%2024.7385%2013.1865H29.9825C31.3695%2013.1865%2032.4905%2014.3075%2032.4905%2015.6945V17.642V22.1925'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17.2519%2021.4229H18.6199C19.1044%2021.4229%2019.5034%2021.8219%2019.5034%2022.3064V24.4154H16.3779V22.3064C16.3779%2021.8219%2016.7769%2021.4229%2017.2614%2021.4229H17.2519Z'%20stroke='%2342AAFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20.8339%2024.4062H15.0294C14.6254%2024.4062%2014.2979%2024.7338%2014.2979%2025.1377V31.6832C14.2979%2032.0872%2014.6254%2032.4147%2015.0294%2032.4147H20.8339C21.2378%2032.4147%2021.5654%2032.0872%2021.5654%2031.6832V25.1377C21.5654%2024.7338%2021.2378%2024.4062%2020.8339%2024.4062Z'%20stroke='%2342AAFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M16.8252%2027.1895V29.631'%20stroke='%2342AAFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M19.0391%2027.1895V29.631'%20stroke='%2342AAFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.71875%2014.1642H8.53075C9.03425%2014.1642%209.49025%2013.8602%209.68025%2013.4042L10.3263%2011.8652'%20stroke='%2342AAFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17.4991%205.54803L12.2266%2011.8655H17.5371L19.8836%205.51953L17.4991%205.54803Z'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M22.2017%2016.4639H6.57421C5.97571%2016.4639%205.49121%2015.9794%205.49121%2015.3809C5.49121%2013.4334%207.06821%2011.8564%209.01571%2011.8564H20.3492'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.56738%2032.4805H32.2909'%20stroke='%23204AA4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_127_9289'%3e%3crect%20width='38'%20height='38'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", en = "data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_127_9314)'%3e%3cpath%20d='M15.1807%2019.3994L18.7717%2029.7164'%20stroke='%23FF8CC3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.9033%209.25293L12.6063%2011.2574C12.6063%2011.2574%2010.7443%2014.7724%2013.2618%2022.0209'%20stroke='%23FF8CC4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.9033%209.25293L12.6063%2011.2574C12.6063%2011.2574%2016.2448%2012.8534%2018.7718%2020.1019'%20stroke='%23FF8CC4'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M23.8257%2016.71C22.2202%2012.112%2017.1947%209.67999%2012.5967%2011.276C7.99871%2012.8815%205.56671%2017.907%207.16271%2022.505L7.67571%2023.968L7.88471%2023.892C7.93221%2022.7235%208.67321%2021.6405%209.85121%2021.232C11.0292%2020.8235%2012.2737%2021.2035%2013.0432%2022.0965L13.4422%2021.954C13.4897%2020.7855%2014.2307%2019.7025%2015.4087%2019.294C16.5867%2018.8855%2017.8312%2019.2655%2018.6007%2020.1585L18.9997%2020.016C19.0472%2018.8475%2019.7882%2017.7645%2020.9662%2017.356C22.1442%2016.9475%2023.3887%2017.3275%2024.1582%2018.2205L24.3577%2018.154L23.8447%2016.691L23.8257%2016.71Z'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M23.37%2015.4193C23.636%2015.4858%2023.9115%2015.5238%2024.1965%2015.5238C26.068%2015.5238%2027.5785%2014.0038%2027.5785%2012.1418C27.5785%2010.2798%2026.0585%208.75977%2024.1965%208.75977C22.3345%208.75977%2020.8145%2010.2798%2020.8145%2012.1418'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24.2061%206.12784V5.00684'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M19.8641%207.79018L19.1611%207.09668'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.5381%2016.4736L29.2411%2017.1766'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M30.21%2012.1318H31.331'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.5469%207.79018L29.2404%207.09668'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M29.3355%2029.8213H14.2305'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14.2302%2029.8213L10.3447%2025.2803'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.8527%2028.4531L7.76074%2032.9941'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M23.8447%2029.8213L27.4072%2032.9943'%20stroke='%239F2878'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_127_9314'%3e%3crect%20width='38'%20height='38'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", tn = "data:image/svg+xml,%3csvg%20width='38'%20height='38'%20viewBox='0%200%2038%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_127_9273)'%3e%3cpath%20d='M25.9254%2020.8996C27.5151%2020.8996%2028.8039%2019.6108%2028.8039%2018.0211C28.8039%2016.4313%2027.5151%2015.1426%2025.9254%2015.1426C24.3356%2015.1426%2023.0469%2016.4313%2023.0469%2018.0211C23.0469%2019.6108%2024.3356%2020.8996%2025.9254%2020.8996Z'%20stroke='%235244A2'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M31.4825%2032.4711V25.9066C31.4825%2024.5671%2030.485%2023.4746%2029.2595%2023.4746H22.6C21.3745%2023.4746%2020.377%2024.5671%2020.377%2025.9066'%20stroke='%235244A2'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M25.2696%2026.7334H14.2686L16.5106%2032.6234H27.5021L25.2696%2026.7334Z'%20stroke='%23925CFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.5617%2018.8385C6.1462%2017.4135%205.2627%2015.447%205.2627%2013.2715C5.2627%208.91095%208.7967%205.37695%2013.1572%205.37695C17.5177%205.37695%2021.0517%208.91095%2021.0517%2013.2715C21.0517%2015.124%2020.4152%2016.815%2019.3512%2018.164C18.0497%2019.8075%2016.1117%2020.919%2013.9172%2021.128'%20stroke='%235244A2'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.1572%2013.2715L16.0167%2015.5705'%20stroke='%23925CFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.1572%208.62598V13.2715'%20stroke='%23925CFF'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.35963%2016.1973L7.84663%2019.1328L4.91113%2018.6293'%20stroke='%235244A2'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.91113%2032.623H33.0881'%20stroke='%235244A2'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_127_9273'%3e%3crect%20width='38'%20height='38'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Tn = ({ children: s }) => {
+  const [r, c] = F({ x: 0, y: 0 }), [o, i] = F(!1), [h, u] = F({ x: 0, y: 0 }), [D, C] = F(!1), [v, S] = F(!0), V = ce(null), l = [
+    {
+      id: "overtime",
+      title: "시간 외 근무신청",
+      // icon: <ClockCircleOutlined />,
+      icon: /* @__PURE__ */ e(
+        "img",
+        {
+          src: tn,
+          alt: "시간외근무신청",
+          className: "quick-overtime"
+        }
+      ),
+      color: "#722ed1",
+      onClick: () => {
+        console.log("시간 외 근무 신청 클릭");
+      }
+    },
+    {
+      id: "business-trip",
+      title: "출장신청",
+      // icon: <CarOutlined />,
+      icon: /* @__PURE__ */ e(
+        "img",
+        {
+          src: Jr,
+          alt: "출장신청",
+          className: "quick-business-trip"
+        }
+      ),
+      color: "#1890ff",
+      onClick: () => {
+        console.log("출장 신청 클릭");
+      }
+    },
+    {
+      id: "vacation",
+      title: "휴가신청",
+      // icon: <HeartOutlined />,
+      icon: /* @__PURE__ */ e("img", { src: en, alt: "휴가신청", className: "quick-holiday" }),
+      color: "#eb2f96",
+      onClick: () => {
+        console.log("휴가 신청 클릭");
+      }
+    },
+    {
+      id: "document",
+      title: "문서신청",
+      icon: /* @__PURE__ */ e(Ut, {}),
+      color: "#52c41a",
+      onClick: () => {
+        console.log("문서 신청 클릭");
+      }
+    },
+    {
+      id: "profile",
+      title: "인사정보",
+      icon: /* @__PURE__ */ e(Kt, {}),
+      color: "#fa8c16",
+      onClick: () => {
+        console.log("인사 정보 클릭");
+      }
+    },
+    {
+      id: "settings",
+      title: "설정",
+      icon: /* @__PURE__ */ e(dt, {}),
+      color: "#13c2c2",
+      onClick: () => {
+        console.log("설정 클릭");
+      }
+    }
+  ];
+  O(() => {
+    const n = () => {
+      const x = window.innerHeight, E = Math.max(64, (x - 300) / 3);
+      c({
+        x: 0,
+        y: E
+      });
+      const B = x / 2;
+      S(E < B);
+    };
+    return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []);
+  const M = (n) => {
+    if (n.preventDefault(), n.stopPropagation(), V.current) {
+      const x = V.current.getBoundingClientRect();
+      u({
+        x: n.clientX - x.left,
+        y: n.clientY - x.top
+      }), i(!0);
+    }
+  }, I = (n) => {
+    if (o) {
+      const x = n.clientY - h.y, b = window.innerHeight - 24, B = Math.max(64, Math.min(b, x));
+      c({
+        x: r.x,
+        y: B
+      });
+      const q = window.innerHeight / 2;
+      S(B < q);
+    }
+  }, A = () => {
+    i(!1);
+  }, f = () => {
+    C(!D);
+  }, N = (n) => {
+    n.onClick && n.onClick();
+  };
+  return O(() => {
+    if (o)
+      return document.addEventListener("mousemove", I), document.addEventListener("mouseup", A), () => {
+        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", A);
+      };
+  }, [o, h]), /* @__PURE__ */ m(
+    "div",
+    {
+      className: "quick-tab-container",
+      ref: V,
+      style: {
+        position: "fixed",
+        right: 0,
+        top: r.y,
+        zIndex: 1e3,
+        userSelect: "none",
+        touchAction: "none"
+      },
+      children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: "quick-tab",
+            style: {
+              position: "absolute",
+              right: "40px",
+              // 토글 버튼 너비만큼 띄움
+              top: v ? 0 : "auto",
+              bottom: v ? "auto" : 0,
+              display: "flex",
+              flexDirection: "column",
+              gap: "15px",
+              border: "1px solid #E0DEEF",
+              borderRadius: "15px",
+              // padding:
+              //   isAboveHalf && position.y < 100
+              //     ? '16px 12px 12px 12px'
+              //     : !isAboveHalf && position.y > window.innerHeight - 100
+              //       ? '12px 12px 16px 12px'
+              //       : '12px',
+              padding: "8px",
+              boxShadow: "0 0 10px rgba(0, 0, 0, 0.3)",
+              minWidth: "88px",
+              maxWidth: "88px",
+              maxHeight: v ? `calc(100vh - ${r.y + 12}px)` : `${r.y - 12}px`,
+              transform: D ? "translateX(0)" : "translateX(calc(100% + 100px))",
+              transition: "transform 0.3s ease",
+              // 경계 부근에서 간격 조정
+              marginTop: v && r.y < 100 ? "32px" : "0",
+              marginBottom: !v && r.y > window.innerHeight - 100 ? "8px" : "0"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "quick-tab-items-wrap",
+                  style: {
+                    background: "#ffffff",
+                    borderRadius: "10px",
+                    flex: 1,
+                    overflowY: "auto",
+                    maxHeight: v ? `calc(100vh - ${r.y + 120}px)` : `${r.y - 60}px`,
+                    // 플러스 버튼 높이만큼 뺌
+                    // paddingRight: '4px', // 스크롤바 공간
+                    padding: "14px 0"
+                  },
+                  children: l.map((n) => /* @__PURE__ */ e(
+                    gt,
+                    {
+                      className: "quick-tab-items",
+                      size: "small",
+                      style: {
+                        border: "none",
+                        boxShadow: "none",
+                        marginBottom: "15px",
+                        cursor: "pointer",
+                        transition: "all 0.2s ease"
+                      },
+                      styles: {
+                        body: {
+                          padding: "0"
+                        }
+                      },
+                      onClick: () => N(n),
+                      onMouseEnter: (x) => {
+                      },
+                      onMouseLeave: (x) => {
+                      },
+                      children: /* @__PURE__ */ m("div", { className: "quick-tab-item-inner", children: [
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: "quick-tab-items-icon",
+                            style: {
+                              width: "44px",
+                              height: "44px",
+                              borderRadius: "8PX",
+                              fontSize: "24px",
+                              color: n.color,
+                              marginBottom: "5px"
+                            },
+                            children: n.icon
+                          }
+                        ),
+                        /* @__PURE__ */ e("div", { className: "quick-tab-items-title", children: n.title })
+                      ] })
+                    },
+                    n.id
+                  ))
+                }
+              ),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "quick-tab-add-btn",
+                  style: {
+                    height: "30px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "pointer",
+                    transition: "all 0.2s ease",
+                    flexShrink: 0,
+                    // 크기 고정
+                    marginBottom: "7px"
+                  },
+                  onMouseEnter: (n) => {
+                  },
+                  onMouseLeave: (n) => {
+                  },
+                  children: /* @__PURE__ */ e("span", { className: "quick-tab-add-icon", children: /* @__PURE__ */ e(ct, { style: { color: "#CDC4FF", fontSize: "15px" } }) })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "quick-tab-drag-btn",
+            style: {
+              cursor: o ? "grabbing" : "grab",
+              zIndex: 1001
+            },
+            onMouseDown: (n) => M(n)
+          }
+        ),
+        /* @__PURE__ */ e(
+          $,
+          {
+            className: `quick-tab-toggle-btn ${D ? "expanded" : ""}`,
+            type: "default",
+            style: {
+              border: "0",
+              backgroundColor: "transparent"
+            },
+            onClick: f
+          }
+        )
+      ]
+    }
+  );
+}, Hn = () => {
+  const { verifyWithToken: s } = ur(), r = Rr(), c = zr();
+  return O(() => {
+    const i = new URLSearchParams(c.search).get("token");
+    if (!i) {
+      r("/login", { replace: !0 });
+      return;
+    }
+    (async () => {
+      const h = await s(i);
+      r(h ? "/main" : "/login", { replace: !0 });
+    })();
+  }, [c.search]), /* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center", height: "100dvh" }, children: /* @__PURE__ */ e(tr, { tip: "인증중..." }) });
+};
 export {
-  o as ButtonAccessController,
-  s as BwgButtonGroup,
-  r as BwgCmptArea,
-  B as BwgCol,
-  g as BwgConfigProvider,
-  w as BwgDetail,
-  t as BwgDrawer,
-  i as BwgEditor,
-  n as BwgGrid,
-  l as BwgInfoArea,
-  d as BwgPagination,
-  p as BwgPopup,
-  C as BwgRow,
-  c as BwgSpace,
-  u as BwgTable,
-  f as BwgTabs,
-  S as BwgTitleBox,
-  m as BwgView,
-  x as ContentBox,
-  G as ContentLayOut,
-  b as GlobalConfigProvider,
-  v as QuickServiceToggle,
-  P as SSOHandler,
-  T as SearchBox,
-  h as createBwgGridRenderer,
-  k as realFormat
+  it as ButtonAccessController,
+  bn as BwgButtonGroup,
+  vn as BwgCmptArea,
+  Sn as BwgCol,
+  bt as BwgConfigProvider,
+  Mn as BwgDetail,
+  An as BwgDrawer,
+  In as BwgEditor,
+  Vn as BwgGrid,
+  Nn as BwgInfoArea,
+  Bn as BwgModal,
+  Mt as BwgPagination,
+  Ln as BwgPopup,
+  Dn as BwgRow,
+  Rn as BwgSpace,
+  zn as BwgTable,
+  Pn as BwgTabs,
+  Ee as BwgTitleBox,
+  Xr as BwgView,
+  Ye as ContentBox,
+  be as ContentLayOut,
+  Fn as GlobalConfigProvider,
+  Tn as QuickServiceToggle,
+  Hn as SSOHandler,
+  vt as SearchBox,
+  $n as createBwgGridRenderer,
+  jn as realFormat
 };