@bwg-ui/core 1.3.0 → 1.3.1

package/dist/stores/index.js

@@ -1,7 +1,7 @@
-import { create as b } from "zustand";
-import { callService as N, getServiceCode as w, getUserId as v, getUserInfo as ee, getCookie as te, encryptSha256 as oe, setCookie as $ } from "../utils/index.js";
-import { message as L } from "antd";
-import { l as se } from "../chunks/layout-components-DNhUIx4u.js";
+import { create as N } from "zustand";
+import { callService as b, getServiceCode as F, getUserId as v, getUserInfo as ee, getCookie as te, encryptSha256 as oe, setCookie as $ } from "../utils/index.js";
+import { message as w } from "antd";
+import { l as se } from "../chunks/layout-components-C1DG2B74.js";
 import { useState as X, useCallback as W } from "react";
 import { useNavigate as ne } from "react-router-dom";
 function re(n, r) {
@@ -21,12 +21,12 @@ function re(n, r) {
     removeItem: (o) => e.removeItem(o)
   };
 }
-const E = (n) => (r) => {
+const K = (n) => (r) => {
   try {
     const e = n(r);
     return e instanceof Promise ? e : {
       then(s) {
-        return E(s)(e);
+        return K(s)(e);
       },
       catch(s) {
         return this;
@@ -38,7 +38,7 @@ const E = (n) => (r) => {
         return this;
       },
       catch(s) {
-        return E(s)(e);
+        return K(s)(e);
       }
     };
   }
@@ -71,8 +71,8 @@ const E = (n) => (r) => {
       state: C,
       version: t.version
     });
-  }, f = o.setState;
-  o.setState = (C, g) => (f(C, g), l());
+  }, h = o.setState;
+  o.setState = (C, g) => (h(C, g), l());
   const m = n(
     (...C) => (e(...C), l()),
     s,
@@ -80,21 +80,21 @@ const E = (n) => (r) => {
   );
   o.getInitialState = () => m;
   let u;
-  const h = () => {
+  const f = () => {
     var C, g;
     if (!i) return;
-    a = !1, d.forEach((y) => {
+    a = !1, d.forEach((I) => {
       var S;
-      return y((S = s()) != null ? S : m);
+      return I((S = s()) != null ? S : m);
     });
     const k = ((g = t.onRehydrateStorage) == null ? void 0 : g.call(t, (C = s()) != null ? C : m)) || void 0;
-    return E(i.getItem.bind(i))(t.name).then((y) => {
-      if (y)
-        if (typeof y.version == "number" && y.version !== t.version) {
+    return K(i.getItem.bind(i))(t.name).then((I) => {
+      if (I)
+        if (typeof I.version == "number" && I.version !== t.version) {
           if (t.migrate) {
             const S = t.migrate(
-              y.state,
-              y.version
+              I.state,
+              I.version
             );
             return S instanceof Promise ? S.then((_) => [!0, _]) : [!0, S];
           }
@@ -102,20 +102,20 @@ const E = (n) => (r) => {
             "State loaded from storage couldn't be migrated since no migrate function was provided"
           );
         } else
-          return [!1, y.state];
+          return [!1, I.state];
       return [!1, void 0];
-    }).then((y) => {
+    }).then((I) => {
       var S;
-      const [_, Q] = y;
+      const [_, Q] = I;
       if (u = t.merge(
         Q,
         (S = s()) != null ? S : m
       ), e(u, !0), _)
         return l();
     }).then(() => {
-      k?.(u, void 0), u = s(), a = !0, c.forEach((y) => y(u));
-    }).catch((y) => {
-      k?.(void 0, y);
+      k?.(u, void 0), u = s(), a = !0, c.forEach((I) => I(u));
+    }).catch((I) => {
+      k?.(void 0, I);
     });
   };
   return o.persist = {
@@ -129,7 +129,7 @@ const E = (n) => (r) => {
       i?.removeItem(t.name);
     },
     getOptions: () => t,
-    rehydrate: () => h(),
+    rehydrate: () => f(),
     hasHydrated: () => a,
     onHydrate: (C) => (d.add(C), () => {
       d.delete(C);
@@ -137,8 +137,8 @@ const E = (n) => (r) => {
     onFinishHydration: (C) => (c.add(C), () => {
       c.delete(C);
     })
-  }, t.skipHydration || h(), u || m;
-}, M = ae, H = b()(
+  }, t.skipHydration || f(), u || m;
+}, M = ae, H = N()(
   M(
     (n, r) => ({
       user: null,
@@ -152,6 +152,10 @@ const E = (n) => (r) => {
       // 기본값: 크게
       enableProtectWrapper: !0,
       // 기본값: 활성화
+      gridLayouts: {},
+      // 그리드 레이아웃 정보 (sysCd별로 관리)
+      theme: "modern",
+      // 기본값: modern
       isLoggedIn: () => !!r().user,
       // 로그인
       setLoginUser: (e, s) => {
@@ -186,6 +190,10 @@ const E = (n) => (r) => {
       setEnableProtectWrapper: (e) => {
         n({ enableProtectWrapper: e });
       },
+      // 테마 설정
+      setTheme: (e) => {
+        n({ theme: e }), console.log("테마 변경:", e);
+      },
       // 권한 확인 결과 가져오기
       getButtonAuth: (e, s) => {
         const o = `${e}_${s}`;
@@ -204,6 +212,40 @@ const E = (n) => (r) => {
       // 권한 확인 결과 초기화
       clearButtonAuths: () => {
         n({ buttonAuths: {} });
+      },
+      // 그리드 레이아웃 관련 메서드
+      getGridLayouts: (e) => r().gridLayouts[e] || [],
+      getGridLayout: (e, s, o) => r().getGridLayouts(e).find(
+        (d) => d.menuId === s && d.gridId === o
+      ) || null,
+      saveGridLayout: (e, s, o, t) => {
+        const a = { ...r().gridLayouts };
+        a[e] || (a[e] = []);
+        const d = a[e].findIndex(
+          (i) => i.menuId === s && i.gridId === o
+        ), c = {
+          menuId: s,
+          gridId: o,
+          layout: t
+        };
+        d >= 0 ? a[e][d] = c : a[e].push(c), n({ gridLayouts: a }), console.log(
+          `[UserStore] 그리드 레이아웃 저장 완료: ${e}/${s}/${o}`
+        );
+      },
+      removeGridLayout: (e, s, o) => {
+        const t = { ...r().gridLayouts };
+        t[e] && (t[e] = t[e].filter(
+          (a) => !(a.menuId === s && a.gridId === o)
+        ), n({ gridLayouts: t }), console.log(
+          `[UserStore] 그리드 레이아웃 삭제 완료: ${e}/${s}/${o}`
+        ));
+      },
+      clearGridLayouts: (e) => {
+        const s = { ...r().gridLayouts };
+        delete s[e], n({ gridLayouts: s }), console.log(`[UserStore] ${e}의 모든 그리드 레이아웃 삭제 완료`);
+      },
+      clearAllGridLayouts: () => {
+        n({ gridLayouts: {} }), console.log("[UserStore] 전체 그리드 레이아웃 삭제 완료");
       }
     }),
     {
@@ -216,13 +258,17 @@ const E = (n) => (r) => {
         gridSize: n.gridSize,
         spacingSize: n.spacingSize,
         enableProtectWrapper: n.enableProtectWrapper,
+        gridLayouts: n.gridLayouts,
+        // 그리드 레이아웃 정보 저장
+        theme: n.theme,
+        // 테마 정보 저장
         isLoggedIn: n.isLoggedIn
         // buttonAuthCache는 세션 동안만 유지 (localStorage에 저장 안 함)
       })
       // 저장할 상태만 선택
     }
   )
-), A = {
+), T = {
   CACHE_SIZE_LIMIT: 1e3
 }, p = {
   codeCache: /* @__PURE__ */ new Map(),
@@ -246,7 +292,7 @@ const E = (n) => (r) => {
   markGroupLoaded(n) {
     this.loadedGroups.add(n);
   }
-}, P = (n) => {
+}, L = (n) => {
   console.log("대규모 데이터 변환 시작:", n);
   const r = {};
   if (n && n.code && Array.isArray(n.code)) {
@@ -274,7 +320,7 @@ const E = (n) => (r) => {
     });
   }
   return console.log("대규모 데이터 변환 완료:", r), r;
-}, I = b()(
+}, y = N()(
   M(
     (n, r) => ({
       codeData: null,
@@ -287,11 +333,11 @@ const E = (n) => (r) => {
         n({ isLoading: !0, error: null });
         try {
           console.log("시스템 공통코드 데이터 가져오기 시작: SCMSIGN00301");
-          const e = await N(w("SRCH_CODE"), {
+          const e = await b(F("SRCH_CODE"), {
             crprCd: "100"
           });
           console.log("시스템 공통코드 응답:", e), console.log("시스템 공통코드목록:", e.code), console.log("시스템 공통코드옵션목록:", e.opt);
-          const s = P(e), t = {
+          const s = L(e), t = {
             ...r().codeData || {},
             ...s
             // 시스템 공통코드가 우선 (같은 그룹코드가 있으면 덮어씀)
@@ -319,11 +365,11 @@ const E = (n) => (r) => {
         n({ isLoading: !0, error: null });
         try {
           console.log("업무 공통코드 데이터 가져오기 시작: SCMSIGN00302");
-          const e = await N("SCMSIGN00302", {
+          const e = await b("SCMSIGN00302", {
             sysCd: __SYS_CD__
           });
           console.log("업무 공통코드 응답:", e), console.log("업무 공통코드목록:", e.code), console.log("업무 공통코드옵션목록:", e.opt);
-          const s = P(e), t = {
+          const s = L(e), t = {
             ...r().codeData || {},
             ...s
             // 업무 공통코드 추가 (같은 그룹코드가 있으면 덮어씀)
@@ -352,15 +398,15 @@ const E = (n) => (r) => {
         try {
           console.log("전체 공통코드 데이터 가져오기 시작 (시스템 + 업무)");
           const [e, s] = await Promise.all([
-            N(w("SRCH_CODE"), {
+            b(F("SRCH_CODE"), {
               crprCd: "100"
             }),
-            N("SCMSIGN00302", {
+            b("SCMSIGN00302", {
               sysCd: __SYS_CD__
             })
           ]);
           console.log("시스템 공통코드 응답:", e), console.log("업무 공통코드 응답:", s);
-          const o = P(e), t = P(s), a = {
+          const o = L(e), t = L(s), a = {
             ...o,
             ...t
             // 업무 공통코드가 같은 그룹코드를 덮어쓸 수 있음
@@ -420,25 +466,25 @@ const E = (n) => (r) => {
       })
     }
   )
-), G = b()(
+), G = N()(
   M(
     (n, r) => ({
       // 공통 데이터 스토어에서 상태 가져오기
       get codeData() {
-        return I.getState().codeData;
+        return y.getState().codeData;
       },
       get isLoading() {
-        return I.getState().isLoading;
+        return y.getState().isLoading;
       },
       get error() {
-        return I.getState().error;
+        return y.getState().error;
       },
       get lastUpdated() {
-        return I.getState().lastUpdated;
+        return y.getState().lastUpdated;
       },
       // 공통코드 가져오기 (중앙 스토어 사용)
       fetchCommonCodes: async () => {
-        await I.getState().fetchData();
+        await y.getState().fetchData();
       },
       // 1. 통합된 코드 목록 조회 (그룹코드 필수, 옵션으로 필터링)
       getCodeList: (e, s) => {
@@ -449,36 +495,36 @@ const E = (n) => (r) => {
           excludeParentCode: d = !1
         } = s || {}, c = `simpleCodeList_${e}_${o}_${t}_${a}_${d}`;
         if (p.optionCache.has(c)) {
-          const h = p.cacheHits.get(c) || 0;
-          return p.cacheHits.set(c, h + 1), p.optionCache.get(c);
+          const f = p.cacheHits.get(c) || 0;
+          return p.cacheHits.set(c, f + 1), p.optionCache.get(c);
         }
-        const i = I.getState().codeData;
+        const i = y.getState().codeData;
         if (!i) return [];
         if (!p.isGroupLoaded(e) && !i[e])
           return console.warn(`그룹 ${e}가 아직 로드되지 않았습니다.`), [];
-        const l = [], f = i[e];
-        f && Object.values(f).forEach((h) => {
-          if (!(o && !h.enabled) && !(t && h.systemCodeYn !== "Y"))
+        const l = [], h = i[e];
+        h && Object.values(h).forEach((f) => {
+          if (!(o && !f.enabled) && !(t && f.systemCodeYn !== "Y"))
             if (d) {
-              const C = e.length, g = h.codeValue.substring(C);
+              const C = e.length, g = f.codeValue.substring(C);
               g.length > 0 && l.push({
-                ...h,
+                ...f,
                 codeValue: g
                 // 자식코드만 사용
               });
             } else
-              l.push(h);
+              l.push(f);
         });
         let m;
-        a ? m = l.sort((h, C) => h.sortOrder !== C.sortOrder ? h.sortOrder - C.sortOrder : h.codeValue.localeCompare(C.codeValue)) : m = l.sort(
-          (h, C) => h.codeValue.localeCompare(C.codeValue)
+        a ? m = l.sort((f, C) => f.sortOrder !== C.sortOrder ? f.sortOrder - C.sortOrder : f.codeValue.localeCompare(C.codeValue)) : m = l.sort(
+          (f, C) => f.codeValue.localeCompare(C.codeValue)
         );
-        const u = m.map((h) => ({
-          label: h.codeNm,
-          value: h.codeValue,
-          tagColor: h.labelColor
+        const u = m.map((f) => ({
+          label: f.codeNm,
+          value: f.codeValue,
+          tagColor: f.labelColor
         }));
-        return p.optionCache.size >= A.CACHE_SIZE_LIMIT && p.cleanupCache(), p.optionCache.set(c, u), p.cacheHits.set(c, 1), u;
+        return p.optionCache.size >= T.CACHE_SIZE_LIMIT && p.cleanupCache(), p.optionCache.set(c, u), p.cacheHits.set(c, 1), u;
       },
       // 2. 코드를 던졌을 때 코드명을 리턴 (대규모 최적화)
       getCodeName: (e) => {
@@ -486,7 +532,7 @@ const E = (n) => (r) => {
           const o = p.cacheHits.get(`name_${e}`) || 0;
           return p.cacheHits.set(`name_${e}`, o + 1), p.nameCache.get(e);
         }
-        const s = I.getState().codeData;
+        const s = y.getState().codeData;
         if (!s) return null;
         for (const o of Object.values(s))
           for (const t of Object.values(o))
@@ -500,7 +546,7 @@ const E = (n) => (r) => {
           const o = p.cacheHits.get(`color_${e}`) || 0;
           return p.cacheHits.set(`color_${e}`, o + 1), p.colorCache.get(e);
         }
-        const s = I.getState().codeData;
+        const s = y.getState().codeData;
         if (!s) return null;
         for (const o of Object.values(s))
           for (const t of Object.values(o))
@@ -518,7 +564,7 @@ const E = (n) => (r) => {
           const i = p.cacheHits.get(s) || 0;
           return p.cacheHits.set(s, i + 1), p.optionCache.get(s);
         }
-        const o = I.getState().codeData;
+        const o = y.getState().codeData;
         if (!o) return { labels: [], values: [], lookupDisplay: !0 };
         const t = o[e];
         if (!t) return { labels: [], values: [], lookupDisplay: !0 };
@@ -536,7 +582,7 @@ const E = (n) => (r) => {
           const l = p.cacheHits.get(t) || 0;
           return p.cacheHits.set(t, l + 1), p.codeCache.get(t);
         }
-        const a = I.getState().codeData;
+        const a = y.getState().codeData;
         if (!a) return [];
         const d = [], c = a[e];
         c && Object.values(c).forEach((l) => {
@@ -547,9 +593,9 @@ const E = (n) => (r) => {
           });
         });
         const i = d.sort(
-          (l, f) => l.codeValue.localeCompare(f.codeValue)
+          (l, h) => l.codeValue.localeCompare(h.codeValue)
         );
-        return p.codeCache.size >= A.CACHE_SIZE_LIMIT && p.cleanupCache(), p.codeCache.set(t, i), p.cacheHits.set(t, 1), i;
+        return p.codeCache.size >= T.CACHE_SIZE_LIMIT && p.cleanupCache(), p.codeCache.set(t, i), p.cacheHits.set(t, 1), i;
       },
       // 6. 옵션코드별로 코드 목록 조회 (SimpleCodeItem 형태로 반환)
       getCodeListByOption: (e, s, o) => {
@@ -564,12 +610,12 @@ const E = (n) => (r) => {
             c
           );
         }
-        const i = I.getState().codeData;
+        const i = y.getState().codeData;
         if (!i) return [];
         if (!p.isGroupLoaded(e) && !i[e])
           return console.warn(`그룹 ${e}가 아직 로드되지 않았습니다.`), [];
-        const l = [], f = i[e];
-        f && Object.values(f).forEach((u) => {
+        const l = [], h = i[e];
+        h && Object.values(h).forEach((u) => {
           t && !u.enabled || a && u.systemCodeYn !== "Y" || u.options && u.options[s] && l.push({
             label: u.options[s],
             // optnNm 값
@@ -580,9 +626,9 @@ const E = (n) => (r) => {
           });
         });
         let m;
-        return d ? m = l.sort((u, h) => u.value.localeCompare(h.value)) : m = l.sort(
-          (u, h) => u.value.localeCompare(h.value)
-        ), p.codeCache.size >= A.CACHE_SIZE_LIMIT && p.cleanupCache(), p.codeCache.set(c, m), p.cacheHits.set(c, 1), m;
+        return d ? m = l.sort((u, f) => u.value.localeCompare(f.value)) : m = l.sort(
+          (u, f) => u.value.localeCompare(f.value)
+        ), p.codeCache.size >= T.CACHE_SIZE_LIMIT && p.cleanupCache(), p.codeCache.set(c, m), p.cacheHits.set(c, 1), m;
       },
       // 7. 그룹코드 목록 조회
       getAvailableGroupCodes: () => {
@@ -591,7 +637,7 @@ const E = (n) => (r) => {
           const t = p.cacheHits.get(e) || 0;
           return p.cacheHits.set(e, t + 1), JSON.parse(p.nameCache.get(e));
         }
-        const s = I.getState().codeData;
+        const s = y.getState().codeData;
         if (!s) return [];
         const o = Object.keys(s).sort();
         return p.nameCache.set(
@@ -601,7 +647,7 @@ const E = (n) => (r) => {
       },
       // 공통코드 초기화
       clearCodes: () => {
-        I.getState().clearData();
+        y.getState().clearData();
       }
     }),
     {
@@ -611,25 +657,25 @@ const E = (n) => (r) => {
       })
     }
   )
-), ve = b()(
+), ve = N()(
   M(
     (n, r) => ({
       // 공통 데이터 스토어에서 상태 가져오기
       get codeData() {
-        return I.getState().codeData;
+        return y.getState().codeData;
       },
       get isLoading() {
-        return I.getState().isLoading;
+        return y.getState().isLoading;
       },
       get error() {
-        return I.getState().error;
+        return y.getState().error;
       },
       get lastUpdated() {
-        return I.getState().lastUpdated;
+        return y.getState().lastUpdated;
       },
       // 공통코드 가져오기 (중앙 스토어 사용)
       fetchCommonCodes: async () => {
-        await I.getState().fetchData();
+        await y.getState().fetchData();
       },
       // 그룹코드와 옵션코드를 던졌을 때 상세코드의 옵션값을 리턴 (대규모 최적화)
       getOptionValue: (e, s) => {
@@ -638,7 +684,7 @@ const E = (n) => (r) => {
           const d = p.cacheHits.get(o) || 0;
           return p.cacheHits.set(o, d + 1), p.optionCache.get(o);
         }
-        const t = I.getState().codeData;
+        const t = y.getState().codeData;
         if (!t) return null;
         const a = t[e];
         if (a && a[s]) {
@@ -659,7 +705,7 @@ const E = (n) => (r) => {
       },
       // 공통코드 초기화
       clearCodes: () => {
-        I.getState().clearData();
+        y.getState().clearData();
       }
     }),
     {
@@ -669,25 +715,25 @@ const E = (n) => (r) => {
       })
     }
   )
-), Pe = b()(
+), Le = N()(
   M(
     (n, r) => ({
       // 공통 데이터 스토어에서 상태 가져오기
       get codeData() {
-        return I.getState().codeData;
+        return y.getState().codeData;
       },
       get isLoading() {
-        return I.getState().isLoading;
+        return y.getState().isLoading;
       },
       get error() {
-        return I.getState().error;
+        return y.getState().error;
       },
       get lastUpdated() {
-        return I.getState().lastUpdated;
+        return y.getState().lastUpdated;
       },
       // 공통코드 가져오기 (중앙 스토어 사용)
       fetchCommonCodes: async () => {
-        await I.getState().fetchData();
+        await y.getState().fetchData();
       },
       // 코드를 던졌을 때 컬러코드를 리턴 (대규모 최적화)
       getColorCode: (e) => {
@@ -695,7 +741,7 @@ const E = (n) => (r) => {
           const o = p.cacheHits.get(`color_${e}`) || 0;
           return p.cacheHits.set(`color_${e}`, o + 1), p.colorCache.get(e);
         }
-        const s = I.getState().codeData;
+        const s = y.getState().codeData;
         if (!s) return null;
         for (const o of Object.values(s))
           for (const t of Object.values(o))
@@ -713,7 +759,7 @@ const E = (n) => (r) => {
           const t = p.cacheHits.get(e) || 0;
           return p.cacheHits.set(e, t + 1), p.optionCache.get(e);
         }
-        const s = I.getState().codeData;
+        const s = y.getState().codeData;
         if (!s) return [];
         const o = [];
         return Object.values(s).forEach((t) => {
@@ -727,7 +773,7 @@ const E = (n) => (r) => {
       },
       // 공통코드 초기화
       clearCodes: () => {
-        I.getState().clearData();
+        y.getState().clearData();
       }
     }),
     {
@@ -749,11 +795,11 @@ const E = (n) => (r) => {
     (s) => s.type === "M" && s.menuId === e
   ),
   getPrntBkmkIdByMenuId: (e) => {
-    const s = O(r().nodes, e);
+    const s = D(r().nodes, e);
     return s ? r().nodes[s]?.prntBkmkId ?? "-" : "-";
   },
   getNodeByMenuId: (e) => {
-    const s = O(r().nodes, e);
+    const s = D(r().nodes, e);
     if (!s) return null;
     const o = r().nodes[s];
     return o?.type === "M" ? o : null;
@@ -778,7 +824,7 @@ const E = (n) => (r) => {
     if (!(!s && o.loadedFor === e && Object.keys(o.nodes).length)) {
       n({ loading: !0, error: void 0 });
       try {
-        const t = await N("SCMBKMK00101", { userId: e }), a = Array.isArray(t?.sub) ? t.sub : [], d = ce(a), c = D(
+        const t = await b("SCMBKMK00101", { userId: e }), a = Array.isArray(t?.sub) ? t.sub : [], d = ce(a), c = P(
           d.nodes,
           d.rootIds
         );
@@ -809,7 +855,7 @@ const E = (n) => (r) => {
   },
   // ====== 공통: 생성 ======
   addNode: async (e) => {
-    const s = K(r()), o = pe();
+    const s = A(r()), o = pe();
     n((t) => {
       const a = e.sortOrdr ?? U(t, e.prntBkmkId), d = {
         ...t,
@@ -838,11 +884,11 @@ const E = (n) => (r) => {
         rootIds: t.rootIds.slice(),
         treeNodes: t.treeNodes
       };
-      return le(d, o, e.prntBkmkId), d.treeNodes = D(d.nodes, d.rootIds), d;
+      return le(d, o, e.prntBkmkId), d.treeNodes = P(d.nodes, d.rootIds), d;
     });
     try {
       let t = o;
-      const a = U(r(), e.prntBkmkId), d = await N("SCMBKMK00102", {
+      const a = U(r(), e.prntBkmkId), d = await b("SCMBKMK00102", {
         iudFlag: "I",
         type: e.type,
         sysCd: e.sysCd,
@@ -859,7 +905,7 @@ const E = (n) => (r) => {
         const i = ue(c, o, t);
         return {
           ...i,
-          treeNodes: D(i.nodes, i.rootIds)
+          treeNodes: P(i.nodes, i.rootIds)
         };
       }), t;
     } catch (t) {
@@ -875,10 +921,10 @@ const E = (n) => (r) => {
       if (!u || u.type !== "F")
         throw new Error("부모는 폴더만 가능합니다.");
     }
-    const l = i.prntBkmkId ?? "-", f = l === "-" ? c : d[l].children ||= [];
+    const l = i.prntBkmkId ?? "-", h = l === "-" ? c : d[l].children ||= [];
     {
-      const u = f.indexOf(e);
-      u >= 0 && f.splice(u, 1);
+      const u = h.indexOf(e);
+      u >= 0 && h.splice(u, 1);
     }
     const m = s === "-" ? c : d[s].children ||= [];
     m.splice(
@@ -887,7 +933,7 @@ const E = (n) => (r) => {
       e
     ), i.prntBkmkId = s, n({ nodes: d, rootIds: c }), z(d, c, s), z(d, c, l);
     try {
-      await N("SCMBKMK00104", {
+      await b("SCMBKMK00104", {
         // 백엔드 명칭 호환
         bkmkId: e,
         prntBkmkId: s,
@@ -900,7 +946,7 @@ const E = (n) => (r) => {
   },
   // ====== 공통: 삭제 ======
   removeNode: async (e) => {
-    const s = K(r());
+    const s = A(r());
     n((o) => {
       if (!o.nodes[e]) return o;
       const t = {
@@ -909,17 +955,17 @@ const E = (n) => (r) => {
         rootIds: o.rootIds.slice(),
         treeNodes: o.treeNodes
       };
-      return J(t, e), t.treeNodes = D(t.nodes, t.rootIds), t;
+      return J(t, e), t.treeNodes = P(t.nodes, t.rootIds), t;
     });
     try {
-      await N("SCMBKMK00103", { bkmkId: e });
+      await b("SCMBKMK00103", { bkmkId: e });
     } catch (o) {
       throw n(s), o;
     }
   },
   // ====== 공통: 수정 ======
   editNode: async ({ bkmkId: e, userId: s, bkmkNm: o, prntBkmkId: t, sortOrdr: a }) => {
-    const d = K(r());
+    const d = A(r());
     n((c) => {
       const i = { ...c, nodes: { ...c.nodes } }, l = i.nodes[e];
       return l?.type === "F" && typeof o == "string" && (i.nodes[e] = {
@@ -928,7 +974,7 @@ const E = (n) => (r) => {
       }), i;
     });
     try {
-      await N("SCMBKMK00102", {
+      await b("SCMBKMK00102", {
         iudFlag: "U",
         userId: s,
         bkmkId: e,
@@ -949,7 +995,7 @@ const E = (n) => (r) => {
     sysCd: o,
     userId: t
   }),
-  addMenuToFolder: async (e, s) => O(r().nodes, s.menuId) ? "이미 북마크에 저장된 메뉴입니다." : await r().addNode({
+  addMenuToFolder: async (e, s) => D(r().nodes, s.menuId) ? "이미 북마크에 저장된 메뉴입니다." : await r().addNode({
     type: "M",
     prntBkmkId: e,
     sysCd: "KH",
@@ -977,7 +1023,7 @@ const E = (n) => (r) => {
     });
   },
   removeMenuByMenuId: async (e) => {
-    const s = r(), o = O(s.nodes, e);
+    const s = r(), o = D(s.nodes, e);
     o && await r().removeNode(o);
   },
   removeMenu: async (e) => {
@@ -1001,8 +1047,8 @@ const E = (n) => (r) => {
       const i = e[c];
       if (!i || t && i.type !== "F") return null;
       if (i.type === "F") {
-        const l = i, f = (l.children || []).map((u) => d(u)).filter(Boolean);
-        return a(l.bkmkNm) || f.length > 0 ? {
+        const l = i, h = (l.children || []).map((u) => d(u)).filter(Boolean);
+        return a(l.bkmkNm) || h.length > 0 ? {
           key: l.bkmkId,
           type: "F",
           title: `📁 ${l.bkmkNm}`,
@@ -1010,14 +1056,14 @@ const E = (n) => (r) => {
           prntBkmkId: l.prntBkmkId,
           sortOrdr: l.sortOrdr,
           fullPath: l.fullPath,
-          children: f.length ? f : void 0
+          children: h.length ? h : void 0
         } : null;
       } else {
-        const l = i, f = l.menuNm ? `${l.menuNm} (${l.menuId})` : l.menuId;
-        return a(f) ? {
+        const l = i, h = l.menuNm ? `${l.menuNm} (${l.menuId})` : l.menuId;
+        return a(h) ? {
           key: l.bkmkId,
           type: "M",
-          title: `📄 ${f}`,
+          title: `📄 ${h}`,
           prntBkmkId: l.prntBkmkId,
           sortOrdr: l.sortOrdr,
           fullPath: l.fullPath,
@@ -1027,7 +1073,7 @@ const E = (n) => (r) => {
     };
     return s.map(d).filter(Boolean);
   }
-}), q = b(de);
+}), q = N(de);
 function ce(n) {
   const r = {}, e = [], s = (o) => {
     o.forEach((t) => {
@@ -1067,7 +1113,7 @@ function ce(n) {
     );
   }), { nodes: r, rootIds: e };
 }
-function K(n) {
+function A(n) {
   return {
     ...n,
     nodes: JSON.parse(JSON.stringify(n.nodes)),
@@ -1131,7 +1177,7 @@ function ue(n, r, e) {
 function x(n) {
   return n.rootIds.find((r) => n.nodes[r]?.type === "F") ?? null;
 }
-function D(n, r) {
+function P(n, r) {
   const e = {};
   Object.values(n).forEach((c) => {
     const i = c.bkmkId, l = c.prntBkmkId;
@@ -1144,12 +1190,12 @@ function D(n, r) {
     s.add(c);
     try {
       if (i.type === "F") {
-        const f = i, m = e[c] ?? [];
+        const h = i, m = e[c] ?? [];
         return {
           type: "F",
           bkmkId: c,
-          bkmkNm: f.bkmkNm,
-          prntBkmkId: f.prntBkmkId,
+          bkmkNm: h.bkmkNm,
+          prntBkmkId: h.prntBkmkId,
           children: m.map(o).filter(Boolean)
         };
       }
@@ -1170,7 +1216,7 @@ function D(n, r) {
     /* @__PURE__ */ new Set([...r, ...t, ...a])
   ).map(o).filter(Boolean);
 }
-function O(n, r) {
+function D(n, r) {
   for (const e of Object.values(n))
     if (e.type === "M" && e.menuId === r) return e.bkmkId;
   return null;
@@ -1181,7 +1227,7 @@ function z(n, r, e) {
     a && (a.sortOrdr = t);
   });
 }
-const T = {
+const E = {
   DEFAULT_PRNT_GBCD: 1
 }, me = (n) => n && typeof n == "object" && typeof n.menuId == "string" && typeof n.menuNm == "string", j = (n) => Array.isArray(n) && n.every(me);
 let B = [], Y = [];
@@ -1192,7 +1238,7 @@ const Ce = (n) => {
     if (j(n)) return n;
   }
   return console.warn("⚠️ 메뉴 응답이 비어있거나 예상과 다릅니다."), [];
-}, he = (n, r) => !!r && n.crprCd === r.crprCd && n.userId === r.userId && (n.prntGbcd ?? T.DEFAULT_PRNT_GBCD) === (r.prntGbcd ?? T.DEFAULT_PRNT_GBCD), fe = (n) => {
+}, fe = (n, r) => !!r && n.crprCd === r.crprCd && n.userId === r.userId && (n.prntGbcd ?? E.DEFAULT_PRNT_GBCD) === (r.prntGbcd ?? E.DEFAULT_PRNT_GBCD), he = (n) => {
   if (B.length === n.length && B.every(
     (t, a) => t.menuId === n[a]?.menuId && t.menuPrntId === n[a]?.menuPrntId
   ))
@@ -1208,7 +1254,7 @@ const Ce = (n) => {
     children: a.children && a.children.length ? s(a.children) : void 0
   })), o = s(e);
   return B = [...n], Y = o, o;
-}, R = b((n, r) => ({
+}, R = N((n, r) => ({
   // 📊 초기 상태값
   menuList: [],
   flatMenuList: [],
@@ -1221,15 +1267,15 @@ const Ce = (n) => {
     const t = {
       crprCd: e,
       userId: s,
-      prntGbcd: o ?? T.DEFAULT_PRNT_GBCD
+      prntGbcd: o ?? E.DEFAULT_PRNT_GBCD
     };
-    if (he(t, r()._lastFetchParams)) {
+    if (fe(t, r()._lastFetchParams)) {
       console.log("✅ 중복 fetch 차단", t);
       return;
     }
     n({ isLoading: !0, error: null, _lastFetchParams: t });
     try {
-      const a = await N(w("AUTH_MENU"), t), d = Ce(a), c = fe(d);
+      const a = await b(F("AUTH_MENU"), t), d = Ce(a), c = he(d);
       n({
         flatMenuList: d,
         // 평면 리스트 저장
@@ -1258,19 +1304,21 @@ const Ce = (n) => {
     const { flatMenuList: s } = r();
     return s.find((o) => o.menuId === e) ?? null;
   }
-})), F = {
+})), O = {
   MAX_TABS: 15
-}, Z = b((n, r) => ({
+}, Z = N((n, r) => ({
   // 📊 초기 상태값
   activeMenuId: null,
   activeMenuItem: null,
   activeDetailItem: null,
   tabs: [],
   sidebarCollapsed: !1,
-  maxTabs: F.MAX_TABS,
+  maxTabs: O.MAX_TABS,
   tabProtectFlag: {},
   tabParams: {},
   componentLabelMap: {},
+  pinnedTabs: /* @__PURE__ */ new Set(),
+  refreshTabKey: {},
   clearMenuViewStore: () => {
     n({
       activeMenuId: null,
@@ -1278,10 +1326,12 @@ const Ce = (n) => {
       activeDetailItem: null,
       tabs: [],
       sidebarCollapsed: !1,
-      maxTabs: F.MAX_TABS,
+      maxTabs: O.MAX_TABS,
       tabProtectFlag: {},
       tabParams: {},
-      componentLabelMap: {}
+      componentLabelMap: {},
+      pinnedTabs: /* @__PURE__ */ new Set(),
+      refreshTabKey: {}
     });
   },
   // 🔧 탭 추가 (메뉴 아이템 객체로)
@@ -1289,11 +1339,11 @@ const Ce = (n) => {
   openTabFromMenu: (e, s) => {
     const { tabs: o } = r(), t = o.find((d) => d.key === e.menuId), a = o.find((d) => d.key === e.menuId);
     if (t)
-      a != null ? (n({ activeMenuId: e.menuId, activeMenuItem: e }), r().setTabParams(e.menuId, s || {}), e?.prsnInfoYn === "Y" && r().setProtectFlagForKey(e.menuId)) : L.warning("유효하지 않은 메뉴정보입니다.");
+      a != null ? (n({ activeMenuId: e.menuId, activeMenuItem: e }), r().setTabParams(e.menuId, s || {}), e?.prsnInfoYn === "Y" && r().setProtectFlagForKey(e.menuId)) : w.warning("유효하지 않은 메뉴정보입니다.");
     else {
-      if (o.length > F.MAX_TABS) {
-        console.warn("❌ 최대 탭 개수를 초과했습니다."), L.warning(
-          `최대 ${F.MAX_TABS}개의 탭만 열 수 있습니다.
+      if (o.length > O.MAX_TABS) {
+        console.warn("❌ 최대 탭 개수를 초과했습니다."), w.warning(
+          `최대 ${O.MAX_TABS}개의 탭만 열 수 있습니다.
 기존 탭을 닫고 다시 시도해주세요.`
         );
         return;
@@ -1319,7 +1369,7 @@ const Ce = (n) => {
   // URL 파라미터로 메뉴 열기 시 사용 (예: ?menuId=CM000301)
   openTabByMenuId: (e, s) => {
     const o = R.getState().findMenuById(e);
-    o ? r().openTabFromMenu(o, s) : L.warning("메뉴 ID를 찾을 수 없습니다.");
+    o ? r().openTabFromMenu(o, s) : w.warning("메뉴 ID를 찾을 수 없습니다.");
   },
   openDetailView: (e, s, o) => {
     const { tabs: t } = r();
@@ -1349,17 +1399,19 @@ const Ce = (n) => {
   // 🔧 탭 제거
   // X 버튼 클릭 시 탭을 닫고 관련 상태도 정리
   closeTab: (e) => {
-    const { tabs: s, activeMenuId: o } = r();
-    s.find((d) => d.key === e);
-    const t = s.filter((d) => d.key !== e);
-    let a = o;
+    const { tabs: s, activeMenuId: o, pinnedTabs: t } = r();
+    if (t.has(e))
+      return;
+    s.find((c) => c.key === e);
+    const a = s.filter((c) => c.key !== e);
+    let d = o;
     if (o === e) {
-      const d = s.findIndex((c) => c.key === e);
-      a = t.length ? t[Math.min(d, t.length - 1)]?.key ?? null : null;
+      const c = s.findIndex((i) => i.key === e);
+      d = a.length ? a[Math.min(c, a.length - 1)]?.key ?? null : null;
     }
     n({
-      tabs: t
-    }), a && r().focusTab(a);
+      tabs: a
+    }), d && r().focusTab(d);
   },
   // 🔧 활성 탭 변경
   // 탭 헤더 클릭 시 해당 탭으로 전환
@@ -1423,8 +1475,36 @@ const Ce = (n) => {
     };
   }),
   // 컴포넌트 라벨 맵 설정
-  setComponentLabelMap: (e, s) => n({ componentLabelMap: e })
-})), Ie = b((n, r) => ({
+  setComponentLabelMap: (e, s) => n({ componentLabelMap: e }),
+  // 탭 고정 토글
+  togglePinTab: (e) => n((s) => {
+    const o = new Set(s.pinnedTabs);
+    return o.has(e) ? o.delete(e) : o.add(e), { pinnedTabs: o };
+  }),
+  // 탭 새로고침 (ContentContainer 재적재를 위한 키 변경)
+  refreshTab: (e) => n((s) => ({
+    refreshTabKey: {
+      ...s.refreshTabKey,
+      [e]: Date.now()
+    }
+  })),
+  // 다른 탭 닫기
+  closeOtherTabs: (e) => {
+    const { tabs: s, activeMenuId: o } = r();
+    if (!s.find((c) => c.key === e)) return;
+    const a = r().pinnedTabs;
+    s.filter(
+      (c) => c.key !== e && !a.has(c.key)
+    ).forEach((c) => r().closeTab(c.key)), o !== e && r().focusTab(e);
+  },
+  // 우측 탭 닫기
+  closeRightTabs: (e) => {
+    const { tabs: s } = r(), o = s.findIndex((d) => d.key === e);
+    if (o < 0) return;
+    const t = r().pinnedTabs;
+    s.slice(o + 1).filter((d) => !t.has(d.key)).forEach((d) => r().closeTab(d.key));
+  }
+})), ye = N((n, r) => ({
   popups: [],
   activePopupId: null,
   isLoading: !1,
@@ -1435,7 +1515,7 @@ const Ce = (n) => {
     n({ isLoading: !0, error: null });
     try {
       let t = null;
-      const a = await N(w("SRCH_POPU"), {
+      const a = await b(F("SRCH_POPU"), {
         crprCd: ee()?.crprCd,
         popuCd: e
       });
@@ -1445,7 +1525,7 @@ const Ce = (n) => {
         const u = `팝업 정보를 찾을 수 없습니다: ${e}`;
         throw console.error(u), new Error(u);
       }
-      const i = ((u) => `/src/pages/views/popup/${u}`)(t.popuUrl), l = r().zIndexSeed + 1, f = {
+      const i = ((u) => `/src/pages/views/popup/${u}`)(t.popuUrl), l = r().zIndexSeed + 1, h = {
         popupId: `popup_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
         popupCode: e,
         //config.title을 통해 팝업 제목 변경 가능
@@ -1472,8 +1552,8 @@ const Ce = (n) => {
         return;
       }
       n((u) => ({
-        popups: [...u.popups, f],
-        activePopupId: f.popupId,
+        popups: [...u.popups, h],
+        activePopupId: h.popupId,
         isLoading: !1,
         zIndexSeed: l
       }));
@@ -1499,19 +1579,19 @@ const Ce = (n) => {
       const m = r().zIndexSeed + 1;
       n({ activePopupId: l.popupId, zIndexSeed: m }), n((u) => ({
         popups: u.popups.map(
-          (h) => h.popupId === l.popupId ? {
-            ...h,
+          (f) => f.popupId === l.popupId ? {
+            ...f,
             config: c,
             zIndex: m,
             close: () => {
               r().closePopup(l.popupId);
             }
-          } : h
+          } : f
         )
       }));
       return;
     }
-    const f = {
+    const h = {
       popupId: o,
       popupCode: e,
       popupTitle: c.title || e,
@@ -1531,7 +1611,7 @@ const Ce = (n) => {
       }
     };
     n((m) => ({
-      popups: [...m.popups, f],
+      popups: [...m.popups, h],
       activePopupId: o,
       zIndexSeed: t
     }));
@@ -1571,7 +1651,7 @@ const Ce = (n) => {
       )
     }));
   }
-})), V = b()(
+})), V = N()(
   M(
     (n, r) => ({
       systemMap: [],
@@ -1980,7 +2060,7 @@ const Ce = (n) => {
       // localStorage key
     }
   )
-), De = b((n) => ({
+), Pe = N((n) => ({
   requestCount: 0,
   loading: !1,
   showLoading: () => n((r) => {
@@ -1991,7 +2071,7 @@ const Ce = (n) => {
     const e = Math.max(0, r.requestCount - 1);
     return { requestCount: e, loading: e > 0 };
   })
-})), Oe = b((n) => ({
+})), De = N((n) => ({
   requestCount: 0,
   loading: !1,
   showLoading: () => n((r) => {
@@ -2003,40 +2083,40 @@ const Ce = (n) => {
     return { requestCount: e, loading: e > 0 };
   })
 }));
-function ye() {
+function Ie() {
   const [n, r] = X(!1), e = W((s) => {
     const o = s?.getModifierState?.("CapsLock");
     typeof o == "boolean" && r(o);
   }, []);
   return { capsOn: n, onKeyDown: e };
 }
-function Fe(n) {
+function Oe(n) {
   const {
     loginApi: r,
     fetchCommonCodes: e,
     onAfterLogin: s,
     onError: o,
     rememberCookie: t = { enabled: !0, days: 30 }
-  } = n, [a, d] = X(!1), { capsOn: c, onKeyDown: i } = ye(), l = "SCMSIGN00101", f = `${__SYS_CD__}_login_id`, m = {
-    id: t?.enabled ? te(f) : void 0,
+  } = n, [a, d] = X(!1), { capsOn: c, onKeyDown: i } = Ie(), l = "SCMSIGN00101", h = `${__SYS_CD__}_login_id`, m = {
+    id: t?.enabled ? te(h) : void 0,
     pswr: void 0
   }, u = W(
-    async (h, C) => {
+    async (f, C) => {
       d(!0);
       try {
         const g = {
           crprCd: "100",
-          id: h.id,
-          pswr: await oe(h.pswr)
-        }, y = await (r ?? ((S) => N(l, S)))(g);
-        if (y?.userInfo?.userId) {
-          if (H.getState().setLoginUser(y.userInfo, y?.hrInfo), t?.enabled) {
+          id: f.id,
+          pswr: await oe(f.pswr)
+        }, I = await (r ?? ((S) => b(l, S)))(g);
+        if (I?.userInfo?.userId) {
+          if (H.getState().setLoginUser(I.userInfo, I?.hrInfo), t?.enabled) {
             const S = t.days ?? 30;
-            h.remember ? $(f, h.id ?? "", S) : $(f, "", 0);
+            f.remember ? $(h, f.id ?? "", S) : $(h, "", 0);
           }
-          return e ? await e() : await G.getState().fetchCommonCodes(), s ? s(y, C) : (L.success(`${y.userInfo.userNm}님 환영합니다.`), C("/main")), { user: y.userInfo, response: y };
+          return e ? await e() : await G.getState().fetchCommonCodes(), s ? s(I, C) : (w.success(`${I.userInfo.userNm}님 환영합니다.`), C("/main")), { user: I.userInfo, response: I };
         } else
-          throw o?.({ user: y.userInfo, response: y, navigate: C }), new Error("사용자 정보가 유효하지 않습니다.");
+          throw o?.({ user: I.userInfo, response: I, navigate: C }), new Error("사용자 정보가 유효하지 않습니다.");
       } catch (g) {
         throw o?.(g), g;
       } finally {
@@ -2061,33 +2141,33 @@ function Fe(n) {
     doLogin: u
   };
 }
-function Le() {
+function we() {
   const n = ne();
   return () => {
     H.getState().clearLoginUser(), V.getState().clearSystemMap(), G.getState().clearCodes(), R.getState().clearMenu(), Z.getState().clearMenuViewStore(), q.getState().clearFavorites(), n("/login");
   };
 }
-const we = () => G.getState(), _e = () => Ie.getState(), Ae = () => H.getState(), Ke = () => q.getState(), Be = () => R.getState(), Ee = () => Z.getState(), Te = () => V.getState();
+const Fe = () => G.getState(), _e = () => ye.getState(), Te = () => H.getState(), Ae = () => q.getState(), Be = () => R.getState(), Ke = () => Z.getState(), Ee = () => V.getState();
 export {
-  ye as useCapsLock,
-  we as useCode,
+  Ie as useCapsLock,
+  Fe as useCode,
   G as useCodeStore,
-  Pe as useColorStore,
-  Ke as useFavorite,
+  Le as useColorStore,
+  Ae as useFavorite,
   q as useFavoriteStore,
-  De as useLoadingStore,
-  Fe as useLogin,
-  Le as useLogout,
+  Pe as useLoadingStore,
+  Oe as useLogin,
+  we as useLogout,
   Be as useMenuModel,
   R as useMenuModelStore,
-  Ee as useMenuView,
+  Ke as useMenuView,
   Z as useMenuViewStore,
   ve as useOptionStore,
-  Oe as usePopupLoadingStore,
+  De as usePopupLoadingStore,
   _e as usePopupState,
-  Ie as usePopupStore,
-  Te as useSystemCode,
+  ye as usePopupStore,
+  Ee as useSystemCode,
   V as useSystemStore,
-  Ae as useUser,
+  Te as useUser,
   H as useUserStore
 };