From ccfdfb6a3efd83b5e8247280885aaefd1953ffa0 Mon Sep 17 00:00:00 2001 From: GUARDiA Date: Sun, 21 Jun 2026 22:07:09 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20UIMS=20=EA=B6=8C=ED=95=9C=EA=B4=80?= =?UTF-8?q?=EB=A6=AC(=EC=8B=9C=EC=8A=A4=ED=85=9C=EA=B4=80=EB=A6=AC)=20?= =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=20React=20=ED=99=94=EB=A9=B4=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../resources/static/assets/index-C74GP7J-.js | 417 ++++++++++++++++++ .../static/assets/index-CJ_-BW0p.css | 1 + backend/src/main/resources/static/index.html | 14 + frontend/src/App.tsx | 19 +- frontend/src/api/uiws.ts | 43 +- frontend/src/components/Sidebar.tsx | 51 ++- frontend/src/pages/MobileApp.tsx | 124 ++++++ frontend/src/pages/uiws/SystemRoles.tsx | 104 ----- frontend/src/pages/uiws/system/AdminGate.tsx | 18 + .../src/pages/uiws/system/CodeManagement.tsx | 158 +++++++ .../pages/uiws/system/CompanyManagement.tsx | 112 +++++ .../src/pages/uiws/system/DeptManagement.tsx | 106 +++++ .../src/pages/uiws/system/MenuManagement.tsx | 125 ++++++ .../src/pages/uiws/system/RoleManagement.tsx | 115 +++++ .../pages/uiws/system/RoleMenuManagement.tsx | 119 +++++ 15 files changed, 1406 insertions(+), 120 deletions(-) create mode 100644 backend/src/main/resources/static/assets/index-C74GP7J-.js create mode 100644 backend/src/main/resources/static/assets/index-CJ_-BW0p.css create mode 100644 backend/src/main/resources/static/index.html create mode 100644 frontend/src/pages/MobileApp.tsx delete mode 100644 frontend/src/pages/uiws/SystemRoles.tsx create mode 100644 frontend/src/pages/uiws/system/AdminGate.tsx create mode 100644 frontend/src/pages/uiws/system/CodeManagement.tsx create mode 100644 frontend/src/pages/uiws/system/CompanyManagement.tsx create mode 100644 frontend/src/pages/uiws/system/DeptManagement.tsx create mode 100644 frontend/src/pages/uiws/system/MenuManagement.tsx create mode 100644 frontend/src/pages/uiws/system/RoleManagement.tsx create mode 100644 frontend/src/pages/uiws/system/RoleMenuManagement.tsx diff --git a/backend/src/main/resources/static/assets/index-C74GP7J-.js b/backend/src/main/resources/static/assets/index-C74GP7J-.js new file mode 100644 index 0000000..f7b4735 --- /dev/null +++ b/backend/src/main/resources/static/assets/index-C74GP7J-.js @@ -0,0 +1,417 @@ +var o1=e=>{throw TypeError(e)};var py=(e,t,n)=>t.has(e)||o1("Cannot "+n);var C=(e,t,n)=>(py(e,t,"read from private field"),n?n.call(e):t.get(e)),te=(e,t,n)=>t.has(e)?o1("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),X=(e,t,n,r)=>(py(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n),pe=(e,t,n)=>(py(e,t,"access private method"),n);var nf=(e,t,n,r)=>({set _(a){X(e,t,a,n)},get _(){return C(e,t,r)}});(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))r(a);new MutationObserver(a=>{for(const i of a)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(a){const i={};return a.integrity&&(i.integrity=a.integrity),a.referrerPolicy&&(i.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?i.credentials="include":a.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function r(a){if(a.ep)return;a.ep=!0;const i=n(a);fetch(a.href,i)}})();var rf=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var L2={exports:{}},Fh={};/** + * @license React + * react-jsx-runtime.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var RR=Symbol.for("react.transitional.element"),$R=Symbol.for("react.fragment");function z2(e,t,n){var r=null;if(n!==void 0&&(r=""+n),t.key!==void 0&&(r=""+t.key),"key"in t){n={};for(var a in t)a!=="key"&&(n[a]=t[a])}else n=t;return t=n.ref,{$$typeof:RR,type:e,key:r,ref:t!==void 0?t:null,props:n}}Fh.Fragment=$R;Fh.jsx=z2;Fh.jsxs=z2;L2.exports=Fh;var d=L2.exports,B2={exports:{}},ce={};/** + * @license React + * react.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var N0=Symbol.for("react.transitional.element"),DR=Symbol.for("react.portal"),kR=Symbol.for("react.fragment"),LR=Symbol.for("react.strict_mode"),zR=Symbol.for("react.profiler"),BR=Symbol.for("react.consumer"),UR=Symbol.for("react.context"),IR=Symbol.for("react.forward_ref"),HR=Symbol.for("react.suspense"),qR=Symbol.for("react.memo"),U2=Symbol.for("react.lazy"),FR=Symbol.for("react.activity"),l1=Symbol.iterator;function GR(e){return e===null||typeof e!="object"?null:(e=l1&&e[l1]||e["@@iterator"],typeof e=="function"?e:null)}var I2={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},H2=Object.assign,q2={};function ss(e,t,n){this.props=e,this.context=t,this.refs=q2,this.updater=n||I2}ss.prototype.isReactComponent={};ss.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};ss.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function F2(){}F2.prototype=ss.prototype;function M0(e,t,n){this.props=e,this.context=t,this.refs=q2,this.updater=n||I2}var P0=M0.prototype=new F2;P0.constructor=M0;H2(P0,ss.prototype);P0.isPureReactComponent=!0;var s1=Array.isArray;function Lm(){}var Je={H:null,A:null,T:null,S:null},G2=Object.prototype.hasOwnProperty;function R0(e,t,n){var r=n.ref;return{$$typeof:N0,type:e,key:t,ref:r!==void 0?r:null,props:n}}function YR(e,t){return R0(e.type,t,e.props)}function $0(e){return typeof e=="object"&&e!==null&&e.$$typeof===N0}function KR(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var u1=/\/+/g;function yy(e,t){return typeof e=="object"&&e!==null&&e.key!=null?KR(""+e.key):t.toString(36)}function XR(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(Lm,Lm):(e.status="pending",e.then(function(t){e.status==="pending"&&(e.status="fulfilled",e.value=t)},function(t){e.status==="pending"&&(e.status="rejected",e.reason=t)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function $o(e,t,n,r,a){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var o=!1;if(e===null)o=!0;else switch(i){case"bigint":case"string":case"number":o=!0;break;case"object":switch(e.$$typeof){case N0:case DR:o=!0;break;case U2:return o=e._init,$o(o(e._payload),t,n,r,a)}}if(o)return a=a(e),o=r===""?"."+yy(e,0):r,s1(a)?(n="",o!=null&&(n=o.replace(u1,"$&/")+"/"),$o(a,t,n,"",function(u){return u})):a!=null&&($0(a)&&(a=YR(a,n+(a.key==null||e&&e.key===a.key?"":(""+a.key).replace(u1,"$&/")+"/")+o)),t.push(a)),1;o=0;var l=r===""?".":r+":";if(s1(e))for(var s=0;s>>1,F=R[q];if(0>>1;qa(ee,B))yea(ke,ee)?(R[q]=ke,R[ye]=B,q=ye):(R[q]=ee,R[G]=B,q=G);else if(yea(ke,B))R[q]=ke,R[ye]=B,q=ye;else break e}}return z}function a(R,z){var B=R.sortIndex-z.sortIndex;return B!==0?B:R.id-z.id}if(e.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var o=Date,l=o.now();e.unstable_now=function(){return o.now()-l}}var s=[],u=[],f=1,c=null,h=3,p=!1,b=!1,v=!1,g=!1,y=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,x=typeof setImmediate<"u"?setImmediate:null;function w(R){for(var z=n(u);z!==null;){if(z.callback===null)r(u);else if(z.startTime<=R)r(u),z.sortIndex=z.expirationTime,t(s,z);else break;z=n(u)}}function S(R){if(v=!1,w(R),!b)if(n(s)!==null)b=!0,O||(O=!0,E());else{var z=n(u);z!==null&&k(S,z.startTime-R)}}var O=!1,A=-1,_=5,T=-1;function M(){return g?!0:!(e.unstable_now()-T<_)}function L(){if(g=!1,O){var R=e.unstable_now();T=R;var z=!0;try{e:{b=!1,v&&(v=!1,m(A),A=-1),p=!0;var B=h;try{t:{for(w(R),c=n(s);c!==null&&!(c.expirationTime>R&&M());){var q=c.callback;if(typeof q=="function"){c.callback=null,h=c.priorityLevel;var F=q(c.expirationTime<=R);if(R=e.unstable_now(),typeof F=="function"){c.callback=F,w(R),z=!0;break t}c===n(s)&&r(s),w(R)}else r(s);c=n(s)}if(c!==null)z=!0;else{var Q=n(u);Q!==null&&k(S,Q.startTime-R),z=!1}}break e}finally{c=null,h=B,p=!1}z=void 0}}finally{z?E():O=!1}}}var E;if(typeof x=="function")E=function(){x(L)};else if(typeof MessageChannel<"u"){var N=new MessageChannel,D=N.port2;N.port1.onmessage=L,E=function(){D.postMessage(null)}}else E=function(){y(L,0)};function k(R,z){A=y(function(){R(e.unstable_now())},z)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(R){R.callback=null},e.unstable_forceFrameRate=function(R){0>R||125q?(R.sortIndex=B,t(u,R),n(s)===null&&R===n(u)&&(v?(m(A),A=-1):v=!0,k(S,B-q))):(R.sortIndex=F,t(s,R),b||p||(b=!0,O||(O=!0,E()))),R},e.unstable_shouldYield=M,e.unstable_wrapCallback=function(R){var z=h;return function(){var B=h;h=z;try{return R.apply(this,arguments)}finally{h=B}}}})(X2);K2.exports=X2;var WR=K2.exports,V2={exports:{}},tn={};/** + * @license React + * react-dom.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var ZR=j;function Q2(e){var t="https://react.dev/errors/"+e;if(1"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(W2)}catch(e){console.error(e)}}W2(),V2.exports=tn;var t$=V2.exports;/** + * @license React + * react-dom-client.production.js + * + * Copyright (c) Meta Platforms, Inc. and affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Ot=WR,Z2=j,n$=t$;function I(e){var t="https://react.dev/errors/"+e;if(1Bo||(e.current=qm[Bo],qm[Bo]=null,Bo--)}function Ye(e,t){Bo++,qm[Bo]=e.current,e.current=t}var Ar=Cr(null),_u=Cr(null),Ka=Cr(null),ld=Cr(null);function sd(e,t){switch(Ye(Ka,t),Ye(_u,e),Ye(Ar,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?gS(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=gS(t),e=jT(t,e);else switch(e){case"svg":e=1;break;case"math":e=2;break;default:e=0}}Mt(Ar),Ye(Ar,e)}function Al(){Mt(Ar),Mt(_u),Mt(Ka)}function Fm(e){e.memoizedState!==null&&Ye(ld,e);var t=Ar.current,n=jT(t,e.type);t!==n&&(Ye(_u,e),Ye(Ar,n))}function ud(e){_u.current===e&&(Mt(Ar),Mt(_u)),ld.current===e&&(Mt(ld),zu._currentValue=Fi)}var my,h1;function Si(e){if(my===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);my=t&&t[1]||"",h1=-1)":-1a||s[r]!==u[a]){var f=` +`+s[r].replace(" at new "," at ");return e.displayName&&f.includes("")&&(f=f.replace("",e.displayName)),f}while(1<=r&&0<=a);break}}}finally{vy=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:"")?Si(n):""}function l$(e,t){switch(e.tag){case 26:case 27:case 5:return Si(e.type);case 16:return Si("Lazy");case 13:return e.child!==t&&t!==null?Si("Suspense Fallback"):Si("Suspense");case 19:return Si("SuspenseList");case 0:case 15:return gy(e.type,!1);case 11:return gy(e.type.render,!1);case 1:return gy(e.type,!0);case 31:return Si("Activity");default:return""}}function p1(e){try{var t="",n=null;do t+=l$(e,n),n=e,e=e.return;while(e);return t}catch(r){return` +Error generating stack: `+r.message+` +`+r.stack}}var Gm=Object.prototype.hasOwnProperty,L0=Ot.unstable_scheduleCallback,by=Ot.unstable_cancelCallback,s$=Ot.unstable_shouldYield,u$=Ot.unstable_requestPaint,En=Ot.unstable_now,c$=Ot.unstable_getCurrentPriorityLevel,iE=Ot.unstable_ImmediatePriority,oE=Ot.unstable_UserBlockingPriority,cd=Ot.unstable_NormalPriority,f$=Ot.unstable_LowPriority,lE=Ot.unstable_IdlePriority,d$=Ot.log,h$=Ot.unstable_setDisableYieldValue,Pc=null,_n=null;function Ia(e){if(typeof d$=="function"&&h$(e),_n&&typeof _n.setStrictMode=="function")try{_n.setStrictMode(Pc,e)}catch{}}var Tn=Math.clz32?Math.clz32:m$,p$=Math.log,y$=Math.LN2;function m$(e){return e>>>=0,e===0?32:31-(p$(e)/y$|0)|0}var lf=256,sf=262144,uf=4194304;function wi(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Kh(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var a=0,i=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var l=r&134217727;return l!==0?(r=l&~i,r!==0?a=wi(r):(o&=l,o!==0?a=wi(o):n||(n=l&~e,n!==0&&(a=wi(n))))):(l=r&~i,l!==0?a=wi(l):o!==0?a=wi(o):n||(n=r&~e,n!==0&&(a=wi(n)))),a===0?0:t!==0&&t!==a&&!(t&i)&&(i=a&-a,n=t&-t,i>=n||i===32&&(n&4194048)!==0)?t:a}function Rc(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function v$(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function sE(){var e=uf;return uf<<=1,!(uf&62914560)&&(uf=4194304),e}function xy(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function $c(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function g$(e,t,n,r,a,i){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var l=e.entanglements,s=e.expirationTimes,u=e.hiddenUpdates;for(n=o&~n;0"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var j$=/[\n"\\]/g;function Fn(e){return e.replace(j$,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function Xm(e,t,n,r,a,i,o,l){e.name="",o!=null&&typeof o!="function"&&typeof o!="symbol"&&typeof o!="boolean"?e.type=o:e.removeAttribute("type"),t!=null?o==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+In(t)):e.value!==""+In(t)&&(e.value=""+In(t)):o!=="submit"&&o!=="reset"||e.removeAttribute("value"),t!=null?Vm(e,o,In(t)):n!=null?Vm(e,o,In(n)):r!=null&&e.removeAttribute("value"),a==null&&i!=null&&(e.defaultChecked=!!i),a!=null&&(e.checked=a&&typeof a!="function"&&typeof a!="symbol"),l!=null&&typeof l!="function"&&typeof l!="symbol"&&typeof l!="boolean"?e.name=""+In(l):e.removeAttribute("name")}function vE(e,t,n,r,a,i,o,l){if(i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"&&(e.type=i),t!=null||n!=null){if(!(i!=="submit"&&i!=="reset"||t!=null)){Km(e);return}n=n!=null?""+In(n):"",t=t!=null?""+In(t):n,l||t===e.value||(e.value=t),e.defaultValue=t}r=r??a,r=typeof r!="function"&&typeof r!="symbol"&&!!r,e.checked=l?e.checked:!!r,e.defaultChecked=!!r,o!=null&&typeof o!="function"&&typeof o!="symbol"&&typeof o!="boolean"&&(e.name=o),Km(e)}function Vm(e,t,n){t==="number"&&fd(e.ownerDocument)===e||e.defaultValue===""+n||(e.defaultValue=""+n)}function nl(e,t,n,r){if(e=e.options,t){t={};for(var a=0;a"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Wm=!1;if(la)try{var ks={};Object.defineProperty(ks,"passive",{get:function(){Wm=!0}}),window.addEventListener("test",ks,ks),window.removeEventListener("test",ks,ks)}catch{Wm=!1}var Ha=null,q0=null,Uf=null;function wE(){if(Uf)return Uf;var e,t=q0,n=t.length,r,a="value"in Ha?Ha.value:Ha.textContent,i=a.length;for(e=0;e=su),A1=" ",E1=!1;function jE(e,t){switch(e){case"keyup":return Z$.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function AE(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Ho=!1;function eD(e,t){switch(e){case"compositionend":return AE(t);case"keypress":return t.which!==32?null:(E1=!0,A1);case"textInput":return e=t.data,e===A1&&E1?null:e;default:return null}}function tD(e,t){if(Ho)return e==="compositionend"||!G0&&jE(e,t)?(e=wE(),Uf=q0=Ha=null,Ho=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=M1(n)}}function CE(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?CE(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function NE(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=fd(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=fd(e.document)}return t}function Y0(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}var uD=la&&"documentMode"in document&&11>=document.documentMode,qo=null,Zm=null,cu=null,Jm=!1;function R1(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Jm||qo==null||qo!==fd(r)||(r=qo,"selectionStart"in r&&Y0(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),cu&&Nu(cu,r)||(cu=r,r=Cd(Zm,"onSelect"),0>=o,a-=o,Sr=1<<32-Tn(t)+a|n<_?(T=A,A=null):T=A.sibling;var M=h(y,A,x[_],w);if(M===null){A===null&&(A=T);break}e&&A&&M.alternate===null&&t(y,A),m=i(M,m,_),O===null?S=M:O.sibling=M,O=M,A=T}if(_===x.length)return n(y,A),Oe&&qr(y,_),S;if(A===null){for(;__?(T=A,A=null):T=A.sibling;var L=h(y,A,M.value,w);if(L===null){A===null&&(A=T);break}e&&A&&L.alternate===null&&t(y,A),m=i(L,m,_),O===null?S=L:O.sibling=L,O=L,A=T}if(M.done)return n(y,A),Oe&&qr(y,_),S;if(A===null){for(;!M.done;_++,M=x.next())M=c(y,M.value,w),M!==null&&(m=i(M,m,_),O===null?S=M:O.sibling=M,O=M);return Oe&&qr(y,_),S}for(A=r(A);!M.done;_++,M=x.next())M=p(A,y,_,M.value,w),M!==null&&(e&&M.alternate!==null&&A.delete(M.key===null?_:M.key),m=i(M,m,_),O===null?S=M:O.sibling=M,O=M);return e&&A.forEach(function(E){return t(y,E)}),Oe&&qr(y,_),S}function g(y,m,x,w){if(typeof x=="object"&&x!==null&&x.type===zo&&x.key===null&&(x=x.props.children),typeof x=="object"&&x!==null){switch(x.$$typeof){case of:e:{for(var S=x.key;m!==null;){if(m.key===S){if(S=x.type,S===zo){if(m.tag===7){n(y,m.sibling),w=a(m,x.props.children),w.return=y,y=w;break e}}else if(m.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===ja&&Oi(S)===m.type){n(y,m.sibling),w=a(m,x.props),zs(w,x),w.return=y,y=w;break e}n(y,m);break}else t(y,m);m=m.sibling}x.type===zo?(w=Gi(x.props.children,y.mode,w,x.key),w.return=y,y=w):(w=Hf(x.type,x.key,x.props,null,y.mode,w),zs(w,x),w.return=y,y=w)}return o(y);case eu:e:{for(S=x.key;m!==null;){if(m.key===S)if(m.tag===4&&m.stateNode.containerInfo===x.containerInfo&&m.stateNode.implementation===x.implementation){n(y,m.sibling),w=a(m,x.children||[]),w.return=y,y=w;break e}else{n(y,m);break}else t(y,m);m=m.sibling}w=Cy(x,y.mode,w),w.return=y,y=w}return o(y);case ja:return x=Oi(x),g(y,m,x,w)}if(tu(x))return b(y,m,x,w);if(Ds(x)){if(S=Ds(x),typeof S!="function")throw Error(I(150));return x=S.call(x),v(y,m,x,w)}if(typeof x.then=="function")return g(y,m,hf(x),w);if(x.$$typeof===Vr)return g(y,m,df(y,x),w);pf(y,x)}return typeof x=="string"&&x!==""||typeof x=="number"||typeof x=="bigint"?(x=""+x,m!==null&&m.tag===6?(n(y,m.sibling),w=a(m,x),w.return=y,y=w):(n(y,m),w=Ty(x,y.mode,w),w.return=y,y=w),o(y)):n(y,m)}return function(y,m,x,w){try{Ru=0;var S=g(y,m,x,w);return il=null,S}catch(A){if(A===ds||A===Jh)throw A;var O=On(29,A,null,y.mode);return O.lanes=w,O.return=y,O}finally{}}}var eo=GE(!0),YE=GE(!1),Aa=!1;function tb(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function ov(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function Va(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function Qa(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,_e&2){var a=r.pending;return a===null?t.next=t:(t.next=a.next,a.next=t),r.pending=t,t=hd(e),LE(e,null,n),t}return Zh(e,r,t,n),hd(e)}function du(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194048)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,cE(e,n)}}function My(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var a=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var o={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};i===null?a=i=o:i=i.next=o,n=n.next}while(n!==null);i===null?a=i=t:i=i.next=t}else a=i=t;n={baseState:r.baseState,firstBaseUpdate:a,lastBaseUpdate:i,shared:r.shared,callbacks:r.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var lv=!1;function hu(){if(lv){var e=al;if(e!==null)throw e}}function pu(e,t,n,r){lv=!1;var a=e.updateQueue;Aa=!1;var i=a.firstBaseUpdate,o=a.lastBaseUpdate,l=a.shared.pending;if(l!==null){a.shared.pending=null;var s=l,u=s.next;s.next=null,o===null?i=u:o.next=u,o=s;var f=e.alternate;f!==null&&(f=f.updateQueue,l=f.lastBaseUpdate,l!==o&&(l===null?f.firstBaseUpdate=u:l.next=u,f.lastBaseUpdate=s))}if(i!==null){var c=a.baseState;o=0,f=u=s=null,l=i;do{var h=l.lane&-536870913,p=h!==l.lane;if(p?(Se&h)===h:(r&h)===h){h!==0&&h===Tl&&(lv=!0),f!==null&&(f=f.next={lane:0,tag:l.tag,payload:l.payload,callback:null,next:null});e:{var b=e,v=l;h=t;var g=n;switch(v.tag){case 1:if(b=v.payload,typeof b=="function"){c=b.call(g,c,h);break e}c=b;break e;case 3:b.flags=b.flags&-65537|128;case 0:if(b=v.payload,h=typeof b=="function"?b.call(g,c,h):b,h==null)break e;c=et({},c,h);break e;case 2:Aa=!0}}h=l.callback,h!==null&&(e.flags|=64,p&&(e.flags|=8192),p=a.callbacks,p===null?a.callbacks=[h]:p.push(h))}else p={lane:h,tag:l.tag,payload:l.payload,callback:l.callback,next:null},f===null?(u=f=p,s=c):f=f.next=p,o|=h;if(l=l.next,l===null){if(l=a.shared.pending,l===null)break;p=l,l=p.next,p.next=null,a.lastBaseUpdate=p,a.shared.pending=null}}while(!0);f===null&&(s=c),a.baseState=s,a.firstBaseUpdate=u,a.lastBaseUpdate=f,i===null&&(a.shared.lanes=0),si|=o,e.lanes=o,e.memoizedState=c}}function KE(e,t){if(typeof e!="function")throw Error(I(191,e));e.call(t)}function XE(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;ei?i:8;var o=ie.T,l={};ie.T=l,pb(e,!1,t,n);try{var s=a(),u=ie.S;if(u!==null&&u(l,s),s!==null&&typeof s=="object"&&typeof s.then=="function"){var f=gD(s,r);yu(e,t,f,Cn(e))}else yu(e,t,r,Cn(e))}catch(c){yu(e,t,{then:function(){},status:"rejected",reason:c},Cn())}finally{Te.p=i,o!==null&&l.types!==null&&(o.types=l.types),ie.T=o}}function jD(){}function dv(e,t,n,r){if(e.tag!==5)throw Error(I(476));var a=b_(e).queue;g_(e,a,t,Fi,n===null?jD:function(){return x_(e),n(r)})}function b_(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:Fi,baseState:Fi,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:ua,lastRenderedState:Fi},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:ua,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function x_(e){var t=b_(e);t.next===null&&(t=e.alternate.memoizedState),yu(e,t.next.queue,{},Cn())}function hb(){return Ut(zu)}function S_(){return ut().memoizedState}function w_(){return ut().memoizedState}function AD(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=Cn();e=Va(n);var r=Qa(t,e,n);r!==null&&(fn(r,t,n),du(r,t,n)),t={cache:Z0()},e.payload=t;return}t=t.return}}function ED(e,t,n){var r=Cn();n={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},rp(e)?j_(t,n):(n=X0(e,t,n,r),n!==null&&(fn(n,e,r),A_(n,t,r)))}function O_(e,t,n){var r=Cn();yu(e,t,n,r)}function yu(e,t,n,r){var a={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(rp(e))j_(t,a);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var o=t.lastRenderedState,l=i(o,n);if(a.hasEagerState=!0,a.eagerState=l,Mn(l,o))return Zh(e,t,a,0),qe===null&&Wh(),!1}catch{}finally{}if(n=X0(e,t,a,r),n!==null)return fn(n,e,r),A_(n,t,r),!0}return!1}function pb(e,t,n,r){if(r={lane:2,revertLane:Ob(),gesture:null,action:r,hasEagerState:!1,eagerState:null,next:null},rp(e)){if(t)throw Error(I(479))}else t=X0(e,n,r,2),t!==null&&fn(t,e,2)}function rp(e){var t=e.alternate;return e===he||t!==null&&t===he}function j_(e,t){ol=bd=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function A_(e,t,n){if(n&4194048){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,cE(e,n)}}var Du={readContext:Ut,use:tp,useCallback:at,useContext:at,useEffect:at,useImperativeHandle:at,useLayoutEffect:at,useInsertionEffect:at,useMemo:at,useReducer:at,useRef:at,useState:at,useDebugValue:at,useDeferredValue:at,useTransition:at,useSyncExternalStore:at,useId:at,useHostTransitionStatus:at,useFormState:at,useActionState:at,useOptimistic:at,useMemoCache:at,useCacheRefresh:at};Du.useEffectEvent=at;var E_={readContext:Ut,use:tp,useCallback:function(e,t){return Vt().memoizedState=[e,t===void 0?null:t],e},useContext:Ut,useEffect:X1,useImperativeHandle:function(e,t,n){n=n!=null?n.concat([e]):null,Gf(4194308,4,h_.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Gf(4194308,4,e,t)},useInsertionEffect:function(e,t){Gf(4,2,e,t)},useMemo:function(e,t){var n=Vt();t=t===void 0?null:t;var r=e();if(to){Ia(!0);try{e()}finally{Ia(!1)}}return n.memoizedState=[r,t],r},useReducer:function(e,t,n){var r=Vt();if(n!==void 0){var a=n(t);if(to){Ia(!0);try{n(t)}finally{Ia(!1)}}}else a=t;return r.memoizedState=r.baseState=a,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:a},r.queue=e,e=e.dispatch=ED.bind(null,he,e),[r.memoizedState,e]},useRef:function(e){var t=Vt();return e={current:e},t.memoizedState=e},useState:function(e){e=cv(e);var t=e.queue,n=O_.bind(null,he,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:fb,useDeferredValue:function(e,t){var n=Vt();return db(n,e,t)},useTransition:function(){var e=cv(!1);return e=g_.bind(null,he,e.queue,!0,!1),Vt().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var r=he,a=Vt();if(Oe){if(n===void 0)throw Error(I(407));n=n()}else{if(n=t(),qe===null)throw Error(I(349));Se&127||JE(r,t,n)}a.memoizedState=n;var i={value:n,getSnapshot:t};return a.queue=i,X1(t_.bind(null,r,i,e),[e]),r.flags|=2048,Nl(9,{destroy:void 0},e_.bind(null,r,i,n,t),null),n},useId:function(){var e=Vt(),t=qe.identifierPrefix;if(Oe){var n=wr,r=Sr;n=(r&~(1<<32-Tn(r)-1)).toString(32)+n,t="_"+t+"R_"+n,n=xd++,0<\/script>",i=i.removeChild(i.firstChild);break;case"select":i=typeof r.is=="string"?o.createElement("select",{is:r.is}):o.createElement("select"),r.multiple?i.multiple=!0:r.size&&(i.size=r.size);break;default:i=typeof r.is=="string"?o.createElement(a,{is:r.is}):o.createElement(a)}}i[Lt]=t,i[hn]=r;e:for(o=t.child;o!==null;){if(o.tag===5||o.tag===6)i.appendChild(o.stateNode);else if(o.tag!==4&&o.tag!==27&&o.child!==null){o.child.return=o,o=o.child;continue}if(o===t)break e;for(;o.sibling===null;){if(o.return===null||o.return===t)break e;o=o.return}o.sibling.return=o.return,o=o.sibling}t.stateNode=i;e:switch(It(i,a,r),a){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}r&&kr(t)}}return Ve(t),By(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,n),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==r&&kr(t);else{if(typeof r!="string"&&t.stateNode===null)throw Error(I(166));if(e=Ka.current,To(t)){if(e=t.stateNode,n=t.memoizedProps,r=null,a=zt,a!==null)switch(a.tag){case 27:case 5:r=a.memoizedProps}e[Lt]=t,e=!!(e.nodeValue===n||r!==null&&r.suppressHydrationWarning===!0||OT(e.nodeValue,n)),e||oi(t,!0)}else e=Nd(e).createTextNode(r),e[Lt]=t,t.stateNode=e}return Ve(t),null;case 31:if(n=t.memoizedState,e===null||e.memoizedState!==null){if(r=To(t),n!==null){if(e===null){if(!r)throw Error(I(318));if(e=t.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(I(557));e[Lt]=t}else Zi(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Ve(t),e=!1}else n=Ny(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),e=!0;if(!e)return t.flags&256?(wn(t),t):(wn(t),null);if(t.flags&128)throw Error(I(558))}return Ve(t),null;case 13:if(r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(a=To(t),r!==null&&r.dehydrated!==null){if(e===null){if(!a)throw Error(I(318));if(a=t.memoizedState,a=a!==null?a.dehydrated:null,!a)throw Error(I(317));a[Lt]=t}else Zi(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Ve(t),a=!1}else a=Ny(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=a),a=!0;if(!a)return t.flags&256?(wn(t),t):(wn(t),null)}return wn(t),t.flags&128?(t.lanes=n,t):(n=r!==null,e=e!==null&&e.memoizedState!==null,n&&(r=t.child,a=null,r.alternate!==null&&r.alternate.memoizedState!==null&&r.alternate.memoizedState.cachePool!==null&&(a=r.alternate.memoizedState.cachePool.pool),i=null,r.memoizedState!==null&&r.memoizedState.cachePool!==null&&(i=r.memoizedState.cachePool.pool),i!==a&&(r.flags|=2048)),n!==e&&n&&(t.child.flags|=8192),yf(t,t.updateQueue),Ve(t),null);case 4:return Al(),e===null&&jb(t.stateNode.containerInfo),Ve(t),null;case 10:return ta(t.type),Ve(t),null;case 19:if(Mt(st),r=t.memoizedState,r===null)return Ve(t),null;if(a=(t.flags&128)!==0,i=r.rendering,i===null)if(a)Bs(r,!1);else{if(lt!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(i=gd(e),i!==null){for(t.flags|=128,Bs(r,!1),e=i.updateQueue,t.updateQueue=e,yf(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)zE(n,e),n=n.sibling;return Ye(st,st.current&1|2),Oe&&qr(t,r.treeForkCount),t.child}e=e.sibling}r.tail!==null&&En()>jd&&(t.flags|=128,a=!0,Bs(r,!1),t.lanes=4194304)}else{if(!a)if(e=gd(i),e!==null){if(t.flags|=128,a=!0,e=e.updateQueue,t.updateQueue=e,yf(t,e),Bs(r,!0),r.tail===null&&r.tailMode==="hidden"&&!i.alternate&&!Oe)return Ve(t),null}else 2*En()-r.renderingStartTime>jd&&n!==536870912&&(t.flags|=128,a=!0,Bs(r,!1),t.lanes=4194304);r.isBackwards?(i.sibling=t.child,t.child=i):(e=r.last,e!==null?e.sibling=i:t.child=i,r.last=i)}return r.tail!==null?(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=En(),e.sibling=null,n=st.current,Ye(st,a?n&1|2:n&1),Oe&&qr(t,r.treeForkCount),e):(Ve(t),null);case 22:case 23:return wn(t),nb(),r=t.memoizedState!==null,e!==null?e.memoizedState!==null!==r&&(t.flags|=8192):r&&(t.flags|=8192),r?n&536870912&&!(t.flags&128)&&(Ve(t),t.subtreeFlags&6&&(t.flags|=8192)):Ve(t),n=t.updateQueue,n!==null&&yf(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),r=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),r!==n&&(t.flags|=2048),e!==null&&Mt(Yi),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),ta(pt),Ve(t),null;case 25:return null;case 30:return null}throw Error(I(156,t.tag))}function MD(e,t){switch(W0(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ta(pt),Al(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return ud(t),null;case 31:if(t.memoizedState!==null){if(wn(t),t.alternate===null)throw Error(I(340));Zi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(wn(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(I(340));Zi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Mt(st),null;case 4:return Al(),null;case 10:return ta(t.type),null;case 22:case 23:return wn(t),nb(),e!==null&&Mt(Yi),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return ta(pt),null;case 25:return null;default:return null}}function z_(e,t){switch(W0(t),t.tag){case 3:ta(pt),Al();break;case 26:case 27:case 5:ud(t);break;case 4:Al();break;case 31:t.memoizedState!==null&&wn(t);break;case 13:wn(t);break;case 19:Mt(st);break;case 10:ta(t.type);break;case 22:case 23:wn(t),nb(),e!==null&&Mt(Yi);break;case 24:ta(pt)}}function Bc(e,t){try{var n=t.updateQueue,r=n!==null?n.lastEffect:null;if(r!==null){var a=r.next;n=a;do{if((n.tag&e)===e){r=void 0;var i=n.create,o=n.inst;r=i(),o.destroy=r}n=n.next}while(n!==a)}}catch(l){Re(t,t.return,l)}}function li(e,t,n){try{var r=t.updateQueue,a=r!==null?r.lastEffect:null;if(a!==null){var i=a.next;r=i;do{if((r.tag&e)===e){var o=r.inst,l=o.destroy;if(l!==void 0){o.destroy=void 0,a=t;var s=n,u=l;try{u()}catch(f){Re(a,s,f)}}}r=r.next}while(r!==i)}}catch(f){Re(t,t.return,f)}}function B_(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{XE(t,n)}catch(r){Re(e,e.return,r)}}}function U_(e,t,n){n.props=no(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(r){Re(e,t,r)}}function mu(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var r=e.stateNode;break;case 30:r=e.stateNode;break;default:r=e.stateNode}typeof n=="function"?e.refCleanup=n(r):n.current=r}}catch(a){Re(e,t,a)}}function Or(e,t){var n=e.ref,r=e.refCleanup;if(n!==null)if(typeof r=="function")try{r()}catch(a){Re(e,t,a)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(a){Re(e,t,a)}else n.current=null}function I_(e){var t=e.type,n=e.memoizedProps,r=e.stateNode;try{e:switch(t){case"button":case"input":case"select":case"textarea":n.autoFocus&&r.focus();break e;case"img":n.src?r.src=n.src:n.srcSet&&(r.srcset=n.srcSet)}}catch(a){Re(e,e.return,a)}}function Uy(e,t,n){try{var r=e.stateNode;JD(r,e.type,n,t),r[hn]=t}catch(a){Re(e,e.return,a)}}function H_(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&ci(e.type)||e.tag===4}function Iy(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||H_(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&ci(e.type)||e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function vv(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Qr));else if(r!==4&&(r===27&&ci(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(vv(e,t,n),e=e.sibling;e!==null;)vv(e,t,n),e=e.sibling}function Od(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(r===27&&ci(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(Od(e,t,n),e=e.sibling;e!==null;)Od(e,t,n),e=e.sibling}function q_(e){var t=e.stateNode,n=e.memoizedProps;try{for(var r=e.type,a=t.attributes;a.length;)t.removeAttributeNode(a[0]);It(t,r,n),t[Lt]=e,t[hn]=n}catch(i){Re(e,e.return,i)}}var Xr=!1,ht=!1,Hy=!1,lS=typeof WeakSet=="function"?WeakSet:Set,Tt=null;function PD(e,t){if(e=e.containerInfo,jv=$d,e=NE(e),Y0(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var a=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var o=0,l=-1,s=-1,u=0,f=0,c=e,h=null;t:for(;;){for(var p;c!==n||a!==0&&c.nodeType!==3||(l=o+a),c!==i||r!==0&&c.nodeType!==3||(s=o+r),c.nodeType===3&&(o+=c.nodeValue.length),(p=c.firstChild)!==null;)h=c,c=p;for(;;){if(c===e)break t;if(h===n&&++u===a&&(l=o),h===i&&++f===r&&(s=o),(p=c.nextSibling)!==null)break;c=h,h=c.parentNode}c=p}n=l===-1||s===-1?null:{start:l,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(Av={focusedElem:e,selectionRange:n},$d=!1,Tt=t;Tt!==null;)if(t=Tt,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,Tt=e;else for(;Tt!==null;){switch(t=Tt,i=t.alternate,e=t.flags,t.tag){case 0:if(e&4&&(e=t.updateQueue,e=e!==null?e.events:null,e!==null))for(n=0;n title"))),It(i,r,n),i[Lt]=e,Ct(i),r=i;break e;case"link":var o=_S("link","href",a).get(r+(n.href||""));if(o){for(var l=0;lg&&(o=g,g=v,v=o);var y=P1(l,v),m=P1(l,g);if(y&&m&&(p.rangeCount!==1||p.anchorNode!==y.node||p.anchorOffset!==y.offset||p.focusNode!==m.node||p.focusOffset!==m.offset)){var x=c.createRange();x.setStart(y.node,y.offset),p.removeAllRanges(),v>g?(p.addRange(x),p.extend(m.node,m.offset)):(x.setEnd(m.node,m.offset),p.addRange(x))}}}}for(c=[],p=l;p=p.parentNode;)p.nodeType===1&&c.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof l.focus=="function"&&l.focus(),l=0;ln?32:n,ie.T=null,n=xv,xv=null;var i=Za,o=na;if(St=0,Pl=Za=null,na=0,_e&6)throw Error(I(331));var l=_e;if(_e|=4,eT(i.current),W_(i,i.current,o,n),_e=l,Uc(0,!1),_n&&typeof _n.onPostCommitFiberRoot=="function")try{_n.onPostCommitFiberRoot(Pc,i)}catch{}return!0}finally{Te.p=a,ie.T=r,yT(e,t)}}function fS(e,t,n){t=Gn(n,t),t=pv(e.stateNode,t,2),e=Qa(e,t,2),e!==null&&($c(e,2),Nr(e))}function Re(e,t,n){if(e.tag===3)fS(e,e,n);else for(;t!==null;){if(t.tag===3){fS(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(Wa===null||!Wa.has(r))){e=Gn(n,e),n=M_(2),r=Qa(t,n,2),r!==null&&(P_(n,r,t,e),$c(r,2),Nr(r));break}}t=t.return}}function Fy(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new DD;var a=new Set;r.set(t,a)}else a=r.get(t),a===void 0&&(a=new Set,r.set(t,a));a.has(n)||(xb=!0,a.add(n),e=UD.bind(null,e,t,n),t.then(e,e))}function UD(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,qe===e&&(Se&n)===n&&(lt===4||lt===3&&(Se&62914560)===Se&&300>En()-ap?!(_e&2)&&Rl(e,0):Sb|=n,Ml===Se&&(Ml=0)),Nr(e)}function vT(e,t){t===0&&(t=sE()),e=yo(e,t),e!==null&&($c(e,t),Nr(e))}function ID(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),vT(e,n)}function HD(e,t){var n=0;switch(e.tag){case 31:case 13:var r=e.stateNode,a=e.memoizedState;a!==null&&(n=a.retryLane);break;case 19:r=e.stateNode;break;case 22:r=e.stateNode._retryCache;break;default:throw Error(I(314))}r!==null&&r.delete(t),vT(e,n)}function qD(e,t){return L0(e,t)}var _d=null,ko=null,wv=!1,Td=!1,Gy=!1,Ga=0;function Nr(e){e!==ko&&e.next===null&&(ko===null?_d=ko=e:ko=ko.next=e),Td=!0,wv||(wv=!0,GD())}function Uc(e,t){if(!Gy&&Td){Gy=!0;do for(var n=!1,r=_d;r!==null;){if(e!==0){var a=r.pendingLanes;if(a===0)var i=0;else{var o=r.suspendedLanes,l=r.pingedLanes;i=(1<<31-Tn(42|e)+1)-1,i&=a&~(o&~l),i=i&201326741?i&201326741|1:i?i|2:0}i!==0&&(n=!0,dS(r,i))}else i=Se,i=Kh(r,r===qe?i:0,r.cancelPendingCommit!==null||r.timeoutHandle!==-1),!(i&3)||Rc(r,i)||(n=!0,dS(r,i));r=r.next}while(n);Gy=!1}}function FD(){gT()}function gT(){Td=wv=!1;var e=0;Ga!==0&&t3()&&(e=Ga);for(var t=En(),n=null,r=_d;r!==null;){var a=r.next,i=bT(r,t);i===0?(r.next=null,n===null?_d=a:n.next=a,a===null&&(ko=n)):(n=r,(e!==0||i&3)&&(Td=!0)),r=a}St!==0&&St!==5||Uc(e),Ga!==0&&(Ga=0)}function bT(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,a=e.expirationTimes,i=e.pendingLanes&-62914561;0l)break;var f=s.transferSize,c=s.initiatorType;f&&vS(c)&&(s=s.responseEnd,o+=f*(s"u"?null:document;function TT(e,t,n){var r=ps;if(r&&typeof t=="string"&&t){var a=Fn(t);a='link[rel="'+e+'"][href="'+a+'"]',typeof n=="string"&&(a+='[crossorigin="'+n+'"]'),jS.has(a)||(jS.add(a),e={rel:e,crossOrigin:n,href:t},r.querySelector(a)===null&&(t=r.createElement("link"),It(t,"link",e),Ct(t),r.head.appendChild(t)))}}function c3(e){va.D(e),TT("dns-prefetch",e,null)}function f3(e,t){va.C(e,t),TT("preconnect",e,t)}function d3(e,t,n){va.L(e,t,n);var r=ps;if(r&&e&&t){var a='link[rel="preload"][as="'+Fn(t)+'"]';t==="image"&&n&&n.imageSrcSet?(a+='[imagesrcset="'+Fn(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(a+='[imagesizes="'+Fn(n.imageSizes)+'"]')):a+='[href="'+Fn(e)+'"]';var i=a;switch(t){case"style":i=$l(e);break;case"script":i=ys(e)}Zn.has(i)||(e=et({rel:"preload",href:t==="image"&&n&&n.imageSrcSet?void 0:e,as:t},n),Zn.set(i,e),r.querySelector(a)!==null||t==="style"&&r.querySelector(Ic(i))||t==="script"&&r.querySelector(Hc(i))||(t=r.createElement("link"),It(t,"link",e),Ct(t),r.head.appendChild(t)))}}function h3(e,t){va.m(e,t);var n=ps;if(n&&e){var r=t&&typeof t.as=="string"?t.as:"script",a='link[rel="modulepreload"][as="'+Fn(r)+'"][href="'+Fn(e)+'"]',i=a;switch(r){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":i=ys(e)}if(!Zn.has(i)&&(e=et({rel:"modulepreload",href:e},t),Zn.set(i,e),n.querySelector(a)===null)){switch(r){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(Hc(i)))return}r=n.createElement("link"),It(r,"link",e),Ct(r),n.head.appendChild(r)}}}function p3(e,t,n){va.S(e,t,n);var r=ps;if(r&&e){var a=tl(r).hoistableStyles,i=$l(e);t=t||"default";var o=a.get(i);if(!o){var l={loading:0,preload:null};if(o=r.querySelector(Ic(i)))l.loading=5;else{e=et({rel:"stylesheet",href:e,"data-precedence":t},n),(n=Zn.get(i))&&Ab(e,n);var s=o=r.createElement("link");Ct(s),It(s,"link",e),s._p=new Promise(function(u,f){s.onload=u,s.onerror=f}),s.addEventListener("load",function(){l.loading|=1}),s.addEventListener("error",function(){l.loading|=2}),l.loading|=4,Vf(o,t,r)}o={type:"stylesheet",instance:o,count:1,state:l},a.set(i,o)}}}function y3(e,t){va.X(e,t);var n=ps;if(n&&e){var r=tl(n).hoistableScripts,a=ys(e),i=r.get(a);i||(i=n.querySelector(Hc(a)),i||(e=et({src:e,async:!0},t),(t=Zn.get(a))&&Eb(e,t),i=n.createElement("script"),Ct(i),It(i,"link",e),n.head.appendChild(i)),i={type:"script",instance:i,count:1,state:null},r.set(a,i))}}function m3(e,t){va.M(e,t);var n=ps;if(n&&e){var r=tl(n).hoistableScripts,a=ys(e),i=r.get(a);i||(i=n.querySelector(Hc(a)),i||(e=et({src:e,async:!0,type:"module"},t),(t=Zn.get(a))&&Eb(e,t),i=n.createElement("script"),Ct(i),It(i,"link",e),n.head.appendChild(i)),i={type:"script",instance:i,count:1,state:null},r.set(a,i))}}function AS(e,t,n,r){var a=(a=Ka.current)?Md(a):null;if(!a)throw Error(I(446));switch(e){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(t=$l(n.href),n=tl(a).hoistableStyles,r=n.get(t),r||(r={type:"style",instance:null,count:0,state:null},n.set(t,r)),r):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){e=$l(n.href);var i=tl(a).hoistableStyles,o=i.get(e);if(o||(a=a.ownerDocument||a,o={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},i.set(e,o),(i=a.querySelector(Ic(e)))&&!i._p&&(o.instance=i,o.state.loading=5),Zn.has(e)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},Zn.set(e,n),i||v3(a,e,n,o.state))),t&&r===null)throw Error(I(528,""));return o}if(t&&r!==null)throw Error(I(529,""));return null;case"script":return t=n.async,n=n.src,typeof n=="string"&&t&&typeof t!="function"&&typeof t!="symbol"?(t=ys(n),n=tl(a).hoistableScripts,r=n.get(t),r||(r={type:"script",instance:null,count:0,state:null},n.set(t,r)),r):{type:"void",instance:null,count:0,state:null};default:throw Error(I(444,e))}}function $l(e){return'href="'+Fn(e)+'"'}function Ic(e){return'link[rel="stylesheet"]['+e+"]"}function CT(e){return et({},e,{"data-precedence":e.precedence,precedence:null})}function v3(e,t,n,r){e.querySelector('link[rel="preload"][as="style"]['+t+"]")?r.loading=1:(t=e.createElement("link"),r.preload=t,t.addEventListener("load",function(){return r.loading|=1}),t.addEventListener("error",function(){return r.loading|=2}),It(t,"link",n),Ct(t),e.head.appendChild(t))}function ys(e){return'[src="'+Fn(e)+'"]'}function Hc(e){return"script[async]"+e}function ES(e,t,n){if(t.count++,t.instance===null)switch(t.type){case"style":var r=e.querySelector('style[data-href~="'+Fn(n.href)+'"]');if(r)return t.instance=r,Ct(r),r;var a=et({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement("style"),Ct(r),It(r,"style",a),Vf(r,n.precedence,e),t.instance=r;case"stylesheet":a=$l(n.href);var i=e.querySelector(Ic(a));if(i)return t.state.loading|=4,t.instance=i,Ct(i),i;r=CT(n),(a=Zn.get(a))&&Ab(r,a),i=(e.ownerDocument||e).createElement("link"),Ct(i);var o=i;return o._p=new Promise(function(l,s){o.onload=l,o.onerror=s}),It(i,"link",r),t.state.loading|=4,Vf(i,n.precedence,e),t.instance=i;case"script":return i=ys(n.src),(a=e.querySelector(Hc(i)))?(t.instance=a,Ct(a),a):(r=n,(a=Zn.get(i))&&(r=et({},n),Eb(r,a)),e=e.ownerDocument||e,a=e.createElement("script"),Ct(a),It(a,"link",r),e.head.appendChild(a),t.instance=a);case"void":return null;default:throw Error(I(443,t.type))}else t.type==="stylesheet"&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,Vf(r,n.precedence,e));return t.instance}function Vf(e,t,n){for(var r=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),a=r.length?r[r.length-1]:null,i=a,o=0;o title"):null)}function g3(e,t,n){if(n===1||t.itemProp!=null)return!1;switch(e){case"meta":case"title":return!0;case"style":if(typeof t.precedence!="string"||typeof t.href!="string"||t.href==="")break;return!0;case"link":if(typeof t.rel!="string"||typeof t.href!="string"||t.href===""||t.onLoad||t.onError)break;switch(t.rel){case"stylesheet":return e=t.disabled,typeof t.precedence=="string"&&e==null;default:return!0}case"script":if(t.async&&typeof t.async!="function"&&typeof t.async!="symbol"&&!t.onLoad&&!t.onError&&t.src&&typeof t.src=="string")return!0}return!1}function NT(e){return!(e.type==="stylesheet"&&!(e.state.loading&3))}function b3(e,t,n,r){if(n.type==="stylesheet"&&(typeof r.media!="string"||matchMedia(r.media).matches!==!1)&&!(n.state.loading&4)){if(n.instance===null){var a=$l(r.href),i=t.querySelector(Ic(a));if(i){t=i._p,t!==null&&typeof t=="object"&&typeof t.then=="function"&&(e.count++,e=Pd.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=i,Ct(i);return}i=t.ownerDocument||t,r=CT(r),(a=Zn.get(a))&&Ab(r,a),i=i.createElement("link"),Ct(i);var o=i;o._p=new Promise(function(l,s){o.onload=l,o.onerror=s}),It(i,"link",r),n.instance=i}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Pd.bind(e),t.addEventListener("load",n),t.addEventListener("error",n))}}var Wy=0;function x3(e,t){return e.stylesheets&&e.count===0&&Wf(e,e.stylesheets),0Wy?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(a)}}:null}function Pd(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Wf(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Rd=null;function Wf(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Rd=new Map,t.forEach(S3,e),Rd=null,Pd.call(e))}function S3(e,t){if(!(t.state.loading&4)){var n=Rd.get(e);if(n)var r=n.get(null);else{n=new Map,Rd.set(e,n);for(var a=e.querySelectorAll("link[data-precedence],style[data-precedence]"),i=0;i"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(zT)}catch(e){console.error(e)}}zT(),Y2.exports=Gh;var C3=Y2.exports;const BT=j.createContext({theme:"dark",toggle:()=>{},setTheme:()=>{}}),DS="esn_theme";function N3(e){document.documentElement.setAttribute("data-theme",e)}function M3({children:e}){const[t,n]=j.useState(()=>localStorage.getItem(DS)==="light"?"light":"dark");j.useEffect(()=>{N3(t),localStorage.setItem(DS,t)},[t]);const r=i=>n(i),a=()=>n(i=>i==="dark"?"light":"dark");return d.jsx(BT.Provider,{value:{theme:t,toggle:a,setTheme:r},children:e})}function P3(){return j.useContext(BT)}/** + * react-router v7.17.0 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */var kS="popstate";function LS(e){return typeof e=="object"&&e!=null&&"pathname"in e&&"search"in e&&"hash"in e&&"state"in e&&"key"in e}function R3(e={}){function t(r,a){var u;let i=(u=a.state)==null?void 0:u.masked,{pathname:o,search:l,hash:s}=i||r.location;return Rv("",{pathname:o,search:l,hash:s},a.state&&a.state.usr||null,a.state&&a.state.key||"default",i?{pathname:r.location.pathname,search:r.location.search,hash:r.location.hash}:void 0)}function n(r,a){return typeof a=="string"?a:Iu(a)}return D3(t,n,null,e)}function rt(e,t){if(e===!1||e===null||typeof e>"u")throw new Error(t)}function fr(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function $3(){return Math.random().toString(36).substring(2,10)}function zS(e,t){return{usr:e.state,key:e.key,idx:t,masked:e.mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function Rv(e,t,n=null,r,a){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof t=="string"?ms(t):t,state:n,key:t&&t.key||r||$3(),mask:a}}function Iu({pathname:e="/",search:t="",hash:n=""}){return t&&t!=="?"&&(e+=t.charAt(0)==="?"?t:"?"+t),n&&n!=="#"&&(e+=n.charAt(0)==="#"?n:"#"+n),e}function ms(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substring(n),e=e.substring(0,n));let r=e.indexOf("?");r>=0&&(t.search=e.substring(r),e=e.substring(0,r)),e&&(t.pathname=e)}return t}function D3(e,t,n,r={}){let{window:a=document.defaultView,v5Compat:i=!1}=r,o=a.history,l="POP",s=null,u=f();u==null&&(u=0,o.replaceState({...o.state,idx:u},""));function f(){return(o.state||{idx:null}).idx}function c(){l="POP";let g=f(),y=g==null?null:g-u;u=g,s&&s({action:l,location:v.location,delta:y})}function h(g,y){l="PUSH";let m=LS(g)?g:Rv(v.location,g,y);u=f()+1;let x=zS(m,u),w=v.createHref(m.mask||m);try{o.pushState(x,"",w)}catch(S){if(S instanceof DOMException&&S.name==="DataCloneError")throw S;a.location.assign(w)}i&&s&&s({action:l,location:v.location,delta:1})}function p(g,y){l="REPLACE";let m=LS(g)?g:Rv(v.location,g,y);u=f();let x=zS(m,u),w=v.createHref(m.mask||m);o.replaceState(x,"",w),i&&s&&s({action:l,location:v.location,delta:0})}function b(g){return k3(a,g)}let v={get action(){return l},get location(){return e(a,o)},listen(g){if(s)throw new Error("A history only accepts one active listener");return a.addEventListener(kS,c),s=g,()=>{a.removeEventListener(kS,c),s=null}},createHref(g){return t(a,g)},createURL:b,encodeLocation(g){let y=b(g);return{pathname:y.pathname,search:y.search,hash:y.hash}},push:h,replace:p,go(g){return o.go(g)}};return v}function k3(e,t,n=!1){let r="http://localhost";e&&(r=e.location.origin!=="null"?e.location.origin:e.location.href),rt(r,"No window.location.(origin|href) available to create URL");let a=typeof t=="string"?t:Iu(t);return a=a.replace(/ $/,"%20"),!n&&a.startsWith("//")&&(a=r+a),new URL(a,r)}function UT(e,t,n="/"){return L3(e,t,n,!1)}function L3(e,t,n,r,a){let i=typeof t=="string"?ms(t):t,o=da(i.pathname||"/",n);if(o==null)return null;let l=z3(e),s=null,u=Q3(o);for(let f=0;s==null&&f{let f={relativePath:u===void 0?o.path||"":u,caseSensitive:o.caseSensitive===!0,childrenIndex:l,route:o};if(f.relativePath.startsWith("/")){if(!f.relativePath.startsWith(r)&&s)return;rt(f.relativePath.startsWith(r),`Absolute route path "${f.relativePath}" nested under path "${r}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),f.relativePath=f.relativePath.slice(r.length)}let c=ur([r,f.relativePath]),h=n.concat(f);o.children&&o.children.length>0&&(rt(o.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${c}".`),IT(o.children,t,h,c,s)),!(o.path==null&&!o.index)&&t.push({path:c,score:Y3(c,o.index),routesMeta:h})};return e.forEach((o,l)=>{var s;if(o.path===""||!((s=o.path)!=null&&s.includes("?")))i(o,l);else for(let u of HT(o.path))i(o,l,!0,u)}),t}function HT(e){let t=e.split("/");if(t.length===0)return[];let[n,...r]=t,a=n.endsWith("?"),i=n.replace(/\?$/,"");if(r.length===0)return a?[i,""]:[i];let o=HT(r.join("/")),l=[];return l.push(...o.map(s=>s===""?i:[i,s].join("/"))),a&&l.push(...o),l.map(s=>e.startsWith("/")&&s===""?"/":s)}function B3(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:K3(t.routesMeta.map(r=>r.childrenIndex),n.routesMeta.map(r=>r.childrenIndex)))}var U3=/^:[\w-]+$/,I3=3,H3=2,q3=1,F3=10,G3=-2,BS=e=>e==="*";function Y3(e,t){let n=e.split("/"),r=n.length;return n.some(BS)&&(r+=G3),t&&(r+=H3),n.filter(a=>!BS(a)).reduce((a,i)=>a+(U3.test(i)?I3:i===""?q3:F3),r)}function K3(e,t){return e.length===t.length&&e.slice(0,-1).every((r,a)=>r===t[a])?e[e.length-1]-t[t.length-1]:0}function X3(e,t,n=!1){let{routesMeta:r}=e,a={},i="/",o=[];for(let l=0;l{if(f==="*"){let b=l[h]||"";o=i.slice(0,i.length-b.length).replace(/(.)\/+$/,"$1")}const p=l[h];return c&&!p?u[f]=void 0:u[f]=(p||"").replace(/%2F/g,"/"),u},{}),pathname:i,pathnameBase:o,pattern:e}}function V3(e,t=!1,n=!0){fr(e==="*"||!e.endsWith("*")||e.endsWith("/*"),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,"/*")}".`);let r=[],a="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(o,l,s,u,f)=>{if(r.push({paramName:l,isOptional:s!=null}),s){let c=f.charAt(u+o.length);return c&&c!=="/"?"/([^\\/]*)":"(?:/([^\\/]*))?"}return"/([^\\/]+)"}).replace(/\/([\w-]+)\?(\/|$)/g,"(/$1)?$2");return e.endsWith("*")?(r.push({paramName:"*"}),a+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?a+="\\/*$":e!==""&&e!=="/"&&(a+="(?:(?=\\/|$))"),[new RegExp(a,t?void 0:"i"),r]}function Q3(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return fr(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`),e}}function da(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,r=e.charAt(n);return r&&r!=="/"?null:e.slice(n)||"/"}var W3=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function Z3(e,t="/"){let{pathname:n,search:r="",hash:a=""}=typeof e=="string"?ms(e):e,i;return n?(n=qT(n),n.startsWith("/")?i=US(n.substring(1),"/"):i=US(n,t)):i=t,{pathname:i,search:t4(r),hash:n4(a)}}function US(e,t){let n=Ld(t).split("/");return e.split("/").forEach(a=>{a===".."?n.length>1&&n.pop():a!=="."&&n.push(a)}),n.length>1?n.join("/"):"/"}function Zy(e,t,n,r){return`Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(r)}]. Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in and the router will parse it for you.`}function J3(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function Mb(e){let t=J3(e);return t.map((n,r)=>r===t.length-1?n.pathname:n.pathnameBase)}function up(e,t,n,r=!1){let a;typeof e=="string"?a=ms(e):(a={...e},rt(!a.pathname||!a.pathname.includes("?"),Zy("?","pathname","search",a)),rt(!a.pathname||!a.pathname.includes("#"),Zy("#","pathname","hash",a)),rt(!a.search||!a.search.includes("#"),Zy("#","search","hash",a)));let i=e===""||a.pathname==="",o=i?"/":a.pathname,l;if(o==null)l=n;else{let c=t.length-1;if(!r&&o.startsWith("..")){let h=o.split("/");for(;h[0]==="..";)h.shift(),c-=1;a.pathname=h.join("/")}l=c>=0?t[c]:"/"}let s=Z3(a,l),u=o&&o!=="/"&&o.endsWith("/"),f=(i||o===".")&&n.endsWith("/");return!s.pathname.endsWith("/")&&(u||f)&&(s.pathname+="/"),s}var qT=e=>e.replace(/\/\/+/g,"/"),ur=e=>qT(e.join("/")),Ld=e=>e.replace(/\/+$/,""),e4=e=>Ld(e).replace(/^\/*/,"/"),t4=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,n4=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e,r4=class{constructor(e,t,n,r=!1){this.status=e,this.statusText=t||"",this.internal=r,n instanceof Error?(this.data=n.toString(),this.error=n):this.data=n}};function a4(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}function i4(e){let t=e.map(n=>n.route.path).filter(Boolean);return ur(t)||"/"}var FT=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function GT(e,t){let n=e;if(typeof n!="string"||!W3.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let r=n,a=!1;if(FT)try{let i=new URL(window.location.href),o=n.startsWith("//")?new URL(i.protocol+n):new URL(n),l=da(o.pathname,t);o.origin===i.origin&&l!=null?n=l+o.search+o.hash:a=!0}catch{fr(!1,` contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}return{absoluteURL:r,isExternal:a,to:n}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");var YT=["POST","PUT","PATCH","DELETE"];new Set(YT);var o4=["GET",...YT];new Set(o4);var vs=j.createContext(null);vs.displayName="DataRouter";var cp=j.createContext(null);cp.displayName="DataRouterState";var KT=j.createContext(!1);function l4(){return j.useContext(KT)}var XT=j.createContext({isTransitioning:!1});XT.displayName="ViewTransition";var s4=j.createContext(new Map);s4.displayName="Fetchers";var u4=j.createContext(null);u4.displayName="Await";var Rn=j.createContext(null);Rn.displayName="Navigation";var qc=j.createContext(null);qc.displayName="Location";var pr=j.createContext({outlet:null,matches:[],isDataRoute:!1});pr.displayName="Route";var Pb=j.createContext(null);Pb.displayName="RouteError";var VT="REACT_ROUTER_ERROR",c4="REDIRECT",f4="ROUTE_ERROR_RESPONSE";function d4(e){if(e.startsWith(`${VT}:${c4}:{`))try{let t=JSON.parse(e.slice(28));if(typeof t=="object"&&t&&typeof t.status=="number"&&typeof t.statusText=="string"&&typeof t.location=="string"&&typeof t.reloadDocument=="boolean"&&typeof t.replace=="boolean")return t}catch{}}function h4(e){if(e.startsWith(`${VT}:${f4}:{`))try{let t=JSON.parse(e.slice(40));if(typeof t=="object"&&t&&typeof t.status=="number"&&typeof t.statusText=="string")return new r4(t.status,t.statusText,t.data)}catch{}}function p4(e,{relative:t}={}){rt(gs(),"useHref() may be used only in the context of a component.");let{basename:n,navigator:r}=j.useContext(Rn),{hash:a,pathname:i,search:o}=Fc(e,{relative:t}),l=i;return n!=="/"&&(l=i==="/"?n:ur([n,i])),r.createHref({pathname:l,search:o,hash:a})}function gs(){return j.useContext(qc)!=null}function Mr(){return rt(gs(),"useLocation() may be used only in the context of a component."),j.useContext(qc).location}var QT="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function WT(e){j.useContext(Rn).static||j.useLayoutEffect(e)}function vo(){let{isDataRoute:e}=j.useContext(pr);return e?C4():y4()}function y4(){rt(gs(),"useNavigate() may be used only in the context of a component.");let e=j.useContext(vs),{basename:t,navigator:n}=j.useContext(Rn),{matches:r}=j.useContext(pr),{pathname:a}=Mr(),i=JSON.stringify(Mb(r)),o=j.useRef(!1);return WT(()=>{o.current=!0}),j.useCallback((s,u={})=>{if(fr(o.current,QT),!o.current)return;if(typeof s=="number"){n.go(s);return}let f=up(s,JSON.parse(i),a,u.relative==="path");e==null&&t!=="/"&&(f.pathname=f.pathname==="/"?t:ur([t,f.pathname])),(u.replace?n.replace:n.push)(f,u.state,u)},[t,n,i,a,e])}var m4=j.createContext(null);function v4(e){let t=j.useContext(pr).outlet;return j.useMemo(()=>t&&j.createElement(m4.Provider,{value:e},t),[t,e])}function Fc(e,{relative:t}={}){let{matches:n}=j.useContext(pr),{pathname:r}=Mr(),a=JSON.stringify(Mb(n));return j.useMemo(()=>up(e,JSON.parse(a),r,t==="path"),[e,a,r,t])}function g4(e,t){return ZT(e,t)}function ZT(e,t,n){var g;rt(gs(),"useRoutes() may be used only in the context of a component.");let{navigator:r}=j.useContext(Rn),{matches:a}=j.useContext(pr),i=a[a.length-1],o=i?i.params:{},l=i?i.pathname:"/",s=i?i.pathnameBase:"/",u=i&&i.route;{let y=u&&u.path||"";eC(l,!u||y.endsWith("*")||y.endsWith("*?"),`You rendered descendant (or called \`useRoutes()\`) at "${l}" (under ) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render. + +Please change the parent to .`)}let f=Mr(),c;if(t){let y=typeof t=="string"?ms(t):t;rt(s==="/"||((g=y.pathname)==null?void 0:g.startsWith(s)),`When overriding the location using \`\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${s}" but pathname "${y.pathname}" was given in the \`location\` prop.`),c=y}else c=f;let h=c.pathname||"/",p=h;if(s!=="/"){let y=s.replace(/^\//,"").split("/");p="/"+h.replace(/^\//,"").split("/").slice(y.length).join("/")}let b=n&&n.state.matches.length?n.state.matches.map(y=>Object.assign(y,{route:n.manifest[y.route.id]||y.route})):UT(e,{pathname:p});fr(u||b!=null,`No routes matched location "${c.pathname}${c.search}${c.hash}" `),fr(b==null||b[b.length-1].route.element!==void 0||b[b.length-1].route.Component!==void 0||b[b.length-1].route.lazy!==void 0,`Matched leaf route at location "${c.pathname}${c.search}${c.hash}" does not have an element or Component. This means it will render an with a null value by default resulting in an "empty" page.`);let v=O4(b&&b.map(y=>Object.assign({},y,{params:Object.assign({},o,y.params),pathname:ur([s,r.encodeLocation?r.encodeLocation(y.pathname.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:y.pathname]),pathnameBase:y.pathnameBase==="/"?s:ur([s,r.encodeLocation?r.encodeLocation(y.pathnameBase.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:y.pathnameBase])})),a,n);return t&&v?j.createElement(qc.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",mask:void 0,...c},navigationType:"POP"}},v):v}function b4(){let e=T4(),t=a4(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,r="rgba(200,200,200, 0.5)",a={padding:"0.5rem",backgroundColor:r},i={padding:"2px 4px",backgroundColor:r},o=null;return console.error("Error handled by React Router default ErrorBoundary:",e),o=j.createElement(j.Fragment,null,j.createElement("p",null,"💿 Hey developer 👋"),j.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",j.createElement("code",{style:i},"ErrorBoundary")," or"," ",j.createElement("code",{style:i},"errorElement")," prop on your route.")),j.createElement(j.Fragment,null,j.createElement("h2",null,"Unexpected Application Error!"),j.createElement("h3",{style:{fontStyle:"italic"}},t),n?j.createElement("pre",{style:a},n):null,o)}var x4=j.createElement(b4,null),JT=class extends j.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!=="idle"&&e.revalidation==="idle"?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error!==void 0?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){this.props.onError?this.props.onError(e,t):console.error("React Router caught the following error during render",e)}render(){let e=this.state.error;if(this.context&&typeof e=="object"&&e&&"digest"in e&&typeof e.digest=="string"){const n=h4(e.digest);n&&(e=n)}let t=e!==void 0?j.createElement(pr.Provider,{value:this.props.routeContext},j.createElement(Pb.Provider,{value:e,children:this.props.component})):this.props.children;return this.context?j.createElement(S4,{error:e},t):t}};JT.contextType=KT;var Jy=new WeakMap;function S4({children:e,error:t}){let{basename:n}=j.useContext(Rn);if(typeof t=="object"&&t&&"digest"in t&&typeof t.digest=="string"){let r=d4(t.digest);if(r){let a=Jy.get(t);if(a)throw a;let i=GT(r.location,n);if(FT&&!Jy.get(t))if(i.isExternal||r.reloadDocument)window.location.href=i.absoluteURL||i.to;else{const o=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(i.to,{replace:r.replace}));throw Jy.set(t,o),o}return j.createElement("meta",{httpEquiv:"refresh",content:`0;url=${i.absoluteURL||i.to}`})}}return e}function w4({routeContext:e,match:t,children:n}){let r=j.useContext(vs);return r&&r.static&&r.staticContext&&(t.route.errorElement||t.route.ErrorBoundary)&&(r.staticContext._deepestRenderedBoundaryId=t.route.id),j.createElement(pr.Provider,{value:e},n)}function O4(e,t=[],n){let r=n==null?void 0:n.state;if(e==null){if(!r)return null;if(r.errors)e=r.matches;else if(t.length===0&&!r.initialized&&r.matches.length>0)e=r.matches;else return null}let a=e,i=r==null?void 0:r.errors;if(i!=null){let f=a.findIndex(c=>c.route.id&&(i==null?void 0:i[c.route.id])!==void 0);rt(f>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(i).join(",")}`),a=a.slice(0,Math.min(a.length,f+1))}let o=!1,l=-1;if(n&&r){o=r.renderFallback;for(let f=0;f=0?a=a.slice(0,l+1):a=[a[0]];break}}}}let s=n==null?void 0:n.onError,u=r&&s?(f,c)=>{var h,p;s(f,{location:r.location,params:((p=(h=r.matches)==null?void 0:h[0])==null?void 0:p.params)??{},pattern:i4(r.matches),errorInfo:c})}:void 0;return a.reduceRight((f,c,h)=>{let p,b=!1,v=null,g=null;r&&(p=i&&c.route.id?i[c.route.id]:void 0,v=c.route.errorElement||x4,o&&(l<0&&h===0?(eC("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),b=!0,g=null):l===h&&(b=!0,g=c.route.hydrateFallbackElement||null)));let y=t.concat(a.slice(0,h+1)),m=()=>{let x;return p?x=v:b?x=g:c.route.Component?x=j.createElement(c.route.Component,null):c.route.element?x=c.route.element:x=f,j.createElement(w4,{match:c,routeContext:{outlet:f,matches:y,isDataRoute:r!=null},children:x})};return r&&(c.route.ErrorBoundary||c.route.errorElement||h===0)?j.createElement(JT,{location:r.location,revalidation:r.revalidation,component:v,error:p,children:m(),routeContext:{outlet:null,matches:y,isDataRoute:!0},onError:u}):m()},null)}function Rb(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function j4(e){let t=j.useContext(vs);return rt(t,Rb(e)),t}function A4(e){let t=j.useContext(cp);return rt(t,Rb(e)),t}function E4(e){let t=j.useContext(pr);return rt(t,Rb(e)),t}function $b(e){let t=E4(e),n=t.matches[t.matches.length-1];return rt(n.route.id,`${e} can only be used on routes that contain a unique "id"`),n.route.id}function _4(){return $b("useRouteId")}function T4(){var r;let e=j.useContext(Pb),t=A4("useRouteError"),n=$b("useRouteError");return e!==void 0?e:(r=t.errors)==null?void 0:r[n]}function C4(){let{router:e}=j4("useNavigate"),t=$b("useNavigate"),n=j.useRef(!1);return WT(()=>{n.current=!0}),j.useCallback(async(a,i={})=>{fr(n.current,QT),n.current&&(typeof a=="number"?await e.navigate(a):await e.navigate(a,{fromRouteId:t,...i}))},[e,t])}var IS={};function eC(e,t,n){!t&&!IS[e]&&(IS[e]=!0,fr(!1,n))}j.memo(N4);function N4({routes:e,manifest:t,future:n,state:r,isStatic:a,onError:i}){return ZT(e,void 0,{manifest:t,state:r,isStatic:a,onError:i})}function tC({to:e,replace:t,state:n,relative:r}){rt(gs()," may be used only in the context of a component.");let{static:a}=j.useContext(Rn);fr(!a," must not be used on the initial render in a . This is a no-op, but you should modify your code so the is only ever rendered in response to some user interaction or state change.");let{matches:i}=j.useContext(pr),{pathname:o}=Mr(),l=vo(),s=up(e,Mb(i),o,r==="path"),u=JSON.stringify(s);return j.useEffect(()=>{l(JSON.parse(u),{replace:t,state:n,relative:r})},[l,u,r,t,n]),null}function M4(e){return v4(e.context)}function Ae(e){rt(!1,"A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .")}function P4({basename:e="/",children:t=null,location:n,navigationType:r="POP",navigator:a,static:i=!1,useTransitions:o}){rt(!gs(),"You cannot render a inside another . You should never have more than one in your app.");let l=e.replace(/^\/*/,"/"),s=j.useMemo(()=>({basename:l,navigator:a,static:i,useTransitions:o,future:{}}),[l,a,i,o]);typeof n=="string"&&(n=ms(n));let{pathname:u="/",search:f="",hash:c="",state:h=null,key:p="default",mask:b}=n,v=j.useMemo(()=>{let g=da(u,l);return g==null?null:{location:{pathname:g,search:f,hash:c,state:h,key:p,mask:b},navigationType:r}},[l,u,f,c,h,p,r,b]);return fr(v!=null,` is not able to match the URL "${u}${f}${c}" because it does not start with the basename, so the won't render anything.`),v==null?null:j.createElement(Rn.Provider,{value:s},j.createElement(qc.Provider,{children:t,value:v}))}function R4({children:e,location:t}){return g4($v(e),t)}function $v(e,t=[]){let n=[];return j.Children.forEach(e,(r,a)=>{if(!j.isValidElement(r))return;let i=[...t,a];if(r.type===j.Fragment){n.push.apply(n,$v(r.props.children,i));return}rt(r.type===Ae,`[${typeof r.type=="string"?r.type:r.type.name}] is not a component. All component children of must be a or `),rt(!r.props.index||!r.props.children,"An index route cannot have child routes.");let o={id:r.props.id||i.join("-"),caseSensitive:r.props.caseSensitive,element:r.props.element,Component:r.props.Component,index:r.props.index,path:r.props.path,middleware:r.props.middleware,loader:r.props.loader,action:r.props.action,hydrateFallbackElement:r.props.hydrateFallbackElement,HydrateFallback:r.props.HydrateFallback,errorElement:r.props.errorElement,ErrorBoundary:r.props.ErrorBoundary,hasErrorBoundary:r.props.hasErrorBoundary===!0||r.props.ErrorBoundary!=null||r.props.errorElement!=null,shouldRevalidate:r.props.shouldRevalidate,handle:r.props.handle,lazy:r.props.lazy};r.props.children&&(o.children=$v(r.props.children,i)),n.push(o)}),n}var Jf="get",ed="application/x-www-form-urlencoded";function fp(e){return typeof HTMLElement<"u"&&e instanceof HTMLElement}function $4(e){return fp(e)&&e.tagName.toLowerCase()==="button"}function D4(e){return fp(e)&&e.tagName.toLowerCase()==="form"}function k4(e){return fp(e)&&e.tagName.toLowerCase()==="input"}function L4(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function z4(e,t){return e.button===0&&(!t||t==="_self")&&!L4(e)}var Sf=null;function B4(){if(Sf===null)try{new FormData(document.createElement("form"),0),Sf=!1}catch{Sf=!0}return Sf}var U4=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function em(e){return e!=null&&!U4.has(e)?(fr(!1,`"${e}" is not a valid \`encType\` for \`
\`/\`\` and will default to "${ed}"`),null):e}function I4(e,t){let n,r,a,i,o;if(D4(e)){let l=e.getAttribute("action");r=l?da(l,t):null,n=e.getAttribute("method")||Jf,a=em(e.getAttribute("enctype"))||ed,i=new FormData(e)}else if($4(e)||k4(e)&&(e.type==="submit"||e.type==="image")){let l=e.form;if(l==null)throw new Error('Cannot submit a + + +

+ QR 코드를 스캔하면 GUARDiA Messenger 앱 설치 페이지로 이동합니다. + 앱스토어 없이 바로 설치할 수 있으며, 앱 업로드·버전 관리는 GUARDiA Manager에서 일원화되어 있습니다. +

+ + {loading &&
불러오는 중…
} + {err &&
{err}
} + + {!loading && !err && info && !info.has_version && ( +
+ + 아직 등록된 앱 버전이 없습니다.
+ GUARDiA Manager에서 APK를 업로드하면 여기에 QR이 표시됩니다. +
+ )} + + {!loading && !err && info?.has_version && ( +
+
+ {info.qr_url ? 앱 설치 QR : } +
+
+
+ {info.app_name || 'GUARDiA Messenger'} + v{info.version} +
+
+ {info.platform}{info.file_size_mb ? ` · ${info.file_size_mb}MB` : ''} + {info.download_count != null && ` · 다운로드 ${info.download_count}회`} +
+ + {info.release_notes && ( +
+
릴리즈 노트
+
+ {info.release_notes} +
+
+ )} + +
+ {info.landing_url && ( + + 설치 페이지 열기 + + )} + {info.download_url && ( + + APK 직접 다운로드 + + )} + +
+
+
+ )} + + ) +} diff --git a/frontend/src/pages/uiws/SystemRoles.tsx b/frontend/src/pages/uiws/SystemRoles.tsx deleted file mode 100644 index 324235b..0000000 --- a/frontend/src/pages/uiws/SystemRoles.tsx +++ /dev/null @@ -1,104 +0,0 @@ -import { useEffect, useState } from 'react' -import { roleList, roleCreate, roleDelete } from '../../api/uiws' -import { PageHeader, Panel, Button, Modal, FormField, Input, Spinner } from '../../components/uiws/ui' - -/** - * 시스템관리 — 역할/권한(Role) 관리 화면(UIWS system 모듈 이식, 백엔드 /api/system/roles). - * 조회는 인증 사용자, 생성/삭제는 ADMIN/MANAGER(백엔드 RBAC + 403 이중 방어). - * 색상은 UIWS 테마 토큰(.uiws-scope --uiws-*)만 사용 — 다크/라이트 양 모드 지원. - */ -type Role = { roleId: string; roleNm: string; roleDesc: string; useYn: string } - -export default function SystemRoles() { - const [rows, setRows] = useState([]) - const [loading, setLoading] = useState(false) - const [open, setOpen] = useState(false) - const [form, setForm] = useState({ roleId: '', roleNm: '', roleDesc: '', useYn: 'Y' }) - const [err, setErr] = useState('') - - async function load() { - setLoading(true) - try { - const res = await roleList({ page: 0, size: 100 }) - setRows(res.data?.data?.content || []) - } catch { - setRows([]) - } finally { - setLoading(false) - } - } - useEffect(() => { load() }, []) - - async function save() { - setErr('') - if (!form.roleId.trim() || !form.roleNm.trim()) { setErr('역할 ID와 이름은 필수입니다.'); return } - try { - await roleCreate(form) - setOpen(false) - setForm({ roleId: '', roleNm: '', roleDesc: '', useYn: 'Y' }) - load() - } catch { - setErr('저장 실패: 권한이 없거나 중복된 역할입니다.') - } - } - - async function remove(id: string) { - if (!confirm(`역할 '${id}' 을(를) 삭제할까요?`)) return - try { await roleDelete([id]); load() } catch { alert('삭제 실패(권한 또는 참조 중).') } - } - - return ( -
- { setErr(''); setOpen(true) }}>역할 추가} /> - - - {loading ? : ( - - - - - - - - - - - - {rows.map(r => ( - - - - - - - - ))} - {rows.length === 0 && ( - - )} - -
역할 ID이름설명사용작업
{r.roleId}{r.roleNm}{r.roleDesc}{r.useYn} - -
등록된 역할이 없습니다.
- )} - - - {open && ( - setOpen(false)}> -
- setForm({ ...form, roleId: v })} placeholder="예: AUDITOR" /> - setForm({ ...form, roleNm: v })} placeholder="예: 감사자" /> - setForm({ ...form, roleDesc: v })} /> - setForm({ ...form, useYn: v })} placeholder="Y / N" /> - {err &&

{err}

} -
- - -
-
- - )} -
- ) -} diff --git a/frontend/src/pages/uiws/system/AdminGate.tsx b/frontend/src/pages/uiws/system/AdminGate.tsx new file mode 100644 index 0000000..40ba5c9 --- /dev/null +++ b/frontend/src/pages/uiws/system/AdminGate.tsx @@ -0,0 +1,18 @@ +import { type ReactNode } from 'react' + +/** + * 시스템관리(권한) 화면 공통 관리자 게이트 — UI 차단(읽기 변경 모두 백엔드 RBAC 403 이중 방어). + * esn_role(localStorage) 기준. TenantAdmin.tsx 의 ADMIN 차단 패턴과 동일. + * 색상은 UIWS 테마 토큰만 사용(다크/라이트 양 모드). + */ +export default function AdminGate({ children }: { children: ReactNode }) { + const role = localStorage.getItem('esn_role') + if (role !== 'ADMIN' && role !== 'MANAGER') { + return ( +
+

관리자 전용 메뉴입니다.

+
+ ) + } + return <>{children} +} diff --git a/frontend/src/pages/uiws/system/CodeManagement.tsx b/frontend/src/pages/uiws/system/CodeManagement.tsx new file mode 100644 index 0000000..d6faa62 --- /dev/null +++ b/frontend/src/pages/uiws/system/CodeManagement.tsx @@ -0,0 +1,158 @@ +import { useEffect, useState } from 'react' +import { codeList, codeGroupGet, codeCreate, codeUpdate, codeDelete } from '../../../api/uiws' +import { PageHeader, SearchBar, Panel, Button, Modal, FormField, Input, Spinner, Pagination, YnBadge, DataGrid, type Column } from '../../../components/uiws/ui' +import AdminGate from './AdminGate' + +/** + * 2.7 코드(공통코드) 관리 — /api/system/codes. 그룹 목록(PageResponse) + 상세(그룹+코드값 목록) 편집. + * 그룹 단위 저장(values 포함). RBAC 변경 ADMIN/MANAGER(403 + AdminGate). 색상 토큰만. + */ +type CodeGrp = { grpCd: string; grpNm: string; useYn: string } +type CodeValue = { grpCd: string; codeVal: string; codeNm: string; sortOrd: number | null; useYn: string } +type CodeGrpDetail = CodeGrp & { values: CodeValue[] } +const PSIZE = 20 + +function friendlyError(e: any): string { + if (e?.response?.status === 403) return '권한이 없습니다 (관리자 전용).' + if (e?.response?.status === 409) return '이미 존재하는 코드 그룹입니다.' + return e?.response?.data?.message || '요청을 처리하지 못했습니다.' +} + +export default function CodeManagement() { + const [rows, setRows] = useState([]) + const [total, setTotal] = useState(0) + const [page, setPage] = useState(0) + const [kw, setKw] = useState('') + const [loading, setLoading] = useState(false) + const [open, setOpen] = useState(false) + const [editing, setEditing] = useState(false) + const [form, setForm] = useState({ grpCd: '', grpNm: '', useYn: 'Y', values: [] }) + const [err, setErr] = useState('') + + async function load(p = page, keyword = kw) { + setLoading(true) + try { + const res = await codeList({ keyword: keyword || undefined, page: p, size: PSIZE }) + setRows(res.data?.data?.content || []) + setTotal(res.data?.data?.total || 0) + } catch { setRows([]); setTotal(0) } finally { setLoading(false) } + } + useEffect(() => { load(0, '') }, []) + + function openCreate() { + setForm({ grpCd: '', grpNm: '', useYn: 'Y', values: [] }); setEditing(false); setErr(''); setOpen(true) + } + async function openEdit(g: CodeGrp) { + setErr('') + try { + const res = await codeGroupGet(g.grpCd) + const d = res.data?.data + setForm({ grpCd: d.grpCd, grpNm: d.grpNm, useYn: d.useYn, values: d.values || [] }) + setEditing(true); setOpen(true) + } catch (e) { alert(friendlyError(e)) } + } + + function addValue() { + setForm(f => ({ ...f, values: [...f.values, { grpCd: f.grpCd, codeVal: '', codeNm: '', sortOrd: f.values.length + 1, useYn: 'Y' }] })) + } + function setVal(i: number, patch: Partial) { + setForm(f => ({ ...f, values: f.values.map((v, idx) => idx === i ? { ...v, ...patch } : v) })) + } + function removeValue(i: number) { + setForm(f => ({ ...f, values: f.values.filter((_, idx) => idx !== i) })) + } + + async function save() { + setErr('') + if (!form.grpCd.trim() || !form.grpNm.trim()) { setErr('그룹 코드와 이름은 필수입니다.'); return } + const body = { ...form, values: form.values.map(v => ({ ...v, grpCd: form.grpCd })) } + try { + if (editing) await codeUpdate(form.grpCd, body) + else await codeCreate(body) + setOpen(false); load() + } catch (e) { setErr(friendlyError(e)) } + } + + async function remove(grpCd: string) { + if (!confirm(`코드 그룹 '${grpCd}' 을(를) 삭제할까요?`)) return + try { await codeDelete(grpCd); load() } catch (e) { alert(friendlyError(e)) } + } + + const totalPages = Math.max(1, Math.ceil(total / PSIZE)) + const columns: Column>[] = [ + { key: 'grpCd', header: '그룹 코드', render: r => {r.grpCd} }, + { key: 'grpNm', header: '그룹명' }, + { key: 'useYn', header: '사용', width: 80, render: r => }, + { key: 'act', header: '', width: 64, align: 'right', render: r => ( + + ) }, + ] + + return ( + +
+ 그룹 추가} /> + + + + + + + {loading ? : ( + <> + )[]} rowKey={r => r.grpCd} + onRowClick={r => openEdit(r)} empty="등록된 코드 그룹이 없습니다." /> + { setPage(p); load(p) }} /> + + )} + + {open && ( + setOpen(false)}> +
+ setForm({ ...form, grpCd: v })} placeholder="예: ALARM_TYPE" style={{ width: '100%' }} /> + setForm({ ...form, grpNm: v })} style={{ width: '100%' }} /> +
+ setForm({ ...form, useYn: v })} placeholder="Y / N" /> + +
+ 코드값 + +
+
+ + + + + + + + + + + {form.values.length === 0 ? ( + + ) : form.values.map((v, i) => ( + + + + + + + + ))} + +
코드값코드명순서사용 +
코드값이 없습니다.
setVal(i, { codeVal: x })} style={{ width: '100%', padding: '6px 8px' }} /> setVal(i, { codeNm: x })} style={{ width: '100%', padding: '6px 8px' }} /> setVal(i, { sortOrd: x === '' ? null : Number(x) })} style={{ width: '100%', padding: '6px 8px' }} /> setVal(i, { useYn: x })} style={{ width: '100%', padding: '6px 8px' }} />
+
+ {err &&

{err}

} +
+ + +
+ + )} +
+ + ) +} diff --git a/frontend/src/pages/uiws/system/CompanyManagement.tsx b/frontend/src/pages/uiws/system/CompanyManagement.tsx new file mode 100644 index 0000000..d07720c --- /dev/null +++ b/frontend/src/pages/uiws/system/CompanyManagement.tsx @@ -0,0 +1,112 @@ +import { useEffect, useState } from 'react' +import { companyList, companyCreate, companyUpdate, companyDelete } from '../../../api/uiws' +import { PageHeader, SearchBar, Button, Modal, FormField, Input, Spinner, Pagination, YnBadge, DataGrid, type Column } from '../../../components/uiws/ui' +import AdminGate from './AdminGate' + +/** + * 2.4 거래처 관리 — /api/system/companies. 목록(PageResponse)/검색/등록/수정/다중삭제(본문 ids). + * RBAC 변경 ADMIN/MANAGER(403 + AdminGate). 색상 토큰만. + */ +type Company = { companyId: string; companyNm: string; bizNo: string; useYn: string } +const empty: Company = { companyId: '', companyNm: '', bizNo: '', useYn: 'Y' } +const PSIZE = 20 + +function friendlyError(e: any): string { + if (e?.response?.status === 403) return '권한이 없습니다 (관리자 전용).' + if (e?.response?.status === 409) return '이미 존재하는 거래처입니다.' + return e?.response?.data?.message || '요청을 처리하지 못했습니다.' +} + +export default function CompanyManagement() { + const [rows, setRows] = useState([]) + const [total, setTotal] = useState(0) + const [page, setPage] = useState(0) + const [kw, setKw] = useState('') + const [loading, setLoading] = useState(false) + const [sel, setSel] = useState>(new Set()) + const [open, setOpen] = useState(false) + const [editing, setEditing] = useState(false) + const [form, setForm] = useState(empty) + const [err, setErr] = useState('') + + async function load(p = page, keyword = kw) { + setLoading(true) + try { + const res = await companyList({ keyword: keyword || undefined, page: p, size: PSIZE }) + setRows(res.data?.data?.content || []) + setTotal(res.data?.data?.total || 0) + setSel(new Set()) + } catch { setRows([]); setTotal(0) } finally { setLoading(false) } + } + useEffect(() => { load(0, '') }, []) + + function openCreate() { setForm(empty); setEditing(false); setErr(''); setOpen(true) } + function openEdit(c: Company) { setForm({ ...c }); setEditing(true); setErr(''); setOpen(true) } + + async function save() { + setErr('') + if (!form.companyNm.trim()) { setErr('거래처명은 필수입니다.'); return } + try { + if (editing) await companyUpdate(form.companyId, form) + else await companyCreate(form) + setOpen(false); load() + } catch (e) { setErr(friendlyError(e)) } + } + async function removeSelected() { + if (sel.size === 0) return + if (!confirm(`선택한 ${sel.size}개 거래처를 삭제할까요?`)) return + try { await companyDelete([...sel]); load() } catch (e) { alert(friendlyError(e)) } + } + + const toggle = (id: string) => setSel(p => { const n = new Set(p); n.has(id) ? n.delete(id) : n.add(id); return n }) + const totalPages = Math.max(1, Math.ceil(total / PSIZE)) + + const columns: Column>[] = [ + { key: 'sel', header: '', width: 36, render: r => ( + toggle(r.companyId)} onClick={e => e.stopPropagation()} /> + ) }, + { key: 'companyId', header: '거래처 ID', render: r => {r.companyId} }, + { key: 'companyNm', header: '거래처명' }, + { key: 'bizNo', header: '사업자번호' }, + { key: 'useYn', header: '사용', width: 80, render: r => }, + ] + + return ( + +
+ + + + } /> + + + + + + + {loading ? : ( + <> + )[]} rowKey={r => r.companyId} + onRowClick={r => openEdit(r)} empty="등록된 거래처가 없습니다." /> + { setPage(p); load(p) }} /> + + )} + + {open && ( + setOpen(false)}> + setForm({ ...form, companyId: v })} placeholder="비우면 자동 생성" style={{ width: '100%' }} /> + setForm({ ...form, companyNm: v })} style={{ width: '100%' }} /> + setForm({ ...form, bizNo: v })} style={{ width: '100%' }} /> + setForm({ ...form, useYn: v })} placeholder="Y / N" /> + {err &&

{err}

} +
+ + +
+ + )} +
+ + ) +} diff --git a/frontend/src/pages/uiws/system/DeptManagement.tsx b/frontend/src/pages/uiws/system/DeptManagement.tsx new file mode 100644 index 0000000..07660f8 --- /dev/null +++ b/frontend/src/pages/uiws/system/DeptManagement.tsx @@ -0,0 +1,106 @@ +import { useEffect, useState } from 'react' +import { deptList, deptCreate, deptUpdate, deptDelete } from '../../../api/uiws' +import { PageHeader, SearchBar, Button, Modal, FormField, Input, Spinner, Pagination, YnBadge, DataGrid, type Column } from '../../../components/uiws/ui' +import AdminGate from './AdminGate' + +/** + * 2.3 부서 관리 — /api/system/depts. 목록(PageResponse)/검색/등록/수정/개별삭제(path /{id}). + * RBAC 변경 ADMIN/MANAGER(403 + AdminGate). 색상 토큰만. + */ +type Dept = { deptId: string; deptNm: string; parentDeptId: string; sortOrd: number | null; useYn: string } +const empty: Dept = { deptId: '', deptNm: '', parentDeptId: '', sortOrd: null, useYn: 'Y' } +const PSIZE = 20 + +function friendlyError(e: any): string { + if (e?.response?.status === 403) return '권한이 없습니다 (관리자 전용).' + if (e?.response?.status === 409) return '이미 존재하는 부서 ID입니다.' + return e?.response?.data?.message || '요청을 처리하지 못했습니다.' +} + +export default function DeptManagement() { + const [rows, setRows] = useState([]) + const [total, setTotal] = useState(0) + const [page, setPage] = useState(0) + const [kw, setKw] = useState('') + const [loading, setLoading] = useState(false) + const [open, setOpen] = useState(false) + const [editing, setEditing] = useState(false) + const [form, setForm] = useState(empty) + const [err, setErr] = useState('') + + async function load(p = page, keyword = kw) { + setLoading(true) + try { + const res = await deptList({ keyword: keyword || undefined, page: p, size: PSIZE }) + setRows(res.data?.data?.content || []) + setTotal(res.data?.data?.total || 0) + } catch { setRows([]); setTotal(0) } finally { setLoading(false) } + } + useEffect(() => { load(0, '') }, []) + + function openCreate() { setForm(empty); setEditing(false); setErr(''); setOpen(true) } + function openEdit(d: Dept) { setForm({ ...d }); setEditing(true); setErr(''); setOpen(true) } + + async function save() { + setErr('') + if (!form.deptNm.trim()) { setErr('부서명은 필수입니다.'); return } + try { + if (editing) await deptUpdate(form.deptId, form) + else await deptCreate(form) + setOpen(false); load() + } catch (e) { setErr(friendlyError(e)) } + } + async function remove(id: string) { + if (!confirm(`부서 '${id}' 을(를) 삭제할까요?`)) return + try { await deptDelete(id); load() } catch (e) { alert(friendlyError(e)) } + } + + const totalPages = Math.max(1, Math.ceil(total / PSIZE)) + const columns: Column>[] = [ + { key: 'deptId', header: '부서 ID', render: r => {r.deptId} }, + { key: 'deptNm', header: '부서명' }, + { key: 'parentDeptId', header: '상위 부서' }, + { key: 'sortOrd', header: '순서', width: 60 }, + { key: 'useYn', header: '사용', width: 80, render: r => }, + { key: 'act', header: '', width: 64, align: 'right', render: r => ( + + ) }, + ] + + return ( + +
+ 부서 추가} /> + + + + + + + {loading ? : ( + <> + )[]} rowKey={r => r.deptId} + onRowClick={r => openEdit(r)} empty="등록된 부서가 없습니다." /> + { setPage(p); load(p) }} /> + + )} + + {open && ( + setOpen(false)}> + setForm({ ...form, deptId: v })} placeholder="비우면 자동 생성" style={{ width: '100%' }} /> + setForm({ ...form, deptNm: v })} style={{ width: '100%' }} /> + setForm({ ...form, parentDeptId: v })} style={{ width: '100%' }} /> + setForm({ ...form, sortOrd: v === '' ? null : Number(v) })} style={{ width: '100%' }} /> + setForm({ ...form, useYn: v })} placeholder="Y / N" /> + {err &&

{err}

} +
+ + +
+ + )} +
+ + ) +} diff --git a/frontend/src/pages/uiws/system/MenuManagement.tsx b/frontend/src/pages/uiws/system/MenuManagement.tsx new file mode 100644 index 0000000..04bbc2f --- /dev/null +++ b/frontend/src/pages/uiws/system/MenuManagement.tsx @@ -0,0 +1,125 @@ +import { useEffect, useState } from 'react' +import { menuList, menuCreate, menuUpdate, menuDelete, programList } from '../../../api/uiws' +import { PageHeader, Panel, Button, Modal, FormField, Input, Spinner, Pagination, YnBadge, DataGrid, type Column } from '../../../components/uiws/ui' +import AdminGate from './AdminGate' + +/** + * 2.9 메뉴 관리 — /api/system/menus. 목록(PageResponse, 기본 size 100)/등록/수정/다중삭제(본문 ids). + * 프로그램(2.8) 연결 select. RBAC 변경 ADMIN/MANAGER(403 + AdminGate). 색상 토큰만. + */ +type Menu = { menuId: string; menuNm: string; parentMenuId: string; programId: string; menuUrl: string; sortOrd: number | null; useYn: string } +type Program = { programId: string; programNm: string } +const empty: Menu = { menuId: '', menuNm: '', parentMenuId: '', programId: '', menuUrl: '', sortOrd: null, useYn: 'Y' } +const PSIZE = 100 + +function friendlyError(e: any): string { + if (e?.response?.status === 403) return '권한이 없습니다 (관리자 전용).' + if (e?.response?.status === 409) return '이미 존재하는 메뉴 ID입니다.' + return e?.response?.data?.message || '요청을 처리하지 못했습니다.' +} + +export default function MenuManagement() { + const [rows, setRows] = useState([]) + const [total, setTotal] = useState(0) + const [page, setPage] = useState(0) + const [programs, setPrograms] = useState([]) + const [loading, setLoading] = useState(false) + const [sel, setSel] = useState>(new Set()) + const [open, setOpen] = useState(false) + const [editing, setEditing] = useState(false) + const [form, setForm] = useState(empty) + const [err, setErr] = useState('') + + async function load(p = page) { + setLoading(true) + try { + const res = await menuList({ page: p, size: PSIZE }) + setRows(res.data?.data?.content || []) + setTotal(res.data?.data?.total || 0) + setSel(new Set()) + } catch { setRows([]); setTotal(0) } finally { setLoading(false) } + } + async function loadPrograms() { + try { const res = await programList({ page: 0, size: 200 }); setPrograms(res.data?.data?.content || []) } catch { setPrograms([]) } + } + useEffect(() => { load(0); loadPrograms() }, []) + + function openCreate() { setForm(empty); setEditing(false); setErr(''); setOpen(true) } + function openEdit(m: Menu) { setForm({ ...m }); setEditing(true); setErr(''); setOpen(true) } + + async function save() { + setErr('') + if (!form.menuId.trim() || !form.menuNm.trim()) { setErr('메뉴 ID와 이름은 필수입니다.'); return } + try { + if (editing) await menuUpdate(form.menuId, form) + else await menuCreate(form) + setOpen(false); load() + } catch (e) { setErr(friendlyError(e)) } + } + async function removeSelected() { + if (sel.size === 0) return + if (!confirm(`선택한 ${sel.size}개 메뉴를 삭제할까요?`)) return + try { await menuDelete([...sel]); load() } catch (e) { alert(friendlyError(e)) } + } + + const toggle = (id: string) => setSel(p => { const n = new Set(p); n.has(id) ? n.delete(id) : n.add(id); return n }) + const totalPages = Math.max(1, Math.ceil(total / PSIZE)) + + const columns: Column>[] = [ + { key: 'sel', header: '', width: 36, render: r => ( + toggle(r.menuId)} onClick={e => e.stopPropagation()} /> + ) }, + { key: 'menuId', header: '메뉴 ID', render: r => {r.menuId} }, + { key: 'menuNm', header: '메뉴명' }, + { key: 'parentMenuId', header: '상위' }, + { key: 'programId', header: '프로그램' }, + { key: 'menuUrl', header: 'URL' }, + { key: 'sortOrd', header: '순서', width: 60 }, + { key: 'useYn', header: '사용', width: 80, render: r => }, + ] + + return ( + +
+ + + + } /> + + {loading ? : ( + <> + )[]} rowKey={r => r.menuId} + onRowClick={r => openEdit(r)} empty="등록된 메뉴가 없습니다." /> + { setPage(p); load(p) }} /> + + )} + + {open && ( + setOpen(false)}> +
+ setForm({ ...form, menuId: v })} style={{ width: '100%' }} /> + setForm({ ...form, menuNm: v })} style={{ width: '100%' }} /> + setForm({ ...form, parentMenuId: v })} style={{ width: '100%' }} /> + + + + setForm({ ...form, menuUrl: v })} style={{ width: '100%' }} /> + setForm({ ...form, sortOrd: v === '' ? null : Number(v) })} style={{ width: '100%' }} /> +
+ setForm({ ...form, useYn: v })} placeholder="Y / N" /> + {err &&

{err}

} +
+ + +
+ + )} +
+ + ) +} diff --git a/frontend/src/pages/uiws/system/RoleManagement.tsx b/frontend/src/pages/uiws/system/RoleManagement.tsx new file mode 100644 index 0000000..70b3a04 --- /dev/null +++ b/frontend/src/pages/uiws/system/RoleManagement.tsx @@ -0,0 +1,115 @@ +import { useEffect, useState } from 'react' +import { roleList, roleCreate, roleUpdate, roleDelete } from '../../../api/uiws' +import { PageHeader, SearchBar, Button, Modal, FormField, Input, Spinner, Pagination, YnBadge, DataGrid, type Column } from '../../../components/uiws/ui' +import AdminGate from './AdminGate' + +/** + * 2.1 권한(Role) 관리 — /api/system/roles. 목록(PageResponse)·검색·등록·수정·다중삭제. + * RBAC: 조회 인증, 변경 ADMIN/MANAGER(백엔드 403 + AdminGate 이중 방어). 색상 토큰만 사용. + */ +type Role = { roleId: string; roleNm: string; roleDesc: string; useYn: string } +const empty: Role = { roleId: '', roleNm: '', roleDesc: '', useYn: 'Y' } +const PSIZE = 20 + +function friendlyError(e: any): string { + if (e?.response?.status === 403) return '권한이 없습니다 (관리자 전용).' + if (e?.response?.status === 409) return '이미 존재하는 역할 ID입니다.' + return e?.response?.data?.message || '요청을 처리하지 못했습니다.' +} + +export default function RoleManagement() { + const [rows, setRows] = useState([]) + const [total, setTotal] = useState(0) + const [page, setPage] = useState(0) + const [kw, setKw] = useState('') + const [loading, setLoading] = useState(false) + const [sel, setSel] = useState>(new Set()) + const [open, setOpen] = useState(false) + const [editing, setEditing] = useState(false) + const [form, setForm] = useState(empty) + const [err, setErr] = useState('') + + async function load(p = page, keyword = kw) { + setLoading(true) + try { + const res = await roleList({ keyword: keyword || undefined, page: p, size: PSIZE }) + setRows(res.data?.data?.content || []) + setTotal(res.data?.data?.total || 0) + setSel(new Set()) + } catch { setRows([]); setTotal(0) } finally { setLoading(false) } + } + useEffect(() => { load(0, '') }, []) + + function openCreate() { setForm(empty); setEditing(false); setErr(''); setOpen(true) } + function openEdit(r: Role) { setForm({ ...r }); setEditing(true); setErr(''); setOpen(true) } + + async function save() { + setErr('') + if (!form.roleId.trim() || !form.roleNm.trim()) { setErr('역할 ID와 이름은 필수입니다.'); return } + try { + if (editing) await roleUpdate(form.roleId, form) + else await roleCreate(form) + setOpen(false); load() + } catch (e) { setErr(friendlyError(e)) } + } + + async function removeSelected() { + if (sel.size === 0) return + if (!confirm(`선택한 ${sel.size}개 역할을 삭제할까요?`)) return + try { await roleDelete([...sel]); load() } catch (e) { alert(friendlyError(e)) } + } + + const toggle = (id: string) => setSel(p => { const n = new Set(p); n.has(id) ? n.delete(id) : n.add(id); return n }) + const totalPages = Math.max(1, Math.ceil(total / PSIZE)) + + const columns: Column>[] = [ + { key: 'sel', header: '', width: 36, render: r => ( + toggle(r.roleId)} onClick={e => e.stopPropagation()} /> + ) }, + { key: 'roleId', header: '역할 ID', render: r => {r.roleId} }, + { key: 'roleNm', header: '이름' }, + { key: 'roleDesc', header: '설명' }, + { key: 'useYn', header: '사용', width: 80, render: r => }, + ] + + return ( + +
+ + + + } /> + + + + + + + {loading ? : ( + <> + )[]} rowKey={r => r.roleId} + onRowClick={r => openEdit(r)} empty="등록된 역할이 없습니다." /> + { setPage(p); load(p) }} /> + + )} + + {open && ( + setOpen(false)}> + + setForm({ ...form, roleId: v })} placeholder="예: AUDITOR" style={{ width: '100%' }} /> + + setForm({ ...form, roleNm: v })} placeholder="예: 감사자" style={{ width: '100%' }} /> + setForm({ ...form, roleDesc: v })} style={{ width: '100%' }} /> + setForm({ ...form, useYn: v })} placeholder="Y / N" style={{ width: '100%' }} /> + {err &&

{err}

} +
+ + +
+ + )} +
+ + ) +} diff --git a/frontend/src/pages/uiws/system/RoleMenuManagement.tsx b/frontend/src/pages/uiws/system/RoleMenuManagement.tsx new file mode 100644 index 0000000..0ed504f --- /dev/null +++ b/frontend/src/pages/uiws/system/RoleMenuManagement.tsx @@ -0,0 +1,119 @@ +import { useEffect, useState } from 'react' +import { roleMenuRoles, roleMenusGet, roleMenusSave } from '../../../api/uiws' +import { PageHeader, Panel, Button, Spinner } from '../../../components/uiws/ui' +import AdminGate from './AdminGate' + +/** + * 2.5 메뉴생성(role-menus) — /api/system/role-menus(권한목록), /roles/{id}/menus(읽기/쓰기 매핑 조회·저장). + * 좌측 권한 선택 → 우측 메뉴별 읽기(readYn)/쓰기(writeYn) 토글 → 저장(PUT 전체 매핑). + * RBAC 변경 ADMIN/MANAGER(403 + AdminGate). 색상 토큰만. + */ +type Role = { roleId: string; roleNm: string; roleDesc: string; useYn: string } +type RoleMenu = { menuId: string; menuNm: string; readYn: string; writeYn: string } + +function friendlyError(e: any): string { + if (e?.response?.status === 403) return '권한이 없습니다 (관리자 전용).' + return e?.response?.data?.message || '요청을 처리하지 못했습니다.' +} + +export default function RoleMenuManagement() { + const [roles, setRoles] = useState([]) + const [active, setActive] = useState('') + const [menus, setMenus] = useState([]) + const [loadingRoles, setLoadingRoles] = useState(false) + const [loadingMenus, setLoadingMenus] = useState(false) + const [saving, setSaving] = useState(false) + const [msg, setMsg] = useState('') + + async function loadRoles() { + setLoadingRoles(true) + try { + const res = await roleMenuRoles({ page: 0, size: 100 }) + const list: Role[] = res.data?.data?.content || [] + setRoles(list) + if (list.length && !active) selectRole(list[0].roleId) + } catch { setRoles([]) } finally { setLoadingRoles(false) } + } + useEffect(() => { loadRoles() }, []) + + async function selectRole(roleId: string) { + setActive(roleId); setMsg(''); setLoadingMenus(true) + try { + const res = await roleMenusGet(roleId) + setMenus(res.data?.data || []) + } catch { setMenus([]) } finally { setLoadingMenus(false) } + } + + function toggle(menuId: string, field: 'readYn' | 'writeYn') { + setMenus(prev => prev.map(m => { + if (m.menuId !== menuId) return m + const next = { ...m, [field]: m[field] === 'Y' ? 'N' : 'Y' } + // 쓰기 권한이면 읽기는 자동 ON (정합성) + if (field === 'writeYn' && next.writeYn === 'Y') next.readYn = 'Y' + if (field === 'readYn' && next.readYn === 'N') next.writeYn = 'N' + return next + })) + } + + async function save() { + if (!active) return + setSaving(true); setMsg('') + try { + await roleMenusSave(active, menus) + setMsg('저장되었습니다.') + } catch (e) { setMsg(friendlyError(e)) } finally { setSaving(false) } + } + + return ( + +
+ {saving ? '저장 중...' : '저장'}} /> + +
+ +
역할 선택
+ {loadingRoles ? : roles.length === 0 ? ( +
역할이 없습니다.
+ ) : roles.map(r => ( + + ))} + + + + {loadingMenus ? : ( + + + + + + + + + + {menus.length === 0 ? ( + + ) : menus.map(m => ( + + + + + + ))} + +
메뉴읽기쓰기
매핑할 메뉴가 없습니다.
{m.menuNm} {m.menuId} toggle(m.menuId, 'readYn')} /> toggle(m.menuId, 'writeYn')} />
+ )} + +
+ {msg &&

{msg}

} +
+ + ) +}