harper 5.0.11 → 5.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/config/configUtils.js +8 -2
  2. package/dist/config/configUtils.js +8 -2
  3. package/dist/config/configUtils.js.map +1 -1
  4. package/package.json +1 -1
  5. package/studio/web/assets/index-CUg8eaR8.css +1 -0
  6. package/studio/web/assets/index-DEbcplKh.js +74 -0
  7. package/studio/web/assets/index-DEbcplKh.js.map +1 -0
  8. package/studio/web/assets/{index.lazy-DRQKYKT0.js → index.lazy-Cnq0wysL.js} +4 -4
  9. package/studio/web/assets/{index.lazy-DRQKYKT0.js.map → index.lazy-Cnq0wysL.js.map} +1 -1
  10. package/studio/web/assets/{profile-wyN1K1z0.js → profile-DX5mq9gw.js} +2 -2
  11. package/studio/web/assets/{profile-wyN1K1z0.js.map → profile-DX5mq9gw.js.map} +1 -1
  12. package/studio/web/assets/status-DwYg6LpK.js +2 -0
  13. package/studio/web/assets/{status-ChrCqVc7.js.map → status-DwYg6LpK.js.map} +1 -1
  14. package/studio/web/assets/{vendor-react-D6IIT0sT.js → vendor-react-DyY32duL.js} +52 -52
  15. package/studio/web/assets/vendor-react-DyY32duL.js.map +1 -0
  16. package/studio/web/assets/{vendor-tanstack-zom2m6Nj.js → vendor-tanstack-D0jMvSWD.js} +2 -2
  17. package/studio/web/assets/{vendor-tanstack-zom2m6Nj.js.map → vendor-tanstack-D0jMvSWD.js.map} +1 -1
  18. package/studio/web/assets/{vendor-viz-BdK5B9uw.js → vendor-viz-Cs-GQIim.js} +2 -2
  19. package/studio/web/assets/{vendor-viz-BdK5B9uw.js.map → vendor-viz-Cs-GQIim.js.map} +1 -1
  20. package/studio/web/index.html +4 -4
  21. package/studio/web/assets/index-C_a0cXHU.css +0 -1
  22. package/studio/web/assets/index-Dk_TRrUg.js +0 -74
  23. package/studio/web/assets/index-Dk_TRrUg.js.map +0 -1
  24. package/studio/web/assets/status-ChrCqVc7.js +0 -2
  25. package/studio/web/assets/vendor-react-D6IIT0sT.js.map +0 -1
@@ -0,0 +1,74 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index.lazy-Cnq0wysL.js","assets/rolldown-runtime-BTPm5ob3.js","assets/vendor-datadog--sQMslQh.js","assets/vendor-react-DyY32duL.js","assets/vendor-core-DlDjzdYO.js","assets/vendor-misc-DiaKLG2J.js","assets/vendor-markdown-DmpzS029.js","assets/vendor-html-BX0IEUi6.js","assets/vendor-monaco-BM3cl_a8.js","assets/vendor-charts-CbDcQ117.js","assets/vendor-react-CrIa5r46.css","assets/index-DZem5S77.css","assets/vendor-viz-Cs-GQIim.js","assets/status-DwYg6LpK.js","assets/profile-DX5mq9gw.js"])))=>i.map(i=>d[i]);
2
+ import{o as e}from"./rolldown-runtime-BTPm5ob3.js";import{Cn as t,Dn as n,En as r,Tn as i,_n as a,an as o,dn as s,fn as c,gn as l,hn as u,in as d,ln as f,mn as p,on as m,pn as h,sn as g,un as _,vn as v,wn as y,yn as b}from"./vendor-core-DlDjzdYO.js";import{$i as x,$n as S,$r as ee,$t as te,Ai as ne,An as re,Ar as ie,At as C,Bn as ae,Br as oe,Bt as se,Ci as ce,Cn as le,Cr as ue,Di as de,Dn as fe,Dr as w,Dt as pe,Ei as me,En as he,Er as ge,Et as _e,Fi as ve,Fn as ye,Fr as be,Ft as xe,Gi as Se,Gn as Ce,Gt as we,Hi as Te,Hn as Ee,Hr as De,Ht as Oe,Ii as ke,In as Ae,Ir as je,It as Me,Ji as Ne,Jn as Pe,Jr as Fe,Jt as Ie,Ki as Le,Kn as Re,Kr as ze,Kt as Be,Ln as Ve,Lt as He,Mn as Ue,Mr as We,Mt as Ge,Nn as Ke,Nr as qe,Nt as Je,Oi as Ye,On as Xe,Or as Ze,Ot as Qe,Pi as $e,Pn as T,Pt as et,Qi as tt,Qn as nt,Qr as rt,Qt as it,Rn as at,Rr as ot,Rt as st,Si as ct,Sn as lt,Sr as ut,St as dt,Tn as ft,Tr as pt,Ui as mt,Un as ht,Ur as gt,Ut as _t,Vi as vt,Vn as yt,Vr as bt,Vt as xt,Wi as St,Wn as Ct,Wr as wt,Wt as Tt,Xi as Et,Xn as Dt,Xr as Ot,Xt as kt,Yi as At,Yn as jt,Yt as Mt,Zi as Nt,Zn as Pt,Zr as Ft,Zt as It,_a as Lt,_i as Rt,_n as zt,_r as Bt,aa as Vt,ai as Ht,an as Ut,ba as Wt,bi as Gt,bn as Kt,br as qt,bt as Jt,ca as E,ci as Yt,cn as Xt,cr as Zt,da as Qt,di as $t,dn as en,dr as tn,ea as nn,ei as rn,en as an,er as on,fa as sn,fi as cn,fn as ln,fr as un,ga as D,gi as dn,gn as fn,gr as pn,ha as mn,hi as hn,hn as gn,hr as _n,ia as O,ii as vn,in as yn,ir as bn,ji as xn,jn as Sn,jr as Cn,jt as wn,ki as Tn,kn as En,kr as Dn,kt as On,la as kn,li as An,ln as jn,lr as Mn,ma as k,mi as Nn,mn as Pn,mr as Fn,na as In,ni as Ln,nn as Rn,nr as A,oa as zn,oi as Bn,on as Vn,or as Hn,pa as j,pi as Un,pn as Wn,pr as Gn,qi as Kn,qn,qr as Jn,qt as Yn,ra as M,ri as Xn,rn as Zn,rr as Qn,sa as $n,sn as er,sr as tr,ti as nr,tn as rr,tr as ir,ua as ar,ui as or,un as sr,ur as cr,va as lr,vi as ur,vn as dr,wi as fr,wn as pr,wr as mr,xi as hr,xn as gr,xr as _r,xt as vr,ya as yr,yi as br,yn as xr,yt as Sr,zi as Cr,zn as N,zr as wr,zt as Tr}from"./vendor-react-DyY32duL.js";import{a as Er,i as Dr,r as Or}from"./vendor-tanstack-D0jMvSWD.js";import{Ar as kr,Br as Ar,Dr as jr,Er as Mr,Fr as Nr,Hr as Pr,Ir as Fr,Lr as Ir,Nr as Lr,Or as Rr,Pr as zr,Rr as Br,Ur as Vr,Vr as Hr,jr as Ur,kr as Wr,zr as Gr}from"./vendor-misc-DiaKLG2J.js";import{i as Kr,r as qr}from"./vendor-datadog--sQMslQh.js";import"./vendor-stripe-TdDVajXP.js";import{t as Jr}from"./vendor-markdown-DmpzS029.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var Yr=9925,Xr=`HDB_ADMIN`,Zr=1024*1024*1024,Qr=100*1024*1024,P=n.create({withCredentials:!0,baseURL:`/`,timeout:15e3,headers:{"Content-Type":`application/json`}});function $r(e,t,n){return e===1||e===`1`?`${e} ${t}`:`${e} ${n}`}function ei(e){return e.replicated?.some(e=>ni(e))??!1}function ti(e){return e.status!==`failed`}function ni(e){return e.status===`failed`}function ri(e){if(ei(e.data)){let t=e.data.replicated.filter(ti),n=e.data.replicated.filter(ni),r=t.length?`The operation partially succeeded, but ${$r(n.length,`node`,`nodes`)} failed:`:n.length===1?`The operation failed on the single node:`:`The operation failed on all ${n.length} nodes:`,i=n.map(e=>`${e.node}: ${e.reason}`).join(`
3
+ `);return Promise.reject(r+`
4
+ `+i)}return e}function ii(e=1e3){return new Promise(t=>{setTimeout(()=>{t(!0)},e)})}function ai(e){return async t=>{let n=t?.response?.status,r=t?.config;return!r||!(n===502||n===503||n===504)?Promise.reject(t):(r.__retryCount=r.__retryCount||0,r.__retryCount>=3?Promise.reject(t):(r.__retryCount+=1,await ii(5e3*2**(r.__retryCount-1)),e.request(r)))}}function oi({id:e=mi,operationsUrl:t,port:r,secure:i,forceFabricConnect:a,disableFabricConnect:o}={}){let s=t||F.getOperationsUrl(e);if(s&&(r||i!==void 0)){let e=new URL(s);r&&(e.port=String(r)),i!==void 0&&(e.protocol=i?`https:`:`http:`),s=e.toString()}let c=!o&&(a||F.checkForFabricConnect(e));c&&(e.startsWith(`clu-`)?s=P.defaults.baseURL+`/Cluster/${e}/operation`:e.startsWith(`ins-`)&&(s=P.defaults.baseURL+`/HDBInstance/${e}/operation`));let l=F.checkForBasicAuth(e),u=n.create({auth:c?void 0:l,withCredentials:c||!l,timeout:15e3,headers:{"Content-Type":`application/json`},baseURL:s});return u.interceptors.response.use(ri,ai(u)),u}async function si(){let{data:e}=await P.get(`/User/current`);return e}var ci=[`current-user`];function li(){return k({queryKey:ci,queryFn:si,retry:!1})}async function ui({instanceClient:e,entityId:t}){let{data:n}=await e.post(`/`,{operation:`logout`});if(F.flagForBasicAuth(t,null),n)return n;throw Error(`Something went wrong`)}async function di({instanceClient:e,...t}){let{data:n}=await e.post(`/`,{operation:`user_info`},t);return n}function fi(e){let t=e?.fqdn;if(!t)return null;t.match(/^https?:\/\//i)||(t=`https://${t}`);let n=new URL(t);return t.match(/:\d+/)||(n.port=String(Yr)),t.includes(`://`)||(n.protocol=`https:`),n.toString()}function pi(e){let t=e.instanceFqdn;t.match(/^https?:\/\//i)||(t=`https://${t}`);let n=new URL(t);return e.operationsApiPort&&(n.port=String(e.operationsApiPort)),e.operationsApiSecure!==void 0&&(n.protocol=e.operationsApiSecure?`https:`:`http:`),n.toString()}var mi=`OverallAppSignIn`,F=new class{broadListeners=[];specificListeners={};potentiallyAuthenticatedKey=`Studio:PotentiallyAuthenticated`;basicAuthKeyPrefix=`Studio:BasicAuth:`;fabricConnectKeyPrefix=`Studio:FabricConnect:`;potentiallyAuthenticated;checkedAuthentication={};allConnections={};constructor(){this.potentiallyAuthenticated=JSON.parse(localStorage.getItem(this.potentiallyAuthenticatedKey)||`{}`)}getAllConnections(){return this.potentiallyAuthenticated.OverallAppSignIn||(this.allConnections[mi]={user:null,isLoading:!1}),this.allConnections}getConnectionById(e){return this.allConnections[e]||(this.allConnections[e]={user:null,isLoading:!!this.potentiallyAuthenticated[e]}),this.allConnections[e]}listenToAllEntities(e){this.broadListeners.includes(e)||this.broadListeners.push(e);for(let e in this.potentiallyAuthenticated)this.ensureUserIsLoaded(e);return()=>{let t=this.broadListeners.indexOf(e);t>=0&&this.broadListeners.splice(t,1)}}listenToEntity(e,t){if(e)return this.specificListeners[e]||(this.specificListeners[e]=[]),this.specificListeners[e].includes(t)||this.specificListeners[e].push(t),this.ensureUserIsLoaded(e),()=>{let n=this.specificListeners[e].indexOf(t);n>=0&&this.specificListeners[e].splice(n,1)}}setUserForEntity(e,t){let n=this.calculateIdFromEntity(e),r=this.calculateKeyFromEntity(e);if(!(!n||!r))return this.setUserForIdAndKey(n,r,t)}setUserForIdAndKey(e,t,n){n?this.flagKeyAsSignedIn(e,t):this.flagKeyAsSignedOut(e),this.updateConnectionIfChanged(e,!1,n)}updateUserForEntity(e,t){let n=this.calculateIdFromEntity(e);if(!n)return;let r=this.getConnectionById(n);r.user&&this.updateConnectionIfChanged(n,!1,{...r.user,...t})}calculateIdFromEntity(e){return mi}flagForBasicAuth(e,t){t===null?localStorage.removeItem(this.basicAuthKeyPrefix+e):localStorage.setItem(this.basicAuthKeyPrefix+e,btoa(JSON.stringify(t)))}flagForFabricConnect(e,t){t?localStorage.setItem(this.fabricConnectKeyPrefix+e,`true`):localStorage.removeItem(this.fabricConnectKeyPrefix+e)}checkForBasicAuth(e){let t=localStorage.getItem(this.basicAuthKeyPrefix+e);return t?JSON.parse(atob(t)):void 0}checkForFabricConnect(e){return localStorage.getItem(this.fabricConnectKeyPrefix+e)===`true`}async signOutFromPotentiallyAuthenticatedInstances(){for(let e in this.potentiallyAuthenticated)if(this.allConnections[e].user=null,this.allConnections[e].isLoading=!1,this.flagKeyAsSignedOut(e),e!==`OverallAppSignIn`)try{await ui({entityId:e,instanceClient:oi({id:e})})}catch(t){console.error(`Failed to log out from ${e}, carrying on`,t)}}calculateKeyFromEntity(e){return mi}updateConnectionIfChanged(e,t,n){this.checkedAuthentication[e]=!0;let r=this.getConnectionById(e),i=!1;r.isLoading!==t&&(r.isLoading=t,i=!0),r.user!==n&&(r.user=n,i=!0),i&&this.updateListeners(e)}flagKeyAsSignedIn(e,t){this.potentiallyAuthenticated[e]!==t&&(this.potentiallyAuthenticated[e]=t,localStorage.setItem(this.potentiallyAuthenticatedKey,JSON.stringify(this.potentiallyAuthenticated)))}flagKeyAsSignedOut(e){this.potentiallyAuthenticated[e]&&(delete this.potentiallyAuthenticated[e],localStorage.setItem(this.potentiallyAuthenticatedKey,JSON.stringify(this.potentiallyAuthenticated)))}async updateListeners(e){if(await ii(1),this.broadListeners)for(let t of this.broadListeners)this.updateListener(e,t);if(this.specificListeners[e])for(let t of this.specificListeners[e])this.updateListener(e,t)}updateListener(e,t){t(this.getConnectionById(e),e)}async ensureUserIsLoaded(e){this.checkedAuthentication[e]||await this.reloadUser(e)}getOperationsUrl(e){return`/`}async reloadUser(e){return this.potentiallyAuthenticated[e]?this.loadUser(e):(this.updateConnectionIfChanged(e,!1,null),null)}async loadUser(e){let t=this.potentiallyAuthenticated[e];this.updateConnectionIfChanged(e,!0,null);let n=null;try{e===`OverallAppSignIn`?n=await di({instanceClient:oi()}):e&&(n=await di({instanceClient:oi({id:e})}))}catch(e){console.error(e),n=null}return n?this.flagKeyAsSignedIn(e,t):this.flagKeyAsSignedOut(e),this.updateConnectionIfChanged(e,!1,n),n}},I=e(Wt(),1);function hi(){let[e,t]=(0,I.useState)(F.getAllConnections());return(0,I.useEffect)(()=>F.listenToAllEntities((n,r)=>{t({...e,[r]:n})}),[e]),e}function gi(){let e=F.calculateIdFromEntity(mi),[t,n]=(0,I.useState)(F.getConnectionById(mi));return(0,I.useEffect)(()=>F.listenToEntity(e,n),[e]),t}function _i(){return gi()}function vi(){let{user:e}=_i();return e?.fabricRole===`fabric_admin`||e?.fabricRole===`super_user`}function yi(e){let t=mi,{clusterId:n,instanceId:r}=E({strict:!1}),[i,a]=(0,I.useState)(F.getConnectionById(t??r??n));return(0,I.useEffect)(()=>F.listenToEntity(t,a),[t]),i}var bi=`hover:-translate-y-1 transition duration-200`,xi=`border bg-transparent border-2 text-white shadow-xs hover:bg-grey-700/40`,Si=y(`inline-flex
5
+ items-center
6
+ justify-center
7
+ gap-2
8
+ whitespace-nowrap
9
+ rounded-lg
10
+ text-sm
11
+ transition-[color,box-shadow]
12
+ disabled:pointer-events-none
13
+ disabled:opacity-50
14
+ [&_svg]:pointer-events-none
15
+ [&_svg:not([class*='size-'])]:size-4
16
+ [&_svg]:shrink-0
17
+ ring-ring/10
18
+ dark:ring-ring/20
19
+ dark:outline-ring/40
20
+ outline-ring/50
21
+ focus-visible:ring-1
22
+ focus-visible:outline-1
23
+ focus-visible:ring-purple-200
24
+ aria-invalid:focus-visible:ring-0`,{variants:{variant:{default:`bg-primary text-primary-foreground shadow-sm hover:bg-primary/90`,submit:`bg-gradient-to-r from-blue-100 from-0% to-blue to-100% hover:bg-gradient-to-r hover:from-blue text-primary-foreground shadow-sm`,destructive:`bg-destructive shadow-xs hover:bg-destructive/90`,secondary:`bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-muted-foreground`,destructiveGhost:`hover:bg-accent hover:text-red`,link:`text-primary underline-offset-4 hover:underline`,positive:`bg-green text-white shadow-xs hover:bg-green/90`,warning:`bg-yellow text-white shadow-xs hover:bg-yellow/90`,outline:`${xi} ${bi}`,ghostOutline:`${xi} ${bi} border-none`,positiveOutline:`${xi} ${bi} border-green`,destructiveOutline:`${xi} ${bi} border-destructive`,defaultOutline:`${xi} ${bi} border-primary`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,sm:`h-8 rounded-md px-3 has-[>svg]:px-2.5`,lg:`h-10 rounded-md px-6 has-[>svg]:px-4 text-md`,icon:`size-9`}},defaultVariants:{variant:`default`,size:`default`}});function L(...e){return t(r(e))}var R=yr();function z({className:e,variant:t,size:n,asChild:r=!1,...i}){return(0,R.jsx)(r?Ne:`button`,{"data-slot":`button`,className:L(Si({variant:t,size:n,className:e})),...i})}function Ci({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`card`,className:L(`bg-card text-card-foreground flex flex-col gap-6 rounded-xl py-4 shadow-deep`,e),...t})}function wi({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`card-header`,className:L(`flex flex-col gap-1.5 px-6`,e),...t})}function Ti({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`card-title`,className:L(`leading-none text-lg`,e),...t})}function Ei({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`card-description`,className:L(`text-muted-foreground text-xs`,e),...t})}function Di({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`card-content`,className:L(`px-6`,e),...t})}function Oi(e){return e!==null&&!!e.username}function ki(e){if(e&&!Oi(e)){let t=Object.keys(e.roles);if(t.length===1)return`/${t[0]}`}return`/`}function Ai({className:e,error:t,title:n,showReturnToHome:r,children:i}){let{user:a,isLoading:o}=gi();return ki(a),(0,R.jsxs)(Ci,{className:L(`text-red p-5 border border-red rounded-md m-12 mt-36`,e),children:[(0,R.jsxs)(wi,{children:[(0,R.jsx)(Ti,{className:`text-2xl`,children:(0,R.jsx)(`h2`,{children:n??`Component Error`})}),(0,R.jsx)(Ei,{children:t.message})]}),(0,R.jsxs)(Di,{children:[i,r!==!1&&(a&&!o?(0,R.jsx)(O,{to:`/`,children:(0,R.jsxs)(z,{children:[` `,(0,R.jsx)(Se,{}),` Return to Home`]})}):(0,R.jsx)(O,{to:`/sign-in`,children:(0,R.jsxs)(z,{children:[` `,(0,R.jsx)(Se,{}),` Go to Sign In Page`]})}))]})]})}function ji(){let{user:e,isLoading:t}=gi();return ki(e),(0,R.jsx)(`div`,{className:`flex items-center justify-center h-screen px-3`,children:(0,R.jsxs)(Ci,{className:`text-red p-5 border border-red rounded-md w-full max-w-md`,children:[(0,R.jsx)(wi,{children:(0,R.jsx)(Ti,{className:`text-2xl`,children:(0,R.jsx)(`h2`,{children:`Sorry, Page Not Found`})})}),(0,R.jsx)(Di,{children:e&&!t?(0,R.jsx)(O,{to:`/`,children:(0,R.jsxs)(z,{children:[` `,(0,R.jsx)(Se,{}),` Return to Home`]})}):(0,R.jsx)(O,{to:`/sign-in`,children:(0,R.jsxs)(z,{children:[` `,(0,R.jsx)(Se,{}),` Go Sign In Page`]})})})]})})}function Mi(){return`ontouchstart`in window||navigator.maxTouchPoints>0}function Ni(e){let t=`Error`,n=`We had some trouble!`;console.error(e);let r=e,i=e;if(typeof e==`string`?n=e:r?.response?.data?typeof r.response.data==`string`?n=r.response.data:r.response.data.error?n=r.response.data.error:r.response.data.message&&(n=r.response.data.message):i?.message&&(n=i.message),n.includes(`:`)){let e=n.split(`:`);t=e.shift(),n=e.join(`:`)}A.error(t,{description:n,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}var Pi=new Or({queryCache:new Dr({onError:Ni}),mutationCache:new Er({onError:Ni})});function Fi(e){return!!e}var Ii=!1,Li=!1;function Ri(){(0,I.useEffect)(()=>{Ii||(Ii=!0,Li&&(qr.init({applicationId:`f590deee-4bac-49b4-a202-3b6963d9721d`,clientToken:`pub27aa29cea521492f4fef73032f86a023`,site:`datadoghq.com`,service:`studio`,env:void 0,version:`v5.0.12`,trackViewsManually:!0,trackUserInteractions:!0,sessionSampleRate:100,sessionReplaySampleRate:0,defaultPrivacyLevel:`mask`,plugins:[on()]}),qr.onReady(()=>{qr.startView({service:`studio`,version:`v5.0.12`,name:window.location.pathname||`initial`})})))},[])}function zi(e){if(!Li)return;qr.setUser({id:e.id,email:e.email,name:[e.firstname,e.lastname].filter(Boolean).join(` `)||void 0});let t=`hasLoggedInBefore:${e.id}`;localStorage.getItem(t)?qr.addAction(`return_login`):(qr.addAction(`first_time_login`),localStorage.setItem(t,`true`));let n=`lastLoginTimestamp:${e.id}`,r=localStorage.getItem(n),i=Date.now();if(r){let e=Math.floor((i-Number(r))/1e3);!Number.isNaN(e)&&e>=0&&qr.addAction(`login_time_gap`,{value:e})}localStorage.setItem(n,String(i)),qr.addAction(`login_success`,{userId:e.id})}function Bi(){return(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(x,{})})}var Vi=In()({component:Bi});function Hi(){return(0,R.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 126.644 96`,width:24,height:24,children:(0,R.jsx)(`path`,{fill:`currentColor`,d:`M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z`})})}function Ui(){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`img`,{src:`/harper-studio_white.png`,alt:`Harper Studio`,className:`w-64 hidden md:inline-block`}),(0,R.jsx)(`img`,{src:`/HDBDogOnly.svg`,width:`50px`,height:`44px`,alt:`Harper`,className:`inline-block md:hidden`})]})}function Wi({className:e,...t}){return(0,R.jsx)(`div`,{className:L(`absolute top-full left-0 isolate z-50 flex justify-center`),children:(0,R.jsx)(nt,{"data-slot":`navigation-menu-viewport`,className:L(`origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]`,e),...t})})}function Gi({className:e,children:t,viewport:n=!0,...r}){return(0,R.jsxs)(Pt,{"data-slot":`navigation-menu`,"data-viewport":n,className:L(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...r,children:[t,n&&(0,R.jsx)(Wi,{})]})}function Ki({className:e,...t}){return(0,R.jsx)(Pe,{"data-slot":`navigation-menu-item`,className:L(`relative`,e),...t})}function qi({className:e,...t}){return(0,R.jsx)(jt,{"data-slot":`navigation-menu-link`,className:L(`hover:text-white ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4`,e),...t})}function Ji({className:e,...t}){return(0,R.jsx)(Dt,{"data-slot":`navigation-menu-list`,className:L(`group flex flex-1 list-none items-center justify-center gap-1`,e),...t})}var Yi=y(`inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto`,{variants:{variant:{default:`border-primary bg-primary/40 text-primary-foreground [a&]:hover:bg-primary/90`,secondary:`border-secondary bg-secondary/40 text-secondary-foreground [a&]:hover:bg-secondary/90`,warning:`border-yellow bg-yellow/40 text-white [a&]:hover:bg-yellow/90`,success:`border-green bg-green/40 text-white [a&]:hover:bg-green/90`,destructive:`border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40`,outline:`text-white [a&]:hover:bg-accent [a&]:hover:text-accent-foreground`}},defaultVariants:{variant:`default`}});function Xi(){let e=`v5.0.12`;return(0,R.jsx)(`a`,{href:e?.startsWith(`v`)?`https://github.com/HarperFast/studio/releases/tag/${e}`:`https://github.com/HarperFast/studio/releases`,target:`_blank`,rel:`noopener noreferrer`,children:(0,R.jsxs)(`span`,{className:L(Yi({variant:`default`}),`text-xs inline-block ml-2 align-text-top`),children:[e,` BETA`]})})}function Zi(e={}){let{instanceId:t,clusterId:n}=E({strict:!1});return oi({id:mi,...e})}function Qi(e={}){let{instanceId:t,clusterId:n}=E({strict:!1});return{instanceClient:oi({id:mi,...e}),entityType:`instance`}}function B(e={}){let{instanceId:t,clusterId:n}=E({strict:!1});return(0,I.useMemo)(()=>$i({instanceId:t,clusterId:n,...e}),[e.instanceId??t,e.clusterId??n,e.operationsUrl,e.port,e.secure,e.disableFabricConnect,e.forceFabricConnect])}function $i({instanceId:e,clusterId:t,...n}){let r=mi;if(!r)throw Error(`id could not be automatically calculated in useInstanceClientIdParams`);return{instanceClient:oi({id:r,...n}),entityId:r,entityType:`instance`}}function ea(){localStorage.clear()}function ta(){sessionStorage.clear()}async function na(){F.setUserForEntity(mi,null),Pi.getQueryCache().clear(),ea(),ta(),await Pi.invalidateQueries({refetchType:`none`})}async function ra(e){await F.signOutFromPotentiallyAuthenticatedInstances(),await ui({...e,entityId:mi})}function ia(){let e=Zi();return j({mutationFn:()=>ra({instanceClient:e}),onSuccess:na})}function aa(e){let{user:t}=_i(),{organizationId:n}=E({strict:!1}),r=t?.roles?.[e??n];return!r?.permission&&!r?.organization?{update:!1,remove:!1}:r.permission?.super_user?{update:!0,remove:!0}:{update:r.organization.update,remove:r.organization.delete}}function oa(e){let{user:t}=_i(),{organizationId:n}=E({strict:!1}),r=t?.roles?.[e??n];if(!r?.permission&&!r?.organization?.roles)return{create:!1,remove:!1,update:!1,view:!1};if(r.permission?.super_user)return{create:!0,remove:!0,update:!0,view:!0};let i=r.organization.roles;return{create:i.create,remove:i.delete,update:i.update,view:i.view}}function sa(e,t){let{user:n}=_i(),{organizationId:r,clusterId:i}=E({strict:!1});return ca(n,e??r,t??i)}function ca(e,t,n){let r=e?.roles?.[t];if(!r?.permission&&!r?.organization?.clusters)return{create:!1,remove:!1,update:!1,view:!1};if(r.permission?.super_user)return{create:!0,remove:!0,update:!0,view:!0};let i=r.organization.clusters.resources?.find(e=>e.id===n),a=r.organization.clusters;return{create:a.create,remove:i?i.delete:a.delete,update:i?i.update:a.update,view:i?i.view:a.view}}function la(e,t){let{user:n}=_i(),{organizationId:r,clusterId:i}=E({strict:!1});return ua(n,e??r,t??i)}function ua(e,t,n){let r=e?.roles?.[t];if(!r?.permission&&!r?.organization?.clusters)return{create:!1,remove:!1,update:!1,view:!1};if(r.permission?.super_user)return{create:!0,remove:!0,update:!0,view:!0};let i=r.organization.clusters.resources?.find(e=>e.id===n)?.instances,a=r.organization.clusters;return{create:i?i.create:a.create,remove:i?i.delete:a.delete,update:i?i.update:a.update,view:i?i.view:a.view}}function da(e){let{clusterId:t,instanceId:n}=E({strict:!1}),{user:r}=yi(e??n??t),i=r?.role?.permission;return i?i.super_user===!0:!1}function fa(e){let{clusterId:t,instanceId:n}=E({strict:!1}),{user:r}=yi(e??n??t),i=r?.role?.permission;return i?i.super_user===!0||i.structure_user===!0:!1}function pa(e,t,n,r){let{clusterId:i,instanceId:a}=E({strict:!1}),{user:o}=yi(e??a??i),s=o?.role?.permission;return s?s.super_user===!0||s.structure_user===!0?!0:s[t]?.tables?.[n][r]===!0:!1}var ma={className:`text-white`};function ha(){let{mutate:e}=ia(),t=zn(),{user:n}=gi(),r=ar(),{organizationId:i}=E({strict:!1}),{update:a}=aa(i),{view:o}=oa(i),s=a,c=(0,I.useCallback)(()=>{e(void 0,{onSuccess:async()=>{A.success(`Success`,{description:`You have been signed out successfully.`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),t({to:`/sign-in`}),r.invalidate()}})},[e,r,t]),l=(0,I.useMemo)(()=>[!1,!1,!1,{to:`https://docs.harperdb.io/docs`,target:`_blank`,icon:(0,R.jsx)(Cr,{}),text:`Docs`,textBreakpoint:`md`},{to:`https://github.com/HarperFast/studio/issues`,target:`_blank`,icon:(0,R.jsx)($e,{}),text:`Report an Issue`,textBreakpoint:`lg`},{to:`https://discord.gg/VzZuaw3Xay`,target:`_blank`,icon:(0,R.jsx)(Hi,{}),text:`Discord`,textBreakpoint:`lg`},{onClick:c,icon:(0,R.jsx)(ot,{}),text:`Sign Out`,textBreakpoint:`md`}].filter(Fi),[i,s,o,c]);return n?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(ba,{menuItems:l}),(0,R.jsx)(va,{menuItems:l})]}):(0,R.jsx)(_a,{})}function ga(e){return e.items!==void 0}function _a(){return(0,R.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,R.jsxs)(`div`,{className:`inline-block`,children:[(0,R.jsx)(O,{to:`/sign-in`,children:(0,R.jsx)(Ui,{})}),(0,R.jsx)(Xi,{})]}),(0,R.jsx)(Gi,{children:(0,R.jsxs)(Ji,{className:`text-grey-400`,children:[(0,R.jsx)(Ki,{children:(0,R.jsx)(qi,{asChild:!0,children:(0,R.jsxs)(O,{to:`https://docs.harperdb.io/docs`,target:`_blank`,rel:`noreferrer noopener`,className:`flex-row items-center`,children:[(0,R.jsx)(Cr,{}),` `,(0,R.jsx)(`span`,{className:`hidden md:inline-block`,children:`Docs`})]})})}),(0,R.jsx)(Ki,{children:(0,R.jsx)(qi,{asChild:!0,children:(0,R.jsxs)(O,{to:`/sign-in`,className:`flex-row items-center`,activeProps:ma,children:[(0,R.jsx)(wr,{}),` Sign In`]})})})]})})]})}function va({menuItems:e}){let{user:t}=gi();return ki(t),(0,R.jsx)(`div`,{className:`hidden md:block`,children:(0,R.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,R.jsxs)(`div`,{className:`inline-block`,children:[(0,R.jsx)(O,{to:`/`,children:(0,R.jsx)(Ui,{})}),(0,R.jsx)(Xi,{})]}),(0,R.jsx)(Gi,{children:(0,R.jsx)(Ji,{className:`text-grey-400`,children:e.map(e=>ga(e)?!!e.items.length&&(0,R.jsx)(`div`,{className:`bg-black rounded-2xl flex`,children:e.items.map(e=>(0,R.jsx)(ya,{menuItem:e},e.text))},e.text):(0,R.jsx)(ya,{menuItem:e},e.text))})})]})})}function ya({menuItem:e}){return(0,R.jsx)(Ki,{className:`text-gray-400 hover:text-white`,children:(0,R.jsx)(qi,{asChild:!0,children:(0,R.jsxs)(O,{to:e.to,onClick:e.onClick,className:`flex-row items-center`,target:e.target,activeProps:e.to?ma:void 0,children:[e.icon,(0,R.jsx)(`span`,{className:`hidden ${e.textBreakpoint}:inline-block`,children:e.text}),(0,R.jsx)(`span`,{className:`${e.textBreakpoint}:hidden`,children:`\xA0`})]})})})}function ba({menuItems:e}){let{user:t}=gi();ki(t);let[n,r]=(0,I.useState)(!1),i=(0,I.useCallback)(()=>r(e=>!e),[]),a=(0,I.useCallback)(()=>r(!1),[]);return(0,R.jsxs)(`div`,{className:`md:hidden`,id:`mobile-menu`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,R.jsx)(O,{to:`/`,children:(0,R.jsx)(Ui,{})}),(0,R.jsx)(Xi,{}),(0,R.jsxs)(`button`,{type:`button`,className:`shadow-xs text-grey-400 hover:text-white hover:bg-black-dark`,onClick:i,children:[(0,R.jsx)(`span`,{className:`sr-only`,children:n?`Close menu`:`Open menu`}),n?(0,R.jsx)(Qn,{}):(0,R.jsx)(be,{})]})]}),(0,R.jsx)(`div`,{className:`${n?`fixed`:`hidden`} top-40 bottom-0 left-0 right-0 bg-black-dark opacity-70`,onClick:a}),(0,R.jsx)(`div`,{className:`${n?`block`:`hidden`} md:hidden z-50 space-y-1 pb-3 bg-black-dark absolute left-0 top-full w-full rounded-b-md`,children:e.map(e=>ga(e)?!!e.items.length&&(0,R.jsx)(`div`,{className:`bg-black pl-10 pr-2 py-2`,children:e.items.map(e=>(0,R.jsx)(xa,{menuItem:e,onClick:a},e.text))},e.text):(0,R.jsx)(xa,{menuItem:e,onClick:a},e.text))})]})}function xa({menuItem:e,onClick:t}){let n=(0,I.useCallback)(()=>{e.onClick?.(),t()},[e,t]);return(0,R.jsxs)(O,{to:e.to,onClick:n,target:e.target,className:`flex flex-row px-3 py-2 text-base font-medium rounded-md text-gray-400 hover:text-white`,activeProps:e.to?ma:void 0,children:[e.icon,(0,R.jsx)(`span`,{className:`ml-4`,children:e.text})]})}function Sa(){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`header`,{className:`fixed top-0 z-40 w-full h-20 p-4 bg-black-dark dark:bg-black-dark dark:border-b dark:border-black md:px-12`,children:(0,R.jsx)(ha,{})}),(0,R.jsxs)(`div`,{className:`pt-20 grid h-screen grid-cols-1 md:grid-cols-2`,children:[(0,R.jsx)(`section`,{className:`items-center justify-center hidden text-white md:flex px-6 fabricSignupTextContainer`,children:(0,R.jsx)(`img`,{className:`object-scale-down max-h-[calc(100vh-80px-40px)] min-h-115`,src:`/fabric-signup-text.png`,alt:`One Runtime: App, database, Cache and Messaging. Distributed by design, free to deploy, and live in minutes. Deploy!`})}),(0,R.jsx)(`section`,{className:`flex items-center justify-center px-6 bg-linear-(--purple-gradient) dark:bg-linear-(--black-dark-gradient)`,children:(0,R.jsx)(x,{})})]})]})}var Ca;function wa(){(0,I.useEffect)(()=>{},[])}var Ta=[`gmail.com`,`yahoo.com`,`hotmail.com`,`outlook.com`,`icloud.com`,`aol.com`,`protonmail.com`,`mail.com`,`zoho.com`,`yandex.com`,`gmx.com`,`live.com`,`msn.com`,`me.com`,`inbox.com`];function Ea(e){if(!e||!e.includes(`@`))return null;let t=e.split(`@`).pop()||``;if(!t)return null;for(let e of Ta)if(t===e||t.endsWith(`.`+e))return null;return t}var Da=null;function Oa(){let e=zn(),t=ar(),n=lr(),{redirect:r}=$n({strict:!1});return(0,I.useEffect)(()=>{Da||=(async function(){let i=await si().catch(()=>null);if(!i)A.error(`We were not able to verify your sign-in. Please try signing in again.`,{duration:1e4}),await e({to:`/sign-in`});else{F.setUserForEntity(mi,i);let a=ki(i);zi(i);let o=Ea(i.email);Ca?.identify?.({username:i.email,type:`email`,...o?{company:o}:{}}),await n.invalidateQueries({queryKey:ci,refetchType:`none`}),await t.invalidate(),await e({to:r?.startsWith(`/`)?r:a})}Da=null})()},[]),(0,R.jsxs)(`div`,{className:`text-white w-lg flex flex-col gap-4`,children:[(0,R.jsxs)(`h1`,{className:`text-3xl font-light`,children:[(0,R.jsx)(`span`,{"aria-hidden":`true`,className:`text-2xl animate-flower-dance mr-4`,title:`Loading`,children:`🌼`}),`Checking...`]}),(0,R.jsx)(`div`,{className:`underline flex gap-4`,children:(0,R.jsx)(O,{className:`text-sm opacity-50 hover:text-blue-300`,to:`/sign-in`,children:`Try signing in again`})})]})}function ka({delayDuration:e=0,...t}){return(0,R.jsx)(Ce,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function Aa({...e}){return(0,R.jsx)(ka,{children:(0,R.jsx)(Re,{"data-slot":`tooltip`,...e})})}function ja({...e}){return(0,R.jsx)(qn,{"data-slot":`tooltip-trigger`,...e})}function Ma({className:e,sideOffset:t=0,arrowClassName:n,children:r,...i}){return(0,R.jsx)(Ct,{children:(0,R.jsxs)(ht,{"data-slot":`tooltip-content`,sideOffset:t,className:L(`bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance`,e),...i,children:[r,(0,R.jsx)(Ee,{className:L(`bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]`,n)})]})})}var Na=new Map;function Pa(e){if(!e)return``;if(Na.has(e))return Na.get(e);let t=e.replace(/[-_]+/g,` `).replace(/\s+/g,` `).trim();if(!t)return Na.set(e,``),``;let n=t.match(/([A-Z]+(?=[A-Z][a-z])|[A-Z]?[a-z]+|[A-Z]+|[0-9]+)/g);if(!n)return Na.set(e,``),``;let r=[];for(let e=0;e<n.length;e++){let t=n[e],i=e+1<n.length?n[e+1]:void 0;/^[A-Z]{2,}$/.test(t)&&i&&/[A-Z]*s$/.test(i)||/^[A-Z]$/.test(t)&&i!==void 0&&/^[A-Z]s$/.test(i)?(r.push(t+i),e++):r.push(t)}let i=r.map(Fa).join(` `);return Na.set(e,i),i}function Fa(e){return/^[A-Z]{2,3}s?$/.test(e)||/^[0-9]+$/.test(e)?e:e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}function Ia({restartRequired:e}){let t=At(),{organization:n,instance:r,cluster:i}=Et({strict:!1});return(0,R.jsxs)(`div`,{role:`list`,className:`flex items-center space-x-2 xl:space-x-4 sm:max-w-9/10 max-w-[calc(100%-56px)]`,children:[...(0,I.useMemo)(()=>{let e=t.pathname.split(`/`).filter(e=>e&&e.length>0),a=[(0,R.jsxs)(O,{to:`/`,children:[(0,R.jsx)(ze,{"aria-hidden":`true`,className:`size-5 shrink-0`}),(0,R.jsx)(`span`,{className:`sr-only`,children:`Home`})]},`home`)];for(let t=0;t<e.length;t++){let o=e[t];if(o===`instance`)continue;let s=`/${e.slice(0,t+1).join(`/`)}`,c=Pa(o);o===`databases`&&e.length===t+3?(c=e[t+2],t+=2):c.startsWith(`Org `)?c=n?.name||`Org`:c.startsWith(`Clu `)?(c=i?.name||`Cluster`,e[t+1]===`instance`&&(s+=`/instances`)):c.startsWith(`Ins `)?c=r?.name?.split(`.`)?.shift()||`Instance`:c===`Apis`&&(c=`APIs`),a.push((0,R.jsx)(`svg`,{fill:`currentColor`,viewBox:`0 0 20 20`,"aria-hidden":`true`,className:`size-5 shrink-0 text-grey`,children:(0,R.jsx)(`path`,{d:`M5.555 17.776l8-16 .894.448-8 16-.894-.448z`})},a.length+`-dash`),(0,R.jsx)(O,{to:s,className:`text-xs md:text-sm font-medium hover:text-grey truncate max-w-48`,children:c},s))}return a},[t.pathname,i?.name,r?.name,n?.name]),e&&(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsxs)(`div`,{className:`text-xs italic text-muted-foreground`,children:[`* Restart `,(0,R.jsx)(`span`,{className:`hidden lg:inline-block`,children:`Requested`})]})}),(0,R.jsxs)(Ma,{side:`bottom`,children:[`This `,`Instance`,` is requesting a restart, when convenient, to apply your latest changes.`,(0,R.jsx)(`br`,{}),`You can do this from the Apps or Config pages.`]})]})]})}var V=Ve,La=(0,I.createContext)({}),Ra=(0,I.createContext)({});function za(){let e=(0,I.useContext)(La),t=(0,I.useContext)(Ra),{getFieldState:n}=ae(),r=yt({name:e.name}),i=n(e.name,r);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:a}=t;return{id:a,name:e.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...i}}function H({...e}){let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=za();return(0,R.jsx)(Ne,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${i}`:`${r}`,"aria-invalid":!!t,...e})}function U({...e}){return(0,R.jsx)(La,{value:{name:e.name},children:(0,R.jsx)(Ae,{...e})})}function W({className:e,...t}){return(0,R.jsx)(Ra,{value:{id:(0,I.useId)()},children:(0,R.jsx)(`div`,{"data-slot":`form-item`,className:L(`grid gap-2`,e),...t})})}function Ba({className:e,...t}){return(0,R.jsx)(ye,{"data-slot":`label`,className:L(`text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...t})}function G({className:e,...t}){let{error:n,formItemId:r}=za();return(0,R.jsx)(Ba,{"data-slot":`form-label`,"data-error":!!n,className:L(`data-[error=true]:text-destructive`,e),htmlFor:r,...t})}function K({className:e,...t}){let{error:n,formMessageId:r}=za(),i=n?String(n?.message):t.children;return i?(0,R.jsx)(`p`,{"data-slot":`form-message`,id:r,className:L(`text-destructive text-sm`,e),...t,children:i}):null}function q({className:e,type:t,...n}){return(0,R.jsx)(`input`,{type:t,"data-slot":`input`,className:L(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-purple
25
+ selection:text-primary-foreground
26
+ dark:aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/50 ring-ring/10
27
+ dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 aria-invalid:outline-destructive/60
28
+ aria-invalid:ring-destructive/20 aria-invalid:border-destructive/60 dark:aria-invalid:border-destructive
29
+ flex h-9 w-full min-w-0 rounded-md border bg-grey-700 px-3 py-1 text-base text-white
30
+ file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium
31
+ focus-visible:ring-1 focus-visible:outline-none focus-visible:ring-purple disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50
32
+ aria-invalid:focus-visible:ring-[1px] aria-invalid:focus-visible:outline-none md:text-sm dark:aria-invalid:focus-visible:ring-1`,e),...n})}var Va=[`RUNNING`],Ha=[`TERMINATING`,`TERMINATED`,`REMOVED`];function Ua(){return`https://fabric.harper.fast/#/?createCluster=`+encodeURIComponent(JSON.stringify({deploymentDescription:`Self-Hosted`,performanceDescription:`Self Supported and Managed`,instances:[{secure:String(location.protocol===`https:`),fqdn:location.hostname,port:parseInt(location.port,10)}]}))}async function Wa({username:e,password:t,instanceClient:n,entityId:r}){let i={username:e,password:t};F.checkForBasicAuth(r)&&(n.defaults.auth=i,n.defaults.withCredentials=!1);let{data:{message:a}}=await n.post(`/`,{operation:`login`,username:e,password:t});if(!F.checkForBasicAuth(r))try{return{message:a,user:await di({instanceClient:n})}}catch(e){console.error(`Failed to get user after login, trying basic auth`,e)}try{n.defaults.auth=i,n.defaults.withCredentials=!1;let e=await di({instanceClient:n,auth:i});return F.flagForBasicAuth(r,i),{message:a,user:e}}catch(e){throw n.defaults.auth=void 0,n.defaults.withCredentials=!0,e}let o=oi({id:r,forceFabricConnect:!0}),s=await di({instanceClient:o});return F.flagForFabricConnect(r,!0),{message:a,user:s,instanceClient:o}}function Ga(){return j({mutationFn:Wa})}function Ka({cluster:e,instance:t,instanceParams:n}){let r=zn(),i=ar(),{redirect:a}=$n({strict:!1}),{mutate:o,isPending:s}=Ga();return{isPending:s,submitForm:(0,I.useCallback)(async s=>{o({...s,...n},{onSuccess:async({message:n,user:o})=>{if(A.success(n),e?.instances?.length&&!t)for(let t of e.instances)F.setUserForEntity(t,o);let s=mi;if(!s)throw Error(`Sign in failed due to missing cluster or instance.`);F.setUserForEntity(s,o),i.invalidate(),await r({to:a?.startsWith(`/`)?a:`/`})}})},[e,t,n,r,a,i,o])}}async function qa(e){let{data:t}=await P.get(`/Cluster/${e}`);return t}function Ja(e,t){return k({queryKey:[e],queryFn:()=>qa(e),retry:!1,staleTime:1900,enabled:!!e,refetchInterval:t?t===!0?1e4:t:void 0})}var Ya=c({error:`Please enter a valid email address.`}).toLowerCase().trim(),Xa=v().nonempty({error:`Please enter your password.`}),Za=v().nonempty({error:`Please enter a username.`}),Qa=l({username:Za,password:Xa}),$a=l({email:Ya,password:Xa});function eo({entityId:e,instanceClient:t}){return k({queryKey:[e,`health`],queryFn:async()=>{try{return await t.get(`/health`),!0}catch{return!1}},retry:2,refetchInterval:5e3})}var to=[`localhost`,`127.0.0.1`],no=function(e){return e.MixedLoopback=`MixedLoopback`,e.InsecureCookieOutsideChromeAndFirefox=`InsecureCookieOutsideChromeAndFirefox`,e}({});function ro(e,t,n){if(!n||!t||!e)return null;let r=new URL(n).hostname,i=to.includes(t),a=to.includes(r);if(i&&a&&r!==t)return no.MixedLoopback;if(!i&&a){let t=e.indexOf(`Chrome`)>=0,n=e.indexOf(`Firefox`)>=0;if(!t&&!n)return no.InsecureCookieOutsideChromeAndFirefox}return null}function io(){let{clusterId:e,instanceId:t}=E({strict:!1}),{data:n}=D(Ja(e,!0)),r=(0,I.useMemo)(()=>t&&n&&n?.instances?.find(e=>e.id===t)||void 0,[n,t]),i=(0,I.useMemo)(()=>n?.status&&Va.includes(n.status),[n?.status]),a=`instance`,o=(0,I.useMemo)(()=>n?r?(F.flagForFabricConnect(r.id,!1),pi(r)):(F.flagForFabricConnect(n.id,!1),fi(n)):null,[n,r]),s=B({operationsUrl:o}),c=(0,I.useMemo)(()=>o?.includes(`localhost`)||o?.includes(`127.0.0.1`),[o]),l=(0,I.useMemo)(()=>ro(navigator.userAgent,location.hostname,o),[o]),{data:u}=D(eo(s)),d=N({resolver:T(Qa),defaultValues:{username:``,password:``}}),{control:f,handleSubmit:p}=d,{submitForm:m,isPending:h}=Ka({cluster:n,instance:r,instanceParams:s});return!t&&n&&!n?.fqdn?(0,R.jsx)(Vt,{to:`../instances`,replace:!0}):i&&n?.resetPassword?(0,R.jsx)(Vt,{to:`/${n.organizationId}/${n.id}/finish-setup`,replace:!0}):!i&&n?.resetPassword?(0,R.jsx)(Vt,{to:`/${n.organizationId}/${n.id}/starting-up`,replace:!0}):(0,R.jsxs)(R.Fragment,{children:[!1,(0,R.jsx)(`div`,{className:`h-screen items-center justify-center flex`,children:(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsxs)(`h2`,{className:`text-2xl font-light`,children:[`Sign in to Harper `,`Local`]}),(0,R.jsx)(V,{...d,children:(0,R.jsxs)(`form`,{id:`auth-${a}-signin-form`,name:`auth-${a}-signin-form`,onSubmit:p(m),className:`my-4`,children:[(0,R.jsx)(U,{control:f,name:`username`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Username`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{autoComplete:`username`,autoFocus:!0,type:`text`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:f,name:`password`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(z,{disabled:h,type:`submit`,variant:`submit`,className:`w-full my-2 rounded-full`,children:`Sign In`}),u===!1&&(0,R.jsxs)(`div`,{className:`p-4 mt-4 text-sm text-yellow-800 rounded-lg bg-yellow-50 dark:bg-gray-800 dark:text-yellow-300`,role:`alert`,children:[(0,R.jsx)(`span`,{className:`font-medium`,children:`Warning!`}),` This `,a,` is not responding to GET`,` `,(0,R.jsxs)(`a`,{href:`${o}health`,className:`underline`,target:`_blank`,children:[o,`health`]}),` `,`checks.`,(0,R.jsxs)(`ol`,{className:`list-decimal ml-8 mt-2`,children:[(0,R.jsx)(`li`,{children:`Is the server running?`}),(0,R.jsxs)(`li`,{children:[`Have you`,` `,(0,R.jsx)(`a`,{href:`https://docs.harperdb.io/docs/developers/security/configuration#cors`,target:`_blank`,rel:`noreferrer`,className:`underline`,children:`enabled CORS`}),` `,`for the operations API?`]}),c&&(0,R.jsxs)(`li`,{children:[`Have you allowed`,` `,(0,R.jsx)(`a`,{href:`https://www.google.com/search?q=How+do+I+enable+local+network+access+in+my+browser%3F`,className:`underline`,target:`_blank`,rel:`noreferrer`,children:`local network access`}),` `,`in your browser?`]})]})]}),l===no.MixedLoopback&&(0,R.jsxs)(`div`,{className:`p-4 mt-4 text-sm text-yellow-800 rounded-lg bg-yellow-50 dark:bg-gray-800 dark:text-yellow-300`,role:`alert`,children:[(0,R.jsx)(`span`,{className:`font-medium`,children:`Warning!`}),` `,`Your login might not work because you're mixing 127.0.0.1 and localhost. Pick one or the other.`]}),l===no.InsecureCookieOutsideChromeAndFirefox&&(0,R.jsxs)(`div`,{className:`p-4 mt-4 text-sm text-yellow-800 rounded-lg bg-yellow-50 dark:bg-gray-800 dark:text-yellow-300`,role:`alert`,children:[(0,R.jsx)(`span`,{className:`font-medium`,children:`Warning!`}),` `,`Your login might not work because your browser doesn't consider localhost to be secure, so it doesn't pass the cookies along. Firefox or Chromium based browsers should pass the cookies properly.`]}),(0,R.jsxs)(`div`,{className:`p-4 mt-4 text-sm rounded-lg bg-purple-950`,role:`alert`,children:[(0,R.jsx)(`span`,{className:`font-medium`,children:`Did you know?`}),` `,`You can add this instance to your Harper account to manage it remotely.`,(0,R.jsx)(`div`,{className:`text-center pt-2`,children:(0,R.jsx)(O,{to:Ua(),target:`_blank`,children:(0,R.jsx)(z,{type:`button`,variant:`positive`,children:`Connect to Harper Fabric`})})})]})]})})]})})]})}async function ao({email:e}){let{data:t}=await P.post(`/ForgotPassword/`,{email:e});if(t)return t;throw Error(`Something went wrong`)}function oo(){return j({mutationFn:e=>ao(e)})}var so=l({email:Ya});function co(){let e=zn(),{me:t}=$n({strict:!1}),n=N({resolver:T(so),defaultValues:{email:t||``}}),r=n.watch(`email`),{setFocus:i,control:a,handleSubmit:o}=n;(0,I.useEffect)(()=>{i(`email`)},[i]);let{mutate:s,isPending:c}=oo(),l=async t=>{s(t,{onSuccess:t=>{A.success(`Success`,{description:`${t}`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),e({to:`/sign-in`,search:{me:r}})}})};return(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsx)(`h2`,{className:`text-2xl font-light`,children:`Enter your account email`}),(0,R.jsx)(`p`,{className:`text-sm pt-1`,children:`If a matching account exists, we'll send you a password reset link.`}),(0,R.jsx)(V,{...n,children:(0,R.jsxs)(`form`,{id:`auth-forgot-password-form`,name:`auth-forgot-password-form`,onSubmit:o(l),className:`my-4`,children:[(0,R.jsx)(U,{control:a,name:`email`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-2`,children:[(0,R.jsx)(G,{children:`Email`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{disabled:c,type:`email`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(z,{type:`submit`,variant:`submit`,disabled:c,className:`w-full my-2 rounded-full`,children:`Send Password Reset Email`})]})}),(0,R.jsxs)(`div`,{className:`flex px-4 mt-4 underline place-content-between`,children:[(0,R.jsx)(O,{className:`text-sm hover:text-blue-300`,to:`/sign-in`,search:{me:r},children:`Sign in to your account`}),(0,R.jsx)(O,{className:`text-sm hover:text-blue-300`,to:`/sign-up`,search:{me:r},children:`Sign up for free`})]})]})}var lo=async({token:e,password:t})=>{let{data:n}=await P.put(`/ResetPassword/`,{token:e,newPassword:t});return n};function uo(){return j({mutationFn:e=>lo(e)})}var fo=l({password:Xa.min(8,{error:`Password must be at least 8 characters long.`}).max(50,{error:`Password cannot be longer than 50 characters.`}),confirmPassword:v()}).refine(e=>e.password===e.confirmPassword,{error:`Passwords do not match.`,path:[`confirmPassword`]});function po(){let{token:e}=$n({strict:!1}),t=zn();(0,I.useEffect)(()=>{e||t({to:`/sign-in`})},[e,t]);let n=N({resolver:T(fo),defaultValues:{password:``,confirmPassword:``}}),{setFocus:r,control:i,handleSubmit:a}=n;(0,I.useEffect)(()=>{r(`password`)},[r]);let{mutate:o,isPending:s}=uo(),c=(0,I.useCallback)(async n=>{o({token:e,password:n.password},{onSuccess:()=>{A.success(`Success`,{description:`Your password has been reset successfully.`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),t({to:`/sign-in`})}})},[t,o,e]);return(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsx)(`h2`,{className:`text-2xl font-light`,children:`Reset Password`}),(0,R.jsx)(V,{...n,children:(0,R.jsxs)(`form`,{id:`auth-reset-password-form`,name:`auth-reset-password-form`,className:`my-4`,onSubmit:a(c),children:[(0,R.jsx)(U,{control:i,name:`password`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-2`,children:[(0,R.jsx)(G,{children:`New Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{disabled:s,type:`password`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:i,name:`confirmPassword`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-2`,children:[(0,R.jsx)(G,{children:`Confirm Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{disabled:s,type:`password`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(z,{variant:`submit`,type:`submit`,disabled:s,className:`w-full my-2 rounded-full`,children:`Submit New Password`})]})})]})}function mo({text:e,disabled:t,onClick:n}){return(0,R.jsx)(`a`,{href:`/oauth/github/login?redirect=%2F%23%2Fcheck-oauth`,onClick:n,children:(0,R.jsxs)(`button`,{className:i(`github-signin-btn`,t&&`opacity-50`),type:`button`,children:[(0,R.jsx)(`img`,{src:`/github/GitHub_Invertocat_White.svg`,alt:`GitHub Logo`,className:`github-icon`}),e]})})}function ho({text:e,disabled:t,onClick:n}){return(0,R.jsx)(`a`,{href:`/oauth/google/login?redirect=%2F%23%2Fcheck-oauth`,onClick:n,children:(0,R.jsxs)(`button`,{className:i(`gsi-material-button`,t&&`opacity-50`),type:`button`,children:[(0,R.jsx)(`div`,{className:`gsi-material-button-state`}),(0,R.jsxs)(`div`,{className:`gsi-material-button-content-wrapper`,children:[(0,R.jsx)(`div`,{className:`gsi-material-button-icon`,children:(0,R.jsxs)(`svg`,{version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 48 48`,xmlnsXlink:`http://www.w3.org/1999/xlink`,className:`block`,children:[(0,R.jsx)(`path`,{fill:`#EA4335`,d:`M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z`}),(0,R.jsx)(`path`,{fill:`#4285F4`,d:`M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z`}),(0,R.jsx)(`path`,{fill:`#FBBC05`,d:`M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z`}),(0,R.jsx)(`path`,{fill:`#34A853`,d:`M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z`}),(0,R.jsx)(`path`,{fill:`none`,d:`M0 0h48v48H0z`})]})}),(0,R.jsx)(`span`,{className:`gsi-material-button-contents`,children:e}),(0,R.jsx)(`span`,{className:`hidden`,children:e})]})]})})}function go(){let e=zn(),t=lr(),n=ar(),{redirect:r}=$n({strict:!1}),{mutate:i,isPending:a}=_o();return{isPending:a,submitForm:(0,I.useCallback)(a=>{i(a,{onSuccess:async i=>{F.setUserForEntity(mi,i);let a=ki(i);zi(i);let o=Ea(i.email);Ca?.identify?.({username:i.email,type:`email`,...o?{company:o}:{}}),await t.invalidateQueries({queryKey:ci,refetchType:`none`}),n.invalidate(),await e({to:r?.startsWith(`/`)?r:a})}})},[e,t,r,n,i])}}function _o(){return j({mutationFn:e=>vo(e)})}async function vo({email:e,password:t}){let{data:n}=await P.post(`/Login/`,{email:e,password:t});if(n)return n;throw Error(`Something went wrong`)}function yo(){let{me:e}=$n({strict:!1}),t=N({resolver:T($a),defaultValues:{email:e||``,password:``}}),{handleSubmit:n,control:r}=t,i=t.watch(`email`),{submitForm:a,isPending:o}=go();return(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsx)(`h2`,{className:`text-2xl font-light`,children:`Sign in to Harper Fabric`}),(0,R.jsx)(V,{...t,children:(0,R.jsxs)(`form`,{id:`auth-signin-form`,name:`auth-signin-form`,onSubmit:n(a),className:`my-4`,children:[(0,R.jsx)(U,{control:r,name:`email`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Email`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`email`,autoFocus:!0,autoComplete:`email`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r,name:`password`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,autoComplete:`current-password`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(z,{type:`submit`,variant:`submit`,className:`w-full my-2 rounded-full`,disabled:o,children:`Sign In`}),(0,R.jsxs)(`div`,{className:`flex px-4 mt-4 underline place-content-between`,children:[(0,R.jsx)(O,{className:`text-sm hover:text-blue-300`,to:`/sign-up`,search:{me:i},children:`Sign up for free`}),(0,R.jsx)(O,{className:`text-sm hover:text-blue-300`,to:`/forgot-password`,search:{me:i},children:`Forgot password?`})]})]})}),(0,R.jsx)(`hr`,{className:`border-gray-600 my-6`}),(0,R.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,R.jsx)(ho,{text:`Sign in with Google`}),(0,R.jsx)(mo,{text:`Sign in with GitHub`})]})]})}var bo=/^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžæÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,'-]+$/u;async function xo(e){let{data:t}=await P.post(`/User/`,e);if(t)return t;throw Error(`Something went wrong`)}function So(){return j({mutationFn:e=>xo(e)})}var Co=l({email:Ya.max(80,{error:`Email cannot be longer than 80 characters.`}),firstname:v().trim().min(2,{error:`Please enter your first name.`}).regex(bo,{error:`First name can only contain letters, spaces, and hyphens.`}).max(40,{error:`First name cannot be longer than 40 characters.`}),lastname:v().trim().min(2,{error:`Please enter your last name.`}).regex(bo,{error:`Last name can only contain letters, spaces, and hyphens.`}).max(80,{error:`Last name cannot be longer than 80 characters.`}),password:Xa.min(8,{error:`Password must be at least 8 characters long.`}),confirmPassword:v(),acceptTerms:_().refine(e=>e===!0,{message:`You must accept the Privacy Policy and Terms of Service.`})}).refine(e=>e.password===e.confirmPassword,{error:`Passwords do not match.`,path:[`confirmPassword`]});function wo(){let e=zn(),{email:t,me:n}=$n({strict:!1}),[r,i]=(0,I.useState)(!1),a=N({resolver:T(Co),defaultValues:{firstname:``,lastname:``,email:n||t||``,password:``,confirmPassword:``,acceptTerms:!1}}),o=a.watch(`email`),s=a.watch(`acceptTerms`),{setFocus:c,control:l,handleSubmit:u}=a;(0,I.useEffect)(()=>{c(`firstname`)},[c]);let{mutate:d}=So(),f=(0,I.useCallback)(async t=>{let{confirmPassword:n,acceptTerms:r,...i}=t;d(i,{onSuccess:()=>{let t=Ea(i.email);Ca?.identify?.({username:i.email,type:`email`,firstname:i.firstname,lastname:i.lastname,...t?{company:t}:{}}),e({to:`/verifying?email=`+encodeURIComponent(i.email)})}})},[e,d]),p=(0,I.useCallback)(e=>{if(!s)return i(!0),setTimeout(()=>i(!1),1e3),e.preventDefault(),!1},[s]),m=(0,R.jsx)(U,{control:l,name:`acceptTerms`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex flex-row items-start space-x-3 space-y-0 p-1 transition-colors duration-300 ${r?`bg-red-500/20 animate-pulse rounded`:``}`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`size-4 rounded border-gray-300 bg-white text-purple-600 focus:ring-purple-500`,checked:e.value,onChange:e.onChange})}),(0,R.jsxs)(`div`,{className:`space-y-1 leading-none`,children:[(0,R.jsxs)(G,{className:`text-xs font-normal`,children:[`I accept the`,` `,(0,R.jsx)(`a`,{href:`https://www.harper.fast/resources/privacy-policy`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-blue-300`,children:`Privacy Policy`}),` `,`and`,` `,(0,R.jsx)(`a`,{href:`https://www.harper.fast/resources/paas-terms-of-service`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-blue-300`,children:`Terms of Service`})]}),(0,R.jsx)(K,{})]})]})});return(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsx)(`h2`,{className:`text-2xl font-light`,children:`Sign up for Harper Fabric`}),(0,R.jsxs)(V,{...a,children:[(0,R.jsxs)(`div`,{className:`flex flex-col gap-2 my-6`,children:[m,(0,R.jsx)(ho,{text:`Sign up with Google`,disabled:!s,onClick:p}),(0,R.jsx)(mo,{text:`Sign up with GitHub`,disabled:!s,onClick:p})]}),(0,R.jsx)(`hr`,{className:`border-gray-600`}),(0,R.jsxs)(`form`,{id:`auth-signup-form`,name:`auth-signup-form`,onSubmit:u(f),className:`grid gap-4 my-4`,children:[(0,R.jsx)(U,{control:l,name:`firstname`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`First Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,autoCapitalize:`words`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:l,name:`lastname`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Last Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,autoCapitalize:`words`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:l,name:`email`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Email`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`email`,readOnly:!!t,disabled:!!t,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,autoComplete:`email`,autoCapitalize:`none`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:l,name:`password`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,autoComplete:`new-password`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:l,name:`confirmPassword`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Confirm Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,autoComplete:`new-password`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),m,(0,R.jsx)(z,{type:`submit`,variant:`submit`,className:`w-full rounded-full my-4`,children:`Sign Up For Free`})]})]}),(0,R.jsx)(`div`,{className:`flex px-4 mt-4 underline place-content-between`,children:(0,R.jsx)(O,{className:`m-auto text-sm hover:text-blue-300`,to:`/sign-in`,search:{me:o},children:`Already have an account? Sign in instead.`})})]})}var To=async({email:e})=>{let{data:t}=await P.post(`/ResendVerificationEmail/`,{email:e});return t};function Eo(){return j({mutationFn:e=>To(e)})}var Do=async e=>{let{data:t}=await P.put(`/VerifyEmail/`,{token:e.toString()});return t};function Oo(){return j({mutationFn:e=>Do(e)})}var ko=l({email:Ya});function Ao(){let e=zn(),{mutate:t,isPending:n}=Eo(),r=N({resolver:T(ko),defaultValues:{email:``}}),i=r.watch(`email`),{setFocus:a,control:o,handleSubmit:s}=r;(0,I.useEffect)(()=>{a(`email`)},[a]);let c=(0,I.useCallback)(async n=>{t(n,{onSuccess:t=>{A.success(`Success`,{description:`${t}`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),e({to:`/sign-in`,search:{me:i}})}})},[i,e,t]);return(0,R.jsxs)(V,{...r,children:[(0,R.jsx)(`p`,{className:`text-sm py-2`,children:`Please Enter an Email`}),(0,R.jsxs)(`form`,{id:`auth-verify-email-form`,name:`auth-verify-email-form`,onSubmit:s(c),className:`my-4`,children:[(0,R.jsx)(U,{control:o,name:`email`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-2`,children:[(0,R.jsx)(G,{children:`Email`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{disabled:n,type:`email`,className:`bg-purple-400 border-purple-400 dark:bg-black dark:border-black`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(z,{type:`submit`,variant:`submit`,disabled:n,className:`w-full my-2 rounded-full`,children:`Send Verification Email`})]})]})}function jo(){let{token:e}=$n({strict:!1}),t=zn(),{mutate:n,isPending:r}=Oo(),i=(0,I.useCallback)(e=>{n(e,{onSuccess:()=>{A.success(`Success`,{description:`Email verified successfully`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),t({to:`/sign-in`})}})},[n,t]);return(0,I.useEffect)(()=>{e&&i(e)},[i,e]),(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsx)(`h1`,{className:`text-3xl font-light`,children:`Verify Email`}),r?(0,R.jsx)(`p`,{className:`text-sm pt-1`,children:`Verifying email...`}):(0,R.jsx)(Ao,{})]})}function Mo(){let{email:e}=$n({strict:!1}),{mutate:t,isPending:n}=Eo(),r=(0,I.useCallback)(n=>(n.preventDefault(),e&&t({email:e},{onSuccess:e=>{A.success(`Code Sent`,{description:`${e}`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}}),!1),[e,t]);return(0,R.jsxs)(`div`,{className:`text-white w-lg flex flex-col gap-4`,children:[(0,R.jsxs)(`h1`,{className:`text-3xl font-light`,children:[(0,R.jsx)(`span`,{"aria-hidden":`true`,className:`text-2xl animate-flower-dance mr-4`,title:`Loading`,children:`🌼`}),`Check your email!`]}),(0,R.jsxs)(`p`,{children:[`Your account has been created! You should receive an email with a link to `,(0,R.jsx)(`strong`,{children:`[Verify My Email]`}),`!`]}),(0,R.jsxs)(`p`,{children:[`From: `,(0,R.jsx)(`strong`,{children:`harper@notifications.harperfabric.com`})]}),(0,R.jsxs)(`p`,{children:[`To: `,(0,R.jsx)(`strong`,{children:e||`your email`})]}),(0,R.jsx)(`p`,{children:`Can you click it? Then we can carry on to more fun things!`}),(0,R.jsxs)(`div`,{className:`underline flex gap-4`,children:[(0,R.jsx)(O,{className:`text-sm hover:text-blue-300`,to:`/sign-in`,search:{me:e},children:`I did it, let me sign in!`}),(0,R.jsx)(O,{className:`text-sm opacity-50 hover:text-blue-300`,to:void 0,onClick:r,disabled:n,children:`Send me another code, please.`})]})]})}var No=M({getParentRoute:()=>Vi,id:`_authLayout`,component:Sa}),Po=M({getParentRoute:()=>No,path:`sign-in`,component:yo,beforeLoad:({context:e,location:t})=>{let n=e.authentication[mi]?.user;if(n){let e=t?.search,r=ki(n);throw Qt({to:e?.redirect?.startsWith(`/`)?e.redirect:r})}}}),Fo=M({getParentRoute:()=>Vi,path:`sign-in`,component:io,beforeLoad:({context:e,location:t})=>{if(e.authentication.OverallAppSignIn?.user){let e=t?.search;throw Qt({to:e?.redirect?.startsWith(`/`)?e.redirect:`/`})}}}),Io=M({getParentRoute:()=>No,path:`sign-up`,component:wo}),Lo=M({getParentRoute:()=>No,path:`forgot-password`,component:co}),Ro=M({getParentRoute:()=>No,path:`verify-email`,component:jo}),zo=M({getParentRoute:()=>No,path:`verifying`,component:Mo}),Bo=M({getParentRoute:()=>No,path:`check-oauth`,component:Oa}),Vo=M({getParentRoute:()=>No,path:`reset-password`,component:po});No.addChildren([Po,Io,Bo,Lo,Ro,zo,Vo]);var Ho=[Fo];function Uo({children:e}){return(0,R.jsx)(`nav`,{className:`fixed top-20 w-full h-12 z-39 py-2 px-4 md:px-12 bg-grey-700`,children:(0,R.jsxs)(`div`,{className:`flex items-center h-full space-x-2`,children:[(0,R.jsx)(Ia,{}),e]})})}function Wo(e){if(Jo(e)||Yo(e))return`warning`;if(Go(e))return`success`;switch(e){case`STOPPED`:return`secondary`;case`TERMINATING`:case`TERMINATED`:case`FAILED`:case`REMOVED`:case`ERROR`:return`destructive`;default:return`default`}}function Go(e){switch(e){case`RUNNING`:case`UPDATED`:return!0;default:return!1}}function Ko(e){switch(e){case`FAILED`:return!0;default:return!1}}function qo(e){switch(e){case`TERMINATED`:return!0;default:return!1}}function Jo(e){switch(e){case`CLONE_PENDING`:return!0;default:return!1}}function Yo(e){switch(e){case`PROVISIONING`:case`CLONING`:case`CLONE_READY`:case`UPDATING_HDB_NODES`:case`UPDATING`:return!0;default:return!1}}function J({...e}){return(0,R.jsx)(Sn,{"data-slot":`dialog`,...e})}function Xo({...e}){return(0,R.jsx)(Ke,{"data-slot":`dialog-trigger`,...e})}function Zo({...e}){return(0,R.jsx)(re,{"data-slot":`dialog-portal`,...e})}function Qo({className:e,...t}){return(0,R.jsx)(En,{"data-slot":`dialog-overlay`,className:L(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black-dark/90`,e),...t})}function Y({className:e,children:t,...n}){return(0,R.jsxs)(Zo,{"data-slot":`dialog-portal`,children:[(0,R.jsx)(Qo,{}),(0,R.jsxs)(fe,{"data-slot":`dialog-content`,className:L(`bg-black data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] lg:max-w-2xl max-h-screen overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 rounded-md p-6 shadow-lg duration-200`,e),...n,children:[t,(0,R.jsxs)(he,{className:`ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,children:[(0,R.jsx)(Qn,{className:`text-white`}),(0,R.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function $o({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`dialog-header`,className:L(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function X({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`dialog-footer`,className:L(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function Z({className:e,...t}){return(0,R.jsx)(Ue,{"data-slot":`dialog-title`,className:L(`text-lg leading-none text-white font-semibold`,e),...t})}function es({className:e,...t}){return(0,R.jsx)(Xe,{"data-slot":`dialog-description`,className:L(`text-muted-foreground text-sm`,e),...t})}function ts({typeOfThingBeingDeleted:e,nameOfThingBeingDeleted:t,isModalOpen:n,hideDataLossWarning:r,setIsModalOpen:i,deletionConfirmed:a,deletionPending:o,trigger:s,presentParticiple:c=`Deleting`,transitiveVerb:l=`Delete`}){return(0,R.jsxs)(J,{open:n,onOpenChange:i,children:[s&&(0,R.jsx)(Xo,{asChild:!0,children:s}),(0,R.jsxs)(Y,{className:`sm:max-w-[750px]`,children:[(0,R.jsxs)($o,{children:[(0,R.jsxs)(Z,{children:[`Are you sure you want to `,l.toLowerCase(),` this `,e,`?`]}),(0,R.jsx)(es,{children:`This action cannot be undone.`})]}),!r&&(0,R.jsxs)(`div`,{className:`p-3 my-5 text-white rounded-md bg-amber-600`,children:[(0,R.jsxs)(`p`,{className:`flex space-x-1 font-semibold align-baseline`,children:[(0,R.jsx)(tr,{className:`inline-block size-5`}),` `,(0,R.jsx)(`span`,{children:`Warning`})]}),(0,R.jsxs)(`p`,{className:`pt-2 text-base`,children:[`By `,c.toLowerCase(),` `,e,` `,(0,R.jsx)(`span`,{className:`font-semibold`,children:t}),` `,`you will lose the data stored in it permanently.`]})]}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-center space-x-5`,children:[(0,R.jsxs)(z,{type:`button`,className:`rounded-full`,onClick:()=>i(!1),children:[(0,R.jsx)(Se,{}),` Cancel`]}),(0,R.jsxs)(z,{variant:`destructive`,className:`rounded-full`,onClick:a,disabled:o,children:[(0,R.jsx)(Zt,{}),` `,l]})]})})]})]})}function ns({className:e,variant:t,asChild:n=!1,...r}){return(0,R.jsx)(n?Ne:`span`,{"data-slot":`badge`,className:L(Yi({variant:t}),e),...r})}function rs({...e}){return(0,R.jsx)(le,{"data-slot":`dropdown-menu`,...e})}function is({...e}){return(0,R.jsx)(ft,{"data-slot":`dropdown-menu-trigger`,...e})}function as({className:e,sideOffset:t=4,...n}){return(0,R.jsx)(lt,{children:(0,R.jsx)(dr,{"data-slot":`dropdown-menu-content`,sideOffset:t,className:L(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-grey-700 p-1 shadow-md`,e),...n})})}function os({className:e,inset:t,variant:n=`default`,...r}){return(0,R.jsx)(xr,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:L(`focus:bg-accent focus:text-grey data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...r})}function ss({className:e,children:t,checked:n,...r}){return(0,R.jsxs)(zt,{"data-slot":`dropdown-menu-checkbox-item`,className:L(`focus:bg-primary relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:n,...r,children:[(0,R.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,R.jsx)(Kt,{children:(0,R.jsx)(ne,{className:`size-4`})})}),t]})}function cs({className:e,inset:t,...n}){return(0,R.jsx)(gr,{"data-slot":`dropdown-menu-label`,"data-inset":t,className:L(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...n})}function ls({className:e,...t}){return(0,R.jsx)(pr,{"data-slot":`dropdown-menu-separator`,className:L(`bg-grey-700 -mx-1 my-1 h-px`,e),...t})}function us(e){return!!e?.plans?.[0]?.planId?.startsWith(`self-hosted`)}function ds({cluster:e}){let t=yi(e.id),{view:n,update:r}=sa(e.organizationId,e.id),i=!F.checkForFabricConnect(e.id)&&!!t.user;if(n){if(!e.fqdn)return(0,R.jsx)(O,{to:`/${e.organizationId}/${e.id}/instances`,className:`text-sm text-nowrap`,"aria-label":`View ${e.name}`,title:`View ${e.name}`,children:(0,R.jsxs)(`span`,{className:`py-2 hover:border-b-2`,children:[`Instances `,(0,R.jsx)(St,{className:`inline-block`})]})});if(e.resetPassword)return r?(0,R.jsx)(O,{to:`/${e.organizationId}/${e.id}/finish-setup`,className:`text-sm text-nowrap`,"aria-label":`Set Password on ${e.name}`,title:`Set Password on ${e.name}`,children:(0,R.jsxs)(z,{variant:`positive`,className:`py-2 hover:border-b-2 animate-glow-pulse`,children:[`Finish Setup `,(0,R.jsx)(St,{className:`inline-block`})]})}):(0,R.jsx)(`span`,{className:`py-2 text-nowrap`,children:`Pending Owner Setup`});if(!t.isLoading)return i?(0,R.jsx)(O,{to:`/${e.organizationId}/${e.id}/`,className:`text-sm text-nowrap`,"aria-label":`View ${e.name}`,title:`View ${e.name}`,children:(0,R.jsxs)(`span`,{className:`py-2 hover:border-b-2`,children:[`Direct Connect `,(0,R.jsx)(St,{className:`inline-block`})]})}):r&&!us(e)?(0,R.jsx)(O,{to:`/${e.organizationId}/${e.id}/`,className:`text-sm text-nowrap`,"aria-label":`Connect to ${e.name}`,title:`Connect to ${e.name}`,children:(0,R.jsxs)(`span`,{className:`py-2 hover:border-b-2`,children:[`Fabric Connect `,(0,R.jsx)(St,{className:`inline-block`})]})}):(0,R.jsx)(O,{to:`/${e.organizationId}/${e.id}/sign-in`,className:`text-sm text-nowrap`,"aria-label":`Sign In to ${e.name}`,title:`Sign In to ${e.name}`,children:(0,R.jsxs)(`span`,{className:`py-2 hover:border-b-2`,children:[`Direct Sign In `,(0,R.jsx)(St,{className:`inline-block`})]})})}}function fs(e,t){let n=[];if(e)for(let r of e)n.push(r[t]);return n}function ps({cluster:e,forceProgressBarVisible:t}){let[n,r]=(0,I.useState)(t||!1),{data:i}=D(Ja(n&&e.id,2e3));(0,I.useEffect)(function(){(Jo(e.status)||Yo(e.status))&&r(!0)},[n,e.status,i?.instances]);let a=(0,I.useMemo)(()=>{let e=fs(i?.plans??[],`planId`),t=i?.instances??[],n=0,r={},a=0,o={},s=0,c={},l=0,u={};for(let i of t){let t=i.status;!t||qo(t)||(Jo(t)?(n+=1,r[t]=`${n} ${Pa(t)}`):Yo(t)?(a+=1,o[t]=`${a} ${Pa(t)}`):Ko(t)?(l+=1,u[t]=`${l} ${Pa(t)}`):!i.planId||!e.includes(i.planId)?(a+=1,o.DRAINING_TRAFFIC=`${a} ${Pa(`Draining Traffic`)}`):Go(t)&&(s+=1,c[t]=`${s} ${Pa(t)}`))}let d=n+a+s;return{pendingWidth:`${d===0?100:n===0?0:n/d*100}%`,updatingWidth:`${a===0?0:a/d*100}%`,failedWidth:`${l===0?0:l/d*100}%`,runningWidth:`${s===0?0:s/d*100}%`,text:[...Object.values(c).sort(),...Object.values(u).sort(),...Object.values(o).sort(),...Object.values(r).sort()].join(` · `)}},[i]);return n?(0,R.jsxs)(`div`,{className:`w-full text-center`,children:[(0,R.jsxs)(`div`,{className:`w-full h-2.5 rounded-full overflow-clip flex shadow`,children:[(0,R.jsx)(`div`,{style:{width:a.runningWidth},className:`grow bg-green/80 transition-[width] duration-1000 ease-in-out motion-reduce:transition-none`}),(0,R.jsx)(`div`,{style:{width:a.failedWidth},className:`grow bg-red/80 transition-[width] duration-1000 ease-in-out motion-reduce:transition-none`}),(0,R.jsx)(`div`,{style:{width:a.updatingWidth},className:`grow animate-pulse bg-yellow/80 transition-[width] duration-1000 ease-in-out motion-reduce:transition-none`}),(0,R.jsx)(`div`,{style:{width:a.pendingWidth},className:`grow bg-gray-600 transition-[width] duration-1000 ease-in-out motion-reduce:transition-none`})]}),a.text&&(0,R.jsx)(`div`,{className:`text-xs text-muted-foreground font-light mt-2`,children:a.text})]}):null}async function ms(e){let{data:t}=await P.delete(`/Cluster/${e}`,{timeout:0});return t}function hs(){return j({mutationFn:e=>ms(e)})}function gs(...e){return(0,I.useMemo)(()=>e.map(e=>(()=>{navigator.clipboard.writeText(e),A.info(`Copied to clipboard!`,{icon:(0,R.jsx)(ce,{}),duration:1e3})})),e)}function _s(e){try{return e===`null`||e===`undefined`||e==null?null:JSON.parse(e)}catch(e){return console.error(`safeParse failed to parse value, returning null instead`,e),null}}function vs(e,t){return _s(localStorage.getItem(e))??t}function ys(e,t){t==null?localStorage.removeItem(e):localStorage.setItem(e,JSON.stringify(t))}function bs(e,t){let n=(0,I.useState)(vs(e,t)),[r]=n;return(0,I.useEffect)(()=>ys(e,r),[e,r]),n}var xs=function(e){return e.ApplicationChatPosition=`ApplicationChatPosition`,e.ApplicationChatWidth=`ApplicationChatWidth`,e.ChatAlwaysApprovedTools=`ChatAlwaysApprovedTools`,e.SavedClusterState=`SavedClusterState`,e}({});function Ss({cluster:e}){let t=ar(),n=lr(),r=(0,I.useMemo)(()=>fi(e),[e]),i=Zi({operationsUrl:r}),a=yi(e.id),[,o]=bs(xs.SavedClusterState,null),{view:s,update:c,remove:l,create:u}=sa(e.organizationId,e.id),{mutate:d,isPending:f}=hs(),[p,m]=(0,I.useState)(!1),[h,g]=(0,I.useState)(!1),_=(0,I.useMemo)(()=>e.status&&Va.includes(e.status),[e.status]),v=us(e),y=F.checkForFabricConnect(e.id),b=!y&&!!a.user,x=(0,I.useMemo)(()=>e.status&&Ha.includes(e.status),[e.status]),S=(0,I.useMemo)(()=>e.status&&Ko(e.status),[e.status]),ee=(0,I.useCallback)(async()=>{m(!0);let t=await qa(e.id).catch(e=>(console.error(`Failed to lookup cluster details, proceeding without checking instances.`,e),null));if(await ui({entityId:e.id,instanceClient:i}),t?.instances?.length)for(let e of t.instances)F.setUserForEntity(e,null);F.setUserForEntity(e,null)},[e,i]),te=(0,I.useCallback)(()=>{o(e),t.navigate({to:`/${e.organizationId}/new-cluster`})},[e,t,o]),ne=(0,I.useCallback)(()=>g(!0),[]),re=(0,I.useCallback)(()=>{let r=e.organizationId;d(e.id,{onSuccess:async()=>{await n.invalidateQueries({queryKey:[r],refetchType:`active`}),await t.invalidate(),A.success(`Success`,{description:v?`Cluster successfully removed.`:`Cluster successfully terminated.`,duration:5e3,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),g(!1)},onError:()=>{A.error(`Error`,{description:v?`Failed to remove cluster: ${e.name}`:`Failed to terminate cluster: ${e.name}.`,duration:5e3,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),g(!1)}})},[t,e.organizationId,e.id,e.name,d,v,n]),ie=e.domains?.[0]?.domain||e.fqdn,[C,ae]=gs(`${ie}`,`https://${ie}`),oe=[_&&c&&!a.isLoading&&(!b||y)&&(0,R.jsx)(O,{to:`${e.id}/sign-in`,disabled:p,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(wt,{className:`text-green`}),` Direct Sign In`]})},`sign-in`),_&&c&&(0,R.jsx)(O,{to:`${e.id}/edit`,disabled:p,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(qt,{className:`text-purple-600`}),` `,v?`Edit`:`Edit Scaling`]})},`edit`),_&&c&&!v&&(0,R.jsx)(O,{to:`${e.id}/edit/version`,disabled:p,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(Ft,{className:`text-fuchsia-300`}),` Edit Version`]})},`edit-version`),_&&c&&!1,_&&s&&(0,R.jsx)(O,{to:`${e.id}/instances`,disabled:p,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(Bt,{className:`text-orange-300`}),` Instances`]})},`instances`),_&&s&&e.fqdn&&(0,R.jsx)(ls,{},`copy-separator`),_&&s&&e.fqdn&&(0,R.jsxs)(os,{onClick:C,disabled:p,children:[(0,R.jsx)(ct,{}),` Copy Host Name`]},`copy-host-name`),_&&s&&e.fqdn&&(0,R.jsxs)(os,{onClick:ae,disabled:p,children:[(0,R.jsx)(ct,{}),` Copy API URL`]},`copy-api-url`),_&&s&&!!r&&!a.isLoading&&b&&(0,R.jsx)(os,{onClick:ee,disabled:p,children:`Direct Sign Out`},`direct-sign-out`),S&&u&&(0,R.jsx)(os,{className:`focus:bg-green/70 focus:text-white`,onClick:te,children:`Try Again`},`try-again`),!x&&l&&_&&(0,R.jsx)(ls,{},`remove-separator`),!x&&l&&(0,R.jsxs)(os,{className:`focus:bg-red/70 focus:text-white`,onClick:ne,children:[(0,R.jsx)(Zt,{className:`text-red-300`}),` `,v?`Remove`:`Terminate`]},`remove`)].filter(Fi);return(0,R.jsxs)(Ci,{className:`relative h-full justify-between`,children:[(0,R.jsxs)(wi,{children:[(0,R.jsxs)(Ei,{className:`flex items-center justify-between`,children:[ie?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`span`,{className:`truncate max-w-48`,children:ie}),(0,R.jsx)(dn,{onClick:C,size:16,className:`cursor-pointer`}),(0,R.jsx)(`span`,{className:`grow`})]}):(0,R.jsx)(`span`,{children:`Self-Hosted`}),!x&&(0,R.jsxs)(rs,{children:[(0,R.jsx)(is,{children:(0,R.jsx)(cn,{"aria-label":`Cluster options`})}),(0,R.jsx)(as,{children:[...oe]})]})]}),(0,R.jsx)(Ti,{children:(0,R.jsx)(`h2`,{children:e.name})})]}),(0,R.jsxs)(Di,{className:`flex items-center justify-between gap-2`,children:[(0,R.jsx)(ps,{cluster:e}),_&&s&&(0,R.jsx)(ds,{cluster:e}),S&&e.status&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(ns,{variant:Wo(e.status),children:Pa(e.status)}),(0,R.jsx)(`span`,{className:`text-xs`,children:`Click "..." to choose how to proceed.`})]})]}),(0,R.jsx)(ts,{typeOfThingBeingDeleted:`cluster`,transitiveVerb:v?`Remove`:`Terminate`,presentParticiple:v?`Removing`:`Terminating`,nameOfThingBeingDeleted:e.name,isModalOpen:h,hideDataLossWarning:v,setIsModalOpen:e=>g(e),deletionConfirmed:re,deletionPending:f})]})}function Cs({overEmail:e}){return(0,R.jsx)(`a`,{href:e?`mailto:support@harperdb.io`:`https://discord.com/channels/1415002037439041710/1415002038286286994`,target:`_blank`,rel:`noreferrer`,className:`underline`,children:`Contact us`})}function ws({className:e,text:t,centered:n,...r}){return(0,R.jsxs)(`div`,{className:`text-white h-full w-full ${e||``} ${n?`flex flex-col items-center justify-center`:``}`,...r,children:[(0,R.jsx)(`img`,{src:`/HDBDogOnly.svg`,width:`100px`,height:`100px`,alt:`HDB Dog Logo Loading`,className:`inline-block`}),(0,R.jsx)(`p`,{className:`pt-4`,children:t||`Loading...`})]})}function Ts({children:e,className:t}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`div`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-(--spacing(32)))] relative ${t??``}`,children:e})]})}async function Es(e){let{data:t}=await P.get(`/Plan/`,{params:{organizationId:e}});return t}function Ds(e){return k({queryKey:[e,`instancePlan`],queryFn:()=>Es(e),retry:!1})}async function Os(){let{data:e}=await P.get(`/HarperVersions/`);return e}function ks(){return k({queryKey:[`HarperVersions`],queryFn:Os,staleTime:6e4,retry:!1})}async function As({organizationId:e,availableHosts:t}={}){let{data:n}=await P.get(`/Region/`,{params:{availableHosts:t,organizationId:e}});return n}function js({organizationId:e,availableHosts:t}={}){return k({queryKey:[e,`regionLocations`,t],queryFn:()=>As({organizationId:e,availableHosts:t}),retry:!1})}function Ms(e){return(t,n)=>t[e]===n[e]?0:t[e]>n[e]?1:-1}function Ns(e){let t=e.split(`.`).map(Number);return(t[0]<<24|t[1]<<16|t[2]<<8|t[3])>>>0}function Ps(e){return typeof e==`string`?/^(?:25[0-5]|2[0-4]\d|1?\d?\d)(?:\.(?:25[0-5]|2[0-4]\d|1?\d?\d)){3}$/.test(e):!1}function Fs(e,t){return e.instanceFqdn===t.instanceFqdn?e.operationsApiPort-t.operationsApiPort:Ps(e.instanceFqdn)&&Ps(t.instanceFqdn)?Ns(e.instanceFqdn)-Ns(t.instanceFqdn):e.instanceFqdn>t.instanceFqdn?1:-1}function Is(e,t){let n={};for(let r of e){let e=r[t];if(e!==void 0)if(Array.isArray(e))for(let t of e)n[t]||(n[t]=[]),n[t].push(r);else n[e]||(n[e]=[]),n[e].push(r)}return n}function Ls(e,t){let n={};for(let r of e){let e=r[t];if(e!==void 0)if(Array.isArray(e))for(let t of e)n[t]=r;else n[e]=r}return n}function Rs(e,t,n){let r=Is(e,t),i={};for(let e in r)i[e]=Ls(r[e],n);return i}function zs(e,t){let n=Vs(e),r=Vs(t);return!n||!r?!1:Ws(r,n)>=0}function Bs(e,t){let n=Vs(e),r=Vs(t);return!n&&!r?0:n?r?Ws(n,r):1:-1}function Vs(e){if(typeof e!=`string`)return null;let[t]=e.split(`+`,1).concat(``),n=t.indexOf(`-`),r=n===-1?t:t.slice(0,n),i=n===-1?``:t.slice(n+1),a=r.split(`.`);if(a.length===0)return null;let o=Hs(a[0]),s=Hs(a[1]??`0`),c=Hs(a[2]??`0`);return o==null||s==null||c==null?null:{major:o,minor:s,patch:c,pre:i?i.split(`.`).map(e=>Us(e)?Number(e):e):[]}}function Hs(e){return e==null||e===``||!/^\d+$/.test(e)?null:Number(e)}function Us(e){return/^\d+$/.test(e)}function Ws(e,t){if(e.major!==t.major)return e.major<t.major?-1:1;if(e.minor!==t.minor)return e.minor<t.minor?-1:1;if(e.patch!==t.patch)return e.patch<t.patch?-1:1;let n=e.pre.length>0,r=t.pre.length>0;if(!n&&!r)return 0;if(!n&&r)return 1;if(n&&!r)return-1;let i=Math.min(e.pre.length,t.pre.length);for(let n=0;n<i;n++){let r=e.pre[n],i=t.pre[n],a=typeof r==`number`,o=typeof i==`number`;if(a&&o){if(r!==i)return r<i?-1:1;continue}if(a&&!o)return-1;if(!a&&o)return 1;if(r!==i)return String(r)<String(i)?-1:1}return e.pre.length===t.pre.length?0:e.pre.length<t.pre.length?-1:1}function Gs({width:e,className:t,animated:n,placeholder:r}){return(0,R.jsxs)(`div`,{className:i(`w-full bg-gray-200 rounded-full relative`,r?`h-6`:`h-2.5`),children:[r&&(0,R.jsx)(`div`,{className:`absolute top-0 h-full w-full font-bold text-xs flex flex-col items-center justify-center text-black/60 text-shadow-2xs`,children:r}),(0,R.jsx)(`div`,{className:i(`rounded-full`,r?`h-6`:`h-2.5`,!t?.includes(`bg-`)&&`bg-purple/40`,n&&`transition-[width] duration-1000 ease-in-out motion-reduce:transition-none`,t),style:{width:e}})]})}function Ks({duration:e,message:t,lateMessage:n}){let r=(0,I.useRef)(0),i=(0,I.useRef)(0),[a,o]=(0,I.useState)(!1),[s,c]=(0,I.useState)(`5%`),l=(0,I.useCallback)(function t(n){i.current||=n;let a=n-i.current,s=Math.min(a/e,1);c(Math.max(5,s*100)+`%`),s<1?r.current=requestAnimationFrame(t):o(!0)},[e]);return(0,I.useEffect)(()=>(r.current=requestAnimationFrame(l),()=>cancelAnimationFrame(r.current)),[l]),(0,R.jsxs)(R.Fragment,{children:[a?n:t,(0,R.jsx)(Gs,{width:s,animated:!1})]})}async function qs(e){let{data:t}=await P.post(`/Cluster/`,e,{timeout:0});return t}function Js(){return j({mutationFn:e=>qs(e)})}async function Ys(e){let{id:t,...n}=e,{data:r}=await P.put(`/Cluster/${t}`,n,{timeout:0});return r}function Xs(){return j({mutationFn:e=>Ys(e)})}async function Zs(e){let{data:t}=await P.get(`/Organization/${e}`);return t}function Qs(e){return k({queryKey:[e],queryFn:()=>Zs(e),retry:!1,refetchInterval:1e4})}var $s=`ENTERPRISE`;function ec(e,t){if(t<=0)return``;if(e.length<=t)return e;let n=e.split(`-`);if(n.length===1)return n[0].slice(0,t);let r=[n[0],...n.slice(1).map(e=>e.charAt(0))],i=r.join(`-`);if(i.length<=t)return i;let a=r.slice(1).join(``).length,o=r.length-1,s=t-a-o;if(s>0)return r[0]=r[0].slice(0,s),r.join(`-`);{let e=[],i=0;t>0&&(e.push(n[0].charAt(0)),i=1);for(let n=1;n<r.length&&i+2<=t;n++)e.push(r[n]),i+=2;return e.join(`-`)}}function tc(e,t,n=`-`){let r=t.split(n)[0];return e.findIndex(e=>e.startsWith(r))!==-1}function nc(e){return e.replace(/[^a-zA-Z0-9]/g,`-`).replace(/([a-z])([A-Z])/g,`$1-$2`).toLowerCase().replace(/-+/g,`-`).replace(/^-+|-+$/g,``)}async function rc(e){await P.put(`/Payment/`,e)}function ic(){return j({mutationFn:e=>rc(e)})}function ac(e){let{mutate:t}=ic();return(0,I.useCallback)((n,r)=>{t({paymentMethodId:typeof n==`string`?n:n.id,organizationId:e},{onSuccess:()=>{A.success(`Success! Your payment method has been saved.`),r(!0)},onError:()=>{A.error(`Failed to process payment method details. Please try another payment method.`),r(!1)}})},[t,e])}var oc=(0,I.createContext)(null);function sc(){return(0,I.useContext)(oc)}function cc({hasExistingBilling:e,onPaymentAdded:t,onSaveStateForBillingRedirect:n}){let{organizationId:r}=E({strict:!1}),i=fn(),a=sc(),o=gn(),[s,c]=(0,I.useState)(!1),l=ac(r),u=(0,I.useCallback)(()=>{t(!1)},[t]);return(0,R.jsxs)(`form`,{id:`billing-add-payment-method-form`,name:`billing-add-payment-method-form`,onSubmit:(0,I.useCallback)(async e=>{if(e.preventDefault(),!i||!o)return;c(!0),await o.submit(),n?.(!0);let s=await i.confirmSetup({clientSecret:a.clientSecret,elements:o,redirect:`if_required`,confirmParams:{return_url:`${window.location.origin}/#/${r}/billing/confirm`}});s.error?(console.error(s.error.message),A.error(s.error.message),c(!1),n?.(!1)):s.setupIntent.payment_method&&(l(s.setupIntent.payment_method,t),n?.(!1))},[o,t,n,r,l,i,a.clientSecret]),className:`max-w-xl`,children:[(0,R.jsx)(Pn,{}),(0,R.jsx)(Wn,{options:{mode:`billing`}}),(0,R.jsxs)(`div`,{className:`mt-4 flex gap-8 items-center`,children:[(0,R.jsxs)(z,{disabled:!i||!o||s,variant:`submit`,className:`rounded-full`,children:[(0,R.jsx)(_r,{}),` Add Payment Method`]}),e&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{className:`text-xs text-gray-600`,children:`Your existing payment method will be overwritten.`}),(0,R.jsx)(z,{variant:`defaultOutline`,type:`button`,onClick:u,children:`Cancel`})]})]})]})}async function lc(e){let{data:t}=await P.post(`/StripeAccount/`,e);return t}function uc(){return j({mutationFn:e=>lc(e)})}async function dc(e){let{data:t}=await P.post(`/Payment/`,{organizationId:e.organizationId});return t}function fc(){return j({mutationFn:e=>dc(e)})}function pc(e){let{enabled:t,existingStripeId:n,organizationId:r}=e,{mutate:i}=uc(),{mutate:a}=fc(),[o,s]=(0,I.useState)(void 0);return(0,I.useEffect)(()=>{},[i,t,n,a,(0,I.useCallback)(e=>{s(e.clientSecret)},[]),r]),o}function mc({children:e}){let{organizationId:t}=E({strict:!1}),{data:n}=D(Qs(t)),r=pc({organizationId:t,enabled:!!n,existingStripeId:n?.stripeId});return(0,I.useMemo)(()=>({clientSecret:r||``,appearance:{theme:`night`}}),[r]),console.error(`No VITE_PUBLIC_STRIPE_KEY is configured for this environment.`),(0,R.jsx)(`div`,{className:`mt-20 px-4 pt-4 md:px-12 min-h-[calc(100vh-theme(spacing.32))]`,children:`Setting up your billing is currently disabled. Please check back again later.`})}function hc({onPaymentAdded:e,onSaveStateForBillingRedirect:t}){let{organizationId:n}=E({strict:!1}),{data:r}=D(Qs(n)),i=r?.billing,a=i?.paymentMethod;return(0,R.jsxs)(mc,{children:[(0,R.jsx)(`div`,{className:`mt-2 mb-6`,children:!a&&`You currently have no payment method on file. Please fill out the secure form below.`}),(0,R.jsx)(cc,{hasExistingBilling:!!i,onSaveStateForBillingRedirect:t,onPaymentAdded:e})]})}var gc=function(e){return e.PASS=`pass`,e.FAIL=`fail`,e.PENDING=`pending`,e.ERROR=`error`,e}({});function _c(e){switch(e){case gc.PASS:return`success`;case gc.FAIL:case gc.ERROR:return`destructive`;case gc.PENDING:default:return`default`}}function vc(e){switch(e){case gc.PASS:return`READY`;case gc.FAIL:case gc.ERROR:case gc.PENDING:default:return e.toUpperCase()}}function yc(e,t){return`${String(e).padStart(2,`0`)}/${String(t%100).padStart(2,`0`)}`}function bc(e){let{onSaveStateForBillingRedirect:t,onReplacingPaymentMethod:n}=e??{},{organizationId:r}=E({strict:!1}),{update:i}=aa(r),{data:a,refetch:o}=D(Qs(r)),s=a?.billing?.paymentMethod,[c,l]=(0,I.useState)(!1),u=(0,I.useCallback)(()=>{l(!c),n?.(!c)},[n,c]),d=(0,I.useCallback)(e=>{l(!1),n?.(!1),e&&o()},[n,o]);return a?.type===`ENTERPRISE`?(0,R.jsxs)(`span`,{children:[`You are part of an enterprise organization! We don’t currently show your payment methods on this page. Want to explore your solution with Harper more? `,(0,R.jsx)(Cs,{}),`, we would love to talk!`]}):s&&!c?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`mt-2`,children:[s.brand?.toUpperCase()??`Card`,` ending in `,s.last4??`••••`,s.expMonth&&s.expYear?(0,R.jsxs)(R.Fragment,{children:[`(exp `,yc(s.expMonth,s.expYear),`)`]}):null,s.status?(0,R.jsxs)(R.Fragment,{children:[`—`,` `,(0,R.jsx)(ns,{variant:_c(s.status),children:vc(s.status)})]}):null]}),i&&(0,R.jsx)(`div`,{className:`mt-2 mb-6`,children:(0,R.jsx)(z,{variant:`defaultOutline`,type:`button`,onClick:u,children:`Replace Payment Method`})})]}):i?(0,R.jsx)(hc,{onSaveStateForBillingRedirect:t,onPaymentAdded:d}):(0,R.jsx)(`div`,{children:`This org doesn't have a payment method, and you don't have access to add one. Please contact your administrator.`})}function Q(e){return e!==void 0&&e>0}function xc({clusterId:e,isPending:t,onGoBackToDetails:n,onSaveStateForBillingRedirect:r,onSubmit:i,organizationId:a,selectedPlan:o}){let{data:s}=D(Qs(a)),c=s?.billing,l=s?.type===$s,u=l||c?.paymentMethod?.status===gc.PASS,[d,f]=(0,I.useState)(!1),p=Q(o?.planLimits?.expirationMonths)&&o.planLimits.expirationMonths<1e3&&o.planLimits.expirationMonths,m=(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-3 max-w-xl`,children:[(0,R.jsxs)(z,{type:`button`,variant:`defaultOutline`,className:`rounded-full`,disabled:t,onClick:n,children:[(0,R.jsx)(Se,{}),` Back to Details`]}),(0,R.jsxs)(z,{disabled:t||!u||d,type:`submit`,variant:`submit`,className:`rounded-full`,onClick:i,children:[e?`Edit Cluster`:`Create New Cluster`,` `,(0,R.jsx)(St,{})]})]})});if(l)return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`ul`,{className:`list-disc ml-6 max-w-lg`,children:[(0,R.jsx)(`li`,{children:`Reminder: you will be billed at your contracted rate for any additional infrastructure.`}),(0,R.jsxs)(`li`,{children:[`Your account representative can work with you to sort out more precise details, and to help accomplish your objectives with this cluster. `,(0,R.jsx)(Cs,{overEmail:!0}),`, we are here to help.`]})]}),m]});let h=p&&`, or ${$r(p,`month`,`months`)} elapse`;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`ul`,{className:`list-disc ml-6 mb-6`,children:[(0,R.jsx)(`li`,{children:`You will be billed for this cluster today, and will receive a license for the block of usage you've requested.`}),e&&(0,R.jsx)(`li`,{children:`If you scale up, you'll be charged for the additional blocks you've purchased now, and your next auto renewal will be for all purchased blocks.`}),e&&(0,R.jsx)(`li`,{children:`If you remove a region, that region's usage block will not be used anymore (because it is specific to that region).`}),(0,R.jsxs)(`li`,{children:[`When that block is used up`,h,`, you will be automatically renewed.`]}),(0,R.jsx)(`li`,{children:`While refunds are not available, we’d be happy to assist you with troubleshooting.`}),(0,R.jsxs)(`li`,{children:[`We would love to work with you to sort out more precise details, and to help accomplish your objectives with this cluster. `,(0,R.jsx)(Cs,{overEmail:!0}),`, we are here to help.`]})]}),(0,R.jsx)(`p`,{className:`text-muted-foreground text-sm mb-6`,children:`Payment method:`}),(0,R.jsx)(bc,{onSaveStateForBillingRedirect:r,onReplacingPaymentMethod:f}),m]})}var Sc=/(^$|^(?:localhost|(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(?:\.(?:25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}|(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z]{2,})$)/i,Cc=65535,wc=v().max(20,`Must be at most 20 characters long.`).regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/,`Can only contain lowercase letters, numbers and dashes. Must not start or end with a dash.`),Tc=l({clusterName:v().nonempty(`Please enter a cluster name.`).max(255,`Cluster name cannot be longer than 255 characters long.`),abbreviatedName:b([p(``),g(),wc]),fqdn:v().regex(Sc,`Please enter a valid host name without the port or any path.`).optional(),version:v().optional(),deploymentDescription:v().nonempty(`Please select a deployment tier.`),performanceDescription:v().nonempty(`Please select a performance tier.`),regionPlans:f(l({regionName:v().nonempty(`Please select a region.`),latencyDescription:v().nonempty(`Please select a latency tier.`)})).max(50,{error:`A maximum of 50 regions can be selected for each cluster. `}),instances:f(l({secure:o([`true`,`false`]),fqdn:v().nonempty(`Please enter the host name of your instance.`).regex(Sc,`Please enter a valid host name without the port or any path.`),port:u().min(0,`Positive thinking only, please.`).max(Cc,`That port number is too high.`).optional()})).max(100,{error:`A maximum of 100 instances can be added to each cluster.`}),skipToBilling:_().optional(),skipGtmWait:_().optional(),sourceClusterId:v().optional()});function Ec({calculatedNames:e,disabled:t,form:n}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(U,{control:n.control,name:`abbreviatedName`,render:({field:n})=>(0,R.jsxs)(W,{className:`col-span-3`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Host Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...n,type:`text`,maxLength:wc.maxLength,autoCapitalize:`none`,autoComplete:`off`,autoCorrect:`off`,placeholder:e.suggestedAbbreviatedName,disabled:t})}),(0,R.jsx)(K,{})]})}),(0,R.jsxs)(W,{className:`col-span-3 `,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Full Host Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(`span`,{children:e.fullHostName})}),(0,R.jsx)(K,{})]})]})}function Dc({className:e}={}){return(0,R.jsx)(`div`,{className:(0,I.useMemo)(()=>i(`animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-700`,!e?.includes(`mb-`)&&`mb-4 `,!e?.includes(`w-`)&&`w-48 `,e),[e])})}function Oc({...e}){return(0,R.jsx)(er,{"data-slot":`select`,...e})}function kc({...e}){return(0,R.jsx)(an,{"data-slot":`select-group`,...e})}function Ac({...e}){return(0,R.jsx)(en,{"data-slot":`select-value`,...e})}function jc({className:e,children:t,...n}){return(0,R.jsxs)(sr,{"data-slot":`select-trigger`,className:L(`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-fit items-center justify-between gap-2 rounded-md border bg-grey-700 px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:truncate *:data-[slot=select-value]:block *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...n,children:[t,(0,R.jsx)(rr,{asChild:!0,children:(0,R.jsx)(Tn,{className:`opacity-50 size-4`})})]})}function Mc({className:e,children:t,position:n=`popper`,...r}){return(0,R.jsx)(Vn,{children:(0,R.jsxs)(te,{"data-slot":`select-content`,className:L(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md`,n===`popper`&&`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,e),position:n,...r,children:[(0,R.jsx)(Pc,{}),(0,R.jsx)(ln,{className:L(`p-1`,n===`popper`&&`h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1`),children:t}),(0,R.jsx)(Fc,{})]})})}function Nc({className:e,...t}){return(0,R.jsx)(Ut,{"data-slot":`select-label`,className:L(`px-2 py-1.5 text-sm font-medium`,e),...t})}function $({className:e,children:t,...n}){return(0,R.jsxs)(Rn,{"data-slot":`select-item`,className:L(`focus:bg-grey-200 focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,e),...n,children:[(0,R.jsx)(yn,{children:t}),(0,R.jsx)(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,R.jsx)(Zn,{children:(0,R.jsx)(ne,{className:`size-4`})})})]})}function Pc({className:e,...t}){return(0,R.jsx)(jn,{"data-slot":`select-scroll-up-button`,className:L(`flex cursor-default items-center justify-center py-1`,e),...t,children:(0,R.jsx)(Ye,{className:`size-4`})})}function Fc({className:e,...t}){return(0,R.jsx)(Xt,{"data-slot":`select-scroll-down-button`,className:L(`flex cursor-default items-center justify-center py-1`,e),...t,children:(0,R.jsx)(Tn,{className:`size-4`})})}var Ic={Colocated:`Shared infrastructure for optimized value`,Dedicated:`Dedicated infrastructure for consistent performance`,"Self-Hosted":`Your own infrastructure`};function Lc({availableDeploymentTypes:e,disabled:t,form:n}){return(0,R.jsx)(U,{control:n.control,name:`deploymentDescription`,render:({field:r})=>(0,R.jsxs)(W,{className:`col-span-3`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Harper Deployment`}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(Dc,{}),children:(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...r,disabled:t,onValueChange:e=>{r.onChange(e),n.trigger()},children:[(0,R.jsx)(jc,{className:`w-full h-auto`,children:(0,R.jsx)(Ac,{placeholder:`Choose Tier`})}),(0,R.jsx)(Mc,{children:(0,R.jsx)(kc,{children:e.map(e=>(0,R.jsxs)($,{value:e,children:[(0,R.jsx)(`dt`,{className:`text-left font-bold text-sm/6`,children:e}),Ic[e]&&(0,R.jsx)(`dd`,{className:`font-light`,children:Ic[e]})]},e))})})]})})}),(0,R.jsx)(K,{})]})})}function Rc({disabled:e,form:t}){return(0,R.jsx)(U,{control:t.control,name:`fqdn`,render:({field:t})=>(0,R.jsxs)(W,{className:`md:col-span-6 col-span-3`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Optional Cluster Load Balancer Host Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...t,type:`text`,autoCapitalize:`none`,autoComplete:`off`,autoCorrect:`off`,placeholder:`example.your-company.com`,disabled:e})}),(0,R.jsx)(K,{})]})})}function zc({className:e,disabled:t,form:n}){return(0,R.jsx)(U,{control:n.control,name:`clusterName`,render:({field:n})=>(0,R.jsxs)(W,{className:e,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Cluster Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{autoFocus:!0,type:`text`,maxLength:Tc.shape.clusterName.maxLength,autoCapitalize:`words`,disabled:t,...n})}),(0,R.jsx)(K,{})]})})}function Bc({availablePerformanceDescriptions:e,form:t,selectedDeployment:n}){return(0,R.jsx)(U,{control:t.control,name:`performanceDescription`,render:({field:r})=>(0,R.jsxs)(W,{className:`col-span-3`,children:[(0,R.jsxs)(G,{className:`pb-1`,children:[n.startsWith(`Self`)?`Support`:`Performance`,` & Usage`]}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(Dc,{}),children:(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...r,onValueChange:e=>{r.onChange(e),t.trigger()},disabled:!e?.length,children:[(0,R.jsx)(jc,{className:`w-full h-auto`,children:(0,R.jsx)(Ac,{placeholder:`Choose Tier`})}),(0,R.jsx)(Mc,{children:(0,R.jsx)(kc,{children:e.map(e=>(0,R.jsxs)($,{value:e.performanceTier,children:[(0,R.jsx)(`dt`,{className:`text-left font-bold text-sm/6`,children:e.name}),e.description&&(0,R.jsx)(`dd`,{className:`font-light`,children:e.description})]},e.name))})})]})})}),(0,R.jsx)(K,{})]})})}function Vc({className:e,...t}){let{formDescriptionId:n}=za();return(0,R.jsx)(`p`,{"data-slot":`form-description`,id:n,className:L(`text-muted-foreground text-sm`,e),...t})}function Hc({className:e,form:t}){return(0,R.jsx)(U,{control:t.control,name:`skipGtmWait`,render:({field:t})=>(0,R.jsxs)(W,{className:e,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-4 h-4 cursor-pointer`,checked:t.value||!1,onChange:t.onChange,onBlur:t.onBlur,name:t.name,ref:t.ref})}),(0,R.jsx)(G,{className:`cursor-pointer`,children:`Immediate upgrade and restart`})]}),(0,R.jsx)(Vc,{children:`Apply changes immediately without waiting for each instance to be taken out of the load balancer (faster, but potentially less safe).`})]})})}function Uc({className:e,disabled:t,form:n,harperVersions:r}){return r?.value?.length?(0,R.jsx)(U,{control:n.control,name:`version`,render:({field:i})=>(0,R.jsxs)(W,{className:e,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Harper Version`}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(Dc,{}),children:(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...i,disabled:t,onValueChange:e=>{i.onChange(e),n.trigger()},children:[(0,R.jsx)(jc,{className:`w-full h-auto`,children:(0,R.jsx)(Ac,{placeholder:`Choose Version`})}),(0,R.jsx)(Mc,{children:(0,R.jsx)(kc,{children:r?.value.map(e=>(0,R.jsxs)($,{value:e.version,children:[e.version,` `,(0,R.jsx)(`span`,{className:`font-light opacity-50`,children:e.name})]},e.version))})})]})})}),(0,R.jsx)(K,{})]})}):null}var Wc=new RegExp(/^\d+/);function Gc(e,t){let n=parseInt(e.match(Wc)?.[0]||`0`,10),r=parseInt(t.match(Wc)?.[0]||`0`,10);return n===r?0:n>r?1:-1}var Kc=[`B`,`KB`,`MB`,`GB`,`TB`,`PB`,`EB`,`ZB`,`YB`],qc=[`secs`,`mins`,`hrs`],Jc={bytes:1e3,secs:60};function Yc(e,t,n){let r,i;switch(t){case`bytes`:r=Kc,i=Jc.bytes;break;case`secs`:r=qc,i=Jc.secs;break;default:return e}let a=r.indexOf(n);return a===-1?e:e/i**a}function Xc(e,t){let n,r;switch(e){case`bytes`:n=Kc,r=Jc.bytes;break;case`secs`:n=qc,r=Jc.secs;break;default:return e}let i=0;for(;t>=r&&i<n.length-1;)t/=r,i++;return n[i]}function Zc(e,t=1){let n=e*t,r=Xc(`bytes`,n),i=Yc(n,`bytes`,r);return`${new Intl.NumberFormat().format(Math.round(i))} ${r}`}function Qc(e){return new Intl.NumberFormat().format(e)}var $c=[`K`,`M`,`B`,`T`,`Qa`,`Qi`,`Sx`,`Sp`,`Oc`,`No`,`Dc`];function el(e){let t=1e3,n=e;if(Math.abs(n)<t)return String(Math.round(n));let r=-1;do n/=t,++r;while(Math.round(Math.abs(n)*10)/10>=t&&r<$c.length-1);return`${Qc(Math.round(n))} ${$c[r]}`}function tl({selectedPlan:e,selectedRegion:t,isEnterprise:n,cloudProvider:r}){let[i,a]=(0,I.useState)(!1),o=(0,I.useCallback)(()=>{a(!i)},[i,a]),s=e?.planLimits,c=e?.resourcesPerInstance,l=r&&e?.cloudInstanceTypes?.[r],u=Q(s?.expirationMonths)&&s.expirationMonths<1e3&&s.expirationMonths,d=t?.purchasedBlockMultiplier??1,f=(0,I.useMemo)(()=>s?[Q(s.totalReadCount)&&{label:`Total Reads`,value:`${el(s.totalReadCount*d)} reads`},Q(s.totalReadsBytes)&&{label:`Total Read Transfer`,value:`${Zc(s.totalReadsBytes*d)}`},Q(s.readsPerMinuteCount)&&{label:`Read Rate`,value:`${el(s.readsPerMinuteCount*60*d)}/min`},Q(s.readsPerMinuteBytes)&&{label:`Read Bandwidth`,value:`${Zc(s.readsPerMinuteBytes*60*d)}/min`},Q(s.totalWriteCount)&&{label:`Total Writes`,value:`${el(s.totalWriteCount)} reads`},Q(s.totalWritesBytes)&&{label:`Total Write Transfer`,value:`${Zc(s.totalWritesBytes)}`},Q(s.writesPerMinuteCount)&&{label:`Write Rate`,value:`${el(s.writesPerMinuteCount*60)}/min`},Q(s.writesPerMinuteBytes)&&{label:`Write Bandwidth`,value:`${Zc(s.writesPerMinuteBytes*60)}/min`},Q(s.totalRealTimeMessageDeliveries)&&{label:`Total Real-Time Messages`,value:`${el(s.totalRealTimeMessageDeliveries*d)} messages`},Q(s.totalRealTimeMessageDeliveryBytes)&&{label:`Total Real-Time Message Transfer`,value:`${Zc(s.totalRealTimeMessageDeliveryBytes*d)}`},Q(s.realTimeMessageDeliveriesPerMinute)&&{label:`Real-Time Message Rate`,value:`${el(s.realTimeMessageDeliveriesPerMinute*60*d)}/min`},Q(s.realTimeMessageDeliveryBytesPerMinute)&&{label:`Real-Time Message Bandwidth`,value:`${Zc(s.realTimeMessageDeliveryBytesPerMinute*60*d)}/min`},Q(s.tlsHandshakes)&&{label:`TLS Handshakes`,value:`${el(s.tlsHandshakes*60*d)}`},Q(s.applicationComputeHours)&&{label:`Application Compute Hours`,value:`${el(s.applicationComputeHours*d)}`},!!c&&Q(c.storageGb)&&{label:`Storage`,value:`${Zc(c.storageGb*1e9)}`},!!c&&Q(c.cpuCores)&&{label:`Maximum CPU Cores`,value:`${el(c.cpuCores)}`},!!c&&Q(c.memoryMb)&&{label:`Memory`,value:`${c.memoryMb/1024} GB`},!!l&&{label:`Cloud Instance Type`,value:l},!!u&&{label:`Expiration`,value:$r(u,`month`,`months`)},!!t?.id&&{label:`Region ID`,value:t.id},!!e?.id&&{label:`Plan ID`,value:e.id}].filter(Fi):[],[u,t,e,d]);if(!s)return``;if(!Q(s.totalReadCount))return`This plan has no usage limits.`;let p=n?` Pricing subject to contracted rate.`:` Beta pricing subject to change.`,m=Q(s.readsPerMinuteCount)?`${el(s.readsPerMinuteCount*d)} reads/min & `:``,h=Q(s.writesPerMinuteCount)?` ${el(s.writesPerMinuteCount)} writes/min & `:` `,g=Q(s.readsPerMinuteCount)?`in ${t?.region??``} region${t?` (${t?.id})`:``}`:`per server`,_=u?`, for ${$r(u,`month`,`months`)}`:``,v=n?`for the contracted rate`:`for the price listed above`,y=u?` in ${$r(u,`month`,`months`)} or`:``;return(0,R.jsxs)(W,{className:`basis-full`,children:[(0,R.jsxs)(G,{onClick:o,children:[(0,R.jsx)(`em`,{className:`text-muted-foreground`,children:e?.id}),` Purchasing usage block for `,m,el(s.totalReadCount*d),` total reads `,g,`,`,(0,R.jsx)(`br`,{className:`hidden sm:block`}),h,` `,el(s.totalWriteCount),` total writes`,_,`.`,p,(0,R.jsx)(`br`,{className:`block sm:hidden`}),(0,R.jsxs)(z,{type:`button`,variant:`link`,className:`text-white`,children:[`Learn More `,i?(0,R.jsx)(Le,{}):(0,R.jsx)(St,{})]})]}),(0,R.jsx)(H,{children:(0,R.jsxs)(`dl`,{className:L(`divide-y divide-black overflow-hidden transition-[max-height] duration-200 ease-in`,i?`max-h-fit`:`max-h-0`),children:[(0,R.jsxs)(`div`,{className:`text-sm mb-3 max-w-lg`,children:[`This plan licenses Harper for the usage limits below, `,v,`. The usage license expires`,y,` `,`when any usage limit is reached. New usage blocks are automatically purchased/billed as blocks are consumed.`]}),f.map((e,t)=>(0,R.jsxs)(`div`,{className:L(`px-4 py-1 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-3`,t%2==0&&`bg-gray-700`),children:[(0,R.jsx)(`dt`,{className:`text-sm/6 font-medium text-gray-300`,children:e.label}),(0,R.jsx)(`dd`,{className:`mt-1 text-sm/6 sm:col-span-2 sm:mt-0`,children:e.value})]},e.label))]})}),(0,R.jsx)(K,{})]})}function nl({control:e,fieldArray:t,form:n,index:r,regionNameToLatencyToRegion:i,selectedPlan:a,isEnterprise:o,cloudProvider:s}){let c=(0,I.useMemo)(()=>Object.keys(i).sort(),[i]),l=n.watch(`deploymentDescription`)?.startsWith(`Dedicated`),u=n.watch(`regionPlans.${r}.regionName`),d=n.watch(`regionPlans.${r}.latencyDescription`),f=(0,I.useMemo)(()=>Object.keys(i[u]||{}).sort(Gc).reverse(),[i,u]);(0,I.useEffect)(function(){if(u&&f?.length&&!f?.includes(d)){let e=d?.split(` `)[0].toLowerCase(),t=f.find(t=>e?t.split(` `)[0].toLowerCase()===e:!0)||f[0];n.setValue(`regionPlans.${r}.latencyDescription`,t),n.trigger()}},[f,n,r,d,u]);let p=(0,I.useCallback)(()=>{t?.remove(r),n.trigger()},[t,n,r]);return(0,R.jsxs)(`div`,{className:`md:col-span-6 col-span-3 p-4 rounded-md bg-accent gap-6 flex flex-wrap items-start`,children:[(0,R.jsx)(U,{control:e,name:`regionPlans.${r}.regionName`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex-1`,children:[(0,R.jsxs)(G,{children:[`Region `,t.fields.length>1?r+1:``]}),(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{onValueChange:t=>{e.onChange(t),n.trigger()},...e,children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Choose Region`})}),(0,R.jsx)(Mc,{children:(0,R.jsx)(kc,{children:c.map(e=>(0,R.jsx)($,{value:e,children:e},e))})})]})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:e,name:`regionPlans.${r}.latencyDescription`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex-1`,children:[(0,R.jsxs)(G,{children:[`Estimated `,l?`P95`:`P90`,` Latency, Distribution`]}),(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{onValueChange:t=>{e.onChange(t),n.trigger()},...e,disabled:!f?.length,children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Choose Latency Tier`})}),(0,R.jsx)(Mc,{children:(0,R.jsx)(kc,{children:f.map(e=>(0,R.jsx)($,{value:e,children:e},e))})})]})}),(0,R.jsx)(K,{})]})}),t?.fields?.length&&t?.fields?.length>1&&(0,R.jsx)(`div`,{className:`flex-none mt-6`,children:(0,R.jsxs)(z,{type:`button`,variant:`destructiveOutline`,size:`sm`,onClick:p,children:[(0,R.jsx)(Zt,{}),` `,(0,R.jsx)(`span`,{className:`sr-only`,children:`Remove`})]})}),(0,R.jsx)(tl,{selectedPlan:a,selectedRegion:i[u]?.[d],isEnterprise:o,cloudProvider:s})]})}function rl({form:e,regionLocations:t,regionNameToLatencyToRegion:n,selectedPlan:r,totalPrice:i,isEnterprise:a,cloudProvider:o}){let s=e.watch(`regionPlans`),c=at({control:e.control,name:`regionPlans`}),l=(0,I.useMemo)(()=>{let e=s.map(e=>n?.[e.regionName]?.[e.latencyDescription]?.region);return i?t?.find(t=>!e.includes(t.region)):null},[t,n,s,i]),u=(0,I.useCallback)(()=>{l&&(c.append({regionName:l.region,latencyDescription:l.latencyDescription}),e.trigger())},[e,l,c]);return t?.length?(0,R.jsxs)(R.Fragment,{children:[c.fields.map((t,i)=>(0,R.jsx)(nl,{control:e.control,fieldArray:c,form:e,index:i,regionNameToLatencyToRegion:n,selectedPlan:r,isEnterprise:a,cloudProvider:o},t.id)),l&&(0,R.jsx)(`div`,{className:`md:col-span-6 col-span-3`,children:(0,R.jsxs)(z,{type:`button`,variant:`positiveOutline`,className:`rounded-full`,onClick:u,children:[(0,R.jsx)(w,{}),`Add Additional Region Usage`]})})]}):(0,R.jsx)(`div`,{className:`md:col-span-6 col-span-3`,children:(0,R.jsx)(Ai,{className:`mt-0 m-0`,title:`No Regions Available`,showReturnToHome:!1,error:{message:(0,R.jsxs)(R.Fragment,{children:[`The deployment type you selected currently has no available regions. Please try a different deployment type, try again later, or `,(0,R.jsx)(Cs,{}),`.`]})}})})}function il({control:e,fieldArray:t,form:n,index:r}){let i=(0,I.useCallback)(()=>{t?.remove(r)},[t,r]);return(0,R.jsxs)(`div`,{className:`md:col-span-6 col-span-3 p-4 rounded-md bg-accent gap-6 flex flex-wrap items-start`,children:[(0,R.jsx)(U,{control:e,name:`instances.${r}.secure`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsxs)(G,{children:[`Instance `,t.fields.length>1?r+1:``]}),(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...e,onValueChange:t=>{e.onChange(t),n.trigger()},children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`https://`})}),(0,R.jsx)(Mc,{children:(0,R.jsxs)(kc,{children:[(0,R.jsx)($,{value:`true`,children:`https://`}),(0,R.jsx)($,{value:`false`,children:`http://`})]})})]})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:e,name:`instances.${r}.fqdn`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex-3`,children:[(0,R.jsx)(G,{children:`Host Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,type:`text`,autoCapitalize:`none`,autoComplete:`off`,autoCorrect:`off`})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:e,name:`instances.${r}.port`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`Operations API Port`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,type:`number`,min:0,max:Cc,autoCapitalize:`none`,autoComplete:`off`,autoCorrect:`off`,placeholder:String(Yr),onChange:t=>{e.onChange(t.target.value?parseInt(t.target.value,10):void 0),n.trigger()}})}),(0,R.jsx)(K,{})]})}),t?.fields?.length&&t?.fields?.length>1&&(0,R.jsx)(`div`,{className:`flex-none mt-6`,children:(0,R.jsxs)(z,{type:`button`,variant:`destructiveOutline`,size:`sm`,onClick:i,children:[(0,R.jsx)(Zt,{}),` `,(0,R.jsx)(`span`,{className:`sr-only`,children:`Remove`})]})})]})}function al({form:e}){let t=at({control:e.control,name:`instances`}),n=(0,I.useCallback)(()=>{t.append({secure:`true`,fqdn:``,port:Yr})},[t]);return(0,R.jsxs)(R.Fragment,{children:[t.fields.map((n,r)=>(0,R.jsx)(il,{control:e.control,fieldArray:t,form:e,index:r},n.id)),(0,R.jsx)(`div`,{className:`md:col-span-6 col-span-3`,children:(0,R.jsxs)(z,{type:`button`,variant:`positiveOutline`,className:`rounded-full`,onClick:n,children:[(0,R.jsx)(w,{}),`Add Instance`]})})]})}function ol({calculatedNames:e,clusterId:t,deploymentToPerformanceToPlan:n,form:r,harperVersions:i,isEnterprise:a,cloudProvider:o,isPending:s,mode:c,regionLocations:l,regionNameToLatencyToRegion:u,selectedDeployment:d,selectedPerformance:f,selectedPlan:p,totalPrice:m}){let{isDirty:h,isValid:g}=yt(),_=(0,I.useMemo)(()=>Object.keys(n[d]||{}).map(e=>{let t=e.slice(0,-1).split(`(`);if(t.length>1)return{performanceTier:e,name:t[0],description:t[1]};let n=e.split(` for `);return n.length>1?{performanceTier:e,name:n[0],description:`For `+n[1]}:{performanceTier:e,name:e,description:``}}),[n,d]),v=(0,I.useMemo)(()=>Object.keys(n).sort(),[n]);(0,I.useEffect)(function(){_?.length&&!_.find(e=>e.performanceTier===f)&&(r.setValue(`performanceDescription`,_[0].performanceTier),r.trigger())},[d,f,_,r]);let y=d===`Self-Hosted`,b=(0,R.jsx)(X,{className:`mt-3 mb-12`,children:(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:s||t&&!h||!g,children:[c!==`version`&&m>0?`Confirm Payment Details`:t?`Edit Cluster`:`Create New Cluster`,(0,R.jsx)(St,{})]})});return c===`version`?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`grid grid-cols-3 gap-6 text-white md:grid-cols-6`,children:[(0,R.jsx)(zc,{className:i?.value?.length?`col-span-3`:`md:col-span-6 col-span-3`,disabled:!0,form:r}),(0,R.jsx)(Uc,{className:`col-span-3`,form:r,harperVersions:i}),(0,R.jsx)(Hc,{className:`col-span-3 md:col-span-6`,form:r})]}),b]}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`grid grid-cols-3 gap-6 text-white md:grid-cols-6`,children:[(0,R.jsx)(zc,{className:i?.value?.length?`col-span-3`:`md:col-span-6 col-span-3`,disabled:!!t,form:r}),(0,R.jsx)(Uc,{className:`col-span-3`,disabled:!!t,form:r,harperVersions:i}),y?(0,R.jsx)(Rc,{form:r,disabled:!!t}):(0,R.jsx)(Ec,{form:r,calculatedNames:e,disabled:!!t}),(0,R.jsx)(Lc,{form:r,availableDeploymentTypes:v}),(0,R.jsx)(Bc,{availablePerformanceDescriptions:_,form:r,selectedDeployment:d}),y?(0,R.jsx)(al,{form:r}):(0,R.jsx)(rl,{form:r,regionLocations:l,regionNameToLatencyToRegion:u,selectedPlan:p,totalPrice:m,isEnterprise:a,cloudProvider:o}),t&&!y&&(0,R.jsx)(Hc,{className:`col-span-3 md:col-span-6`,form:r})]}),b]})}function sl(e){let{fqdn:t}=e,{secure:n,port:r}=e;return r||=Yr,r===443&&n===`false`&&(n=`true`),r===80&&n===`true`&&(n=`false`),`${n===`true`?`https`:`http`}://${t}${r===443||r===80?``:`:`+r}`.toLowerCase()}function cl(e,t,n){let r=e.find(e=>(n?!!e.priceUsd:!e.priceUsd)&&e.deploymentType===`colocated`)||e.find(e=>e.deploymentType===`colocated`)||e[0],i=r?.allowedRegionIds;if(r){let e=i?t.filter(e=>i.includes(e.id)):t,n=e.find(e=>e.region===`US`)||e[0];if(n)return{deploymentDescription:r.deploymentDescription,performanceDescription:r.performanceDescription,regionPlans:[{regionName:n.region,latencyDescription:n.latencyDescription}]}}return null}function ll(e,t,n){if(t&&n){let r=e.getValues();if(!r.deploymentDescription||!r.performanceDescription||!r.regionPlans.length){let i=cl(t,n);i&&(!r.deploymentDescription&&!r.performanceDescription&&(e.setValue(`deploymentDescription`,i.deploymentDescription),e.setValue(`performanceDescription`,i.performanceDescription)),r.regionPlans.length||e.setValue(`regionPlans`,i.regionPlans))}}}function ul({price:e}){return(0,R.jsx)(`span`,{className:`text-4xl`,children:new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}).formatToParts(e||0).map((e,t)=>(0,R.jsx)(dl,{type:e.type,value:e.value},t))})}function dl({type:e,value:t}){switch(e){case`currency`:case`decimal`:case`fraction`:return(0,R.jsx)(`sup`,{className:`font-light text-xl`,children:t});default:return t}}function fl({alreadyUsingFree:e,clusterId:t,defaultValues:n,deploymentToPerformanceToPlan:r,harperVersions:a,mode:o,organization:s,organizationId:c,planTypes:l,regionLocationsColocated:u,regionLocationsDedicated:d,setSavedClusterState:f,startOffOnBilling:p}){let m=zn(),h=ar(),g=s?.type===$s,_=s?.channel===`Akamai`?`linode`:void 0,v=lr(),{mutate:y,isPending:b}=Js(),{mutate:x,isPending:S}=Xs(),[ee,te]=(0,I.useState)(p),ne=(0,I.useMemo)(()=>Rs(u?.sort(Ms(`latencyDescription`))||[],`region`,`latencyDescription`),[u]),re=(0,I.useMemo)(()=>Rs(d?.sort(Ms(`latencyDescription`))||[],`region`,`latencyDescription`),[d]),ie=(0,I.useCallback)((t,n)=>{let i=new Set,a=r?.[t.deploymentDescription]?.[t.performanceDescription];if(t.deploymentDescription===`Self-Hosted`)for(let e=0;e<t.instances.length;e++){let r=sl(t.instances[e]);i.has(r)?n.addIssue({code:`custom`,path:[`instances.${e}.fqdn`],message:`Every instance url must be unique!`}):i.add(r)}else{a?.priceUsd===0&&e&&n.addIssue({code:`custom`,path:[`performanceDescription`],message:`Only one free cluster is allowed per organization.`});let r=a?.deploymentDescription===`Dedicated`?re:ne;for(let e=0;e<t.regionPlans.length;e++){let o=t.regionPlans[e],s=r[o.regionName]?.[o.latencyDescription];i.has(o.regionName)?n.addIssue({code:`custom`,path:[`regionPlans.${e}.regionName`],message:`You can only select a region once!`}):i.add(o.regionName),a?.allowedRegionIds?.length&&s?.id&&(a.allowedRegionIds.includes(s.id)?e>=1&&n.addIssue({code:`custom`,path:[`regionPlans.${e}.regionName`],message:`You can only select one region with this performance tier!`}):tc(a.allowedRegionIds,s.id)?n.addIssue({code:`custom`,path:[`regionPlans.${e}.latencyDescription`],message:`This latency is not available with the selected performance tier!`}):n.addIssue({code:`custom`,path:[`regionPlans.${e}.regionName`],message:`This region is not available with the selected performance tier!`}))}}},[e,ne,re,r]),C=N({mode:`onChange`,resolver:T(Tc.superRefine(ie)),defaultValues:n}),[ae,oe]=(0,I.useState)(!0);(0,I.useEffect)(()=>{ae&&n&&(f(null),oe(!1))},[n,ae,f]);let se=C.watch(`clusterName`),ce=C.watch(`abbreviatedName`),le=C.watch(`deploymentDescription`),ue=C.watch(`performanceDescription`),de=C.watch(`regionPlans`),fe=C.watch(`instances`),w=le===`Dedicated`?re:ne,pe=le===`Dedicated`?d:u;(0,I.useEffect)(function(){let e=C.getValues();le&&(le===`Self-Hosted`?(e.abbreviatedName&&C.setValue(`abbreviatedName`,``),e.regionPlans.length&&C.setValue(`regionPlans`,[]),e.instances.length||C.setValue(`instances`,[{secure:`true`,fqdn:``,port:Yr}])):(e.fqdn&&C.setValue(`fqdn`,``),e.instances.length&&C.setValue(`instances`,[]),e.regionPlans.length||ll(C,l,pe)))},[C,l,pe,le]);let me=(0,I.useMemo)(()=>{let e=ec(nc(se),wc.maxLength);return{suggestedAbbreviatedName:e,fullHostName:`${ce||e}.${s.subdomain||`your-org`}.harperfabric.com`}},[se,ce,s]),he=(0,I.useMemo)(()=>r?.[le]?.[ue],[r,le,ue]);(0,I.useEffect)(function(){let e=he?.allowedRegionIds;if(e?.length&&de?.length===1){let t=de[0],n=w?.[t.regionName]?.[t.latencyDescription];if(!e.includes(n?.id)){let t=pe?.filter(t=>e.includes(t.id)),n=t?.find(e=>e.region===`US`)||t?.[0];n&&(C.setValue(`regionPlans.0.regionName`,n.region),C.setValue(`regionPlans.0.latencyDescription`,n.latencyDescription),C.trigger())}}},[he,de,C,w,pe]),(0,I.useEffect)(function(){if(le!==`Self-Hosted`&&Object.keys(w).length&&de.length)for(let e=0;e<de.length;e++)w[de[e].regionName]||C.setValue(`regionPlans.${e}.regionName`,``)},[C,w,le,de]);let ge=he?.priceUsd?le===`Self-Hosted`?fe.length*he.priceUsd:de.reduce((e,t)=>{let n=w?.[t.regionName]?.[t.latencyDescription];return e+(n?he.priceUsd*n.instanceCount/2:0)},0):0,_e=(0,I.useCallback)(({creating:e,deploymentDescription:t})=>A.message(e?`Creating Cluster`:`Updating Cluster`,{description:(0,R.jsx)(Ks,{message:`This may take a little bit, hold tight!`,lateMessage:`Still working on it... why don't you grab a coffee, and I'll let you know when it's done?`,duration:t===`Dedicated`?6e4:5e3}),duration:12e4}),[]),ve=(0,I.useCallback)(async({clusterId:e,sourceClusterId:t,creating:n,toastId:r,isSelfManaged:i})=>{if(t){let e=(await Zs(c)).clusters?.find(e=>e.id===t);Ko(e?.status)&&await ms(t)}v.invalidateQueries({queryKey:[c],refetchType:`active`}),n||v.invalidateQueries({queryKey:[e],refetchType:`active`}),h.invalidate(),m(i?{to:`/${c}/${e}/instances`}:n?{to:`/${c}/${e}/starting-up`}:{to:`/${c}/${e}/scaling`}),C.reset(),A.success(n?`Cluster Created`:`Cluster Updated`,{id:r,description:i?void 0:n?`It is being provisioned now.`:`The updates are being provisioned now.`,duration:5e3})},[v,h,m,c,C]),ye=(0,I.useCallback)(async()=>{let e=C.getValues(),n=[],i=r[e.deploymentDescription][e.performanceDescription],a=e.deploymentDescription===`Self-Hosted`;if(a)for(let t of e.instances)n.push({autoRenew:!0,instanceFqdn:t.fqdn,operationsApiPort:t.port||9925,operationsApiSecure:t.secure===`true`,planId:i.id});else for(let t of e.regionPlans){let e=w[t.regionName][t.latencyDescription];n.push({autoRenew:!0,planId:i.id,regionId:e.id})}f(null);let s=_e({creating:!t,deploymentDescription:e.deploymentDescription}),l=()=>A.dismiss(s);t?x(o===`version`?{id:t,version:e.version,skipGtmWait:e.skipGtmWait}:{id:t,regionPlans:n,skipGtmWait:e.skipGtmWait},{onSuccess:t=>ve({clusterId:t.id,sourceClusterId:e.sourceClusterId,isSelfManaged:a,creating:!1,toastId:s}),onError:l}):y({abbreviatedName:a?void 0:e.abbreviatedName||me.suggestedAbbreviatedName,autoRenew:!0,fqdn:a&&e.fqdn||void 0,name:e.clusterName,version:e.version,organizationId:c,regionPlans:n},{onSuccess:t=>ve({clusterId:t.id,sourceClusterId:e.sourceClusterId,isSelfManaged:a,creating:!0,toastId:s}),onError:l})},[me.suggestedAbbreviatedName,t,r,C,ve,_e,c,w,f,x,y]),be=(0,I.useCallback)(()=>{if(o!==`version`&&ge>0){te(!0);return}return ye()},[o,ye,ge]),xe=(0,I.useCallback)(e=>{f(e?{clusterId:t,...C.getValues(),skipToBilling:!0}:null)},[t,C,f]),Se=(0,I.useCallback)(()=>{te(!1)},[]),Ce=!g&&`mr-37.5`;return(0,R.jsxs)(R.Fragment,{children:[!g&&o!==`version`&&(0,R.jsxs)(`div`,{className:`absolute top-3 right-4 md:right-12 text-right`,children:[(0,R.jsx)(`dt`,{className:`font-light`,children:`Total Price`}),(0,R.jsx)(`dd`,{className:`font-bold`,children:(0,R.jsx)(ul,{price:ge})})]}),(0,R.jsx)(V,{...C,children:ee?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`h1`,{className:i(`text-lg leading-none text-white font-semibold mb-4`,Ce),children:`Cluster Billing`}),(0,R.jsx)(`p`,{className:i(`text-muted-foreground text-sm mb-2`,Ce),children:`Please confirm the following billing details:`}),(0,R.jsx)(xc,{clusterId:t,isPending:b||S,onGoBackToDetails:Se,onSaveStateForBillingRedirect:xe,onSubmit:ye,organizationId:c,selectedPlan:he})]}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`h1`,{className:i(`text-lg leading-none text-white font-semibold mb-4`,Ce),children:`Cluster Configuration`}),(0,R.jsx)(`p`,{className:i(`text-muted-foreground text-sm mb-6`,Ce),children:`Configure your Harper cluster and define deployment plans.`}),(0,R.jsx)(`form`,{id:`cluster-upsert-form`,name:`cluster-upsert-form`,onSubmit:C.handleSubmit(be),children:(0,R.jsx)(ol,{calculatedNames:me,clusterId:t,deploymentToPerformanceToPlan:r,form:C,isPending:b||S,harperVersions:a,mode:o,regionLocations:pe,regionNameToLatencyToRegion:w,selectedDeployment:le,selectedPerformance:ue,selectedPlan:he,totalPrice:ge,isEnterprise:g,cloudProvider:_})})]})})]})}function pl(e){return e?.clusterName!==void 0}function ml(){let{organizationId:e,clusterId:t,mode:n}=E({strict:!1}),{create:r,update:i}=sa(e),{organization:a,cluster:o}=Et({strict:!1}),[s,c]=bs(xs.SavedClusterState,null),{data:l}=D(Ds(e)),{data:u}=D(js({availableHosts:!0,organizationId:e})),{data:d}=D(js({organizationId:e})),{data:f}=D(ks()),p=(0,I.useMemo)(()=>{if(o){let e=o.instances?.map(e=>e.version).filter(Fi);if(f&&e){let t=e.sort(Bs).pop();return{...f,value:[!!t&&{name:`current`,version:t},...(f?.value||[]).filter(e=>t!==e.version&&(!t||zs(t,e.version)))].filter(Fi)}}}return f},[f,o]),m=(0,I.useMemo)(()=>{for(let e of a?.clusters??[])if(e.id!==o?.id&&l&&!qo(e.status)&&!Ko(e.status)&&e.plans)for(let t of e.plans){let e=l.find(e=>e.id===t.planId);if(e?.priceUsd===0&&!e.id.startsWith(`self-hosted`))return!0}return!1},[o?.id,a?.clusters,l]),h=(0,I.useMemo)(()=>Rs(l?.sort(Ms(`priceUsd`))||[],`deploymentDescription`,`performanceDescription`),[l]),g=(0,I.useMemo)(()=>{if(!l||!p||!u||!d||t&&!o)return null;let e=o;if(s){if(pl(s))return{...s,clusterName:s.clusterName||``,abbreviatedName:s.abbreviatedName||``,version:s.version,deploymentDescription:s.deploymentDescription||``,performanceDescription:s.performanceDescription||``,fqdn:s.fqdn||``,regionPlans:s.regionPlans||[],instances:s.instances||[]};e=s}let n=l?.find(e=>e.id===o?.plans?.[0].planId),r=[],i=[],a=n?.deploymentDescription===`Dedicated`?d:u,c=cl(l,a,m),f=!1;if(e){if(e.plans){for(let t of e.plans)if(t.regionId){let e=a.find(e=>e.id===t.regionId);e&&r.push({regionName:e.region,latencyDescription:e.latencyDescription})}}if(!r.length&&e.instances){let t=e.instances.filter(e=>e.status&&!Ha.includes(e.status)).sort(Fs);for(let e of t)f=!0,i.push({fqdn:e.instanceFqdn,port:e.operationsApiPort,secure:e.operationsApiSecure?`true`:`false`})}}else c&&r.push(...c.regionPlans);!f&&!r.length&&r.push({regionName:``,latencyDescription:``});let h=p.value?.find(e=>e.name===`current`)?.version??p.value?.find(e=>e.name===`stable`)?.version;return{sourceClusterId:e?.id,autoRenew:e?.plans?.[0]?.autoRenew??!0,clusterName:e?.name??``,abbreviatedName:e?.abbreviatedName??``,version:h,deploymentDescription:n?.deploymentDescription??c?.deploymentDescription??``,performanceDescription:n?.performanceDescription??c?.performanceDescription??``,fqdn:f?e?.fqdn??``:``,instances:i,regionPlans:r}},[m,o,t,l,p,u,d,s]);return!g||!a||!l||!u||!d?(0,R.jsx)(Ts,{children:(0,R.jsx)(ws,{centered:!0,text:`Loading...`})}):(o?.id?!i:!r)?(0,R.jsx)(Ts,{children:(0,R.jsx)(Ai,{title:`Not Allowed`,error:{message:(0,R.jsxs)(R.Fragment,{children:[`You do not have permission to `,o?.id?`update`:`create`,` clusters in this org.`]})}})}):l.length===0?(0,R.jsx)(Ts,{children:(0,R.jsx)(Ai,{title:`Cluster ${t?`Modification`:`Creation`} Not Currently Allowed`,error:{message:(0,R.jsxs)(R.Fragment,{children:[`There are no available deployment types right now! Please try again later, or `,(0,R.jsx)(Cs,{}),`.`]})}})}):(0,R.jsx)(Ts,{className:`max-w-4xl mx-auto`,children:(0,R.jsx)(fl,{alreadyUsingFree:m,clusterId:t,defaultValues:g,deploymentToPerformanceToPlan:h,harperVersions:p,mode:n,organization:a,organizationId:e,planTypes:l,regionLocationsColocated:u,regionLocationsDedicated:d,setSavedClusterState:c,startOffOnBilling:pl(s)&&s.skipToBilling===!0})})}var hl={FAILED:0,UPDATING:1,PROVISIONING:2,RUNNING:3,TERMINATED:4},gl=hl.RUNNING;function _l(e,t){return e.status===t.status?e.name.localeCompare(t.name):(e.status?hl[e.status]??gl:gl)-(t.status?hl[t.status]??gl:gl)}function vl(e,t){let n=t.toLowerCase();return t=>{for(let r of e){let e=t[r];if(e!=null)if(typeof e==`string`){if(e.toLowerCase().includes(n))return!0}else if(typeof e==`boolean`){if(e&&(n===`yes`||n===`true`||n===`1`)||!e&&(n===`no`||n===`false`||n===`0`))return!0}else throw Error(`curryFilterByFuzzySearch has not implemented support for `+typeof e+` fields yet!`)}return!1}}function yl(){let{organizationId:e}=E({strict:!1}),{create:t}=sa(e),{data:n,isSuccess:r}=mn(Qs(e)),[i]=bs(xs.SavedClusterState,null),[a,o]=(0,I.useState)(``),s=(0,I.useCallback)(()=>o(``),[]),c=(0,I.useCallback)(e=>{o(e.currentTarget.value?.toLowerCase()||``)},[]),l=(0,I.useMemo)(()=>n?.clusters?.slice().filter(e=>!qo(e.status)).sort(_l)||[],[n?.clusters]),u=(0,I.useMemo)(()=>l.filter(vl([`id`,`name`],a))||[],[a,l]);return n&&l.length===0&&t?(0,R.jsx)(ml,{}):i?(0,R.jsx)(Vt,{to:`/${e}/new-cluster`}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{children:r?(0,R.jsxs)(`div`,{className:`flex w-full justify-end gap-2`,children:[(0,R.jsx)(q,{placeholder:`Filter by name`,className:`inline-block w-full text-xs`,value:a,onChange:c}),t&&(0,R.jsx)(O,{to:`new-cluster`,children:(0,R.jsxs)(z,{variant:`positive`,accessKey:`n`,children:[(0,R.jsx)(w,{}),` `,(0,R.jsxs)(`span`,{className:`hidden sm:inline-block`,children:[(0,R.jsx)(`u`,{children:`N`}),`ew `,(0,R.jsx)(`span`,{className:`hidden md:inline-block`,children:`Cluster`})]})]})})]}):null}),(0,R.jsx)(`section`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-(--spacing(32)))]`,children:(0,R.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-12 mb-4`,children:[u.map(e=>(0,R.jsx)(`div`,{className:`col-span-1 md:col-span-4 lg:col-span-3 2xl:col-span-2`,children:(0,R.jsx)(Ss,{cluster:e})},e.id)),!u.length&&(0,R.jsxs)(`div`,{className:`col-span-1 md:col-span-12 text-center`,children:[(0,R.jsx)(`h2`,{className:`my-4 text-xl`,children:`No matches found.`}),(0,R.jsx)(z,{type:`button`,variant:`outline`,onClick:s,children:`Clear Filters`})]})]})})]})}function bl(){let e=URL.parse(location.href);return e?.hash?e.hash.startsWith(`#/`)?e.hash.slice(1):e.hash:`/`}function xl(){return`/#`+bl()}function Sl(){let{organizationId:e}=E({strict:!1}),t=zn(),n=new URLSearchParams(window.location.search).get(`setup_intent_client_secret`),{setup_intent_client_secret:r}=$n({strict:!1}),[i]=bs(xs.SavedClusterState,null),a=n||r,o=fn(),s=ac(e),c=(0,I.useCallback)(()=>{let e=i?i.clusterId?`../../${i.clusterId}/edit`:`../../new-cluster`:`../`;window.history.replaceState(null,``,xl()),t({search:void 0,to:e})},[t,i]);return(0,I.useEffect)(()=>{!o||!a||!s||!e||!c||(async function(){try{let{setupIntent:e}=await o.retrieveSetupIntent(a);switch(e?.status){case`succeeded`:e.payment_method===null?(A.error(`Failed to process payment method details. Please try another payment method.`),c()):s(e.payment_method,c);break;case`processing`:A.warning(`Processing payment method. Please check back later.`),c();break;case`requires_payment_method`:A.error(`Failed to process payment method details. Please try another payment method.`),c();break;default:A.error(`Failed to process payment method details. Please try another payment method.`),c();break}}catch(e){console.error(e),A.error(`Failed to process payment method details. Please try another payment method.`),c()}})()},[a,c,e,s,o]),(0,R.jsx)(ws,{centered:!0})}function Cl(){return(0,R.jsx)(mc,{children:(0,R.jsx)(Sl,{})})}function wl({clusterId:e,instanceId:t,organizationId:n},r){return`/`+[n,e,t&&`instance`,t,r].filter(Fi).join(`/`)}var Tl=`flex items-center p-2 rounded-lg group`,El={className:`text-white hover:bg-gray-700`},Dl={className:`text-black bg-white pointer-events-none cursor-default`};function Ol(){let{organizationId:e}=E({strict:!1}),{update:t}=aa(e);return t?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`div`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-theme(spacing.32))]`,children:(0,R.jsxs)(`div`,{className:`md:grid gap-4 md:grid-cols-12 min-h-[calc(100vh-theme(spacing.36))] mb-12`,children:[(0,R.jsxs)(`section`,{className:`col-span-1 text-white md:col-span-4 lg:col-span-3 md:border-r-1 border-b md:border-b-0 md:pr-4 border-gray-700`,children:[(0,R.jsx)(kl,{}),(0,R.jsx)(Al,{})]}),(0,R.jsx)(`section`,{className:`col-span-1 text-white md:col-span-8 lg:col-span-9`,children:(0,R.jsx)(x,{})})]})})]}):(0,R.jsx)(`div`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-theme(spacing.32))]`,children:`You don't have access to manage payments for this organization. Please contact your administrator.`})}function kl(){let e=E({strict:!1});return(0,R.jsxs)(`div`,{className:`hidden md:block`,children:[(0,R.jsxs)(`span`,{className:Tl,children:[(0,R.jsx)(pt,{className:`inline-block`}),(0,R.jsx)(`h3`,{className:`ms-3 text-2xl font-extrabold dark:text-white`,children:`Billing`})]}),(0,R.jsxs)(`ul`,{className:`border-t border-gray-700 pt-4 mt-4 space-y-2`,children:[(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`billing`),className:Tl,activeOptions:{exact:!0},inactiveProps:El,activeProps:Dl,children:[(0,R.jsx)(hn,{className:`inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Payment Method`})]})}),(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`billing/invoices`),className:Tl,inactiveProps:El,activeProps:Dl,children:[(0,R.jsx)(ge,{className:`inline-block`}),(0,R.jsx)(`span`,{className:`ms-3`,children:`Invoices & Payments`})]})})]})]})}function Al(){let e=E({strict:!1});return(0,R.jsxs)(`ul`,{className:`flex space-x-4 md:hidden py-2`,children:[(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`billing`),className:Tl,activeOptions:{exact:!0},inactiveProps:El,activeProps:Dl,children:[(0,R.jsx)(hn,{className:`inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Payment Method`})]})}),(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`billing/invoices`),className:Tl,inactiveProps:El,activeProps:Dl,children:[(0,R.jsx)(ge,{className:`inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Invoices & Payments`})]})})]})}function jl({className:e,containerClassName:t,...n}){return(0,R.jsx)(`div`,{"data-slot":`table-container`,className:L(`relative w-full overflow-x-auto`,t),children:(0,R.jsx)(`table`,{"data-slot":`table`,className:L(`w-full caption-bottom text-sm`,e),...n})})}function Ml({className:e,...t}){return(0,R.jsx)(`thead`,{"data-slot":`table-header`,className:L(`[&_tr]:border-b`,e),...t})}function Nl({className:e,...t}){return(0,R.jsx)(`tbody`,{"data-slot":`table-body`,className:L(`[&_tr:last-child]:border-0`,e),...t})}function Pl({className:e,...t}){return(0,R.jsx)(`tr`,{"data-slot":`table-row`,className:L(`border-b border-grey-700 transition-colors`,e),...t})}function Fl({className:e,...t}){return(0,R.jsx)(`th`,{"data-slot":`table-head`,className:L(`h-10 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...t})}function Il({header:e,onColumnClick:t,...n}){let r=(0,I.useCallback)(()=>{e.column.toggleSorting(e.column.getIsSorted()===`asc`);let n=e.column.getIsSorted()===!1||e.column.getIsSorted()!==`asc`;t?.(e.column.columnDef.accessorKey,n)},[e,t]),i=e.column.columnDef.enableSorting,a=e.column.columnDef.enableResizing,o=e.isPlaceholder?null:Yn(e.column.columnDef.header,e.getContext()),s=(0,I.useCallback)(()=>{e.column.resetSize()},[e]);return(0,R.jsx)(Fl,{...n,style:{width:`${e.getSize()}px`},className:i?`px-0`:`px-2`,children:(0,R.jsxs)(`div`,{className:`flex items-center justify-between`,children:[i?(0,R.jsxs)(z,{type:`button`,variant:`ghost`,className:L(`rounded-none`,!e.column.getIsSorted()||e.column.getIsSorted()===`asc`?`cursor-n-resize`:`cursor-s-resize`),onClick:r,children:[o,e.column.getIsSorted()===`asc`?(0,R.jsx)(Te,{}):e.column.getIsSorted()===`desc`?(0,R.jsx)(Le,{}):(0,R.jsx)(mt,{className:`text-gray-600`})]}):o,a&&(0,R.jsx)(z,{type:`button`,variant:`ghost`,className:`cursor-col-resize`,onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),onDoubleClick:s,style:{transform:e.column.getIsResizing()?`translateX(${e.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:``},children:(0,R.jsx)(Fe,{})})]})})}function Ll({className:e,...t}){return(0,R.jsx)(`td`,{"data-slot":`table-cell`,className:L(`align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...t})}function Rl({columns:e,data:t,isFetching:n,onRowClick:r,onColumnClick:i,sortingState:a,children:o}){let s=Ie({data:t,columns:e,getCoreRowModel:kt(),getSortedRowModel:it(),initialState:{sorting:a}});return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-end space-x-2 pb-4`,children:[(0,R.jsx)(`div`,{className:`grow lg:hidden`}),o,(0,R.jsx)(`div`,{className:`grow hidden lg:visible`})]}),(0,R.jsxs)(jl,{containerClassName:`rounded-md bg-black-dark`,children:[(0,R.jsx)(Ml,{children:s.getHeaderGroups().map(e=>(0,R.jsx)(Pl,{className:`border-none`,children:e.headers.map(e=>(0,R.jsx)(Il,{header:e,onColumnClick:i},e.id))},e.id))}),(0,R.jsx)(Nl,{className:`bg-black border border-grey-700`,children:s.getRowModel().rows?.length?s.getRowModel().rows.map(e=>(0,R.jsx)(Pl,{"data-state":e.getIsSelected()&&`selected`,onClick:()=>r?.(e),className:L(`hover:bg-muted/10 data-[state=selected]:bg-muted`,r&&`cursor-pointer`),children:e.getVisibleCells().map(e=>(0,R.jsx)(Ll,{className:`py-2 px-2 overflow-x-hidden max-w-32 text-ellipsis whitespace-nowrap`,style:{width:`${e.column.getSize()}px`},children:Yn(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,R.jsx)(Pl,{children:(0,R.jsx)(Ll,{colSpan:e.length,className:`h-24 text-center`,children:n?(0,R.jsx)(`div`,{children:(0,R.jsx)(ws,{className:`p-12`})}):(0,R.jsx)(`span`,{children:`No results.`})})})})]})]})}function zl(e){switch(e){case`paid`:return`success`;case`void`:case`uncollectible`:return`destructive`;default:return`default`}}function Bl(e){return new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`}).format(e)}function Vl(e,t){if(e<45)return`a few seconds ago`;if(e<120)return`a minute ago`;let n=Math.floor(e/60);if(n<60)return`${n} minutes ago`;if(n<120)return`an hour ago`;let r=Math.floor(e/3600);return r>48?new Date(t).toLocaleString():`${r} hours ago`}var Hl=[{header:`Invoice Id`,accessorKey:`id`,enableSorting:!1},{header:`Status`,accessorKey:`status`,enableSorting:!1,cell:({cell:e})=>(0,R.jsx)(ns,{variant:zl(e.getValue()),children:e.getValue()})},{header:`Date`,accessorKey:`periodStart`,enableSorting:!1,cell:({cell:e})=>{let t=e.row.original.periodStart*1e3,n=e.row.original.periodEnd*1e3,r=(Date.now()-t)/1e3,i=(Date.now()-n)/1e3;return Math.abs(r-i)<1e3?Vl(r,t):[t?Vl(r,t):`-`,n?Vl(i,n):`-`].join(` to `)}},{header:`Amount Due`,accessorKey:`amountDue`,enableSorting:!1,cell:({cell:e})=>Bl(e.getValue()?e.getValue()/100:0)},{header:`Amount Paid`,accessorKey:`amountPaid`,enableSorting:!1,cell:({cell:e})=>Bl(e.getValue()?e.getValue()/100:0)},{header:`Lines`,accessorKey:`lines`,enableSorting:!1,cell:({cell:e})=>{let t=e.getValue(),n=[];for(let e of t)n.push(`${e.quantity}x ${e.description} @ ${Bl(e.amount/100)}`);return n.join(`
33
+ `)}}];function Ul(e){return(0,I.useCallback)(async()=>{A.loading(`Refreshing...`,{id:`refreshing`});let t=Date.now();await e(),Date.now()-t<500&&await ii(500),A.success(`Refreshed!`,{id:`refreshing`})},[e])}async function Wl(e){let{data:t}=await P.get(`/Invoice/${e}`);return t}function Gl(e,t){return k({queryKey:[e,`invoices`],queryFn:()=>Wl(e),retry:!1,enabled:!!e,refetchInterval:t?1e4:void 0})}function Kl(){let{organizationId:e}=E({strict:!1}),{data:t}=D(Qs(e)),{data:n,refetch:r,isLoading:i,isFetching:a,isRefetching:o}=D(Gl(t?.type!==`ENTERPRISE`&&t?.id,!1)),s=Ul(r);return t?.type===`ENTERPRISE`?(0,R.jsxs)(`span`,{children:[`You are part of an enterprise organization! We don’t currently show your invoices on this page. Want to explore your solution with Harper more? `,(0,R.jsx)(Cs,{}),`, we would love to talk!`]}):i?(0,R.jsx)(ws,{centered:!0}):!n||!n.length?(0,R.jsxs)(`span`,{children:[`Your invoices will be shown here once one is available! Want to explore your solution with Harper more?`,` `,(0,R.jsx)(Cs,{overEmail:!0}),`, we would love to talk!`]}):(0,R.jsx)(Rl,{data:n,columns:Hl,children:(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:s,accessKey:`r`,disabled:a||o,children:[(0,R.jsx)(mr,{}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]})})}function ql(e){let t=M({getParentRoute:()=>e,path:`billing`,component:Ol}),n=M({getParentRoute:()=>t,path:`/`,component:bc}),r=M({getParentRoute:()=>t,path:`invoices`,component:Kl}),i=M({getParentRoute:()=>t,path:`confirm`,component:Cl});return t.addChildren([n,r,i])}async function Jl(e){let{data:t}=await P.get(`/OrganizationRole/${e}`);return t}function Yl(e){return k({queryKey:[e,`roles`],queryFn:()=>Jl(e),retry:!1,refetchInterval:10*1e3})}var Xl=[{header:`Role Name`,accessorKey:`roleName`,enableSorting:!1},Mt().display({header:`Users Assigned`,enableSorting:!1,id:`userIds`,cell:e=>!e.row.original.userIds||e.row.original.userIds.length===0?`No users assigned`:e.row.original.userIds.length})];async function Zl(e){let{data:t}=await P.post(`/Role/`,e);return t}function Ql(){return j({mutationFn:Zl})}var $l=l({name:v().nonempty({error:`Please enter a role name.`}).regex(/^[a-zA-Z_]*$/,{error:`Role must contain only letters and underscores.`}).max(30,{error:`Role name cannot be longer than 30 characters.`}),update:_(),delete:_()});l({roles:l({create:_(),delete:_(),update:_(),view:_()}),clusters:l({create:_(),delete:_(),update:_(),view:_(),resources:f(l({id:v(),delete:_(),update:_(),view:_(),instances:l({create:_(),delete:_(),update:_(),view:_()})}))})});var eu={roles:{create:!0,view:!0,update:!0,delete:!0},clusters:{create:!0,view:!0,update:!0,delete:!0,resources:[]}};function tu({isModalOpen:e,setIsModalOpen:t}){let n=lr(),{organizationId:r}=E({strict:!1}),[i,a]=(0,I.useState)(!0),[o,s]=(0,I.useState)(JSON.stringify(eu,null,2)),{mutate:c,isPending:l}=Ql(),u=N({resolver:T($l),defaultValues:{name:``,update:!1,delete:!1}}),d=(0,I.useCallback)(e=>{a(e.length===0)},[a]),f=(0,I.useCallback)(async e=>{let a=_s(o);if(!a)return;let s={...e,...a,organizationId:r};e&&i&&c(s,{onSuccess:()=>{A.success(`Organization role added successfully!`),t(!1),n.invalidateQueries({queryKey:[r,`roles`],refetchType:`active`}),u.reset()},onError:e=>{A.error(`Failed to add organization role: ${e.message}`)}})},[i,o,c,u,n,t,r]);return(0,R.jsx)(J,{onOpenChange:t,open:e,children:(0,R.jsxs)(Y,{children:[(0,R.jsx)(Z,{children:`Add New Organization Role`}),(0,R.jsx)(es,{children:`Set the new organization role permissions.`}),(0,R.jsx)(V,{...u,children:(0,R.jsxs)(`form`,{id:`org-add-role-form`,name:`org-add-role-form`,className:`grid grid-cols-2 gap-4 my-4`,onSubmit:u.handleSubmit(f),children:[(0,R.jsx)(U,{control:u.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{className:`col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Role Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,className:``,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:u.control,name:`update`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Can Update Organization`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-6 ml-2`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:u.control,name:`delete`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Can Delete Organization`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-6 ml-2`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(`div`,{className:`col-span-2`,children:(0,R.jsx)(Be,{theme:`vs-dark`,height:`300px`,defaultLanguage:`json`,onValidate:d,onChange:e=>{e&&s(e)},defaultValue:JSON.stringify(eu,null,2)})}),(0,R.jsx)(X,{className:`col-span-2`,children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{variant:`destructiveOutline`,className:`rounded-full`,type:`button`,onClick:()=>t(!1),disabled:l,children:`Cancel`}),(0,R.jsx)(z,{variant:`submit`,className:`rounded-full`,disabled:l||!i||!u.formState.isValid,children:`Save Changes`})]})})]})})]})})}async function nu({roleId:e}){let{data:t}=await P.delete(`/Role/${e}`,{id:e,deleted:!0});return t}function ru(){return j({mutationFn:({roleId:e})=>nu({roleId:e})})}async function iu({roleId:e,updatedRoleInfo:t}){let{data:n}=await P.put(`/Role/${e}`,t);return n}function au(){return j({mutationFn:({roleId:e,updatedRoleInfo:t})=>iu({roleId:e,updatedRoleInfo:t})})}function ou({organizationId:e,roleId:t}){return k({queryKey:[e,`roles`,t],queryFn:()=>su(t),refetchInterval:10*1e3})}async function su(e){let{data:t}=await P.get(`/Role/${e}`);return t}function cu({onRoleDeleteClick:e,setIsConfirmingRoleDeletion:t,isRoleDeletionPending:n}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Z,{children:`Confirm Role Deletion`}),(0,R.jsx)(es,{children:`Are you sure you want to delete this role? This action cannot be undone.`}),(0,R.jsxs)(X,{children:[(0,R.jsx)(z,{type:`button`,variant:`defaultOutline`,className:`rounded-full`,onClick:()=>t(!1),children:`Cancel`}),(0,R.jsx)(z,{variant:`destructiveOutline`,className:`rounded-full`,onClick:e,disabled:n,children:n?`Deleting...`:`Delete Role`})]})]})}function lu({data:e,isModalOpen:t,closeModal:n}){let r=lr(),{data:i}=mn(ou({roleId:e.id,organizationId:e.organizationId})),a=_i(),o=a.user&&a.user?.roles?.[e.organizationId]?.role===e.roleName,{update:s,remove:c}=oa(e.organizationId),{mutate:l,isPending:u}=au(),{mutate:d,isPending:f}=ru(),[p,m]=(0,I.useState)(!1),h=N({resolver:T($l),defaultValues:{name:e.roleName,update:i.organization.update||!1,delete:i.organization.delete||!1}}),g=(0,I.useCallback)(()=>{d({roleId:e.id},{onSuccess:()=>{A.success(`Role deleted successfully!`),n(!0),h.reset()},onError:e=>{A.error(`Error`,{description:`Failed to delete role: ${e instanceof Error?e.message:String(e)}.`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}})},[e.id,d,h,n]),[_,v]=(0,I.useState)(!0),[y,b]=(0,I.useState)(JSON.stringify({roles:{...i.organization.roles},clusters:{...i.organization.clusters}},null,2)),x=(0,I.useCallback)(e=>{v(e.length===0)},[v]),S=(0,I.useCallback)(async t=>{if(!s)return;let i=_s(y);if(!i)return;let a={...t,...i,organizationId:e.organizationId};y&&_&&l({roleId:e.id,updatedRoleInfo:a},{onSuccess:async()=>{A.success(`Role updated successfully!`),await r.invalidateQueries({queryKey:[e.organizationId,`roles`,e.id]}),n(!1),h.reset()},onError:e=>{A.error(`Error`,{description:`Failed to update role: ${e instanceof Error?e.message:String(e)}.`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}})},[n,e.id,e.organizationId,h,_,r,i,s,y,l]);return(0,R.jsx)(J,{onOpenChange:(0,I.useCallback)(()=>n(!1),[n]),open:t,children:(0,R.jsx)(Y,{children:p?(0,R.jsx)(cu,{onRoleDeleteClick:g,setIsConfirmingRoleDeletion:m,isRoleDeletionPending:f}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(Z,{children:[o||!s?`View`:`Edit`,` Organization Role "`,e.roleName,`"`]}),(0,R.jsx)(V,{...h,children:(0,R.jsxs)(`form`,{id:`org-edit-role-form`,name:`org-edit-role-form`,className:`grid grid-cols-2 gap-4 my-4`,onSubmit:h.handleSubmit(S),children:[(0,R.jsx)(U,{control:h.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{className:`col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Role Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,className:``,...e,disabled:!0,readOnly:!0})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:h.control,name:`update`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Can Update Organization`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-6 ml-2`,disabled:o||!s,readOnly:o||!s,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:h.control,name:`delete`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Can Delete Organization`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-6 ml-2`,disabled:o||!s,readOnly:o||!s,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(`div`,{className:`col-span-2`,children:(0,R.jsx)(Be,{theme:`vs-dark`,height:`300px`,defaultLanguage:`json`,onValidate:x,onChange:e=>{e&&b(e)},options:o||!s?{readOnly:!0}:void 0,defaultValue:y})}),!o&&(c||s)&&(0,R.jsx)(X,{className:`col-span-2`,children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[c&&(0,R.jsx)(z,{type:`button`,variant:`destructiveOutline`,className:`rounded-full`,onClick:()=>m(!0),disabled:u,children:`Delete Role`}),s&&(0,R.jsx)(z,{variant:`submit`,className:`rounded-full`,disabled:!_||u||!h.formState.isValid||!h.formState.isDirty,children:`Save Changes`})]})})]})})]})})})}function uu(){let e=zn(),t=lr(),{organizationId:n,orgRoleId:r}=E({strict:!1}),{create:i}=oa(n),{data:a,refetch:o,isFetching:s,isRefetching:c}=mn(Yl(n)),l=(0,I.useMemo)(()=>a&&a?.find(e=>e.id===r),[a,r]),u=!!r&&!!l,[d,f]=(0,I.useState)(!1),p=(0,I.useCallback)(async(i,a)=>{await e({to:[r?`..`:``,i].filter(Boolean).join(`/`)}),a&&await t.invalidateQueries({queryKey:[n,`roles`],refetchType:`active`})},[r,e,t]),m=(0,I.useCallback)(()=>{f(!0)},[f]),h=(0,I.useCallback)(e=>p(e.original.id,!1),[p]),g=(0,I.useCallback)(e=>p(void 0,e),[p]),_=Ul(o);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`div`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-(--spacing(32)))]`,children:(0,R.jsxs)(I.Suspense,{fallback:(0,R.jsx)(ws,{className:`flex flex-col items-center justify-center h-full`,text:`Loading...`}),children:[(0,R.jsxs)(Rl,{data:a,columns:Xl,onRowClick:h,children:[(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:_,accessKey:`r`,disabled:s||c,children:[(0,R.jsx)(mr,{}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]}),i&&(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:m,accessKey:`a`,disabled:d,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`A`}),`dd`]})]})]}),i&&(0,R.jsx)(tu,{isModalOpen:d,setIsModalOpen:f}),u&&(0,R.jsx)(lu,{data:l,isModalOpen:u,closeModal:g})]})})]})}var du=[{header:`User Id`,accessorKey:`id`,enableSorting:!1},{header:`Email`,accessorKey:`email`,enableSorting:!1},{header:`First Name`,accessorKey:`firstname`,enableSorting:!1},{header:`Last Name`,accessorKey:`lastname`,enableSorting:!1},Mt().display({header:`Roles`,enableSorting:!1,id:`roles`,cell:e=>e.row.original.roles?.map(e=>e.roleName)?.sort()?.join(`, `)}),{header:`Status`,accessorKey:`status`,enableSorting:!1},{header:`Verified`,accessorKey:`isVerified`,enableSorting:!1}],fu=d.object({email:Ya.max(80,{error:`Email cannot be longer than 80 characters.`}),roleId:d.string().nonempty({error:`Please select a role.`})});async function pu(e){let{data:t}=await P.post(`/OrganizationRole/`,e);return t}function mu(){return j({mutationFn:e=>pu(e)})}d.object({email:Ya.max(80,{error:`Email cannot be longer than 80 characters.`}),roleId:d.string().nonempty({error:`Please select a role.`})});async function hu(e){let{data:t}=await P.post(`/UserInvite/`,e);return t}function gu(){return j({mutationFn:e=>hu(e)})}function _u({isModalOpen:e,onChangesSaved:t,setIsModalOpen:n}){let{organizationId:r}=E({strict:!1}),{data:i}=mn(Yl(r)),[a,o]=(0,I.useState)(!1),s=N({resolver:T(fu),defaultValues:{email:``,roleId:``}}),{mutate:c,isPending:l}=mu(),{mutate:u,isPending:d}=gu(),f=(0,I.useCallback)(async e=>{e&&(a?u:c)(e,{onSuccess:()=>{let r=e.roleId;s.reset(),s.setValue(`roleId`,r),t(),A.success(`User invited successfully!`),n(!1),o(!1)},onError:e=>{e?.status===404&&o(!0)}})},[c,s,u,t,n,a]);return(0,R.jsx)(J,{onOpenChange:()=>{n(!1),o(!1),s.reset()},open:e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,children:(0,R.jsx)(V,{...s,children:(0,R.jsxs)(`form`,{id:`org-add-user-form`,name:`org-add-user-form`,onSubmit:s.handleSubmit(f),className:`grid gap-4 my-4`,children:[(0,R.jsx)($o,{children:(0,R.jsx)(Z,{children:a?`Invite User`:`Add User`})}),(0,R.jsx)(U,{control:s.control,name:`email`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Email`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`email`,enterKeyHint:`next`,autoComplete:`email`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:s.control,name:`roleId`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Roles`}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(Dc,{}),children:(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...e,onValueChange:t=>e.onChange(t),children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Choose Role`})}),(0,R.jsx)(Mc,{children:(0,R.jsxs)(kc,{children:[(0,R.jsx)(Nc,{children:`Role`}),i?.map(e=>(0,R.jsx)($,{value:e.id,children:e.roleName},e.id))]})})]})})}),(0,R.jsx)(K,{})]})}),a&&(0,R.jsxs)(es,{className:`p-3 my-5 text-white rounded-md bg-amber-600 flex`,children:[(0,R.jsx)(je,{className:`inline-block size-12 pr-2`}),(0,R.jsx)(`span`,{children:`This person doesn’t have a Fabric account. Do you want to invite them?`})]}),(0,R.jsx)(X,{children:(0,R.jsx)(`div`,{className:`flex justify-between w-full`,children:(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:l||d,children:[(0,R.jsx)(_r,{}),` `,a?`Invite User`:`Add User`]})})})]})})})})}async function vu({roleId:e,userId:t}){let{data:n}=await P.delete(`/OrganizationRole/role/${e}/user/${t}`);return n}function yu(){return j({mutationFn:({roleId:e,userId:t})=>vu({roleId:e,userId:t})})}function bu(e){let[t,n]=(0,I.useState)(e||!1);return[t,(0,I.useCallback)(e=>{n(typeof e==`boolean`?e:e.target.checked)},[])]}function xu({data:e,readOnly:t,canRemove:n,orgRole:r,selectedRoles:i,setChangesMade:a}){let{mutate:o,isPending:s}=mu(),{mutate:c,isPending:l}=yu(),u=!!i[r.roleName],[d,f]=(0,I.useState)(u),[p,m]=bu(u);return(0,I.useEffect)(()=>{p!==d&&(p?o({email:e.email,roleId:r.id},{onSuccess:()=>{f(p),a(!0),A.success(`Role added successfully`)}}):c({userId:e.id,roleId:r.id},{onSuccess:()=>{f(p),a(!0),A.success(`Role removed successfully`)}}))},[o,e.email,e.id,p,r.id,c,a,d]),(0,R.jsxs)(Ba,{className:`flex`,children:[(0,R.jsx)(q,{type:`checkbox`,className:`w-6`,disabled:t||s||l||!n&&p,checked:p,onChange:m}),(0,R.jsx)(`span`,{className:`pl-4 pr-8 flex-1 py-2.5`,children:r.roleName})]},r.id)}function Su({closeModal:e,data:t,isModalOpen:n,onUserUpdated:r}){let{organizationId:i}=E({strict:!1}),a=_i(),{update:o,remove:s}=oa(i),c=a.user?.email===t.email,{data:l}=mn(Yl(i)),u=(0,I.useMemo)(()=>t.roles?Ls(t.roles,`roleName`):{},[t]),[d,f]=(0,I.useState)(!1);return(0,R.jsx)(J,{onOpenChange:d?r:e,open:n,children:(0,R.jsxs)(Y,{className:`sm:max-w-[750px]`,children:[(0,R.jsx)($o,{children:(0,R.jsxs)(Z,{children:[o?`Edit `:`View `,` `,t.email,` `,c?`(yourself)`:``]})}),o&&(0,R.jsxs)(es,{children:[`To remove `,c?`your self`:`this user`,` from the organization, uncheck all of the boxes below.`]}),l.map(e=>(0,R.jsx)(xu,{readOnly:!o,canRemove:s,data:t,orgRole:e,selectedRoles:u,setChangesMade:f},e.id))]})})}function Cu(e,t){return e.email>t.email?1:-1}function wu(){let e=zn(),{organizationId:t,orgUserId:n}=E({strict:!1}),{update:r}=oa(t),{data:i,refetch:a,isFetching:o,isRefetching:s}=mn(Yl(t)),c=(0,I.useMemo)(()=>{let e={};for(let t of i)if(t.users)for(let n of t.users)e[n.id]||(e[n.id]={...n,roles:[]}),e[n.id].roles.push(t);return Object.values(e).sort(Cu)},[i]),l=(0,I.useMemo)(()=>c?.find(e=>e.id===n),[c,n]),u=(0,I.useCallback)(t=>{e({to:[n?`..`:``,t].filter(Boolean).join(`/`)})},[n,e]),d=!!n&&!!l,[f,p]=(0,I.useState)(!1),[m]=(0,I.useState)({attribute:`email`,descending:!1}),h=(0,I.useMemo)(()=>[{desc:m.descending,id:m.attribute}],[m]),g=(0,I.useCallback)(()=>{p(!0)},[p]),_=(0,I.useCallback)(()=>{a(),p(!1)},[a,p]),v=(0,I.useCallback)(e=>{u(e.original.id)},[u]),y=(0,I.useCallback)(()=>{u(void 0)},[u]),b=(0,I.useCallback)(()=>{a(),u(void 0)},[u,a]),x=Ul(a);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`div`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-theme(spacing.32))]`,children:(0,R.jsxs)(I.Suspense,{fallback:(0,R.jsx)(ws,{className:`flex flex-col items-center justify-center h-full`,text:`Loading...`}),children:[(0,R.jsxs)(Rl,{data:c,isFetching:o||s,columns:du,onRowClick:v,sortingState:h,children:[(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:x,accessKey:`r`,disabled:o||s,children:[(0,R.jsx)(mr,{}),` `,(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]}),r&&(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:g,accessKey:`a`,disabled:f,children:[(0,R.jsx)(w,{}),` `,(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`A`}),`dd`]})]})]}),r&&(0,R.jsx)(_u,{isModalOpen:f,onChangesSaved:_,setIsModalOpen:p}),d&&(0,R.jsx)(Su,{closeModal:y,data:l,isModalOpen:d,onUserUpdated:b})]})})]})}var Tu=l({couponId:v().nonempty({message:`Please enter a coupon ID.`}).trim()});async function Eu({organizationId:e,couponId:t}){let{data:n}=await P.post(`/Coupon`,{organizationId:e,couponId:t},{validateStatus:e=>e>=200&&e<400||e===400||e===409});return n}function Du(){return j({mutationFn:Eu})}function Ou({organizationId:e,organizationName:t,isOpen:n,onClose:r}){let{mutate:i,isPending:a}=Du(),o=N({resolver:T(Tu),defaultValues:{couponId:``}}),{handleSubmit:s,control:c,reset:l}=o;(0,I.useEffect)(()=>{n&&l({couponId:``})},[n,l]);let u=(0,I.useCallback)(n=>{i({organizationId:e,couponId:n.couponId},{onSuccess:i=>{i?A.error(`Error`,{description:i||`Failed to add coupon.`}):(A.success(`Success`,{description:`Coupon "${n.couponId}" added to ${t||e}.`}),r())}})},[i,e,t,r]);return(0,R.jsx)(J,{open:n,onOpenChange:e=>!e&&r(),children:(0,R.jsxs)(Y,{children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Add Coupon`}),(0,R.jsxs)(es,{children:[`Add a coupon code to`,` `,t||e,`. This coupon will be applied to the next billing cycle.`,(0,R.jsx)(`br`,{}),`Coupons can be created in our`,` `,(0,R.jsx)(`a`,{href:`https://dashboard.stripe.com/`,target:`_blank`,rel:`noreferrer`,className:`text-purple hover:underline`,children:`Stripe Dashboard`}),`.`]})]}),(0,R.jsx)(V,{...o,children:(0,R.jsxs)(`form`,{onSubmit:s(u),children:[(0,R.jsx)(`div`,{className:`grid gap-4 py-4`,children:(0,R.jsx)(U,{control:c,name:`couponId`,render:({field:e})=>(0,R.jsxs)(W,{className:`grid items-center gap-4`,children:[(0,R.jsx)(G,{children:`Coupon ID`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,placeholder:`e.g. 100OFF`,disabled:a})}),(0,R.jsx)(K,{})]})})}),(0,R.jsxs)(X,{children:[(0,R.jsx)(z,{type:`button`,variant:`ghost`,onClick:r,disabled:a,children:`Cancel`}),(0,R.jsx)(z,{type:`submit`,disabled:a,children:a?`Adding...`:`Add Coupon`})]})]})})]})})}function ku({organizationRole:e,onDeleteOrgModal:t}){let{organizationId:n,organizationName:r,roleName:i}=e,{remove:a,update:o}=aa(n),s=o,{view:c}=oa(n),l=vi(),[u,d]=(0,I.useState)(!1),f=(0,I.useCallback)(()=>{t(e)},[t,e]);return(0,R.jsxs)(Ci,{className:`relative h-full justify-between`,children:[(0,R.jsxs)(wi,{children:[(0,R.jsxs)(Ei,{className:`flex items-center justify-between`,children:[(0,R.jsx)(`span`,{className:`truncate`,children:n}),a&&(0,R.jsxs)(rs,{children:[(0,R.jsx)(is,{className:`p-4 -m-4 -mr-6 hover:text-white`,children:(0,R.jsx)(cn,{"aria-label":`Options`})}),(0,R.jsxs)(as,{children:[(0,R.jsx)(cs,{className:`text-gray-600 text-xs`,children:`Options`}),(0,R.jsx)(ls,{}),(0,R.jsx)(O,{to:`${n}`,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(Bt,{className:`size-4 mr-2 text-blue-500`}),`Clusters`]})}),c&&(0,R.jsx)(O,{to:`${n}/roles`,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(_n,{className:`size-4 mr-2 text-purple`}),`Roles`]})}),c&&(0,R.jsx)(O,{to:`${n}/users`,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(bn,{className:`size-4 mr-2 text-orange-500`}),`Users`]})}),s&&(0,R.jsx)(O,{to:`${n}/billing`,children:(0,R.jsxs)(os,{children:[(0,R.jsx)(hn,{className:`size-4 mr-2 text-green-500`}),`Billing`]})}),l&&(0,R.jsxs)(os,{onClick:()=>d(!0),children:[(0,R.jsx)(cr,{className:`size-4 mr-2 text-pink-500`}),`Add Coupon`]}),(0,R.jsx)(ls,{}),a&&(0,R.jsxs)(os,{className:`focus:bg-red/70 focus:text-white`,onClick:f,children:[(0,R.jsx)(Mn,{className:`size-4 mr-2 text-red-500`}),`Delete`]})]})]})]}),(0,R.jsx)(Ti,{children:(0,R.jsx)(`h2`,{children:r})})]}),(0,R.jsxs)(Di,{className:`flex justify-between`,children:[(0,R.jsx)(ns,{children:Pa(i)}),(0,R.jsx)(O,{to:n,className:`text-sm`,"aria-label":`View ${r}`,title:`View ${r}`,children:(0,R.jsxs)(`span`,{className:`py-2 transition-all duration-100 ease-in-out border-0 hover:border-b-2`,children:[`View `,(0,R.jsx)(St,{className:`inline-block`})]})})]}),(0,R.jsx)(Ou,{organizationId:n,organizationName:r,isOpen:u,onClose:()=>d(!1)})]})}async function Au(e){let{data:t}=await P.delete(`/Organization/${e}`);return t}function ju(){return j({mutationFn:e=>Au(e)})}async function Mu(e){let{data:t}=await P.post(`/Organization/`,{...e});return t}function Nu(){return j({mutationFn:e=>Mu(e)})}var Pu=v().max(62,{error:`Must be at most 62 characters long.`}).regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/,{error:`Please only use lowercase letters, digits and dashes (-) in the subdomain. Must not start or end with a dash.`}),Fu=l({name:v().max(255,{error:`Name cannot be longer than 255 characters.`}),subdomain:b([p(``),g(),Pu])});function Iu(){let{user:e}=_i(),t=zn(),n=N({resolver:T(Fu),defaultValues:{name:``,subdomain:``}}),{setFocus:r,watch:i}=n;(0,I.useEffect)(()=>{r(`name`)},[r]);let a=`${e?.firstname} ${e?.lastname} Org`,o=i(`name`)||a,s=i(`subdomain`),c=(0,I.useMemo)(()=>{let e=ec(nc(o),Pu.maxLength);return{suggestedSubdomain:e,fullHostName:`future-cluster-names.${s||e}.harperfabric.com`}},[o,s]),{mutate:l,isPending:u}=Nu(),d=lr(),f=(0,I.useCallback)(async e=>{l({name:e.name||a,subdomain:e.subdomain||c.suggestedSubdomain},{onSuccess:e=>{d.invalidateQueries({queryKey:ci,refetchType:`active`}),F.reloadUser(mi),t({to:`/${e.id}`})}})},[c.suggestedSubdomain,d,l,a,t]);return(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(V,{...n,children:(0,R.jsxs)(`form`,{id:`org-add-form`,name:`org-add-form`,onSubmit:n.handleSubmit(f),className:`grid gap-6 text-white max-w-xl`,children:[(0,R.jsx)(U,{control:n.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,maxLength:Fu.shape.name.maxLength,autoCapitalize:`words`,placeholder:a,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:n.control,name:`subdomain`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Subdomain`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,maxLength:Pu.maxLength,autoCapitalize:`none`,placeholder:c.suggestedSubdomain,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Full Host Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(`span`,{children:c.fullHostName})}),(0,R.jsx)(K,{})]}),(0,R.jsx)(X,{children:(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:u,children:[`Create New Organization `,(0,R.jsx)(St,{})]})})]})})})}function Lu(){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`section`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-theme(spacing.32))]`,children:(0,R.jsx)(Iu,{})})]})}function Ru(){let e=lr(),{data:t}=mn(li()),{mutate:n,isPending:r}=ju(),[i,a]=(0,I.useState)(!1),[o,s]=(0,I.useState)(null),[c,l]=(0,I.useState)(``),u=(0,I.useCallback)(()=>l(``),[]),d=(0,I.useMemo)(()=>{let e=t?.roles||{},n=Object.values(e);return Object.keys(e).map((e,t)=>({organizationId:e,organizationName:n[t].organizationName,roleName:n[t].role})).filter(vl([`organizationId`,`organizationName`],c)).sort((e,t)=>(e.organizationName||``)>(t.organizationName||``)?1:-1)||[]},[c,t?.roles]),f=(0,I.useCallback)(e=>{l(e.currentTarget.value?.toLowerCase()||``)},[]),p=(0,I.useCallback)(t=>{t?.organizationId&&n(t.organizationId,{onSuccess:()=>{A.success(`Success`,{description:`Organization successfully deleted.`,duration:5e3,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),e.invalidateQueries({queryKey:[]}),a(!1)},onError:()=>a(!1)})},[n,e,a]),m=(0,I.useCallback)(e=>{s(e),a(!0)},[]),{createCluster:h}=$n({strict:!1});return d.length===1&&!c.length&&h?(0,R.jsx)(Vt,{to:`/${d[0].organizationId}/new-cluster`,replace:!0}):!d.length&&!c.length?(0,R.jsx)(Lu,{}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{children:(0,R.jsxs)(`div`,{className:`flex w-full justify-end gap-2`,children:[(0,R.jsx)(q,{placeholder:`Filter by name`,className:`inline-block w-full text-xs`,value:c,onChange:f}),(0,R.jsx)(O,{to:`/new-org`,children:(0,R.jsxs)(z,{variant:`positive`,accessKey:`n`,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{className:`hidden sm:inline-block`,children:[(0,R.jsx)(`u`,{children:`N`}),`ew `,(0,R.jsx)(`span`,{className:`hidden md:inline-block`,children:`Organization`})]})]})})]})}),(0,R.jsx)(`section`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-theme(spacing.32))]`,children:(0,R.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-12`,children:[d.map(e=>(0,R.jsx)(`div`,{className:`col-span-1 md:col-span-4 lg:col-span-3 2xl:col-span-2`,children:(0,R.jsx)(ku,{organizationRole:e,onDeleteOrgModal:m})},e.organizationId)),!d.length&&(0,R.jsxs)(`div`,{className:`col-span-1 md:col-span-12 text-center`,children:[(0,R.jsx)(`h2`,{className:`my-4 text-xl`,children:`No matches found.`}),(0,R.jsx)(z,{variant:`outline`,onClick:u,children:`Clear Filters`})]})]})}),o&&(0,R.jsx)(ts,{typeOfThingBeingDeleted:`organization`,nameOfThingBeingDeleted:o.organizationName,isModalOpen:i,setIsModalOpen:()=>a(!1),deletionConfirmed:()=>p(o),deletionPending:r})]})}function zu(){let{isLoading:e}=gi(),{createCluster:t}=$n({strict:!1}),[,n]=bs(xs.SavedClusterState,null);return(0,I.useEffect)(()=>{t&&n(t)},[t,n]),e?(0,R.jsx)(ws,{className:`fixed z-50 translate-1/2`}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`header`,{className:`fixed top-0 z-40 w-full h-20 p-4 bg-black-dark dark:bg-black-dark dark:border-b dark:border-black md:px-12`,children:(0,R.jsx)(ha,{})}),(0,R.jsx)(`main`,{children:(0,R.jsx)(x,{})})]})}var Bu=[`/`,`/forgot-password`,`/reset-password`,`/sign-in`,`/sign-up`,`/verify-email`];function Vu(){let e=bl();return!Bu.includes(e)&&{redirect:e}}var Hu=M({getParentRoute:()=>Vi,id:`_dashboardLayout`,component:zu,beforeLoad:({context:e})=>{let t=e.authentication[mi];if(t&&!t.isLoading&&!t.user)throw Qt({to:`/sign-in`,search:Vu()})}}),Uu=M({getParentRoute:()=>Hu,id:`_orgsLayout`});M({getParentRoute:()=>Uu,path:`/`,component:Ru}),M({getParentRoute:()=>Uu,path:`/new-org`,component:Lu});var Wu=M({getParentRoute:()=>Uu,path:`$organizationId`,beforeLoad:async e=>({organization:await e.context.queryClient.ensureQueryData(Qs(e.params.organizationId))})});M({getParentRoute:()=>Wu,path:`/roles`,component:uu}),M({getParentRoute:()=>Wu,path:`/roles/$orgRoleId`,component:uu}),M({getParentRoute:()=>Wu,path:`/users`,component:wu}),M({getParentRoute:()=>Wu,path:`/users/$orgUserId`,component:wu}),ql(Wu);var Gu=M({getParentRoute:()=>Wu,id:`_clusterLayout`});M({getParentRoute:()=>Gu,path:`/`,component:yl}),M({getParentRoute:()=>Wu,path:`/new-cluster`,component:ml}),M({getParentRoute:()=>qu,path:`/edit`,component:ml}),M({getParentRoute:()=>qu,path:`/edit/$mode`,component:ml});function Ku(){return(0,R.jsx)(x,{})}var qu=M({getParentRoute:()=>Gu,path:`$clusterId`,component:Ku,beforeLoad:async({context:e,params:t})=>({cluster:await e.queryClient.ensureQueryData(Ja(t.clusterId))})});function Ju({children:e,className:t}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`div`,{className:i(`mt-32 px-4 py-4 md:px-12 min-h-[calc(100vh-(--spacing(32)))] flex justify-center`,t),children:e})]})}var Yu=new Set([`com`,`co`,`org`,`net`,`edu`,`gov`,`mil`,`me`,`biz`,`info`,`ac`,`or`,`ne`,`go`,`lg`,`asn`,`id`,`nom`,`sch`,`ltd`,`plc`]);function Xu(e){let t=e.split(`.`);if(t.length<=2)return`@`;let n=t[t.length-1],r=t[t.length-2],i=n.length===2&&Yu.has(r)?3:2;return t.length<=i?`@`:t.slice(0,-i).join(`.`)}function Zu({cluster:{fqdn:e},domain:{domain:t,id:n}}){let r=Xu(t),[i,a,o]=gs(r,e||``,n);return(0,R.jsxs)(`div`,{className:`grid gap-4 grid-cols-1 md:grid-cols-[80px_1fr] pb-6`,children:[(0,R.jsx)(`div`,{className:`text-muted-foreground md:col-span-2 text-wrap`,children:`This domain has been verified! Now to associate it with this cluster, add the following to your DNS registrar:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Type:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`CNAME`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Name:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-700 rounded-md px-3 py-1 flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`recordName`,value:r,onClick:i}),(0,R.jsx)(z,{type:`button`,variant:`ghost`,className:`h-6 w-6 p-0 shrink-0`,onClick:i,children:(0,R.jsx)(dn,{className:`w-3.5 h-3.5`})})]})}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`TTL:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Auto`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Target:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-700 rounded-md px-3 py-1 flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`recordTarget`,value:e,onClick:a}),(0,R.jsx)(z,{type:`button`,variant:`ghost`,className:`h-6 w-6 p-0 shrink-0`,onClick:a,children:(0,R.jsx)(dn,{className:`w-3.5 h-3.5`})})]})}),(0,R.jsx)(`div`,{className:`col-span-1 text-xs`,children:`Domain ID:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-800 rounded-md px-3 py-0.5 text-xs text-muted-foreground italic flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`domainId`,value:n,onClick:o}),(0,R.jsx)(z,{type:`button`,variant:`ghost`,className:`h-5 w-5 p-0 shrink-0`,onClick:o,children:(0,R.jsx)(dn,{className:`w-3 h-3`})})]})}),(0,R.jsx)(`div`,{className:`text-muted-foreground md:col-span-2 text-wrap italic text-sm`,children:`Select this domain using the checkbox to the left, then click "Bind" in the top right to finish associating it with this cluster.`})]})}function Qu({certificate:e,domain:t,cluster:n}){let r=Xu(t.domain),[i,a,o]=gs(r,n.fqdn||``,t.id),s=(0,I.useMemo)(()=>e.issueDate&&!e.inProgress?{width:`100%`,color:`bg-green/80`,pulse:!1,text:`Certificate Issued`}:e.inProgress?{width:`100%`,color:`bg-yellow/80`,pulse:!0,text:`Generating Certificate...`}:{width:`100%`,color:`bg-gray-600`,pulse:!1,text:`Pending Certificate Generation...`},[e]);return(0,R.jsxs)(`div`,{className:`w-full max-w-2xl border border-border/50 rounded-md p-4 bg-gray-900/20`,children:[(0,R.jsxs)(`div`,{className:`mb-4`,children:[(0,R.jsx)(`div`,{className:`w-full h-1.5 rounded-full overflow-clip flex shadow-sm bg-gray-800`,children:(0,R.jsx)(`div`,{style:{width:s.width},className:`grow transition-[width] duration-1000 ease-in-out motion-reduce:transition-none ${s.color} ${s.pulse?`animate-pulse`:``}`})}),(0,R.jsx)(`div`,{className:`text-[10px] text-muted-foreground font-light mt-1 italic`,children:s.text})]}),(0,R.jsxs)(`div`,{className:`grid gap-2 grid-cols-1 md:grid-cols-[80px_1fr] text-sm`,children:[(0,R.jsx)(`div`,{className:`col-span-1 text-xs text-muted-foreground`,children:`CNAME:`}),(0,R.jsxs)(`div`,{className:`col-span-1 flex gap-2 items-center flex-wrap`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-800 px-2 py-0.5 rounded text-xs`,children:[(0,R.jsx)(`span`,{className:`truncate max-w-[150px]`,title:r,children:r}),(0,R.jsx)(z,{type:`button`,variant:`ghost`,size:`sm`,className:`h-4 w-4 p-0`,onClick:i,title:`Copy Name`,children:(0,R.jsx)(dn,{className:`w-3 h-3`})})]}),(0,R.jsx)($u,{}),(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-800 px-2 py-0.5 rounded text-xs`,children:[(0,R.jsx)(`span`,{className:`truncate max-w-[200px]`,title:n.fqdn||``,children:n.fqdn}),(0,R.jsx)(z,{type:`button`,variant:`ghost`,size:`sm`,className:`h-4 w-4 p-0`,onClick:a,title:`Copy Target`,children:(0,R.jsx)(dn,{className:`w-3 h-3`})})]})]}),(0,R.jsx)(`div`,{className:`col-span-1 text-[10px] text-muted-foreground`,children:`Domain ID:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-800/50 px-2 py-0.5 rounded text-[10px] text-muted-foreground italic`,children:[(0,R.jsx)(`span`,{className:`truncate max-w-[200px]`,children:t.id}),(0,R.jsx)(z,{type:`button`,variant:`ghost`,size:`sm`,className:`h-3 w-3 p-0`,onClick:o,title:`Copy ID`,children:(0,R.jsx)(dn,{className:`w-2.5 h-2.5`})})]})})]})]})}function $u(){return(0,R.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`w-3 h-3 text-muted-foreground`,children:[(0,R.jsx)(`path`,{d:`M5 12h14`}),(0,R.jsx)(`path`,{d:`m12 5 7 7-7 7`})]})}function ed(e){let{enabled:t,entityId:n,databaseName:r,tableName:i,searchAttribute:a,sort:o,pageIndex:s,pageSize:c,onlyIfCached:l}=e;return k({enabled:t,queryKey:[n,r,i,`search_by_value`,a,o.attribute||`default`,o.descending||!1,s||0,c||0,l],retry:!1,staleTime:6e4,gcTime:5e3,queryFn:()=>td(e)})}async function td({instanceClient:e,databaseName:t,tableName:n,searchAttribute:r,sort:i,pageIndex:a,pageSize:o,onlyIfCached:s,headers:c}){let l=i.attribute.length&&!(i.attribute===r&&!i.descending),u=await e.post(`/`,{operation:`search_by_value`,get_attributes:[`*`],database:t,table:n,search_attribute:r,search_value:`*`,sort:l?i:void 0,offset:a*o,limit:o,onlyIfCached:s,noCacheStore:s},{timeout:0,headers:c,validateStatus:e=>e>=200&&e<400||e===404});return u.status===404?{data:[]}:u}function nd(e){return k({queryKey:[e,`ChallengeCertificate`],queryFn:async()=>{if(!e)return[];let{data:t}=await td({searchAttribute:`domain`,entityId:e,databaseName:`data`,tableName:`ChallengeCertificate`,sort:{attribute:`domain`,descending:!0},instanceClient:oi({id:e,forceFabricConnect:!0}),onlyIfCached:!1,pageIndex:0,pageSize:100});return t},enabled:!!e,refetchInterval:5e3})}function rd(e){return D(nd(e))}function id({domain:{challengeToken:e,challengeTxtRecord:t,domain:n,id:r},cluster:{fqdn:i}}){let a=Xu(n),[o,s,c,l,u]=gs(t,e,a,i||``,r);return(0,R.jsxs)(`div`,{className:`grid gap-2 grid-cols-1 md:grid-cols-[80px_1fr] pb-6`,children:[(0,R.jsx)(`div`,{className:`text-muted-foreground md:col-span-2 text-wrap`,children:`Prove that you own this domain by adding the following to your DNS registrar:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Type:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`TXT`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Name:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-700 rounded-md px-3 py-1 flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`challengeName`,value:t,onClick:o}),(0,R.jsx)(z,{type:`button`,size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 shrink-0`,onClick:o,children:(0,R.jsx)(dn,{className:`w-3.5 h-3.5`})})]})}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`TTL:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Auto`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Content:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-700 rounded-md px-3 py-1 flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`challengeToken`,value:e,onClick:s}),(0,R.jsx)(z,{type:`button`,size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 shrink-0`,onClick:s,children:(0,R.jsx)(dn,{className:`w-3.5 h-3.5`})})]})}),(0,R.jsx)(`div`,{className:`text-muted-foreground md:col-span-2 text-wrap mt-4`,children:`While you're at it, you should also add the CNAME record to point to this cluster:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Type:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`CNAME`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Name:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-700 rounded-md px-3 py-1 flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`recordName`,value:a,onClick:c}),(0,R.jsx)(z,{type:`button`,size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 shrink-0`,onClick:c,children:(0,R.jsx)(dn,{className:`w-3.5 h-3.5`})})]})}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`TTL:`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Auto`}),(0,R.jsx)(`div`,{className:`col-span-1`,children:`Target:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-700 rounded-md px-3 py-1 flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`recordTarget`,value:i,onClick:l}),(0,R.jsx)(z,{type:`button`,size:`sm`,variant:`ghost`,className:`h-6 w-6 p-0 shrink-0`,onClick:l,children:(0,R.jsx)(dn,{className:`w-3.5 h-3.5`})})]})}),(0,R.jsx)(`div`,{className:`col-span-1 text-xs`,children:`Domain ID:`}),(0,R.jsx)(`div`,{className:`col-span-1 flex gap-2 items-center`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-1 bg-gray-800 rounded-md px-3 py-0.5 text-xs text-muted-foreground italic flex-1 overflow-hidden`,children:[(0,R.jsx)(`input`,{className:`bg-transparent border-none outline-none w-full cursor-text truncate`,type:`text`,readOnly:!0,name:`domainId`,value:r,onClick:u}),(0,R.jsx)(z,{type:`button`,size:`sm`,variant:`ghost`,className:`h-5 w-5 p-0 shrink-0`,onClick:u,children:(0,R.jsx)(dn,{className:`w-3 h-3`})})]})}),(0,R.jsx)(`div`,{className:`text-muted-foreground md:col-span-2 text-wrap mt-2`,children:`Then after your DNS TTL elapses, click the "Validate" button above.`})]})}async function ad({clusterId:e,domainIds:t,generateDomainCerts:n}){let{data:r}=await P.put(`/Cluster/${e}`,{domainIds:t,generateDomainCerts:n},{timeout:0});return r}function od(){return j({mutationFn:e=>ad(e)})}d.object({domainId:d.string()});async function sd(e){let{data:t}=await P.delete(`/Domain/${e.domainId}`);return t}function cd(){return j({mutationFn:e=>sd(e)})}function ld(e){return[...new Set(e)]}var ud=Mt();function dd(e,t,n){let{data:r}=rd(e.id),i=(0,I.useMemo)(()=>!!r?.some(e=>!e.issueDate||e.inProgress),[r]),{mutate:a,isPending:o}=od(),{mutate:s,isPending:c}=cd(),l=o||c,u=(0,I.useCallback)((t,n)=>{if(!Go(e.status)){A.error(`Cluster is currently `+e.status,{description:`To bind a domain, it must be running.`});return}a({clusterId:e.id,domainIds:ld((e.domainIds?.slice()||[]).concat([t])),generateDomainCerts:n},{onSuccess:()=>{Pi.invalidateQueries({queryKey:[e.organizationId],refetchType:`active`}),A.success(`Domain bound!`+(n?` Certificates are being generated in the background now.`:``))}})},[a,e]),d=(0,I.useCallback)(t=>{s({domainId:t},{onSuccess:()=>{Pi.invalidateQueries({queryKey:[e.organizationId,`domains`],refetchType:`active`}),A.success(`Domain removed!`)}})},[s]),f=(0,I.useCallback)(t=>{a({clusterId:e.id,domainIds:(e.domainIds?.slice()||[]).filter(e=>e!==t),generateDomainCerts:!1},{onSuccess:()=>{Pi.invalidateQueries({queryKey:[e.organizationId],refetchType:`active`}),A.success(`Domain unbound!`)}})},[s]);return(0,I.useMemo)(()=>[ud.display({id:`select`,header:`Bind`,size:50,cell:r=>{let a=r.row.original;return a.status===`ACTIVE`&&!a.clusterId&&!us(e)?(0,R.jsx)(`label`,{className:`p-10 -m-10`,children:(0,R.jsx)(`input`,{type:`checkbox`,checked:t.includes(a.id),onChange:()=>n(a.id),disabled:l||i})}):null}}),ud.display({header:`Domains`,id:`domain`,enableSorting:!1,size:150,cell:e=>{let t=e.row.original;return(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{children:t.domain}),(0,R.jsx)(z,{type:`button`,variant:`destructiveGhost`,className:`text-muted-foreground text-xs`,disabled:l||!!t.clusterId,onClick:()=>d(t.id),children:`Remove Domain`})]})}),(0,R.jsx)(Ma,{side:`bottom`,align:`center`,children:t.clusterId?`To delete this domain, please unbind it from all clusters first.`:`Remember to clean up your DNS records!`})]})}}),ud.display({header:`Next Steps`,enableSorting:!1,size:500,id:`nextSteps`,cell:t=>{let n=t.row.original,i=r?.find(e=>e.domain===n.domain);return n.status===`ACTIVE`&&n.clusterId?e.id===n.clusterId?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{children:`Bound to this cluster`}),i&&(!i.issueDate||i.inProgress)&&(0,R.jsx)(`div`,{className:`py-2`,children:(0,R.jsx)(Qu,{certificate:i,domain:n,cluster:e})}),(0,R.jsx)(z,{type:`button`,variant:`destructiveGhost`,className:`text-muted-foreground text-xs`,disabled:l,onClick:()=>f(n.id),children:`Unbind Domain`})]}):`Bound to cluster ${n.clusterId}`:n.status===`PENDING_VALIDATION`?(0,R.jsx)(id,{domain:n,cluster:e}):us(e)?`Cannot be associated with this self-managed cluster.`:n.status===`ACTIVE`&&!n.clusterId?(0,R.jsx)(Zu,{cluster:e,domain:n}):n.status}})],[e,u,l,r,i,t,n])}var fd=d.object({domain:d.string(),organizationId:d.string()});async function pd(e){let{data:t}=await P.post(`/Domain/`,e);return t}function md(){return j({mutationFn:e=>pd(e)})}async function hd(e){let{data:t}=await P.post(`/Domain/${e}/validate`);return t}async function gd(e){let{data:t}=await P.get(`/Domain/?organizationId=${e}`);return t}function _d(e){return k({queryKey:[e,`domains`],queryFn:()=>gd(e)})}function vd(){let{organizationId:e,clusterId:t}=E({strict:!1}),{data:n}=mn(Ja(t,!0)),{update:r}=oa(e),{data:i,refetch:a,isFetching:o,isRefetching:s}=D(_d(e)),c=(0,I.useMemo)(()=>i?.filter(e=>e.status===`PENDING_VALIDATION`)||[],[i]),[l]=(0,I.useState)({attribute:`domain`,descending:!1}),u=(0,I.useMemo)(()=>[{desc:l.descending,id:l.attribute}],[l]),d=Ul(a),[f,p]=(0,I.useState)([]),m=(0,I.useCallback)(e=>{p(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),{mutate:h,isPending:g}=od(),_=(0,I.useCallback)(()=>{if(!Go(n.status)){A.error(`Cluster is currently `+n.status,{description:`To bind a domain, it must be running.`});return}h({clusterId:n.id,domainIds:ld((n.domainIds?.slice()||[]).concat(f)),generateDomainCerts:!0},{onSuccess:()=>{Pi.invalidateQueries({queryKey:[n.organizationId],refetchType:`active`}),A.success(`Domain(s) bound! Certificates are being generated in the background now.`),p([])}})},[n,f,h]),{mutateAsync:v,isPending:y}=md(),b=N({resolver:T(fd),defaultValues:{domain:``,organizationId:e}}),x=(0,I.useCallback)(async e=>{if(e){let t=e.domain.split(/[,\s]+/).map(e=>e.trim()).filter(Boolean);for(let n of t)await v({...e,domain:n});b.reset(),await a(),A.success(`${$r(t.length,`Domain`,`Domains`)} added! Please add the txt record above to your domain registrar.`)}},[v,b,a]),S=(0,I.useCallback)(async()=>{let e=`Validating ${$r(c.length,`domain`,`domains`)}...`,t=`validatingDomains`,n=0,r=0;for(let i of c)try{A.loading(e,{description:`${n++} of ${c.length} checked`,id:t}),await hd(i.id)}catch{r+=1}r>0?A.error(`Validation failed!`,{description:`Please make sure the TXT record has been put in place. You may need to wait a bit for the DNS change to propagate.`,id:t}):(await a(),A.success(`Validation succeeded!`,{description:`Please take a look at the next steps for newly verified domains.`,id:t}))},[c]),ee=dd(n,f,m),te=b.watch(`domain`),ne=(0,I.useMemo)(()=>typeof te==`string`?te.trim().split(`.`).length===2:!1,[te]),re=(0,I.useCallback)(()=>{typeof te==`string`&&b.setValue(`domain`,`${te.trim()}, www.${te.trim()}`)},[te,b]);return(0,R.jsx)(Rl,{data:i||[],isFetching:o||s,columns:ee,sortingState:u,children:(0,R.jsxs)(`div`,{className:`w-full flex flex-col md:flex-row items-center md:justify-between md:space-x-2 space-y-2 md:space-y-0`,children:[r&&(0,R.jsx)(V,{...b,children:(0,R.jsxs)(`form`,{id:`cluster-add-domain-form`,name:`cluster-add-domain-form`,onSubmit:b.handleSubmit(x),className:`flex gap-1 flex-col md:flex-row`,children:[(0,R.jsx)(U,{control:b.control,name:`domain`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex-1`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`New Domain Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,enterKeyHint:`done`,autoComplete:`off`,...e})}),ne&&(0,R.jsxs)(`div`,{className:`mt-1 flex gap-4`,children:[`Adding an apex domain?`,(0,R.jsx)(z,{variant:`positiveOutline`,type:`button`,onClick:re,children:`Add www as well`})]}),(0,R.jsx)(K,{children:(0,R.jsx)(`span`,{className:`text-muted-foreground italic`,children:`Type in a domain like example.com or your.example.com, and you'll be guided through validating and binding your cluster to it.`})})]})}),(0,R.jsxs)(`div`,{className:`flex-0 self-start flex gap-1 md:pt-6.5`,children:[(0,R.jsxs)(z,{type:`submit`,variant:`submit`,disabled:y,children:[(0,R.jsx)(w,{}),` Add`]}),c.length>0&&(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:S,accessKey:`r`,type:`button`,disabled:o||s,children:[(0,R.jsx)(De,{}),` `,(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`V`}),`alidate`]})]}),(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:d,accessKey:`r`,type:`button`,disabled:o||s,children:[(0,R.jsx)(mr,{}),` `,(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]})]})]})}),f.length>0&&(0,R.jsx)(`div`,{className:`flex-0 self-start md:pt-6.5`,children:(0,R.jsxs)(z,{variant:`submit`,onClick:_,disabled:g,children:[(0,R.jsx)(_r,{}),` Bind `,$r(f.length,`Domain`,`Domains`)]})})]})})}function yd(){return(0,R.jsx)(Ju,{className:`flex flex-col justify-start max-w-4xl`,children:(0,R.jsx)(vd,{})})}var bd=l({username:Za,role:v().nonempty({error:`Please select a role.`}),password:Xa.min(8,{error:`Password must be at least 8 characters long.`}),confirmPassword:v()}).refine(e=>e.password===e.confirmPassword,{error:`Passwords do not match.`,path:[`confirmPassword`]});async function xd(e){await P.patch(`/ResetPasswordUpdater/${e}`)}async function Sd(e){let{instanceClient:t,...n}=e,{data:r}=await t.post(`/`,{operation:`add_user`,...n});return r}function Cd(){return j({mutationFn:Sd})}async function wd({username:e,password:t,role:n,active:r,instanceClient:i}){let{data:a}=await i.post(`/`,{operation:`alter_user`,username:e,password:t,role:n,active:r});return a}function Td(){return j({mutationFn:wd})}async function Ed({username:e,instanceClient:t}){let{data:n}=await t.post(`/`,{operation:`drop_user`,username:e});return n}function Dd(){return j({mutationFn:Ed})}async function Od({clusterId:e,initialUsername:t,desiredUsername:n,newPassword:r,tempPassword:i,instanceClient:a}){if(!i)throw Error(`You may not have permission to set the password on this cluster.`);let o=a;try{let a=await Wa({username:t,password:i,instanceClient:o,entityId:e});return a.instanceClient&&(o=a.instanceClient),n===`HDB_ADMIN`?await wd({username:n,password:r,instanceClient:o}):(await Sd({username:n,password:r,role:`super_user`,active:!0,instanceClient:o}),await Wa({username:n,password:r,instanceClient:o,entityId:e}),await Ed({username:Xr,instanceClient:o})),await xd(e),a}catch(t){throw await ui({entityId:e,instanceClient:o}),t}}function kd(){return j({mutationFn:Od})}function Ad(){let{user:e}=_i(),{clusterId:t}=E({strict:!1}),{data:n}=D(Ja(t,!0)),r=zn(),i=(0,I.useMemo)(()=>fi(n),[n]),a=Zi({operationsUrl:i}),{redirect:o}=$n({strict:!1}),s=ar(),c=N({resolver:T(bd),defaultValues:{confirmPassword:``,password:``,role:`super_user`,username:e?.email??``}}),{setFocus:l,control:u,handleSubmit:d}=c;(0,I.useEffect)(()=>{l(`password`)},[l]);let f=n?.instances?.find(e=>e.tempPassword)?.tempPassword,{mutate:p,isPending:m}=kd(),h=(0,I.useCallback)(async e=>{if(!i){A.error(`Cluster is not yet fully loaded, please wait a moment before trying to sign in.`);return}p({instanceClient:a,clusterId:t,newPassword:e.password,tempPassword:f,initialUsername:Xr,desiredUsername:e.username},{onSuccess:async({message:e,user:t})=>{A.success(e),F.setUserForEntity(n,t),s.invalidate(),await r({to:o?.startsWith(`/`)?o:`../`})}})},[n,t,a,r,i,o,s,p,f]);return n&&!n.resetPassword?(0,R.jsx)(Vt,{to:`../sign-in`,replace:!0}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`nav`,{className:`fixed top-20 w-full h-12 z-39 px-4 md:px-12 bg-grey-700 flex items-center`,children:(0,R.jsx)(Ia,{})}),(0,R.jsx)(`div`,{className:`items-center justify-center flex mt-32 py-4 min-h-[calc(100vh-(--spacing(32)))]`,children:(0,R.jsxs)(`div`,{className:`text-white w-xs`,children:[(0,R.jsx)(`h2`,{className:`text-2xl font-light`,children:`Create Admin User`}),(0,R.jsx)(`p`,{className:`text-muted-foreground`,children:`You are ready to create your first user in your new cluster. These credentials belong to you alone, and you can create more users and roles once you create this first one.`}),(0,R.jsx)(V,{...c,children:(0,R.jsxs)(`form`,{id:`cluster-create-admin-form`,name:`cluster-create-admin-form`,onSubmit:d(h),className:`my-4`,children:[(0,R.jsx)(U,{control:u,name:`username`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Username`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{autoComplete:`username`,type:`text`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:u,name:`password`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:u,name:`confirmPassword`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Confirm Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(z,{disabled:m,type:`submit`,variant:`submit`,className:`w-full my-2 rounded-full`,children:`Create Admin User`})]})}),(0,R.jsxs)(`p`,{className:`text-muted-foreground flex gap-2 align-middle`,children:[(0,R.jsx)(Kn,{size:36,className:`flex-none`}),(0,R.jsx)(`span`,{children:`These credentials will be used to sign into your cluster directly, providing you a secure connection from your browser to your cluster.`})]})]})})]})}function jd({columns:e,data:t}){let n=Ie({data:t,columns:e,getCoreRowModel:kt()});return(0,R.jsx)(`div`,{className:`bg-black-dark rounded-md`,children:(0,R.jsxs)(jl,{children:[(0,R.jsx)(Ml,{children:n.getHeaderGroups().map(e=>(0,R.jsx)(Pl,{className:`border-none`,children:e.headers.map(e=>(0,R.jsx)(Fl,{className:`p-4`,style:{width:`${e.getSize()}%`},children:e.isPlaceholder?null:Yn(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,R.jsx)(Nl,{className:`bg-black`,children:n.getRowModel().rows?.length?n.getRowModel().rows.map(e=>(0,R.jsx)(Pl,{"data-state":e.getIsSelected()&&`selected`,className:`hover:bg-muted/10 data-[state=selected]:bg-muted`,children:e.getVisibleCells().map(e=>(0,R.jsx)(Ll,{className:`p-4`,style:{width:`${e.column.getSize()}%`},children:Yn(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,R.jsx)(Pl,{children:(0,R.jsx)(Ll,{colSpan:e.length,className:`h-24 text-center`,children:`No results.`})})})]})})}function Md(){return(0,R.jsx)(`div`,{className:`flex-col items-center justify-center px-16 space-y-3 text-center pt-30`,children:(0,R.jsx)(`p`,{children:`No instances found.`})})}function Nd({isSelfManaged:e,instance:t}){let{user:n,isLoading:r}=yi(t.id),i=Zi({operationsUrl:(0,I.useMemo)(()=>pi(t),[t])}),{update:a}=la(),o=F.checkForFabricConnect(t.id),s=(0,I.useCallback)(async()=>{await ui({instanceClient:i,entityId:t.id}),F.setUserForEntity(t,null)},[t,i]);return r||![`CLONE_READY`,`RUNNING`,`UPDATED`].includes(t.status)?(0,R.jsx)(bt,{className:`animate-spin`,color:`gray`}):!n||o?(0,R.jsxs)(`span`,{className:`flex gap-4`,children:[a&&!e&&(0,R.jsx)(O,{to:`../instance/${t.id}/`,className:`text-sm`,"aria-label":`Connect to ${t.name} instance`,title:`Connect to ${t.name} instance`,children:(0,R.jsx)(z,{variant:`positiveOutline`,children:`Fabric Connect`})}),(0,R.jsx)(O,{to:`../instance/${t.id}/sign-in`,className:`text-sm`,"aria-label":`Sign in to ${t.name} instance`,title:`Sign in to ${t.name} instance`,children:(0,R.jsx)(z,{variant:a?`defaultOutline`:`positiveOutline`,children:`Direct Sign In`})})]}):(0,R.jsxs)(`span`,{className:`flex gap-4`,children:[(0,R.jsx)(O,{to:`../instance/${t.id}/`,className:`text-sm`,"aria-label":`Go to ${t.name} instance`,title:`Go to ${t.name} instance`,children:(0,R.jsx)(z,{variant:`positiveOutline`,children:`Direct Connect`})}),(0,R.jsx)(z,{variant:`destructiveOutline`,className:`text-sm`,"aria-label":`Sign out from ${t.name} instance`,title:`Sign out from ${t.name} instance`,onClick:s,children:`Direct Sign Out`})]})}function Pd({entityId:e,instanceClient:t},n){return k({queryKey:[e,`get_status`],staleTime:9e3,refetchInterval:1e4,retryDelay:1e4,throwOnError:!1,enabled:n,queryFn:async()=>{let{data:e}=await t.post(`/`,{operation:`get_status`});return e}})}function Fd(e,t){return e?.systemStatus?.find(e=>e.id===t)?.status}async function Id({instanceClient:e,id:t,status:n}){let{data:r}=await e.post(`/`,{operation:`set_status`,id:t,status:n});return r}function Ld(){return j({mutationFn:Id,onSuccess:(e,t)=>Pi.invalidateQueries({queryKey:[t.entityId,`get_status`]})})}function Rd({instance:e,index:t}){let{update:n}=la(),r=B({operationsUrl:(0,I.useMemo)(()=>pi(e),[e]),instanceId:e.id,forceFabricConnect:!0}),{mutate:i,isPending:a}=Ld(),[o,s]=(0,I.useState)(!1);(0,I.useEffect)(()=>{let e=setTimeout(()=>s(!0),t*500);return()=>clearTimeout(e)},[t]);let{data:c,isLoading:l,isFetching:u}=D(Pd(r,o&&n)),d=Fd(c,`availability`)||`Unknown`,f=d===`Available`,p=d===`Unavailable`;return n?(0,R.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsx)(`div`,{className:`flex items-center`,children:l||!o||u&&!c?(0,R.jsx)(bt,{className:`animate-spin size-5 text-muted-foreground`}):(0,R.jsx)(ns,{variant:f?`success`:p?`destructive`:`default`,className:`size-4 rounded-full p-0`,children:(0,R.jsx)(`span`,{className:`sr-only`,children:f?`Online`:`Offline`})})})}),(0,R.jsxs)(Ma,{children:[u&&c?`Refreshing... `:``,d]})]}),n&&(0,R.jsxs)(`div`,{className:`flex gap-1`,children:[f&&(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsx)(z,{type:`button`,variant:`destructiveGhost`,size:`icon`,onClick:()=>i({...r,id:`availability`,status:`Unavailable`}),disabled:a,children:a?(0,R.jsx)(bt,{className:`animate-spin size-4`}):(0,R.jsx)(Fn,{className:`size-4`})})}),(0,R.jsx)(Ma,{children:`Bring out of rotation`})]}),p&&(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsx)(z,{type:`button`,variant:`ghost`,size:`icon`,onClick:()=>i({...r,id:`availability`,status:`Available`}),disabled:a,children:a?(0,R.jsx)(bt,{className:`animate-spin size-4`}):(0,R.jsx)(_n,{className:`size-4`})})}),(0,R.jsx)(Ma,{children:`Bring back into rotation`})]})]})]}):null}function zd(){let{clusterId:e}=E({strict:!1}),{data:t,isLoading:n}=D(Ja(e,!0)),r=us(t),i=(0,I.useMemo)(()=>[{id:`instanceActions`,size:1,minSize:1,cell:e=>(0,R.jsx)(`div`,{className:`flex justify-end gap-2 items-center`,children:(0,R.jsx)(Nd,{isSelfManaged:r,instance:e.row.original})})},r&&{accessorKey:`instanceFqdn`,size:90,header:`URL`,cell:e=>sl({secure:e.row.original.operationsApiSecure?`true`:`false`,port:e.row.original.operationsApiPort,fqdn:e.row.original.instanceFqdn})},!r&&{accessorKey:`name`,size:90,header:`Name`},{accessorKey:`status`,header:`Status`,size:1,minSize:1,cell:e=>{let t=e.getValue();return(0,R.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,R.jsx)(Rd,{instance:e.row.original,index:e.row.index}),t?(0,R.jsx)(ns,{variant:Wo(t),children:Pa(t)}):null]})}},!r&&{accessorKey:`version`,size:1,minSize:1,header:`Version`},!r&&{accessorKey:`storageGb`,size:1,minSize:1,header:`Storage`,cell:e=>`${e.getValue()} GB`},!r&&{accessorKey:`usedStorageGb`,size:1,minSize:1,header:`Used Storage`,cell:e=>{let t=e.getValue();return t===void 0?`-`:`${t} GB`}},!r&&{accessorKey:`cpuCores`,size:1,minSize:1,header:`Cores/Threads`,cell:e=>(0,R.jsxs)(R.Fragment,{children:[e.row.original.cpuCores,` / `,e.row.original.threads]})},!r&&{accessorKey:`memoryMb`,size:1,minSize:1,header:`Memory`,cell:e=>`${e.getValue()/1024} GB`}].filter(Fi),[r]),a=(0,I.useMemo)(()=>t?.instances?t.instances.filter(e=>e.status&&!Ha.includes(e.status)).sort(Fs):[],[t]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Uo,{}),(0,R.jsx)(`div`,{className:`mt-32 px-4 pt-4 md:px-12 min-h-[calc(100vh-(--spacing(32)))]`,children:(0,R.jsx)(Ci,{className:`p-0 mt-4 min-h-96`,children:(0,R.jsx)(Di,{className:`p-0 min-h-96`,children:n?(0,R.jsx)(Dc,{}):a.length?(0,R.jsx)(jd,{data:a,columns:i}):(0,R.jsx)(Md,{})})})})]})}function Bd(){let{clusterId:e}=E({strict:!1}),{data:t,isLoading:n}=D(Ja(e,2e3)),r=t?.status,i=(0,I.useMemo)(()=>r&&Va.includes(r),[r]);return n||!t?(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsx)(Dc,{})}):i?(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsxs)(`div`,{className:`center w-2xl flex flex-col gap-4`,children:[(0,R.jsx)(`h1`,{className:`text-xl text-center`,children:`All done!`}),(0,R.jsx)(ps,{cluster:t,forceProgressBarVisible:!0}),(0,R.jsx)(`p`,{children:`Your cluster finished updating, and is ready for interaction.`}),(0,R.jsx)(`div`,{className:`text-center`,children:(0,R.jsx)(ds,{cluster:t})})]})}):(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsxs)(`div`,{className:`center w-2xl flex flex-col gap-4`,children:[(0,R.jsx)(`h1`,{className:`text-xl text-center`,children:`Here we go!`}),(0,R.jsx)(ps,{cluster:t,forceProgressBarVisible:!0}),(0,R.jsxs)(`p`,{children:[`Your cluster is updating with the latest changes. This includes waiting several minutes to let traffic drain safely.`,` `,(0,R.jsxs)(`span`,{className:`text-muted-foreground`,children:[`We will let you know when we are ready for you to connect! In the meantime, join us on`,` `,(0,R.jsx)(`a`,{href:`https://discord.gg/VzZuaw3Xay`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-blue-300`,children:`Discord`}),`! Get real-time help from our engineers, see feature drops early, and connect with others building on Fabric.`]})]})]})})}function Vd(){let e=ar(),{clusterId:t}=E({strict:!1}),{data:n,isLoading:r}=D(Ja(t,2e3)),i=n?.status,a=(0,I.useMemo)(()=>i&&Va.includes(i),[i]),o=Ko(i),[,s]=bs(xs.SavedClusterState,null),c=(0,I.useCallback)(()=>{s(n),e.navigate({to:`/${n.organizationId}/new-cluster`})},[n,e,s]);return r||!n?(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsx)(Dc,{})}):o?(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsxs)(`div`,{className:`center max-w-2xl flex flex-col gap-4 items-center`,children:[(0,R.jsx)(hr,{className:`w-24 h-24`}),(0,R.jsxs)(`span`,{children:[`Your cluster failed to successfully start. This is usually caused by temporary communication problems. Would you like to try again? We also get notified about these failures. `,(0,R.jsx)(Cs,{}),` if you want more help.`]}),(0,R.jsx)(z,{type:`button`,variant:`positiveOutline`,onClick:c,children:`Try Again`})]})}):a?(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsxs)(`div`,{className:`center max-w-2xl flex flex-col gap-4`,children:[(0,R.jsx)(`h1`,{className:`text-xl text-center`,children:`It's ready!`}),(0,R.jsx)(ps,{cluster:n,forceProgressBarVisible:!0}),(0,R.jsxs)(`p`,{children:[`Let's set up your secure, browser-to-cluster connection now.`,` `,(0,R.jsxs)(`span`,{className:`text-muted-foreground`,children:[`Did you know during this step, you connect straight to your cluster, providing a private secure connection? That's `,(0,R.jsx)(`em`,{children:`Direct Connect`}),`! Once you create your user, you will have the option to`,` `,(0,R.jsx)(`em`,{children:`Fabric Connect`}),` from your Fabric account without having to sign in again.`]})]}),(0,R.jsx)(`div`,{className:`text-center`,children:(0,R.jsx)(ds,{cluster:n})})]})}):(0,R.jsx)(Ju,{className:`flex justify-center`,children:(0,R.jsxs)(`div`,{className:`center max-w-2xl flex flex-col gap-4`,children:[(0,R.jsx)(`h1`,{className:`text-xl text-center`,children:`Here we go!`}),(0,R.jsx)(ps,{cluster:n,forceProgressBarVisible:!0}),(0,R.jsxs)(`p`,{children:[`Your cluster is spinning up with the latest changes, including your own DNS records and private connections. Please wait while we get everything going.`,` `,(0,R.jsxs)(`span`,{className:`text-muted-foreground`,children:[`We will let you know when we are ready for you to connect! In the meantime, join us on`,` `,(0,R.jsx)(`a`,{href:`https://discord.gg/VzZuaw3Xay`,target:`_blank`,rel:`noreferrer`,className:`underline hover:text-blue-300`,children:`Discord`}),`! Get real-time help from our engineers, see feature drops early, and connect with others building on Fabric.`]})]})]})})}M({getParentRoute:()=>qu,path:`instances`,component:zd}),M({getParentRoute:()=>qu,path:`starting-up`,component:Vd}),M({getParentRoute:()=>qu,path:`scaling`,component:Bd}),M({getParentRoute:()=>qu,path:`domains`,component:yd}),M({getParentRoute:()=>qu,path:`sign-in`,component:io,beforeLoad:({context:e,location:t,params:n})=>{let r=F.checkForFabricConnect(n.clusterId);if(e.authentication[n.clusterId]?.user&&!r){let e=t?.search;throw Qt({to:e?.redirect?.startsWith(`/`)?e.redirect:`../`})}}}),M({getParentRoute:()=>qu,path:`instance/$instanceId/sign-in`,component:io,beforeLoad:({context:e,location:t,params:n})=>{if(!(F.checkForFabricConnect(n.clusterId)||F.checkForFabricConnect(n.instanceId))&&e.authentication[n.instanceId]?.user){let e=t?.search;throw Qt({to:e?.redirect?.startsWith(`/`)?e.redirect:`../`})}}}),M({getParentRoute:()=>qu,path:`finish-setup`,component:Ad});function Hd(e){return M({getParentRoute:()=>e,path:`apis`}).lazy(()=>Kr(()=>import(`./index.lazy-Cnq0wysL.js`).then(e=>e.route),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11])))}function Ud(e,t){if(e===t)return!0;if(!e||!t)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let i of n)if(!r.includes(i)||e[i]!==t[i])return!1;return!0}function Wd(e,t){let[n,r]=(0,I.useState)(t),[i,a]=(0,I.useState)(e);return(0,I.useEffect)(()=>{Ud(n,t)||(r(t),a(e))},[n,t,e]),Ud(n,t)?[i,a]:[e,a]}var Gd={};function Kd(e,t,n){let r=(0,I.useCallback)((e,n)=>t(e,n),[n]);(0,I.useEffect)(()=>(Gd[e]||(Gd[e]=[]),Gd[e].push(r),function(){let t=Gd[e].indexOf(r);t>=0&&Gd[e].splice(t,1)}),[e,t,r])}function qd(e,t,n){let r=Gd[e];if(r)for(let e of r)e(t,n)}function Jd(e,t,n){return r=>qd(e,t,n??r)}function Yd(e,t,n){return(0,I.useCallback)(r=>qd(e,t,n??r),[e,t,n])}function Xd(e,t){return _s(sessionStorage.getItem(String(e)))??t}function Zd(e,t){t==null?sessionStorage.removeItem(String(e)):sessionStorage.setItem(String(e),JSON.stringify(t))}function Qd(e,t){let n=Wd(Xd(e,t),[e]),[r,i]=n;return(0,I.useEffect)(()=>{Zd(e,r),qd(`Session:${e}`,r)},[e,r]),Kd(`Session:${e}`,function(e){r!==e&&i(e)},[r,e,t]),(0,I.useEffect)(function(){let n=n=>{n.key===e&&i(Xd(e,t))};return window.addEventListener(`storage`,n),()=>{window.removeEventListener(`storage`,n)}},[e,i,t]),n}function $d(e,t=!1){let[n,r]=Qd(e,t),i=(0,I.useCallback)(e=>{e?.preventDefault?.(),r(e=>!e)},[r]),a=(0,I.useCallback)(e=>{e?.preventDefault?.(),r(!0)},[r]),o=(0,I.useCallback)(e=>{e?.preventDefault?.(),r(!1)},[r]);return(0,I.useMemo)(()=>({toggled:n,setToggled:r,toggle:i,toggleOn:a,toggleOff:o}),[i,r,o,a,n])}var ef=(0,I.createContext)(null);function tf(){return(0,I.useContext)(ef)}async function nf({file:e,project:t,entityType:n,instanceClient:r}){let{data:i}=await r.post(`/`,{operation:`drop_component`,file:e||void 0,project:t,replicated:n===`cluster`});return i}function rf(e){let t=(e||``)?.split(`.`);return t.length>1?t.slice(-1)[0]:``}function af(e){switch(rf(e).toLowerCase()){case`jpg`:case`jpeg`:case`gif`:case`png`:case`pneg`:case`webp`:return!0;default:return!1}}async function of({instanceClient:e,file:t,project:n,encoding:r}){let{data:i}=await e.post(`/`,{operation:`get_component_file`,project:n,file:t,encoding:r??(af(t)?`base64`:`utf8`)});return{project:n,file:t,...i}}function sf(e){return k({queryKey:cf(e),queryFn:()=>of(e),enabled:!!e.file&&!!e.project,retry:!1})}function cf(e){return[e.entityId,`get_component_file`,e.project,e.file,e.encoding]}async function lf({file:e,payload:t,project:n,entityType:r,instanceClient:i,encoding:a}){let{data:o}=await i.post(`/`,{operation:`set_component_file`,file:e,payload:t,project:n,encoding:a,replicated:r===`cluster`},{timeout:3e5});return o}function uf(){return j({mutationFn:lf})}function df(){let{reloadRootEntries:e,setFocusedItem:t,setSelectedItems:n}=tf(),r=B();return(0,I.useCallback)(async i=>{let a=!1,o=i.filter(e=>e.from!==e.to);if(o.length===0)return;let s=`Renaming ${$r(o.length,`File`,`Files`)}`,c={duration:6e4,action:{label:`Cancel`,onClick:()=>{a=!0}}};c.id=A.loading(s,{...c,description:(0,R.jsx)(Gs,{animated:!0,width:`0%`})});let l=o.length*3,u=0;function d(){u+=1,A.loading(s,{...c,description:(0,R.jsx)(Gs,{animated:!0,width:(u===0?0:u/l*100)+`%`})})}for(let e of o){let t=e.from.split(`/`),n=t.shift(),i=t.join(`/`),o=e.to.split(`/`),s=o.shift(),c=o.join(`/`),l=await of({...r,file:i,project:n,encoding:`base64`});if(a||(d(),await lf({...r,file:c,project:s,encoding:`base64`,payload:l.message}),a)||(d(),await nf({...r,file:i,project:n}),a))break;d()}u>=l?A.success(`Renamed ${$r(o.length,`File`,`Files`)}`,{id:c.id,description:`All done!`,duration:3e3,action:{label:`OK`,onClick:()=>{}}}):A.warning(`Rename Cancelled`,{id:c.id,description:`${u} of ${l} steps completed.`,duration:1e4,action:{label:`OK`,onClick:()=>{}}}),e(),n(e=>{let t=e.slice();for(let e of o){let n=t.indexOf(e.from);n>=0?t.splice(n,1,e.to):t.push(e.to)}return t}),t(e=>{for(let t of o)if(e===t.from)return t.to;return e})},[r,e,t,n])}function ff(e,t){return e[t]!==void 0}function pf(e){return t=>ff(t,e)}function mf(e,t){let[n,r]=(0,I.useState)({value:t});return Kd(e,(e,t)=>r({value:e,trigger:t}),[r]),n}function hf(e,t,n){qd(e,t,n)}function gf(e,t,n){return r=>hf(e,t,n??r)}function _f(e,t,n){return(0,I.useCallback)(r=>{hf(e,t,n??r)},[e,t,n])}var vf=[{handleGlobal(e,t){if((t.cmd||t.ctrl)&&e===`Delete`)return hf(`ShowDeleteDirectoryOrFileModal`,!0),!0},addEditorAction(e){return{id:`delete-file`,label:`Delete File`,keybindings:[e.KeyMod.CtrlCmd|e.KeyCode.Delete],run:gf(`ShowDeleteDirectoryOrFileModal`,!0)}}},{handleGlobal(e,t){if(t.ctrl&&t.alt&&t.shift&&e===`˜`)return hf(`ShowAddDirectoryOrFileModalType`,`directory`),!0},addEditorAction(e){return{id:`new-directory`,label:`New Directory`,keybindings:[e.KeyMod.WinCtrl|e.KeyMod.Alt|e.KeyMod.Shift|e.KeyCode.KeyN],run:gf(`ShowAddDirectoryOrFileModalType`,`directory`)}}},{handleGlobal(e,t){if(t.ctrl&&e===`n`)return hf(`ShowAddDirectoryOrFileModalType`,`file`),!0},addEditorAction(e){return{id:`new-file`,label:`New File`,keybindings:[e.KeyMod.WinCtrl|e.KeyCode.KeyN],run:gf(`ShowAddDirectoryOrFileModalType`,`file`)}}},{handleGlobal(e){if(e===`F2`)return hf(`ShowRenameFileModal`,`file`),!0},addEditorAction(e){return{id:`rename-file`,label:`Rename File`,keybindings:[e.KeyMod.WinCtrl|e.KeyMod.Alt|e.KeyCode.KeyR,e.KeyCode.F2],run:gf(`ShowRenameFileModal`,!0)}}},{addEditorAction(){return{id:`revert-file`,label:`Revert File`,run:Jd(`RevertChanges`,!0)}}},{handleGlobal(e,t){if(t.cmd&&e===`s`)return qd(`SaveFile`,!0),!0},addEditorAction(e){return{id:`save-file`,label:`Save Changes`,keybindings:[e.KeyMod.CtrlCmd|e.KeyCode.KeyS],run:Jd(`SaveFile`,!0)}}}],yf=vf.filter(pf(`addEditorAction`)),bf=vf.filter(pf(`handleGlobal`));function xf(e){let[t,n]=e,r=yf.map(e=>t.addAction(e.addEditorAction(n)));return()=>{for(let e of r)e?.dispose()}}function Sf(){(0,I.useEffect)(()=>(document.addEventListener(`keydown`,Cf),()=>{document.removeEventListener(`keydown`,Cf)}),[])}function Cf(e){let t={cmd:e.getModifierState(`Meta`),alt:e.getModifierState(`Alt`),shift:e.getModifierState(`Shift`),ctrl:e.getModifierState(`Control`)};for(let n of bf)if(n.handleGlobal(e.key,t)){e.preventDefault();return}}function wf(e){return e.split(`/`).pop()}function Tf(...e){let t=e.flat(1);return t.map((e,n)=>typeof e==`string`?Ef(e,n!==0,n!==t.length-1):e).join(`/`)}function Ef(e,t=!0,n=!0){let r=t&&e[0]===`/`,i=n&&e[e.length-1]===`/`;return r&&i?e.slice(1,-1):r?e.slice(1):i?e.slice(0,-1):e}function Df(e){return!!e?.entries}var Of=`__root__`,kf=`importedApplications`,Af=`newApplication`;function jf(e){let t={},n=[],r=[],i=[];for(let a of e)Df(a)?a.package?r.push(a.path):n.push(a.path):i.push(a.path),Mf(t,a);return t[Of]={index:Of,isFolder:!0,children:[Af,kf,...n,...i].filter(Fi),data:void 0,canMove:!1,canRename:!1},t[kf]={index:kf,isFolder:!0,children:r,data:{name:`Imported Applications`,path:kf,package:kf,project:``,entries:[]},canMove:!1,canRename:!1},t[Af]={index:Af,isFolder:!1,data:{name:`New Application`,path:Af,project:``},canMove:!1,canRename:!1},{items:t,rootId:Of}}function Mf(e,t){let n=t.path;if(Df(t)){let r=t,i=[],a=[];for(let e of r.entries)Df(e)?i.push(e.path):a.push(e.path);e[n]={index:n,isFolder:!0,children:[...i,...a],data:t,canMove:!1,canRename:!1};for(let t of r.entries)Mf(e,t)}else e[n]={index:n,isFolder:!1,data:t,canMove:!t.package,canRename:!t.package}}function Nf(){let[e,t]=(0,I.useState)(!1),[n,r]=(0,I.useState)(void 0),i=(0,I.useCallback)(e=>{if(!e.dataTransfer?.types?.includes(`Files`))return;let n=e.target;if(n instanceof Element&&n.classList.contains(`rct-tree-item-button-isFolder`)){let e=n.getAttribute(`data-rct-item-id`);!n.querySelector(`.packageIsLocked`)&&e&&e!==`importedApplications`&&e!==`newApplication`&&r(e=>e===n?e:(e?.classList?.remove?.(`rct-tree-item-title-container-dragging-over`),n.classList.add(`rct-tree-item-title-container-dragging-over`),n))}t(!0)},[]),a=(0,I.useCallback)(()=>{t(!1),r(e=>{e&&e.classList.remove(`rct-tree-item-title-container-dragging-over`)})},[]),o=(0,I.useCallback)(e=>{if(!e.dataTransfer?.types?.includes(`Files`)||e.detail===1337)return;t(!1),n&&(n.classList.remove(`rct-tree-item-title-container-dragging-over`),r(void 0));let i=document.getElementById(`dropTarget`);return i?i.dispatchEvent(new DragEvent(`drop`,{bubbles:!0,detail:1337,cancelable:!0,dataTransfer:e.dataTransfer})):!1},[n]);return(0,I.useEffect)(()=>(document.addEventListener(`dragenter`,i),document.addEventListener(`dragover`,i),document.addEventListener(`dragleave`,a),document.addEventListener(`drop`,o),()=>{document.removeEventListener(`dragenter`,i),document.removeEventListener(`dragover`,i),document.removeEventListener(`dragleave`,a),document.removeEventListener(`drop`,o)}),[i,o,a]),(0,I.useMemo)(()=>({dragging:e,dragTarget:n}),[e,n])}function Pf(e){return new Promise((t,n)=>{let r=new FileReader;r.onabort=n,r.onerror=n,r.onload=t,r.readAsDataURL(e)})}function Ff(){let[e,t]=(0,I.useState)(``),{clusterId:n}=E({strict:!1}),{openedEntry:r,restrictPackageModification:a,reloadRootEntries:o,entryExists:s}=tf(),c=!!r&&!r.package&&!a,l=B(),{dragging:u,dragTarget:d}=Nf(),f=(d?.getAttribute?.(`data-rct-item-id`))?.split?.(`/`)?.pop?.(),p=r?.project,m=!1,h;if(r?.path){let e=r.path.split(`/`),t=Df(r);m=c&&(t?e.slice(1):e.slice(1,-1)).join(`/`),h=e[e.length-(t?1:2)]}let g=(0,I.useCallback)(async(e,n)=>{let r=d?.getAttribute?.(`data-rct-item-id`)?.split?.(`/`),i=r?.length?r[0]:c?p:!1,a=r?.length?r.slice(1).join(`/`):c?m:!1;if(i===!1||i===void 0||a===!1||a===void 0)return;let u=[],f=n.slice();for(let t of e){let e=If(a,t);t.name.startsWith(`.`)||t.relativePath?.includes(`/.`)?f.push({file:t,errors:[{message:`Sensitive files and folders starting with . are skipped.`,code:`dot-ignored`}]}):s(`${i}/${e}`)?f.push({file:t,errors:[{message:`${e} already exists`,code:`duplicate`}]}):u.push(t)}let h=!1,g=`uploading-files`,_={label:`Cancel`,onClick:()=>{h=!0}},v={label:`OK`,onClick:()=>void 0};t(`Uploading ${$r(u.length,`file`,`files`)}...`);let y=u.reduce((e,t)=>e+t.size,0),b=0,x=0;for(let e of u){x+=1,A.loading(`Upload in progress...`,{id:g,descriptionClassName:`whitespace-pre`,description:`${x} of ${$r(u.length,`file`,`files`)}
34
+ ${e.name}
35
+ ${Zc(b)} of ${Zc(y)}`,action:_});let t=If(a,e),n=(await Pf(e)).target.result,r=n.indexOf(`base64,`);h?f.push({file:e,errors:[{message:`${t} cancelled`,code:`cancelled`}]}):(await lf({...l,file:t,project:i,encoding:`base64`,payload:n.slice(r+7)}),b+=e.size)}A.loading(`Reloading sidebar...`,{id:h?void 0:g,action:v,description:``}),await o(),f.length===0?e.length>0&&A.success(`Uploaded ${$r(u.length,`file`,`files`)}!`,{id:g,action:v,description:``}):(console.log(f),A.error(h?`Cancelled uploads`:`Rejected uploads`,{id:h?void 0:g,action:v,descriptionClassName:`whitespace-pre overflow-y-auto`,description:f.slice(0,5).map(e=>e.errors.map(e=>e.message).join(`
36
+ `)).join(`
37
+ `)+(f?.length>5?`
38
+ Check the console for the full list.`:``)})),t(``)},[d,c,p,m,s,l,o]),{getRootProps:_,getInputProps:v}=Oe({multiple:!0,maxSize:n&&F.checkForFabricConnect(n)?Qr:Zr,onDrop:g});return!c&&!d?u?(0,R.jsxs)(`div`,{className:i(`border-3 border-dashed`,`pointer-events-auto`,`cursor-copy text-sm text-center`,`p-2 w-full fixed bottom-0 h-16`,`flex flex-col items-center justify-center`,`bg-red-950 border-red-600`),children:[`You cannot upload into`,(0,R.jsx)(`br`,{}),(0,R.jsx)(`strong`,{children:h})]}):null:(0,R.jsxs)(`div`,{..._(),className:u?`fixed top-0 bottom-0 w-full pointer-events-none`:``,children:[(0,R.jsx)(`input`,{id:`dropTarget`,...v()}),(0,R.jsx)(`div`,{className:i(`border-3 border-dashed`,`pointer-events-auto`,`cursor-copy text-sm text-center`,`p-2 w-full fixed bottom-0 h-16`,`flex flex-col items-center justify-center`,u?`animate-glow-pulse bg-green-950 border-green-600`:`bg-purple-950 border-purple-600`),children:e||(d?(0,R.jsxs)(R.Fragment,{children:[`Drop to upload into`,(0,R.jsx)(`br`,{}),(0,R.jsx)(`strong`,{children:f})]}):u?(0,R.jsxs)(R.Fragment,{children:[`Drop to upload into`,(0,R.jsx)(`br`,{}),(0,R.jsx)(`strong`,{children:h})]}):(0,R.jsxs)(R.Fragment,{children:[`Drag and drop to upload`,(0,R.jsx)(`br`,{}),`or click to select files.`]}))})]})}function If(e,t){let n=t.relativePath??t.name,r=n.indexOf(`/`),i=r===0||r===1?n.slice(r+1):n;return e?`${e}/${i}`:i}function Lf(e){let t=e.data;return t&&`name`in t?t.name:`root`}function Rf(e){let{instanceId:t,clusterId:n}=E({strict:!1}),[r,i]=Qd(`EditorFileContent/${mi}}/${e}`,void 0);return(0,I.useMemo)(()=>({content:e?r:void 0,setContent:i}),[e,r,i])}var zf=`w-6 pointer-events-none `;function Bf({opened:e,pkg:t}){let n=zf+`w-4 h-4 shrink-0`;return t?e?(0,R.jsx)(We,{className:`${n} text-orange-600`}):(0,R.jsx)(Cn,{className:`${n} text-orange-600`}):e?(0,R.jsx)(vn,{className:`${n} text-orange-400`}):(0,R.jsx)(Xn,{className:`${n} text-orange-400`})}function Vf({extension:e}){let t=`w-4 h-4 mr-2 shrink-0`;switch(e){case`js`:case`jsx`:case`cjs`:return(0,R.jsx)(An,{className:`${t} text-yellow-500`});case`ts`:case`tsx`:return(0,R.jsx)(An,{className:`${t} text-blue-500`});case`yaml`:case`yml`:return(0,R.jsx)(Ht,{className:t});case`css`:return(0,R.jsx)(Ht,{className:`${t} text-blue-500`});case`html`:return(0,R.jsx)(ur,{className:t});case`json`:return(0,R.jsx)(or,{className:t});case`png`:case`jpg`:case`jpeg`:case`gif`:return(0,R.jsx)(Yt,{className:t});case`svg`:return(0,R.jsx)(Bn,{className:t});case`vue`:return(0,R.jsx)(An,{className:`${t} text-green-500`});default:return(0,R.jsx)(Ht,{className:t})}}function Hf(){return(0,R.jsx)(oe,{className:zf+`w-4 h-4 shrink-0 text-gray-400 ml-2 packageIsLocked`})}function Uf(){return(0,R.jsx)(w,{className:zf+`w-4 h-4 shrink-0 text-green-500`})}function Wf({title:e,item:t,context:n}){let{content:r}=Rf(t.data?.path);return(0,R.jsxs)(R.Fragment,{children:[t.data?.path===`newApplication`?(0,R.jsx)(Uf,{}):Df(t.data)?(0,R.jsx)(Bf,{opened:n.isExpanded,pkg:!!t.data?.package||t.data.path===`importedApplications`}):(0,R.jsx)(Vf,{extension:rf(e)}),(0,R.jsxs)(`span`,{className:`text-nowrap pointer-events-none`,children:[e,r?`*`:``]}),t.data?.package&&(0,R.jsx)(Hf,{})]})}function Gf(){let{rootEntries:e,openedEntry:t,setOpenedEntry:n,focusedItem:r,setFocusedItem:i,expandedItems:a,setExpandedItems:o,selectedItems:s,setSelectedItems:c}=tf(),{items:l,rootId:u}=(0,I.useMemo)(()=>jf(e),[e]);Sf(),(0,I.useEffect)(function(){if(t?.path!==r&&r){let e=l[r]?.data;e&&n(e)}},[r,l,t?.path,n]);let d=df();return(0,R.jsxs)(`div`,{className:`h-full overflow-auto pr-1.5 pb-18`,children:[(0,R.jsx)(Tt,{canDragAndDrop:!0,canDropOnFolder:!0,canDropOnNonFolder:!1,canReorderItems:!1,canSearch:!0,canRename:!1,getItemTitle:Lf,items:l,onDrop:(0,I.useCallback)((e,t)=>{switch(t.targetType){case`item`:if(l[t.targetItem]?.data?.package)A.error(`Read-Only Imported Application`,{description:`To make changes to an application, please click the "Redeploy" button and update the reference.`});else return d(e.map(e=>({from:e.index,to:Tf(t.targetItem,wf(e.index))})));break;default:A.error(`${t.targetType} drop not yet supported`);break}},[l,d]),renderItemTitle:Wf,viewState:{applicationsTree:{focusedItem:r,expandedItems:a,selectedItems:s}},onFocusItem:e=>i(e.index),onExpandItem:e=>o([...a,e.index]),onCollapseItem:e=>o(a.filter(t=>t!==e.index)),onSelectItems:e=>c(e),children:(0,R.jsx)(_t,{treeId:`applicationsTree`,rootItem:u,treeLabel:`Applications file tree`})}),(0,R.jsx)(Ff,{})]})}async function Kf(e,t=3,n=1e3){let r=0;if(t<=0)throw Error(`retries must be greater than 0`);let i;for(;r<t;)try{return await e()}catch(e){if(r++,i=e,r===t)break;await ii(n)}throw i}async function qf({operation:e,replicated:t,instanceClient:n}){let{data:r}=await n.post(`/`,{operation:e,service:e===`restart_service`?`http`:void 0,replicated:t});return await ii(1e4),await Kf(()=>di({instanceClient:n,timeout:3e3}),12,15e3),r}function Jf(){return j({mutationFn:qf})}function Yf({onRestartedSuccessfully:e}={}){let{clusterId:t}=E({strict:!1}),n=lr(),[r,i]=(0,I.useState)(!1);return{onRestartClick:(0,I.useCallback)(async()=>{if(!t)throw Error(`clusterId must be set in the route to invoke useRestartClusterClick`);i(!0);let r=!1,a={duration:6e4,action:{label:`Cancel`,onClick:()=>{r=!0}}},o=A.loading(`Restarting`,{...a,description:(0,R.jsx)(Gs,{animated:!0,width:`0%`})}),s=await qa(t),c=F.checkForFabricConnect(s.id),l=s?.instances??[],u=l.filter(e=>e.status===`RUNNING`).map(e=>oi({id:e.id,forceFabricConnect:c,operationsUrl:pi(e)})).reverse(),d=0;if(u.length)for(let e=0;e<u.length;e++){let t=u[e];if(!r){A.loading(`Restarting Instance ${e+1} of ${u.length}`,{...a,id:o,description:(0,R.jsx)(Gs,{animated:!0,width:(e===0?0:e/u.length*100)+`%`})});try{await di({instanceClient:t}),await qf({operation:`restart`,replicated:!1,instanceClient:t}),d+=1}catch{e+1!==u.length&&(A.loading(`Failed Restarting Instance ${e+1} of ${u.length}`,{...a,id:o,description:`We will carry on momentarily.`}),await ii(3e3))}}}if(i(!1),n.invalidateQueries({queryKey:[t]}),r)A.error(`Cancelled`,{id:o,description:`The restart was partially cancelled.`,duration:1e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}});else if(l.length===d)e?.(),A.success(`Success`,{id:o,description:`Cluster fully restarted!`,duration:1e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}});else{let e=$r(l.length,`instance`,`instances`),t=$r(d,`"RUNNING" instance was`,`"RUNNING" instances were`);A.error(`Error`,{id:o,description:`Failed to fully restart cluster.
39
+ `+([l.length===0&&`No instances were found within the cluster to restart.`,d===0&&`No instances were in a "RUNNING" state of ${e}.`,l.length!==d&&`Only ${t} restarted of ${e}.`].filter(Fi).shift()||``),duration:1e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}},[t,e,n]),isRestartPending:r}}function Xf({operation:e,instanceClient:t,onRestartedSuccessfully:n}){let{clusterId:r,instanceId:i}=E({strict:!1}),a=`Instance`,{mutate:o,isPending:s}=Jf(),c=lr();return{onRestartClick:(0,I.useCallback)(()=>{let s=A.loading(`Restarting`,{description:`Restarting instance. This may take up to 60 seconds.`,duration:18e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}});o({operation:e,replicated:e===`restart_service`&&a===`Cluster`,instanceClient:t},{onSuccess:()=>{c.invalidateQueries({queryKey:[r]}),c.invalidateQueries({queryKey:[i]}),A.dismiss(s),A.success(`Success`,{description:`${a} restarted!`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}}),n?.()},onError:()=>{A.dismiss(s),A.error(`Error`,{description:`Failed to restart instance.`,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}})},[r,t,i,n,e,c,o,a]),isRestartPending:s}}function Zf({className:e,disabled:t,hideText:n,instanceClient:r,operation:a,targetNoun:o,tooltip:s,variant:c}){let{onRestartClick:l,isRestartPending:u}=Yf(),{onRestartClick:d,isRestartPending:f}=Xf({operation:a,instanceClient:r});return(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsxs)(z,{type:`button`,variant:c||`positiveOutline`,className:i(`mx-0 md:mx-4 rounded-full`,e),onClick:o===`Cluster`&&a===`restart`?l:d,disabled:t||f||u,title:`Restart ${o}`,children:[(0,R.jsx)(ut,{className:`pointer-events-none`}),n!==!0&&(0,R.jsxs)(`span`,{className:`hidden md:inline-block pointer-events-none`,children:[`Restart `,(0,R.jsx)(`span`,{className:`hidden 2xl:inline-block`,children:o})]})]})}),(0,R.jsx)(Ma,{side:`bottom`,children:s||(a===`restart_service`?`Restarts all service threads to apply changes. No downtime expected. Performance may be briefly slower during restart.`:`This fully restarts the Harper service and causes downtime.`)})]})}function Qf({toggledSidebar:e,toggleSidebar:t}){let n=B(),{openedEntryContents:r,openedEntry:i,isSavingFile:a,restrictPackageModification:o}=tf(),{content:s}=Rf(i?.path),c=fa(),l=n.entityType===`instance`?`Instance`:`Cluster`,u=_f(`ShowAddDirectoryOrFileModalType`,`file`),d=_f(`ShowAddDirectoryOrFileModalType`,`directory`),f=_f(`ShowDownloadApplicationModal`,!0),p=_f(`ShowRenameFileModal`,!0),m=_f(`ShowDeleteDirectoryOrFileModal`,!0),h=_f(`ShowRedeployApplicationModal`,!0),g=Yd(`SaveFile`,!0),_=Yd(`RevertChanges`,!0),v=Yd(`ShowNewTableModal`,!0),y=s===void 0||s===r;return(0,R.jsxs)(`div`,{className:`absolute top-0 right-0 left-0 backdrop-blur-sm bg-black-10 shadow-xl flex pr-4 md:pr-12`,children:[(0,R.jsxs)(z,{type:`button`,variant:`ghost`,className:(e?`toggled-sidebar-toggler`:`hidden-sidebar-toggler`)+` inline-flex text-sm md:hidden focus:outline-none focus:ring-2 text-white hover:text-grey focus:ring-gray-600 rounded-none`,onClick:t,children:[(0,R.jsxs)(`span`,{className:`sr-only`,children:[e?`Close`:`Open`,` sidebar`]}),e?(0,R.jsx)(Dn,{}):(0,R.jsx)(ie,{})]}),i&&i?.path!==`newApplication`&&(0,R.jsxs)(R.Fragment,{children:[i.package&&(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsxs)(z,{variant:`ghost`,type:`button`,className:`cursor-help`,children:[(0,R.jsx)(oe,{width:16,height:16}),(0,R.jsx)(`span`,{className:`hidden md:inline-block`,children:`Imported applications are read-only`})]})}),(0,R.jsx)(Ma,{children:o?(0,R.jsxs)(R.Fragment,{children:[`This application is read-only, and cannot be modified.`,(0,R.jsx)(`br`,{}),`It helps govern clustering amongst your instances.`]}):(0,R.jsx)(R.Fragment,{children:`This application is read-only, and cannot be directly modified. But you can re-deploy or remove it.`})})]}),!Df(i)&&!i.package&&c&&(0,R.jsxs)(z,{variant:`default`,className:`rounded-none`,onClick:g,disabled:y||a,title:`Save`,children:[(0,R.jsx)(_r,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block pointer-events-none`,children:[(0,R.jsx)(`u`,{children:`S`}),`ave`]})]}),!Df(i)&&!i.package&&c&&(0,R.jsxs)(z,{variant:`ghost`,className:`rounded-none`,onClick:p,disabled:!y||a,title:`Rename`,children:[(0,R.jsx)(Ze,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block pointer-events-none`,children:[(0,R.jsx)(`u`,{children:`R`}),`ename`]})]}),!i.package&&c&&(0,R.jsxs)(z,{variant:`ghost`,className:`rounded-none`,onClick:u,title:`New File`,children:[(0,R.jsx)(Ht,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`pointer-events-none hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`N`}),`ew`,(0,R.jsx)(`span`,{className:`hidden lg:inline-block`,children:`\xA0File`})]})]}),!i.package&&c&&(0,R.jsxs)(z,{variant:`ghost`,className:`rounded-none`,onClick:d,title:`Add Directory`,children:[(0,R.jsx)(Xn,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`pointer-events-none hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`A`}),`dd`,(0,R.jsx)(`span`,{className:`hidden xl:inline-block`,children:`\xA0Directory`})]})]}),i.path.endsWith(`.graphql`)&&c&&(0,R.jsxs)(z,{variant:`ghost`,className:`rounded-none`,onClick:v,title:`New Table`,children:[(0,R.jsx)(w,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block pointer-events-none`,children:[(0,R.jsx)(`span`,{className:`hidden xl:inline-block`,children:`New`}),` Table`]})]}),i.project&&(0,R.jsxs)(z,{variant:`ghost`,className:`rounded-none`,onClick:f,title:`Download Application`,children:[(0,R.jsx)(Un,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block pointer-events-none`,children:[`Download`,(0,R.jsx)(`span`,{className:`hidden 2xl:inline-block`,children:`\xA0Application`})]})]}),!!i.package&&c&&!o&&(0,R.jsxs)(z,{variant:`ghost`,className:`rounded-none`,onClick:h,title:`Redeploy Package`,children:[(0,R.jsx)(Cn,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`pointer-events-none`,children:[`Redeploy `,(0,R.jsx)(`u`,{children:`P`}),`ackage`]})]}),(0,R.jsx)(`div`,{className:`grow`}),c&&(0,R.jsx)(Zf,{targetNoun:l,instanceClient:n.instanceClient,operation:`restart_service`,variant:`ghost`,className:`rounded-none mx-0 md:mx-0`,disabled:!y||a}),!Df(i)&&!i.package&&c&&(0,R.jsxs)(z,{type:`button`,variant:`ghost`,className:`rounded-none`,onClick:_,disabled:y||a,title:`Revert Changes`,children:[(0,R.jsx)(Hn,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`hidden xl:inline-block pointer-events-none`,children:[`Revert `,(0,R.jsx)(`span`,{className:`hidden 2xl:inline-block`,children:`Changes`})]})]}),!o&&c&&(0,R.jsxs)(z,{type:`button`,variant:`destructiveGhost`,className:`rounded-none`,onClick:m,title:`Delete`,children:[(0,R.jsx)(Zt,{className:`pointer-events-none`}),(0,R.jsxs)(`span`,{className:`hidden xl:inline-block pointer-events-none`,children:[(0,R.jsx)(`u`,{children:`D`}),`elete`]})]})]})]})}function $f(e){return(0,I.useCallback)((t,n,r)=>{if(n!==`href`)return t;if(t.startsWith(`http`))return r.properties.target=`_blank`,t;{let n=xl().split(`?`)[0];switch(t){case`./apis`:case`./config`:case`./config/roles`:case`./config/users`:case`./databases`:case`./logs`:case`./status`:return`${n}/${t.slice(2)}`}return`${n}?open=${e}/${t.slice(t.startsWith(`../`)?3:2)}`}},[e])}function ep({className:e,orientation:t=`horizontal`,decorative:n=!0,...r}){return(0,R.jsx)(se,{"data-slot":`separator-root`,decorative:n,orientation:t,className:L(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,e),...r})}function tp({className:e,...t}){return(0,R.jsx)(st,{"data-slot":`tabs`,className:L(`flex flex-col gap-2`,e),...t})}function np({className:e,...t}){return(0,R.jsx)(He,{"data-slot":`tabs-list`,className:L(`text-muted-foreground inline-flex w-fit items-center justify-center rounded-full bg-gray-950 p-1`,e),...t})}function rp({className:e,...t}){return(0,R.jsx)(Tr,{"data-slot":`tabs-trigger`,className:L(`data-[state=active]:text-white data-[state=active]:bg-gray-600 dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:outline-1 text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 border rounded-full border-transparent px-2 py-1 font-medium whitespace-nowrap transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...t})}function ip({className:e,...t}){return(0,R.jsx)(Me,{"data-slot":`tabs-content`,className:L(`flex-1 outline-none`,e),...t})}function ap(e,t,n){for(let r of e)if(r[t]===n)return r}function op(e){let{user:t}=yi(),n=Qi(),{instance:r,cluster:i}=Et({strict:!1}),a=n.instanceClient.defaults.baseURL;return(0,I.useMemo)(()=>{let n=nc(e),r=[t?.username&&` --deploymentUsername="${t?.username}"`,a&&` --deploymentURL="${a}"`].filter(Fi).join(``);return[{title:`Install or update the Harper CLI`,code:`npm install -g harper`},{title:`Create your awesome app`,code:`npm create harper ${n}${r.length?` --`:``}${r}`,note:`You will be asked some easy questions to get you started. To make deployments easy, enter your password for this cluster. It will get saved into your local .env file.`},{title:`Start local Harper instance`,code:`npm run dev`,note:`You will be prompted to configure Harper.`},{title:`Learn, make changes, grow!`,code:`cat AGENTS.md`},{title:`Deploy!`,code:`npm run deploy`,note:`Remember that .env file? It makes this deployment easy!`}]},[e,a,t?.username])}function sp({defaultApplicationName:e,formState:t,watch:n}){let r=n(`applicationName`)||e,i=op(r),a=gs(...i.map(e=>e.code));return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(wi,{children:[(0,R.jsx)(Ti,{children:`Deploy with Harper CLI`}),(0,R.jsx)(Ei,{children:`Follow these steps to deploy your application using the Harper CLI`})]}),(0,R.jsxs)(Di,{className:`space-y-6`,children:[i.map((e,t)=>(0,R.jsxs)(`div`,{className:`space-y-3`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,R.jsx)(`div`,{className:`w-6 h-6 rounded-full bg-primary text-primary-foreground flex items-center justify-center shrink-0`,children:t+1}),(0,R.jsx)(`h3`,{children:e.title})]}),(0,R.jsxs)(`div`,{className:`ml-8`,children:[(0,R.jsxs)(`div`,{className:`bg-black rounded-lg p-4 flex items-center justify-between group`,children:[(0,R.jsx)(`code`,{className:`text-sm overflow-auto pl-8 -indent-8 wrap-anywhere`,children:e.code}),(0,R.jsx)(z,{type:`button`,variant:`default`,size:`sm`,onClick:a[t],children:(0,R.jsx)(dn,{className:`w-4 h-4`})})]}),e.note&&(0,R.jsx)(`p`,{className:`text-muted-foreground text-sm mt-2`,children:e.note})]}),(0,R.jsx)(ep,{className:`bg-black`})]},e.title)),r&&(0,R.jsxs)(`div`,{className:`bg-accent rounded-lg p-4`,children:[(0,R.jsxs)(`p`,{className:`text-sm`,children:[(0,R.jsx)(`strong`,{children:`Application Name:`}),` `,r]}),(0,R.jsx)(`p`,{className:`text-muted-foreground text-sm mt-2`,children:`Your application will be deployed with this name`})]}),(0,R.jsxs)(z,{className:`w-full`,variant:`secondary`,disabled:!t.isValid,children:[(0,R.jsx)(ne,{className:`w-4 h-4 mr-2`}),`I Have Completed These Steps`]})]})]})}function cp({control:e,defaultApplicationName:t}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(wi,{children:[(0,R.jsx)(Ti,{children:`Application Name`}),(0,R.jsx)(Ei,{children:`Choose a name for your new API application`})]}),(0,R.jsx)(Di,{children:(0,R.jsxs)(`div`,{className:`space-y-2`,children:[(0,R.jsx)(U,{control:e,name:`applicationName`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoCapitalize:`words`,autoComplete:`off`,autoFocus:!0,placeholder:t,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`Use lowercase letters, numbers, underscores, and hyphens`})]})})]})}var lp=y(`relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90`,warning:`border-amber-500/50 text-amber-600 dark:text-amber-400 bg-amber-50/50 dark:bg-amber-950/20 [&>svg]:text-amber-600 dark:[&>svg]:text-amber-400`}},defaultVariants:{variant:`default`}});function up({className:e,variant:t,...n}){return(0,R.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:L(lp({variant:t}),e),...n})}function dp({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`alert-title`,className:L(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function fp({className:e,...t}){return(0,R.jsx)(`div`,{"data-slot":`alert-description`,className:L(`text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}function pp({control:e,formState:t,isImportingApplication:n,setValue:r,watch:i}){let a=i(`contents.source`),o=(0,I.useCallback)(e=>{r(`contents.source`,e)},[r]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(wi,{children:[(0,R.jsx)(Ti,{children:`Import Existing Application`}),(0,R.jsx)(Ei,{children:`Import from Git, NPM, or a tarball URL`})]}),(0,R.jsxs)(Di,{className:`space-y-6`,children:[(0,R.jsxs)(tp,{value:a,onValueChange:o,children:[(0,R.jsxs)(np,{className:`grid w-full grid-cols-3`,children:[(0,R.jsxs)(rp,{value:`git`,children:[(0,R.jsx)(Ot,{className:`w-4 h-4 mr-2`}),`Git`]}),(0,R.jsxs)(rp,{value:`npm`,children:[(0,R.jsx)(Cn,{className:`w-4 h-4 mr-2`}),`NPM`]}),(0,R.jsxs)(rp,{value:`tarball`,children:[(0,R.jsx)(gt,{className:`w-4 h-4 mr-2`}),`Tarball`]})]}),(0,R.jsx)(ip,{value:`git`,className:`space-y-4 mt-4`,children:(0,R.jsx)(`div`,{className:`space-y-2`,children:(0,R.jsx)(U,{control:e,name:`contents.ref`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Git Repository URL`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoCapitalize:`none`,autoComplete:`off`,autoFocus:!0,...e})}),(0,R.jsx)(K,{})]})})})}),(0,R.jsx)(ip,{value:`npm`,className:`space-y-4 mt-4`,children:(0,R.jsx)(`div`,{className:`space-y-2`,children:(0,R.jsx)(U,{control:e,name:`contents.ref`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`NPM Package Reference`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoCapitalize:`none`,autoComplete:`off`,autoFocus:!0,...e})}),(0,R.jsx)(K,{})]})})})}),(0,R.jsx)(ip,{value:`tarball`,className:`space-y-4 mt-4`,children:(0,R.jsx)(`div`,{className:`space-y-2`,children:(0,R.jsx)(U,{control:e,name:`contents.ref`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Tarball URL`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`url`,autoCapitalize:`none`,autoComplete:`off`,autoFocus:!0,...e})}),(0,R.jsx)(K,{})]})})})})]}),(0,R.jsx)(U,{control:e,name:`contents.installCommand`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Install Command`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoCapitalize:`none`,autoComplete:`off`,placeholder:`npm install`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(G,{children:`Authorization`}),(0,R.jsx)(U,{control:e,name:`contents.requiresAuth`,render:({field:e})=>(0,R.jsxs)(tp,{className:`w-full pt-2 pb-0 mb-0`,value:String(e.value),onValueChange:t=>e.onChange(t===`true`),children:[(0,R.jsxs)(np,{className:`grid w-full grid-cols-2`,children:[(0,R.jsx)(rp,{value:`false`,children:`Public Access`}),(0,R.jsx)(rp,{value:`true`,children:`Requires Auth`})]}),(0,R.jsx)(ip,{value:`false`,className:`space-y-4 mt-4`}),(0,R.jsx)(ip,{value:`true`,className:`space-y-4 mt-4`,children:(0,R.jsx)(up,{children:(0,R.jsx)(fp,{children:(0,R.jsxs)(`span`,{children:[`You can manage your certificates over in`,` `,(0,R.jsx)(O,{to:`config`,className:`underline`,children:`Config`}),` `,`>`,` `,(0,R.jsx)(O,{to:`config/ssh-keys`,className:`underline`,children:`SSH Keys`}),`. This enables SSH based auth for private repos, i.e. following the pattern of`,` `,(0,R.jsx)(`a`,{href:`https://github.com/HarperFast/Studio`,target:`_blank`,rel:`noreferrer`,className:`underline`,children:`git@github.com:HarperFast/studio.git`}),`. If you have more than one key, make sure to utilize unique hostnames!`]})})})})]})}),(0,R.jsx)(ep,{className:`bg-black`}),(0,R.jsxs)(z,{className:`w-full`,disabled:!t.isValid||n,children:[(0,R.jsx)(ue,{className:`w-4 h-4 mr-2`}),`Import Application`]})]})]})}var mp=[{id:`vanilla-js`,name:`Web + REST ORM`,description:`Define your entities in schema.graphql, add your HTML/CSS/JS in web, and you're cooking!`,tags:[`Harper`,`ORM`,`REST`,`GraphQL`],npm:`@harperfast/template-vanilla-studio`,githubUrl:`https://github.com/HarperFast/create-harper/tree/main/template-vanilla`},{id:`vanilla-ts`,name:`TypeScript`,description:`The same Web + REST ORM from the first template, but with TypeScript sprinkled in.`,tags:[`Harper`,`TypeScript`,`GraphQL`],npm:`@harperfast/template-vanilla-ts-studio`,githubUrl:`https://github.com/HarperFast/create-harper/tree/main/template-vanilla-ts`}],hp=l({type:p(`template`),id:v(`Please select a template.`)}),gp={type:`template`,id:mp[0].id},_p=l({type:p(`import`),source:o([`git`,`npm`,`tarball`]),ref:v().nonempty(`Please enter a URL or package reference.`),installCommand:v(),requiresAuth:_()}),vp={type:`import`,source:`git`,ref:``,requiresAuth:!1,installCommand:``},yp=l({type:p(`cli`)}),bp={type:`cli`},xp=l({applicationName:v().trim().max(75,{error:`Application name cannot be longer than 75 characters.`}).regex(/^[a-zA-Z0-9-_]*$/,{error:`Can only contain letters, numbers, dashes and underscores.`}),contents:s(`type`,[hp,_p,yp])});function Sp({className:e,...t}){return(0,R.jsx)(xe,{"data-slot":`radio-group`,className:L(`grid gap-3`,e),...t})}function Cp({className:e,...t}){return(0,R.jsx)(et,{"data-slot":`radio-group-item`,className:L(`border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50`,e),...t,children:(0,R.jsx)(Je,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center`,children:(0,R.jsx)(fr,{className:`fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2`})})})}function wp(e){e.stopPropagation()}function Tp({control:e,formState:t,isCreatingFromTemplate:n}){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(wi,{children:[(0,R.jsx)(Ti,{children:`Choose a Template`}),(0,R.jsx)(Ei,{children:`Start with a pre-configured template for common use cases`})]}),(0,R.jsxs)(Di,{children:[(0,R.jsx)(U,{control:e,name:`contents.id`,render:({field:e})=>(0,R.jsx)(Sp,{value:e.value,onValueChange:e.onChange,children:(0,R.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:mp.map(e=>(0,R.jsxs)(`div`,{className:`relative`,children:[(0,R.jsx)(Cp,{value:e.id,id:e.id,className:`peer sr-only`}),(0,R.jsxs)(Ba,{htmlFor:e.id,className:`flex flex-col gap-3 p-4 border-2 rounded-lg cursor-pointer hover:bg-accent peer-data-[state=checked]:border-green peer-data-[state=checked]:bg-primary/5`,children:[(0,R.jsxs)(`div`,{children:[(0,R.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 justify-between`,children:[(0,R.jsx)(`div`,{children:e.name}),(0,R.jsx)(`a`,{href:e.githubUrl,target:`_blank`,rel:`noopener noreferrer`,onClick:wp,className:`opacity-70 hover:opacity-100 transition-colors -m-4 p-4`,children:(0,R.jsx)(`img`,{src:`/github/GitHub_Lockup_White.svg`,alt:`GitHub`,className:`h-4`})})]}),(0,R.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:e.description})]}),(0,R.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:e.tags.map(e=>(0,R.jsx)(ns,{variant:`outline`,children:e},e))})]})]},e.id))})})}),(0,R.jsx)(ep,{className:`my-6 bg-black`}),(0,R.jsxs)(z,{className:`w-full`,disabled:!t.isValid||n,children:[(0,R.jsx)(ue,{className:`w-4 h-4 mr-2`}),`Create from Template`]})]})]})}function Ep(e){let t=Qi(),{reloadRootEntries:n,setFocusedItem:r,setExpandedItems:i,setSelectedItems:a}=tf(),o=(0,I.useCallback)(({project:o})=>{let s=A.loading(`Looking for application...`,{description:`This may take a bit.`,duration:3e5});e(!0),n().then(n=>{let c=n?.entries||[];for(let n of c)if(n.name.toLowerCase()===o.toLowerCase()){r(n.name),a([n.name]),i([n.name]),e(!1),A.success(`Imported successfully`,{description:`${o} is now available in your ${t.entityType}!`,id:s,duration:5e3});return}A.warning(`Deployment Not Detected`,{description:`I searched for ${o} but did not find it in the ${t.entityType} yet. Do you see it on the left? Did you use a different name, perhaps?`,id:s,duration:1e4}),e(!1)})},[t,e,n,r,i,a]);return(0,I.useMemo)(()=>({checkCLI:o}),[o])}async function Dp({instanceClient:e,project:t,template:n,entityType:r}){let{data:i}=await e.post(`/`,{operation:`add_component`,project:t,template:n,replicated:r===`cluster`},{timeout:3e5});return i}function Op(){return j({mutationFn:Dp})}function kp(e){let{mutate:t,isPending:n}=Op(),r=Qi(),{reloadRootEntries:i,setFocusedItem:a,setExpandedItems:o,setSelectedItems:s}=tf(),c=(0,I.useCallback)(({contents:n,project:c})=>{let l=A.loading(`Creating from template...`,{description:`This may take a bit.`,duration:3e5}),u=ap(mp,`id`,n.id);if(!u)return A.error(`Template Not Found`,{description:`Please select a template`,duration:1e4,id:l});t({project:c,template:u.npm||u.githubUrl,...r},{onSuccess:()=>{A.success(`Created successfully!`,{description:`${c} will be available once you restart your ${r.entityType}!`,id:l,duration:5e3}),e(!0),i(),a(c),s([c]),o([c])}})},[t,r,e,i,a,o,s]);return(0,I.useMemo)(()=>({isCreatingFromTemplate:n,createFromTemplate:c}),[n,c])}async function Ap({applicationName:e,applicationUrl:t,installCommand:n,entityType:r,instanceClient:i}){let{data:a}=await i.post(`/`,{operation:`deploy_component`,package:t,project:e,replicated:r===`cluster`,install_command:n||void 0,restart:`rolling`},{timeout:3e5});return a}function jp(){return j({mutationFn:Ap})}function Mp(e){let{mutate:t,isPending:n}=jp(),r=lr(),i=B(),{reloadRootEntries:a,setFocusedItem:o,setExpandedItems:s,setSelectedItems:c}=tf(),l=(0,I.useCallback)(({contents:n,project:l})=>{let u=A.loading(`Importing application...`,{description:`This may take a bit.`,duration:3e5});t({applicationName:l,applicationUrl:n.ref,installCommand:n.installCommand,...i},{onSuccess:()=>{A.success(`Imported successfully`,{description:`${l} will be available once you restart your ${i.entityType}!`,id:u,duration:5e3}),e(!0),r.invalidateQueries({queryKey:[i.entityId]}),a(),o(l),c([l]),s([l])},onError:()=>{A.dismiss(u)}})},[t,r,i,e,a,o,s,c]);return(0,I.useMemo)(()=>({isImportingApplication:n,importApplication:l}),[n,l])}function Np(){let{rootEntries:e}=tf(),{organization:t,instance:n,cluster:r}=Et({strict:!1}),i=(0,I.useMemo)(()=>{let i=nc(r?.name||n?.name||t?.name||``);if(i===``)return i;let a=i,o=1;for(;ap(e,`name`,a);)o+=1,a=`${i}-${o}`;return a},[e,r,n,t]),a=(0,I.useCallback)((t,n)=>{!t.applicationName&&!i?n.addIssue({code:`custom`,path:[`applicationName`],message:`Please name your application!`}):e.find(e=>e.name===t.applicationName)&&n.addIssue({code:`custom`,path:[`applicationName`],message:`That application name is already in use!`})},[i,e]),o=N({resolver:T(xp.superRefine(a)),defaultValues:{applicationName:``,contents:{...vp,...bp,...gp}}}),{watch:s,handleSubmit:c,control:l,setValue:u,formState:d,trigger:f}=o,[p,m]=(0,I.useState)(!1),{isCreatingFromTemplate:h,createFromTemplate:g}=kp(m),{isImportingApplication:_,importApplication:v}=Mp(m),{checkCLI:y}=Ep(m),b=(0,I.useCallback)(e=>{let t=e.applicationName||i;switch(e.contents.type){case`template`:g({contents:e.contents,project:t});break;case`import`:v({contents:e.contents,project:t});break;case`cli`:y({contents:e.contents,project:t});break}},[y,g,i,v]),x=s(`contents.type`),S=(0,I.useCallback)(e=>{let t=d.isValid;u(`contents.type`,e),t||f()},[u,d,f]);return(0,R.jsxs)(`div`,{className:`mx-auto max-w-4xl mt-6`,children:[(0,R.jsxs)(`div`,{className:`text-center`,children:[(0,R.jsx)(`h1`,{className:`text-4xl pt-4 pb-2`,children:`Bootstrap New API Application`}),(0,R.jsx)(`p`,{className:`text-muted-foreground`,children:`Create a new application from templates, import existing code, or deploy with Harper CLI`})]}),(0,R.jsx)(V,{...o,children:(0,R.jsx)(`form`,{id:`instance-add-application-form`,name:`instance-add-application-form`,onSubmit:c(b),className:`flex flex-col gap-4 p-4`,children:(0,R.jsxs)(`fieldset`,{disabled:_||h||p,children:[(0,R.jsx)(Ci,{className:`bg-black-dark`,children:(0,R.jsx)(cp,{control:l,defaultApplicationName:i})}),(0,R.jsx)(Ci,{className:`bg-black-dark mt-4 pt-0`,children:(0,R.jsxs)(tp,{defaultValue:x,onValueChange:S,children:[(0,R.jsxs)(np,{className:`w-full grid grid-cols-3 mt-0`,children:[(0,R.jsxs)(rp,{value:`template`,children:[(0,R.jsx)(ke,{}),(0,R.jsx)(`span`,{className:`hidden sm:inline-block`,children:`Templates`})]}),(0,R.jsxs)(rp,{value:`import`,children:[(0,R.jsx)(rt,{}),`Import`]}),(0,R.jsxs)(rp,{value:`cli`,children:[(0,R.jsx)(tn,{}),(0,R.jsx)(`span`,{className:`hidden md:inline-block`,children:`Harper`}),` CLI`]})]}),(0,R.jsx)(`div`,{className:`mx-6 mt-1`,children:(0,R.jsx)(ep,{className:`bg-black`})}),(0,R.jsx)(ip,{value:`template`,className:`space-y-4`,children:(0,R.jsx)(Tp,{control:l,formState:d,isCreatingFromTemplate:h})}),(0,R.jsx)(ip,{value:`import`,className:`space-y-4`,children:(0,R.jsx)(pp,{control:l,formState:d,isImportingApplication:_,setValue:u,watch:s})}),(0,R.jsx)(ip,{value:`cli`,className:`space-y-4`,children:(0,R.jsx)(sp,{defaultApplicationName:i,formState:d,watch:s})})]})})]})})})]})}var Pp={js:`javascript`,cjs:`javascript`,jsx:`javascript`,yaml:`yaml`,ts:`typescript`,tsx:`typescript`,json:`json`,md:`markdown`,html:`html`,css:`css`,graphql:`graphql`,mjs:`javascript`};function Fp(){let e=B(),{openedEntryContents:t,openedEntry:n,restrictPackageModification:r,isSavingFile:i,saveFile:a}=tf(),{content:o,setContent:s}=Rf(!!n&&!n.package&&n.path),c=(0,I.useCallback)(e=>{s(e===t?void 0:e)},[t,s]),l=fa(),[u,d]=(0,I.useState)(null),f=Pp[rf(n?.path)]||`plaintext`,p=(0,I.useCallback)((e,t)=>{d([e,t])},[]);if((0,I.useEffect)(()=>{if(u&&l&&!n?.package&&!r)return xf(u)},[u,l,n,r]),Kd(`SaveFile`,()=>{n&&!i&&o!==void 0&&a({...e,file:n.path.split(`/`).slice(1).join(`/`),payload:o,project:n.project},n.path)},[n,e,o]),Kd(`RevertChanges`,()=>{if(t!==void 0&&u){let[e]=u;c(void 0),e.setValue(t)}},[t,u]),!n)return null;let m=i||!!n.package||!l;return(0,R.jsx)(Be,{className:`w-full min-h-full h-80`,language:f,theme:`vs-dark`,value:o??t,onMount:p,onChange:m?void 0:c,options:{automaticLayout:!0,minimap:{enabled:!1},readOnly:m,padding:{top:48}}})}function Ip(){let{openedEntry:e,openedEntryContents:t}=tf(),n=$f(e?.project);return e?.path===`newApplication`?(0,R.jsx)(Np,{}):Df(e)?(0,R.jsx)(`div`,{className:`directoryReadMe max-w-3xl`,children:(0,R.jsx)(xt,{urlTransform:n,remarkPlugins:[Jr],components:{code:Rp},children:t})}):af(e?.name)?(0,R.jsx)(`div`,{className:`mt-9 absolute top-0 right-0 bottom-0 left-0`,children:(0,R.jsx)(`img`,{className:`w-full h-full object-contain p-20`,alt:e?.name,src:`data:image/${rf(e?.name)};base64,${t}`})}):(0,R.jsx)(Fp,{})}function Lp({chart:e}){let t=(0,I.useRef)(null),[n,r]=(0,I.useState)(``),[i,a]=(0,I.useState)(null);return(0,I.useEffect)(()=>{let t=`mermaid-${Math.random().toString(36).slice(2,9)}`,n=!1;return Kr(async()=>{let{default:e}=await import(`./vendor-viz-Cs-GQIim.js`).then(e=>e.t);return{default:e}},__vite__mapDeps([12,1,2,4,3,5,6,7,8,9,10])).then(({default:i})=>{n||(i.initialize({startOnLoad:!1,theme:`default`}),i.render(t,e).then(({svg:e})=>{n||(r(e),a(null))}).catch(e=>{n||(console.error(`Mermaid render error:`,e),a(String(e)))}))}),()=>{n=!0}},[e]),i?(0,R.jsx)(`pre`,{className:`text-red-500 bg-red-50 p-3 rounded text-sm overflow-auto`,children:(0,R.jsx)(`code`,{children:e})}):(0,R.jsx)(`div`,{ref:t,className:`my-4 flex justify-center overflow-auto`,dangerouslySetInnerHTML:{__html:n}})}function Rp({inline:e,className:t,children:n}){let r=String(n??``).replace(/\n$/,``),[i]=gs(r),a=t?.replace(`language-`,``);return e||!r.includes(`
40
+ `)?(0,R.jsx)(`code`,{className:t,children:n}):a===`mermaid`?(0,R.jsx)(Lp,{chart:r}):(0,R.jsxs)(`code`,{className:`relative`,children:[(0,R.jsx)(z,{className:`absolute top-2 right-2`,type:`button`,variant:`default`,size:`sm`,onClick:i,children:(0,R.jsx)(dn,{className:`w-4 h-4`})}),r]})}function zp(e){return new URL(e.match(/^https?:\/\//i)?e:`https://${e}`).toString()}function Bp(e){if(e?.domains){for(let t of e.domains)if(t.domain)return zp(t.domain)}return e?.fqdn?zp(e.fqdn):null}function Vp(){let{clusterId:e,instanceId:t}=E({strict:!1}),n=Zi(),{data:r}=D(Ja(e));return e&&F.checkForFabricConnect(e)||t&&F.checkForFabricConnect(t)||r&&!t?Bp(r):n.defaults.baseURL?n.defaults.baseURL.replace(/:9925\/?/,``):null}function Hp(e,t,n,r=[]){let i=[];for(let a of e){let e=n(a,r);i.push(e);let o=a,s=o[t];s&&(e[t]=Hp(s,t,n,[...r,o]))}return i}function Up(e){let t=new Set;return{rootEntries:Hp(e||[],`entries`,(e,n)=>{let r=Df(e)&&e.entries.find(e=>e.name.toLowerCase()===`readme.md`),i=[...n.map(e=>e.name),e.name].join(`/`);return t.add(i),{name:e.name,path:i,project:(n[0]||e)?.name,package:(n[0]||e)?.package,overviewEntry:r&&!Df(r)&&{name:r.name,path:[...n.map(e=>e.name),e.name,r.name].join(`/`),project:(n[0]||e)?.name,package:(n[0]||e)?.package}||void 0}}),pathsRegistry:t}}function Wp(e,t,n){let r=t,i=t.replace(/:9925/,``).replace(/\/?$/,``);return r&&(e=e.replaceAll(/https?:\/\/localhost:9926/g,i)),n.project&&(e=e.replaceAll(`Your New Harper Fabric App`,n.project).replaceAll(`your-project-name-here`,n.project)),e}async function Gp({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`get_components`});return t}function Kp(e){return k({queryKey:[e.entityId,`get_components`],queryFn:()=>Gp(e),retry:!1})}function qp({children:e}){let t=zn(),[n,r]=(0,I.useState)(void 0),[i,a]=(0,I.useState)(void 0),{setContent:o}=Rf(n?.path),s=B(),c=Vp(),l=lr(),{open:u}=$n({strict:!1}),{data:d}=mn(Kp(s)),f=(0,I.useMemo)(()=>Up(d.entries),[d]),p=(0,I.useCallback)(async()=>l.fetchQuery({queryKey:[s.entityId,`get_components`],networkMode:`online`}),[l,s]);Kd(`ReloadApplicationRootEntries`,p,[p]);let m=(0,I.useCallback)(e=>f.pathsRegistry.has(e),[f.pathsRegistry]),h=f.rootEntries.filter(e=>!e.package&&e.path!==`newApplication`).map(e=>e.name),g=h[0],_=h.slice(0,1);g||(g=Af,_=[Af]);let[v,y]=Qd(`FileFocused/${s.entityId}`,g),[b,x]=Qd(`FolderOpened/${s.entityId}`,h),[S,ee]=Qd(`FileSelected/${s.entityId}`,_);(0,I.useEffect)(()=>{if(u?.length){let e=u.split(`?`),n=e[0],r=e[1],i=n.split(`/`);if(r){let e=r.split(`=`);hf(e[0],e[1]===`true`?!0:e[1]===`false`?!1:e[1])}x(e=>{let t=new Set(e);for(let e=1;e<i.length;e++)t.add(i.slice(0,e).join(`/`));return[...t]}),ee([n]),y(n),t({search:void 0})}},[t,u,x,y,ee]);let te=n&&(Df(n)?n.overviewEntry?.path:n.path)||``,ne=n&&(Df(n)?n.overviewEntry?.project:n.project)||``,re=n&&(Df(n)?!!n.overviewEntry?.path:!1)||!1,ie=cf({file:te?.split(`/`).slice(1).join(`/`),project:ne,...s}),{data:C}=D(sf({file:te?.split(`/`).slice(1).join(`/`),project:ne,...s}));(0,I.useEffect)(function(){let e=C?.project+`/`+C?.file,t=C?.message;e===te&&t!==void 0?(re&&c&&C&&(t=Wp(t,c,C)),a(t)):a(void 0)},[C,te,re,s]);let{mutate:ae,isPending:oe}=uf(),se=(0,I.useCallback)((e,t)=>{ae(e,{onSuccess:()=>{n?.path===t&&e.payload!==void 0&&(o(void 0),a(e.payload||void 0),l.setQueryData(ie,{...C,message:e.payload}))},onError:e=>{console.error(`Error saving file:`,e)}})},[ie,C,n?.path,l,ae,o]),ce=(0,I.useMemo)(()=>n?n.package?.includes(`github.com/HarperDB/status-check-fabric`)||n.package?.includes(`github.com/HarperFast/status-check-fabric`)||n.path===`importedApplications`||n.path===`newApplication`:!1,[n]),le=(0,I.useMemo)(()=>({rootEntries:f.rootEntries,reloadRootEntries:p,entryExists:m,focusedItem:v,setFocusedItem:y,expandedItems:b,setExpandedItems:x,selectedItems:S,setSelectedItems:ee,restrictPackageModification:ce,openedEntry:n,setOpenedEntry:r,openedEntryContents:i,setOpenedEntryContents:a,saveFile:se,isSavingFile:oe}),[f.rootEntries,p,m,v,y,b,x,S,ee,ce,n,r,i,a,se,oe]);return(0,R.jsx)(ef.Provider,{value:le,children:e})}function Jp(e){let t=e;if(t?.focus)Yp(t);else{let t=e;t?.target?.focus&&Yp(t.target)}}function Yp(e){ii(1).then(()=>{e.focus?.()})}function Xp(){let{value:e,trigger:t}=mf(`ShowAddDirectoryOrFileModalType`,!1),n=(0,I.useCallback)(()=>{hf(`ShowAddDirectoryOrFileModalType`,!1),Jp(t)},[t]),{openedEntry:r,entryExists:i,reloadRootEntries:a,setFocusedItem:o,setSelectedItems:s,setExpandedItems:c}=tf(),l=B(),{mutate:u,isPending:f}=uf(),p=N({resolver:T(d.object({name:d.string().nonempty({error:`Please enter a valid name.`}).regex(/^[a-zA-Z0-9_\- .]*$/,{error:`Names can only contain letters, numbers, underscores, hyphens, periods, and spaces.`}).max(50,{error:`Names cannot be longer than 50 characters.`}).trim()})),defaultValues:{name:``}}),m=(0,I.useCallback)(t=>{if(!r||!e)return;let d=r.path.split(`/`),f=(Df(r)?d.slice(1):d.slice(1,-1)).join(`/`),m=f?`${f}/${t.name}`:t.name;if(i(r.project+`/`+m)){A.error(`${Pa(e)} already exists!`,{description:m});return}u({file:m,project:r.project,payload:e===`directory`?void 0:``,...l},{onSuccess:()=>{a(),n(),p.reset();let i=[r.project,f,t.name].filter(Fi).join(`/`);o(i),s([i]),e===`directory`&&c(e=>[...e,i])}})},[u,p,n,l,r,i,a,c,o,s,e]),h=(0,I.useCallback)(()=>{n(),p.reset()},[n,p]);return(0,R.jsx)(J,{onOpenChange:n,open:!!e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,className:`text-white`,children:(0,R.jsx)(V,{...p,children:(0,R.jsxs)(`form`,{id:`instance-add-app-${e}-form`,name:`instance-add-app-${e}-form`,onSubmit:p.handleSubmit(m),children:[(0,R.jsxs)($o,{children:[(0,R.jsxs)(Z,{children:[`Add `,e]}),(0,R.jsxs)(es,{children:[`Enter the name of the `,e,` you want to add`,e===`file`?`, don't forget the extension`:``,`!`]})]}),(0,R.jsx)(U,{control:p.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-2`,children:[(0,R.jsx)(G,{children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{disabled:f,type:`text`,autoComplete:`off`,autoCapitalize:`off`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{type:`button`,variant:`ghostOutline`,className:`rounded-full`,onClick:h,children:`Cancel`}),(0,R.jsxs)(z,{variant:`positiveOutline`,type:`submit`,className:`rounded-full`,disabled:f,children:[(0,R.jsx)(w,{}),` Add `,e]})]})})]})})})})}function Zp(){let{value:e,trigger:t}=mf(`ShowDeleteDirectoryOrFileModal`,!1),n=B(),{openedEntry:r,reloadRootEntries:i,setFocusedItem:a,setSelectedItems:o,selectedItems:s}=tf(),c=s.length>1,l=Df(r),u=l&&r.path===r.project,d=!!r?.package,f=d?`Remove`:`Delete`,p=d?`Imported Application`:u?`Application`:l?`Directory`:`File`,m=(0,I.useCallback)(()=>{hf(`ShowDeleteDirectoryOrFileModal`,!1),Jp(t)},[t]),h=(0,I.useCallback)(async()=>{m();let e=[],t=0,r=!1,c={label:`Cancel`,onClick:()=>{r=!0}},l={label:`OK`,onClick:()=>void 0},u=`deleting-files`;for(let i of s.reverse()){e=i.split(`/`);let a=e[0],o=e.length>1?e.slice(1).join(`/`):void 0;if(A.loading(`${f} in progress...`,{id:u,description:`${t} of ${$r(s.length,`item`,`items`)}`,action:c}),await nf({file:o,project:a,...n}),r)break;t+=1}if(r?A.warning(`${f} canceled!`,{id:u,description:``,action:l}):A.success(`${f} completed!`,{id:u,description:``,action:l}),e.length){let t=e.slice(0,-1).join(`/`);a(t||void 0),o(t?[t]:[]),i()}},[f,m,n,i,s,a,o]),g=(0,I.useCallback)(e=>{e.preventDefault(),h()},[h]);return(0,R.jsx)(J,{onOpenChange:m,open:e,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,className:`text-white`,children:[(0,R.jsxs)($o,{children:[(0,R.jsxs)(Z,{children:[f,` `,p]}),(0,R.jsxs)(es,{children:[`Are you sure you want to `,f.toLowerCase(),` `,c?`these ${s.length} items`:`this ${p.toLowerCase()}`,`?`]}),!d&&(0,R.jsx)(es,{className:`whitespace-pre`,children:c?s.join(`
41
+ `):r?.path})]}),(0,R.jsxs)(`div`,{className:`flex w-full gap-4`,children:[(0,R.jsx)(z,{type:`button`,variant:`ghostOutline`,className:`w-full rounded-full`,onClick:m,children:`Cancel`}),(0,R.jsxs)(z,{variant:`destructiveOutline`,type:`button`,className:`w-full rounded-full`,autoFocus:!0,onClick:g,children:[(0,R.jsx)(Zt,{}),` `,f,` `,c?`items`:p]})]})]})})}async function Qp({packageName:e,project:t,skipNodeModules:n,skipSymlinks:r,instanceClient:i}){let{data:a}=await i.post(`/`,{operation:`package_component`,package:e,project:t,skip_node_modules:n,skip_symlinks:r},{timeout:3e5});return a}function $p(){return j({mutationFn:Qp})}function em(){let{value:e,trigger:t}=mf(`ShowDownloadApplicationModal`,!1),n=B(),{openedEntry:r}=tf(),{mutate:i,isPending:a,isSuccess:o}=$p(),s=o?`Downloaded`:a?`Downloading`:`Download`,[c,l]=(0,I.useState)(!1),u=(0,I.useCallback)(e=>{l(e.target.checked)},[]),d=(0,I.useCallback)(()=>{hf(`ShowDownloadApplicationModal`,!1),Jp(t)},[t]),f=(0,I.useCallback)(e=>{if(e.preventDefault(),!r)return;d();let t=A.loading(`Packaging...`);i({packageName:r.package,project:r.project,skipNodeModules:!c,...n},{onSuccess:e=>{A.success(`Download ready!`,{id:t});let n=document.createElement(`a`);n.setAttribute(`class`,`invisible absolute top-0`);let i=Uint8Array.from(atob(e.payload),e=>e.charCodeAt(0)),a=new Blob([i],{type:`application/gzip`});n.href=URL.createObjectURL(a),n.download=`${r.project}.gz`,document.body.appendChild(n),n.click(),document.body.removeChild(n)}})},[r,i,c,n,d]);return(0,R.jsx)(J,{onOpenChange:d,open:e,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,className:`text-white`,children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Download Application`}),(0,R.jsxs)(es,{children:[`This will package up the contents of `,(0,R.jsx)(`strong`,{children:r?.project}),` into a gzipped file.`]})]}),(0,R.jsxs)(Ba,{className:`flex`,children:[(0,R.jsx)(q,{type:`checkbox`,className:`w-6`,disabled:a,checked:c,onChange:u}),(0,R.jsx)(`span`,{className:`pl-4 pr-8 flex-1 py-2.5`,children:`Include Node Modules`})]}),(0,R.jsxs)(`div`,{className:`flex w-full gap-4`,children:[(0,R.jsx)(z,{type:`button`,variant:`ghostOutline`,className:`w-full rounded-full`,onClick:d,children:`Cancel`}),(0,R.jsxs)(z,{variant:`positive`,type:`button`,className:`w-full rounded-full`,disabled:a,autoFocus:!0,onClick:f,children:[(0,R.jsx)(Un,{}),` `,s,a?`...`:``]})]})]})})}function tm(e=!1){let[t,n]=(0,I.useState)(e),r=(0,I.useCallback)(e=>{e?.preventDefault?.(),n(e=>!e)},[]),i=(0,I.useCallback)(e=>{e?.preventDefault?.(),n(!0)},[]),a=(0,I.useCallback)(e=>{e?.preventDefault?.(),n(!1)},[]);return(0,I.useMemo)(()=>({toggled:t,setToggled:n,toggle:r,toggleOn:i,toggleOff:a}),[r,n,a,i,t])}function nm({field:e}){let{toggled:t,toggle:n}=tm(!1);return(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsxs)(G,{onClick:n,className:i(`flex items-center gap-2`,t?``:`text-muted-foreground italic`),children:[t?(0,R.jsx)(Le,{}):(0,R.jsx)(St,{}),` Optional Database Name`]}),(0,R.jsx)(Vc,{className:t?``:`hidden`,children:`"data" is the default recommended name`}),(0,R.jsx)(H,{className:t?``:`hidden`,children:(0,R.jsx)(q,{type:`text`,className:`my-1`,...e})}),(0,R.jsx)(K,{})]})}var rm=function(e){return e.Any=`Any`,e.BigInt=`BigInt`,e.Blob=`Blob`,e.Boolean=`Boolean`,e.Bytes=`Bytes`,e.Date=`Date`,e.Float=`Float`,e.ID=`ID`,e.Int=`Int`,e.Long=`Long`,e.String=`String`,e}({}),im=/^[\x20-\x2E|\x30-\x5F|\x61-\x7E]*$/,am=v().regex(im,{error:`Database name cannot include backticks or forward slashes.`}).max(75,{error:`Database name cannot be longer than 75 characters.`}),om=v().nonempty({error:`Field name is required.`}).regex(im,{error:`Field name cannot include backticks or forward slashes.`}).max(250,{error:`Field name cannot be longer than 250 characters.`}),sm=v().nonempty({error:`Table name is required.`}).regex(im,{error:`Table name cannot include backticks or forward slashes.`}).max(250,{error:`Table name cannot be longer than 250 characters.`}),cm=l({tableName:sm,databaseName:am,expiration:h().or(p(``)),enableRest:_(),sealed:_(),tableFields:f(l({fieldName:om,fieldType:o(rm),primaryKey:_(),nullable:_(),indexed:_(),array:_()})).min(1,{error:`Please add at least one field.`})});function lm({field:e}){let{toggled:t,toggle:n}=tm(!1),r=(0,I.useCallback)(t=>e.onChange(t.target.value?parseInt(t.target.value,10):t.target.value),[]);return(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsxs)(G,{onClick:n,className:i(`flex items-center gap-2`,t?``:`text-muted-foreground italic`),children:[t?(0,R.jsx)(Le,{}):(0,R.jsx)(St,{}),` Optional Expiration`]}),(0,R.jsx)(Vc,{className:t?``:`hidden`,children:`After how many seconds should records be automatically evicted? Leave blank or set to 0 to skip this feature. (It can be useful for cache records.)`}),(0,R.jsx)(H,{className:t?``:`hidden`,children:(0,R.jsx)(q,{...e,type:`number`,min:0,step:1,className:`my-1`,onChange:r})}),(0,R.jsx)(K,{})]})}function um(){let e=_f(`ShowNewTableModal`,!1),{openedEntry:t,openedEntryContents:n}=tf(),{setContent:r}=Rf(!!t&&!t.package&&t.path),i=N({resolver:T(cm),defaultValues:{tableName:``,databaseName:`data`,expiration:``,enableRest:!0,sealed:!0,tableFields:[{fieldName:`id`,fieldType:rm.ID,primaryKey:!0,nullable:!0,indexed:!1,array:!1}]}}),{control:a,handleSubmit:o,formState:s}=i,{fields:c,append:l,remove:u}=at({name:`tableFields`,control:a}),d=(0,I.useCallback)(()=>{l({fieldName:``,fieldType:rm.String,primaryKey:!1,nullable:!1,indexed:!1,array:!1})},[l]),f=(0,I.useCallback)(async t=>{r(e=>{let r=e||n||``,i=[!!t.databaseName&&t.databaseName!==`data`&&`database: "${t.databaseName}"`,!!t.expiration&&t.expiration>0&&`expiration: ${t.expiration}`].filter(Fi),a=i.length?`(${i.join(`, `)})`:``,o=t.enableRest?` @export`:``,s=t.sealed?` @sealed`:``,c=t.tableFields.map(e=>{let t=e.array?`[${e.fieldType}]`:e.fieldType,n=e.nullable?``:`!`,r=e.primaryKey?` @primaryKey`:``,i=e.indexed?` @indexed`:``;return`\n\t${e.fieldName}: ${t}${n}${r}${i}`}).join(``);return`${r}\ntype ${t.tableName} @table${a}${o}${s} {${c}\n}\n`}),e()},[r,e,n]);return(0,R.jsx)(V,{...i,children:(0,R.jsxs)(`form`,{id:`instance-new-app-table-form`,name:`instance-new-app-table-form`,onSubmit:o(f),children:[(0,R.jsx)(U,{control:a,name:`tableName`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-4`,children:[(0,R.jsx)(G,{children:`Table Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,className:`my-1`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(`h3`,{className:`text-lg`,children:`Table Fields`}),c.map((e,t)=>(0,R.jsxs)(`div`,{className:`p-4 my-2 border rounded-lg`,children:[(0,R.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,R.jsx)(U,{control:a,name:`tableFields.${t}.fieldName`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`Field Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a,name:`tableFields.${t}.fieldType`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`Type`}),(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...e,onValueChange:e.onChange,defaultValue:e.value,children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{})}),(0,R.jsxs)(Mc,{children:[(0,R.jsx)($,{value:`Any`,children:`Any`}),(0,R.jsx)($,{value:`BigInt`,children:`BigInt`}),(0,R.jsx)($,{value:`Blob`,children:`Blob`}),(0,R.jsx)($,{value:`Boolean`,children:`Boolean`}),(0,R.jsx)($,{value:`Bytes`,children:`Bytes`}),(0,R.jsx)($,{value:`Date`,children:`Date`}),(0,R.jsx)($,{value:`Float`,children:`Float`}),(0,R.jsx)($,{value:`ID`,children:`ID`}),(0,R.jsx)($,{value:`Int`,children:`Int`}),(0,R.jsx)($,{value:`Long`,children:`Long`}),(0,R.jsx)($,{value:`String`,children:`String`})]})]})}),(0,R.jsx)(K,{})]})})]}),(0,R.jsxs)(`div`,{className:`flex flex-wrap items-center mt-2 gap-x-2 md:gap-x-4`,children:[(0,R.jsx)(U,{control:a,name:`tableFields.${t}.indexed`,render:({field:e})=>(0,R.jsxs)(W,{className:`inline-flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-5`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(G,{className:`flex-1 py-2.5`,children:`Indexed`}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a,name:`tableFields.${t}.primaryKey`,render:({field:e})=>(0,R.jsxs)(W,{className:`inline-flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-5`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(G,{className:`flex-1 py-2.5`,children:`Primary Key`}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a,name:`tableFields.${t}.nullable`,render:({field:e})=>(0,R.jsxs)(W,{className:`inline-flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-5`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(G,{className:`flex-1 py-2.5`,children:`Nullable`}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a,name:`tableFields.${t}.array`,render:({field:e})=>(0,R.jsxs)(W,{className:`inline-flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-5`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(G,{className:`flex-1 py-2.5`,children:`Array`}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(`div`,{className:`grow`}),(0,R.jsxs)(z,{type:`button`,variant:`destructiveGhost`,className:`rounded-full`,onClick:()=>u(t),children:[(0,R.jsx)(Zt,{}),` Remove Field`]})]})]},e.id)),(0,R.jsxs)(z,{variant:`ghost`,type:`button`,className:`w-full`,onClick:d,children:[(0,R.jsx)(w,{}),` Add Another Field`]}),(0,R.jsx)(`hr`,{className:`my-6 border-gray-600`}),(0,R.jsx)(U,{control:a,name:`databaseName`,render:({field:e})=>(0,R.jsx)(nm,{field:e})}),(0,R.jsx)(U,{control:a,name:`expiration`,render:({field:e})=>(0,R.jsx)(lm,{field:e})}),(0,R.jsx)(U,{control:a,name:`enableRest`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-5`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsxs)(G,{className:`flex-1 py-2.5`,children:[`Make available as a REST endpoint (add`,` `,(0,R.jsx)(`code`,{className:`text-muted-foreground italic ml-1`,children:`@export`}),`)`]}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a,name:`sealed`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-5`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsxs)(G,{className:`flex-1 py-2.5`,children:[`Sealed (add`,(0,R.jsx)(`code`,{className:`text-muted-foreground italic ml-1`,children:`@sealed`}),` to ignore unspecified properties)`]}),(0,R.jsx)(K,{})]})}),(0,R.jsxs)(`div`,{className:`text-muted-foreground italic text-sm pb-2`,children:[`There are even more directives available to you when editing your schema.graphql by hand! You can read more about them`,` `,(0,R.jsx)(`a`,{className:`underline`,target:`_blank`,rel:`noreferrer`,href:`https://docs.harperdb.io/docs/developers/applications/defining-schemas`,children:`in our documentation`}),`.`]}),(0,R.jsxs)(`div`,{className:`flex w-full gap-4 sticky -bottom-6 pb-6 pt-4 bg-black`,children:[(0,R.jsxs)(z,{type:`button`,variant:`ghost`,className:`w-full rounded-full`,onClick:e,children:[(0,R.jsx)(vt,{}),` Cancel`]}),(0,R.jsxs)(z,{variant:`positive`,type:`submit`,className:`w-full rounded-full`,disabled:!s.isValid,children:[(0,R.jsx)(w,{}),` New Table`]})]})]})})}function dm(){let{value:e,trigger:t}=mf(`ShowNewTableModal`,!1);return(0,R.jsx)(J,{onOpenChange:(0,I.useCallback)(()=>{hf(`ShowNewTableModal`,!1),Jp(t)},[t]),open:e,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,className:`text-white`,children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`New Table`}),(0,R.jsx)(es,{children:`Creating a table is the basis of a data-driven application and can immediately be used as RESTful endpoints. This can also be configured as a caching table and extended and customized for specific endpoint behavior.`})]}),(0,R.jsx)(um,{})]})})}function fm(){let{value:e,trigger:t}=mf(`ShowRedeployApplicationModal`,!1),n=lr(),r=B(),{openedEntry:i}=tf(),a=i?.package,{mutate:o,isPending:s}=jp(),c=N({defaultValues:{applicationUrl:a,installCommand:``}}),{control:l,handleSubmit:u,reset:d}=c;(0,I.useEffect)(()=>{d({applicationUrl:a})},[d,a]);let f=(0,I.useCallback)(()=>{hf(`ShowRedeployApplicationModal`,!1),Jp(t),d({applicationUrl:a})},[d,a,t]),p=(0,I.useCallback)((e,t)=>{if(!i)return;f();let a=A.loading(`Redeploying...`);o({applicationName:i.project,applicationUrl:e,installCommand:t,...r},{onSuccess:()=>{A.success(`Application ${i.project} redeployed successfully`,{id:a}),n.invalidateQueries({queryKey:[r.entityId,`get_components`],refetchType:`active`})},onError:()=>{A.dismiss(a)}})},[o,i,r,n,f]),m=({applicationUrl:e,installCommand:t})=>{e&&p(e,t)};return(0,R.jsx)(J,{onOpenChange:f,open:e,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,className:`text-white`,children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Redeploy Package`}),(0,R.jsx)(es,{children:`Redeploy this package?`})]}),(0,R.jsx)(`div`,{children:(0,R.jsx)(V,{...c,children:(0,R.jsxs)(`form`,{id:`instance-redeploy-app-form`,name:`instance-redeploy-app-form`,className:`flex flex-col w-full gap-4`,onSubmit:u(m),children:[(0,R.jsx)(U,{control:l,name:`applicationUrl`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Package Reference`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoFocus:!0,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:l,name:`installCommand`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Install Command`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,placeholder:`npm install`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsxs)(z,{variant:`positiveOutline`,type:`submit`,className:`w-full rounded-full`,disabled:s,children:[(0,R.jsx)(mr,{}),` Redeploy Application`]}),(0,R.jsx)(z,{type:`button`,variant:`ghostOutline`,className:`w-full rounded-full`,onClick:f,disabled:s,children:`Cancel`})]})})})]})})}function pm(e){return Tf(e.split(`/`).slice(0,-1))}function mm(e,t){return Tf(pm(e),t)}function hm(){let{value:e,trigger:t}=mf(`ShowRenameFileModal`,!1),n=(0,I.useCallback)(()=>{hf(`ShowRenameFileModal`,!1),Jp(t)},[t]),{openedEntry:r,entryExists:i}=tf(),a=d.object({name:d.string().nonempty({error:`Please enter a valid name.`}).regex(/^[a-zA-Z0-9_\- .]*$/,{error:`Names can only contain letters, numbers, underscores, hyphens, periods, and spaces.`}).max(50,{error:`Names cannot be longer than 50 characters.`}).trim().refine(e=>e!==r?.name,{error:`Please enter a new name.`})}),[o,s]=(0,I.useState)(!1),c=df(),l=N({resolver:T(a)});(0,I.useEffect)(()=>{r?.name&&l.reset({name:r?.name})},[l,r?.name]);let u=(0,I.useCallback)(async e=>{if(!r)return;let t=mm(r.path,e.name);if(i(t)){A.error(`${Df(r)?`Directory`:`File`} already exists!`,{description:t});return}s(!0),await c([{from:r.path,to:t}]),n(),l.reset(),s(!1)},[n,i,l,r,c,s]),f=(0,I.useCallback)(()=>{n(),l.reset()},[n,l]);return(0,R.jsx)(J,{onOpenChange:n,open:e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,className:`text-white`,children:(0,R.jsx)(V,{...l,children:(0,R.jsxs)(`form`,{id:`instance-rename-app-file-form`,name:`instance-rename-app-file-form`,onSubmit:l.handleSubmit(u),children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Rename File`}),(0,R.jsx)(es,{children:r?.path})]}),(0,R.jsx)(U,{control:l.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{className:`my-2`,children:[(0,R.jsx)(G,{children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{disabled:o,type:`text`,autoComplete:`off`,autoCapitalize:`off`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{type:`button`,variant:`ghostOutline`,className:`rounded-full`,onClick:f,children:`Cancel`}),(0,R.jsxs)(z,{variant:`positiveOutline`,type:`submit`,className:`rounded-full`,disabled:o||!l.formState.isDirty||!l.formState.isValid,children:[(0,R.jsx)(Ze,{}),` Rename`]})]})})]})})})})}function gm(){let{toggle:e,toggled:t}=$d(`ApplicationsSidebarOpened`,!0);return(0,R.jsxs)(qp,{children:[(0,R.jsx)(`aside`,{id:`file-explorer-sidebar`,className:i(`pt-[calc(--spacing(32))] w-56 fixed top-0 left-0 bottom-0 z-30`,`bg-black-dark shadow shadow-black`,`transition-transform -translate-x-full`,t?`translate-x-0`:`md:translate-x-0`),"aria-label":`Sidebar`,children:(0,R.jsx)(Gf,{})}),(0,R.jsxs)(`div`,{className:i(`applications-content`,`overflow-y-auto overflow-x-hidden`,`fixed top-32 right-0 bottom-0 left-0`,`transition-[left]`,`md:left-56`,t&&`sm:left-56`),children:[(0,R.jsx)(Ip,{}),(0,R.jsx)(Qf,{toggledSidebar:t,toggleSidebar:e})]}),(0,R.jsx)(Xp,{}),(0,R.jsx)(dm,{}),(0,R.jsx)(Zp,{}),(0,R.jsx)(em,{}),(0,R.jsx)(fm,{}),(0,R.jsx)(hm,{})]})}function _m(e){return[M({getParentRoute:()=>e,path:`/`,component:gm})]}async function vm({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`list_certificates`});return t}function ym(e){return k({queryKey:[e.entityId,`list_certificates`],queryFn:()=>vm(e)})}var bm=[{header:`Certificate Name`,accessorKey:`name`,enableSorting:!0},{header:`Issuer`,accessorKey:`details.issuer`,enableSorting:!0},Mt().display({header:`Expires At`,enableSorting:!1,id:`details.valid_to`,cell:e=>e.row.original.details.valid_to?new Date(e.row.original.details.valid_to).toLocaleString():`N/A`})];function xm({className:e,...t}){return(0,R.jsx)(wn,{"data-slot":`switch`,className:L(`peer data-[state=checked]:bg-green data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50`,e),...t,children:(0,R.jsx)(Ge,{"data-slot":`switch-thumb`,className:L(`bg-white dark:data-[state=unchecked]:bg-white dark:data-[state=checked]:bg-white pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0`)})})}function Sm({className:e,...t}){return(0,R.jsx)(`textarea`,{"data-slot":`input`,className:L(`border-input file:text-foreground placeholder:text-muted-foreground selection:bg-purple
42
+ selection:text-primary-foreground
43
+ dark:aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/50 ring-ring/10
44
+ dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 aria-invalid:outline-destructive/60
45
+ aria-invalid:ring-destructive/20 aria-invalid:border-destructive/60 dark:aria-invalid:border-destructive
46
+ flex w-full min-w-0 rounded-md border bg-grey-700 px-3 py-1 text-base text-white
47
+ file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium
48
+ focus-visible:ring-1 focus-visible:outline-none focus-visible:ring-purple disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50
49
+ aria-invalid:focus-visible:ring-[1px] aria-invalid:focus-visible:outline-none md:text-sm dark:aria-invalid:focus-visible:ring-1`,e),...t})}async function Cm({instanceClient:e},t){let{data:n}=await e.post(`/`,{operation:`add_certificate`,...t});return n}var wm=l({name:v().min(1,`Name is required`),certificate:v().min(1,`Certificate is required`),private_key:v().optional(),is_authority:_().default(!1),hosts:v().optional(),uses:v().optional()});function Tm(){return j({mutationFn:({instanceParams:e,certificateParams:t})=>Cm(e,t)})}function Em({isModalOpen:e,onChangesSaved:t,setIsModalOpen:n}){let r=N({resolver:T(wm),defaultValues:{name:``,certificate:``,private_key:``,is_authority:!1,hosts:``,uses:``}}),i=B(),{mutate:a,isPending:o}=Tm(),s=(0,I.useCallback)(async e=>{let{hosts:o,uses:s,private_key:c,...l}=e,u=o?o.split(`,`).map(e=>e.trim()).filter(Boolean):void 0,d=s?s.split(`,`).map(e=>e.trim()).filter(Boolean):void 0;a({instanceParams:i,certificateParams:{...l,private_key:c||void 0,hosts:u&&u.length>0?u:void 0,uses:d&&d.length>0?d:void 0}},{onSuccess:()=>{r.reset(),t(),A.success(`Certificate added successfully!`),n(!1)}})},[a,r,i,t,n]),c=(0,I.useCallback)(()=>{r.reset(),n(!1)},[r,n]);return(0,R.jsx)(J,{onOpenChange:n,open:e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,children:(0,R.jsx)(V,{...r,children:(0,R.jsxs)(`form`,{id:`instance-add-certificate-form`,name:`instance-add-certificate-form`,onSubmit:r.handleSubmit(s),className:`grid gap-4 my-4`,children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Add New Certificate`}),(0,R.jsx)(es,{children:`Enter the details of your Certificate below.`})]}),(0,R.jsx)(U,{control:r.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,autoFocus:!0,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`is_authority`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex flex-row items-center justify-between rounded-lg border border-gray-800 p-3 shadow-sm`,children:[(0,R.jsx)(`div`,{className:`space-y-0.5`,children:(0,R.jsx)(G,{children:`Is Authority`})}),(0,R.jsx)(H,{children:(0,R.jsx)(xm,{checked:e.value,onCheckedChange:e.onChange})})]})}),(0,R.jsx)(U,{control:r.control,name:`certificate`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Certificate`}),(0,R.jsx)(H,{children:(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,rows:5,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`hosts`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Hosts (optional)`}),(0,R.jsx)(Vc,{children:`Comma-separated list of hostnames this certificate is valid for.`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,placeholder:`e.g. example.com, *.example.com`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`uses`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Uses (optional)`}),(0,R.jsx)(Vc,{children:`Comma-separated list of intended uses, e.g. "https, operations, wss".`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,placeholder:`e.g. https, operations, wss`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`private_key`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Private Key (optional)`}),(0,R.jsx)(Vc,{children:`PEM formatted private key string.`}),(0,R.jsx)(H,{children:(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,rows:5,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{variant:`destructiveOutline`,type:`button`,className:`rounded-full`,onClick:c,disabled:o,children:`Cancel`}),(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:o||!r.formState.isDirty||!r.formState.isValid,children:[(0,R.jsx)(_r,{}),` Add Certificate`]})]})})]})})})})}async function Dm({instanceClient:e},t){let{data:n}=await e.post(`/`,{operation:`remove_certificate`,name:t});return n}function Om(){return j({mutationFn:({instanceParams:e,name:t})=>Dm(e,t)})}function km({data:e,isModalOpen:t,closeModal:n,onSelectCertificate:r,onChangesSaved:i}){let{name:a}=e,o=B(),{mutate:s,isPending:c}=Om(),[l,u]=(0,I.useState)(!1),d=(0,I.useCallback)(()=>{u(!0)},[]),f=(0,I.useCallback)(()=>{s({instanceParams:o,name:a},{onSuccess:()=>{A.success(`Certificate removed successfully!`),r(void 0),i()}})},[a,s,o,i,r]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(J,{onOpenChange:n,open:t,children:(0,R.jsx)(Y,{className:`sm:max-w-[800px] max-h-[90vh] overflow-y-auto`,"aria-describedby":void 0,children:(0,R.jsxs)(`div`,{className:`grid gap-4 my-4`,children:[(0,R.jsxs)($o,{children:[(0,R.jsxs)(Z,{children:[`View Certificate: `,a]}),(0,R.jsx)(es,{children:`Details of the selected certificate.`})]}),(0,R.jsxs)(`div`,{className:`space-y-4`,children:[(0,R.jsxs)(`div`,{className:`grid grid-cols-2 gap-4 text-sm bg-gray-900/50 p-4 rounded-lg border border-gray-800`,children:[(0,R.jsxs)(`div`,{className:`col-span-2`,children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Issuer`}),(0,R.jsx)(`p`,{className:`text-gray-400 break-all`,children:e.details.issuer||`N/A`})]}),(0,R.jsxs)(`div`,{className:`col-span-2`,children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Subject`}),(0,R.jsx)(`p`,{className:`text-gray-400 break-all`,children:e.details.subject||`N/A`})]}),e.details.subject_alt_name&&(0,R.jsxs)(`div`,{className:`col-span-2`,children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Subject Alternative Name`}),(0,R.jsx)(`p`,{className:`text-gray-400 break-all`,children:e.details.subject_alt_name})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Valid From`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.details.valid_from?new Date(e.details.valid_from).toLocaleString():`N/A`})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Valid To (Expires At)`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.details.valid_to?new Date(e.details.valid_to).toLocaleString():`N/A`})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Serial Number`}),(0,R.jsx)(`p`,{className:`text-gray-400 font-mono text-xs break-all`,children:e.details.serial_number||`N/A`})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Private Key Name`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.private_key_name||`N/A`})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Is Authority`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.is_authority?`Yes`:`No`})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Is Self-Signed`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.is_self_signed?`Yes`:`No`})]}),e.hosts&&e.hosts.length>0&&(0,R.jsxs)(`div`,{className:`col-span-2`,children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Hosts`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.hosts.join(`, `)})]}),(0,R.jsxs)(`div`,{className:`col-span-2`,children:[(0,R.jsx)(`p`,{className:`font-semibold`,children:`Uses`}),(0,R.jsx)(`p`,{className:`text-gray-400`,children:e.uses?.join(`, `)||`N/A`})]})]}),(0,R.jsxs)(`div`,{className:`space-y-2`,children:[(0,R.jsx)(Ba,{children:`Certificate Content`}),(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,rows:8,readOnly:!0,className:`font-mono text-xs`,value:e.certificate})]})]}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{type:`button`,variant:`destructiveOutline`,className:`rounded-full`,onClick:d,disabled:c,children:`Remove Certificate`}),(0,R.jsx)(z,{type:`button`,variant:`defaultOutline`,className:`rounded-full`,onClick:()=>n(),children:`Close`})]})})]})})}),(0,R.jsx)(ts,{isModalOpen:l,setIsModalOpen:u,deletionConfirmed:f,deletionPending:c,typeOfThingBeingDeleted:`certificate`,presentParticiple:`Removing`,transitiveVerb:`Remove`,nameOfThingBeingDeleted:a,hideDataLossWarning:!0})]})}function Am(){let e=zn(),{certName:t}=E({strict:!1}),{data:n,refetch:r,isFetching:i,isRefetching:a}=D(ym(B())),o=(0,I.useMemo)(()=>n?.find(e=>e.name===t),[n,t]),s=(0,I.useCallback)(n=>{let r=n?.original?.name;e({to:[t?`..`:``,r].filter(Boolean).join(`/`)})},[t,e]),c=!!t&&!!o,[l,u]=(0,I.useState)(!1),d=(0,I.useCallback)(()=>{u(!0)},[u]),f=Ul(r);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(Rl,{columns:bm,data:n||[],isFetching:i,onRowClick:s,children:[(0,R.jsx)(O,{className:`inline-block underline text-sm text-gray-400 hover:text-white`,to:`https://docs.harperdb.io/docs/developers/operations-api/certificate-management`,target:`_blank`,children:`Certificate Management Docs`}),(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:f,accessKey:`r`,disabled:i||a,children:[(0,R.jsx)(mr,{}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]}),(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:d,accessKey:`a`,disabled:l,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`A`}),`dd`]})]})]}),l&&(0,R.jsx)(Em,{isModalOpen:l,onChangesSaved:r,setIsModalOpen:u}),c&&(0,R.jsx)(km,{isModalOpen:c,closeModal:s,data:o,onSelectCertificate:s,onChangesSaved:r})]})}function jm(){return(0,R.jsx)(vd,{})}var Mm=`flex items-center p-2 rounded-lg group`,Nm={className:`text-white hover:bg-gray-700`},Pm={className:`text-black bg-white pointer-events-none cursor-default`};function Fm(){let e=E({strict:!1}),{version:t}=kn({strict:!1}),n=zs(`4.6.0`,t),{clusterId:r}=e,i=da(),{data:a}=D(Ja(r,!1));a===void 0||us(a);let o=i&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`config/users`),className:Mm,inactiveProps:Nm,activeProps:Pm,children:[(0,R.jsx)(bn,{className:`hidden md:inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Users`})]})}),(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`config/roles`),className:Mm,inactiveProps:Nm,activeProps:Pm,children:[(0,R.jsx)(Jn,{className:`hidden md:inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Roles`})]})}),n&&(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`config/certificates`),className:Mm,inactiveProps:Nm,activeProps:Pm,children:[(0,R.jsx)(_n,{className:`hidden md:inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Certificates`})]})}),!1,n&&(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`config/ssh-keys`),className:Mm,inactiveProps:Nm,activeProps:Pm,children:[(0,R.jsx)(wt,{className:`hidden md:inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`SSH Keys`})]})})]});return(0,R.jsxs)(`div`,{className:`md:grid gap-4 md:grid-cols-12 min-h-[calc(100vh-(--spacing(36)))]`,children:[(0,R.jsxs)(`section`,{className:`col-span-1 text-white md:col-span-4 lg:col-span-3 md:border-r border-b md:border-b-0 md:pr-4 border-gray-700`,children:[(0,R.jsx)(Im,{params:e,children:o}),(0,R.jsx)(Lm,{params:e,children:o})]}),(0,R.jsx)(`section`,{className:`col-span-1 text-white md:col-span-8 lg:col-span-9 md:pt-4`,children:(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(ws,{className:`flex flex-col items-center justify-center h-full`,text:`Loading...`}),children:(0,R.jsx)(x,{})})})]})}function Im({params:e,children:t}){return(0,R.jsxs)(`div`,{className:`hidden md:block pl-4 pt-4`,children:[(0,R.jsxs)(O,{to:wl(e,`config`),className:Mm,activeOptions:{exact:!0},inactiveProps:Nm,activeProps:Pm,children:[(0,R.jsx)(xn,{className:`hidden md:inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Overview`})]}),t&&(0,R.jsx)(`ul`,{className:`border-t border-gray-700 pt-4 mt-4 space-y-2`,children:t})]})}function Lm({params:e,children:t}){return(0,R.jsxs)(`ul`,{className:`flex space-x-2 md:hidden py-2 px-4`,children:[(0,R.jsx)(`li`,{children:(0,R.jsxs)(O,{to:wl(e,`config`),className:Mm,activeOptions:{exact:!0},inactiveProps:Nm,activeProps:Pm,children:[(0,R.jsx)(xn,{className:`hidden md:inline-block`}),` `,(0,R.jsx)(`span`,{className:`ms-3`,children:`Overview`})]})}),t]})}async function Rm({clusterId:e,instanceId:t}){return null}function zm(e){return k({queryKey:[e.clusterId,e.instanceId],queryFn:()=>Rm(e),retry:!1})}var Bm=({loadingRegistration:e,registrationInfo:t})=>{let n=!!t?.version&&parseInt(t.version[0],10)>=5&&`https://github.com/HarperFast/harper/releases/tag/v${t.version}`;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`dt`,{className:`font-bold text-sm/6`,children:`Harper Version`}),(0,R.jsx)(`dd`,{className:`text-sm/6 sm:mt-2`,children:e?(0,R.jsx)(Dc,{className:`w-10`}):n?(0,R.jsx)(`a`,{href:n,target:`_blank`,className:`underline hover:text-blue-300`,rel:`noopener noreferrer`,children:t.version}):t?.version||`Unknown`})]})},Vm=({loading:e,timestamp:t})=>{let n=t?new Date(t).toLocaleString():`Never`;return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`dt`,{className:`font-bold text-sm/6`,children:`Last Deployed`}),(0,R.jsx)(`dd`,{className:`text-sm/6 sm:mt-2`,children:e?(0,R.jsx)(Dc,{className:`w-24`}):n})]})};async function Hm({instanceClient:e,...t}){let{data:n}=await e.post(`/`,{operation:`set_configuration`,...t});return n}function Um({onRestartedSuccessfully:e}={}){let t=B(),n=lr(),[r,i]=(0,I.useState)(!1);return{onConfigUpdate:(0,I.useCallback)(async r=>{i(!0);let a=!1,o={duration:6e4,action:{label:`Cancel`,onClick:()=>{a=!0}}},s=A.loading(`Restarting`,{...o,description:(0,R.jsx)(Gs,{animated:!0,width:`0%`})}),c=t.entityType===`cluster`?await qa(t.entityId):null,l=t.entityType===`cluster`?c?.instances||[]:[{id:t.entityId,status:`RUNNING`}],u=!!c&&F.checkForFabricConnect(c.id),d=t.entityType===`cluster`?l.filter(e=>e.status===`RUNNING`).map(e=>oi({id:e.id,forceFabricConnect:u,operationsUrl:pi(e)})).reverse():[t.instanceClient],f=0;if(d.length)for(let e=0;e<d.length;e++){let t=d[e];if(!a){A.loading(`Updating Instance ${e+1} of ${d.length}`,{...o,id:s,description:(0,R.jsx)(Gs,{animated:!0,width:(e===0?0:e/d.length*100)+`%`})});try{await di({instanceClient:t}),await Hm({...r,instanceClient:t}),await qf({operation:`restart_service`,replicated:!1,instanceClient:t}),f+=1}catch{e+1!==d.length&&(A.loading(`Failed Restarting Instance ${e+1} of ${d.length}`,{...o,id:s,description:`We will carry on momentarily.`}),await ii(3e3))}}}if(i(!1),n.invalidateQueries({queryKey:[t.entityId,`get_configuration`]}),a)A.error(`Cancelled`,{id:s,description:`The config update was partially cancelled.`,duration:1e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}});else if(l.length===f)e?.(),A.success(`Success`,{id:s,description:`Your configuration has been updated successfully!`,duration:1e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}});else{let e=$r(l.length,`instance`,`instances`),t=$r(f,`"RUNNING" instance was`,`"RUNNING" instances were`);A.error(`Error`,{id:s,description:`Failed to fully update cluster.
50
+ `+([l.length===0&&`No instances were found within the cluster to restart.`,f===0&&`No instances were in a "RUNNING" state of ${e}.`,l.length!==f&&`Only ${t} restarted of ${e}.`].filter(Fi).shift()||``),duration:1e4,action:{label:`Dismiss`,onClick:()=>A.dismiss()}})}},[t,e,n]),isPending:r}}function Wm({entityId:e,instanceClient:t}){return k({queryKey:[e,`get_configuration`],queryFn:async()=>{let{data:e}=await t.post(`/`,{operation:`get_configuration`});return e}})}function Gm({entityId:e,instanceClient:t}){return k({queryKey:[e,`registration_info`],staleTime:6e4,gcTime:5e3,queryFn:async()=>{let{data:e}=await t.post(`/`,{operation:`registration_info`});return e}})}function Km({entityId:e,instanceClient:t},n){return k({queryKey:[e,`get_usage_licenses`],enabled:n,queryFn:async()=>{try{let{data:e}=await t.post(`/`,{operation:`get_usage_licenses`});return e}catch(e){return console.error(e),null}}})}var qm={http:{port:`blocked`,securePort:`blocked`},threads:`blocked`,authentication:{enableSessions:`blocked`},logging:{auditLog:`blocked`,root:`blocked`,rotation:{path:`blocked`}},mqtt:{network:{port:`blocked`,securePort:`blocked`}},operationsApi:{network:{domainSocket:`blocked`,port:`blocked`,securePort:`blocked`}},rootPath:`blocked`,replication:`blocked_except_databases`,storage:`blocked`,tls:`blocked`,node:`blocked`,license:`blocked`,componentsRoot:`blocked`,analytics:`allowed`,applications:`allowed`,localStudio:`allowed`};function Jm(e,t,n){if(JSON.stringify(t)===JSON.stringify(n))return!1;let r=e.split(`.`),i=qm;for(let e=0;e<r.length;e++){let t=r[e];if(i===`blocked`)return!0;if(i===`blocked_except_databases`)return t!==`databases`;if(typeof i==`object`&&i&&t in i)i=i[t];else return!1}return i===`blocked`}function Ym(e,t=qm){if(typeof e!=`object`||!e)return e;let n=Array.isArray(e)?[]:{};for(let r in e){let i=e[r],a=t?.[r];if(a!==`blocked`)if(a===`blocked_except_databases`){i&&typeof i==`object`&&`databases`in i&&(n.replication={databases:i.databases});continue}else if(typeof a==`object`&&a){let e=Ym(i,a);e!==void 0&&(typeof e!=`object`||Object.keys(e).length>0)&&(n[r]=e)}else n[r]=i}return n}function Xm(e,t){if(typeof e!=`object`||!e||typeof t!=`object`||!t)return JSON.stringify(e)===JSON.stringify(t)?void 0:t;let n={},r=new Set([...Object.keys(e),...Object.keys(t)]);for(let i of r){let r=e[i],a=t[i];if(typeof r==`object`&&r&&typeof a==`object`&&a&&!Array.isArray(r)&&!Array.isArray(a)){let e=Xm(r,a);Object.keys(e).length>0&&(n[i]=e)}else JSON.stringify(r)!==JSON.stringify(a)&&(n[i]=a)}return n}function Zm(e,t=``){let n={};for(let r in e){let i=e[r],a=t?`${t}_${r}`:r;typeof i==`object`&&i&&!Array.isArray(i)?Object.assign(n,Zm(i,a)):n[a]=i}return n}var Qm=({children:e})=>(0,R.jsx)(R.Fragment,{children:e});function $m(){let{clusterId:e,instanceId:t}=E({strict:!1}),{data:n,isLoading:r}=D(zm({clusterId:e,instanceId:t})),i=B(),{version:a}=kn({strict:!1}),{data:o}=D(Km(i,!1));n?.cluster;let s=n?.instance,{data:c,isLoading:l}=D(Gm(i)),{data:u,isLoading:d}=D(Wm(i)),{data:f,isLoading:p}=D(Kp(i)),m=(0,I.useMemo)(()=>{if(!f)return null;let e=0,t=n=>{n.mtime&&(e=Math.max(e,new Date(n.mtime).getTime())),`entries`in n&&n.entries&&n.entries.forEach(t)};return t(f),e||null},[f]),h=(0,I.useMemo)(()=>u?Ym(u):null,[u]),[g,_]=(0,I.useState)(!1),[v,y]=(0,I.useState)(``),[b,x]=(0,I.useState)(null),[S,ee]=(0,I.useState)([]),{onConfigUpdate:te,isPending:ne}=Um();(0,I.useEffect)(()=>{h&&!g&&(y(JSON.stringify(h,null,4)),x(null),ee([]))},[h,g]);let re=(0,I.useCallback)(e=>{if(y(e||``),e)try{let t=JSON.parse(e);x(null);let n=[],r=(e,t,i=``)=>{for(let a in e){let o=i?`${i}.${a}`:a,s=e[a],c=t?.[a];Jm(o,s,c)?n.push(o):typeof s==`object`&&s&&!Array.isArray(s)&&r(s,c,o)}for(let r in t){let a=i?`${i}.${r}`:r;r in e||Jm(a,void 0,t[r])&&n.push(a)}};h&&r(t,h),ee(n)}catch(e){x(e.message),ee([])}},[u]),ie=(0,I.useCallback)(()=>{if(!(b||S.length>0))try{te(Zm(Xm(h,JSON.parse(v)))),_(!1)}catch(e){x(e.message)}},[v,b,te,h,S.length]);return(0,I.useMemo)(()=>[],[o,s]),(0,R.jsxs)(`div`,{className:`h-full flex flex-col`,children:[(0,R.jsx)(Qm,{children:(0,R.jsxs)(`dl`,{className:`grid grid-cols-1 sm:grid-cols-3`,children:[(0,R.jsx)(`div`,{className:`px-4 pb-4 sm:col-span-1 sm:px-0`,children:(0,R.jsx)(Bm,{loadingRegistration:l,registrationInfo:c})}),(0,R.jsx)(`div`,{className:`px-4 pb-4 sm:col-span-1 sm:px-0`,children:(0,R.jsx)(Vm,{loading:p,timestamp:m})}),(0,R.jsx)(`div`,{className:`px-4 pb-4 text-right sm:col-span-1 sm:px-0`,children:(0,R.jsx)(Zf,{targetNoun:`Instance`,instanceClient:i.instanceClient,operation:`restart`})})]})}),(0,R.jsxs)(`div`,{className:`flex-none flex items-center justify-between mb-2`,children:[(0,R.jsxs)(`div`,{children:[(0,R.jsxs)(`h3`,{className:`font-bold text-sm/6`,children:[`Instance Config `,g?`(editing)`:`(read only)`]}),!t&&!1]}),(0,R.jsx)(`div`,{className:`flex items-center gap-2 pr-4`,children:g?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(z,{type:`button`,size:`sm`,variant:`ghost`,onClick:()=>_(!1),children:[(0,R.jsx)(Qn,{className:`w-4 h-4 mr-1`}),` Cancel`]}),(0,R.jsxs)(z,{size:`sm`,disabled:!!b||S.length>0||ne,onClick:ie,children:[(0,R.jsx)(_r,{className:`w-4 h-4 mr-1`}),` `,ne?`Saving...`:`Save & Restart`]})]}):(0,R.jsxs)(z,{size:`sm`,onClick:()=>_(!0),children:[(0,R.jsx)(Gn,{className:`w-4 h-4 mr-1`}),` Edit`]})})]}),b&&(0,R.jsxs)(up,{variant:`destructive`,className:`mb-4`,children:[(0,R.jsx)(de,{className:`h-4 w-4`}),(0,R.jsx)(dp,{children:`Invalid JSON`}),(0,R.jsx)(fp,{children:b})]}),S.length>0&&(0,R.jsxs)(up,{variant:`destructive`,className:`mb-4`,children:[(0,R.jsx)(de,{className:`h-4 w-4`}),(0,R.jsx)(dp,{children:`Restricted Configuration`}),(0,R.jsxs)(fp,{children:[`The following fields cannot be modified via Studio:`,(0,R.jsx)(`ul`,{className:`list-disc ml-4 mt-2`,children:S.map(e=>(0,R.jsx)(`li`,{children:(0,R.jsx)(`code`,{children:e})},e))})]})]}),(0,R.jsx)(`div`,{className:`grow`,children:d?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Dc,{className:`w-full`}),(0,R.jsx)(Dc,{className:`w-full`}),(0,R.jsx)(Dc,{className:`w-1/2`})]}):(0,R.jsx)(we,{className:`w-full min-h-full h-96`,language:`json`,theme:`vs-dark`,options:{readOnly:!g,scrollBeyondLastLine:!1},value:g?v:JSON.stringify(h,null,4),onChange:re})})]})}var eh=Mt(),th=[{header:`Role`,accessorKey:`role`,enableSorting:!1},eh.display({header:`Created`,enableSorting:!1,id:`__createdtime__`,cell:e=>Vl((Date.now()-e.row.original.__createdtime__)/1e3,e.row.original.__createdtime__)}),eh.display({header:`Updated`,id:`__updatedtime__`,enableSorting:!1,cell:e=>Vl((Date.now()-e.row.original.__updatedtime__)/1e3,e.row.original.__updatedtime__)}),eh.display({header:`Super User`,id:`super_user`,enableSorting:!1,cell:e=>e.row.original.permission.super_user?`Yes`:`No`}),eh.display({header:`Structure User`,id:`structure_user`,enableSorting:!1,cell:e=>e.row.original.permission.structure_user?`Yes`:`No`})];async function nh(e){let{role:t,super_user:n,structure_user:r,instanceClient:i}=e,{data:a}=await i.post(`/`,{operation:`add_role`,role:t,permission:{super_user:n,structure_user:r}});return a}function rh(){return j({mutationFn:nh})}var ih=l({role:v().nonempty({error:`Please enter a role.`}).regex(/^[a-zA-Z_]*$/,{error:`Role must contain only letters and underscores.`}).max(30,{error:`Role cannot be longer than 30 characters.`}),super_user:_(),structure_user:_()});function ah({isModalOpen:e,onChangesSaved:t,setIsModalOpen:n}){let r=N({resolver:T(ih),defaultValues:{role:``,super_user:!1,structure_user:!1}}),i=B(),{mutate:a,isPending:o}=rh(),s=(0,I.useCallback)(async e=>{e&&a({role:e.role,super_user:e.super_user,structure_user:e.structure_user,...i},{onSuccess:()=>{r.reset(),t(e.role),A.success(`Role added successfully!`),n(!1)}})},[a,r,i,t,n]),c=(0,I.useCallback)(()=>{r.reset(),n(!1)},[r,n]);return(0,R.jsx)(J,{onOpenChange:n,open:e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,children:(0,R.jsx)(V,{...r,children:(0,R.jsxs)(`form`,{id:`instance-add-role-form`,name:`instance-add-role-form`,onSubmit:r.handleSubmit(s),className:`grid gap-4 my-4 md:grid-cols-2`,children:[(0,R.jsxs)($o,{className:`md:col-span-2`,children:[(0,R.jsx)(Z,{children:`Add New Role`}),(0,R.jsx)(es,{children:`After adding the role, you will be able to edit the per-table permissions.`})]}),(0,R.jsx)(U,{control:r.control,name:`role`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`super_user`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-6`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(G,{className:`pl-4 pr-8 flex-1 py-2.5`,children:`Super User`}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`structure_user`,render:({field:e})=>(0,R.jsxs)(W,{className:`flex`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`checkbox`,className:`w-6`,checked:e.value,onChange:t=>e.onChange(t.target.checked)})}),(0,R.jsx)(G,{className:`pl-4 pr-8 flex-1 py-2.5`,children:`Structure User`}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{className:`md:col-span-2`,children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{variant:`destructiveOutline`,type:`button`,className:`rounded-full`,onClick:c,disabled:o,children:`Cancel`}),(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:o,children:[(0,R.jsx)(_r,{}),` Add Role`]})]})})]})})})})}function oh({entityId:e,instanceClient:t}){return k({queryKey:[e,`list_roles`],queryFn:()=>sh({instanceClient:t}),refetchInterval:1e4})}async function sh({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`list_roles`});return t}function ch({instanceDatabaseMap:e,currentRolePermissions:t,version:n,showAttributes:r}){let i={...t};if(t.super_user||t.structure_user||t.cluster_user)return t;let[a,o,s]=n.split(`.`).map(e=>parseInt(e,10)),c=n!==`2.0.000`&&a<=2&&o<=1&&s<=2;for(let n in e){i[n]={tables:{}};for(let a in e[n]){let o=e[n][a].attributes.map(e=>e.attribute).sort();if(c){let e=t&&t[n]&&t[n].tables[a];i[n].tables[a]=lh(e,o,r)}else{let e=t&&t[n]&&t[n].tables[a];i[n].tables[a]=uh(e,o,r)}}}return i}function lh(e,t,n){let r=e&&Ls(e.attribute_restrictions,`attribute_name`);return{read:e?e.read:!0,insert:e?e.insert:!0,update:e?e.update:!0,delete:e?e.delete:!0,attribute_restrictions:t.filter(()=>n).map(t=>{let n=r?.[t];return{attribute_name:t,read:n?n.read:e?e.read:!0,insert:n?n.insert:e?e.insert:!0,update:n?n.update:e?e.update:!0,delete:n?n.delete:e?e.delete:!0}})}}function uh(e,t,n){let r=e&&Ls(e.attribute_permissions||[],`attribute_name`);return{read:e?e.read:!1,insert:e?e.insert:!1,update:e?e.update:!1,delete:e?e.delete:!1,attribute_permissions:n?t.map(t=>{let n=r?.[t];return{attribute_name:t,read:n?n.read:e?.attribute_permissions?.length?!1:e?.read||!1,insert:n?n.insert:e?.attribute_permissions?.length?!1:e?.insert||!1,update:n?n.update:e?.attribute_permissions?.length?!1:e?.update||!1}}):null}}async function dh({id:e,permission:t,instanceClient:n}){let{data:r}=await n.post(`/`,{operation:`alter_role`,id:e,permission:t});return r}function fh(){return j({mutationFn:dh})}async function ph({id:e,instanceClient:t}){let{data:n}=await t.post(`/`,{operation:`drop_role`,id:e});return n}function mh(){return j({mutationFn:ph})}async function hh({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`describe_all`});return t}function gh(e){return k({queryKey:[e.entityId,`describe_all`],queryFn:()=>hh(e),staleTime:6e4,gcTime:5e3,retry:!1})}function _h({data:e,instanceId:t,clusterId:n,isModalOpen:r,closeModal:i,onSelectRole:a,onChangesSaved:o}){let{role:s,permission:c}=e,[l,u]=(0,I.useState)(JSON.stringify(c,null,2)),d=B(),[f,p]=(0,I.useState)(!0),{data:m}=D(gh(d)),{data:h}=D(Gm(d)),g=yi(t??n).user?.role?.role===e.role,[_,v]=bu(l?.includes(`attribute_name`)),{mutate:y,isPending:b}=fh(),{mutate:x}=mh(),S=(0,I.useCallback)(e=>{p(e.length===0)},[p]),ee=(0,I.useMemo)(()=>JSON.stringify(m&&h&&ch({instanceDatabaseMap:m,currentRolePermissions:l&&_s(l)||c,version:h.version,showAttributes:_}),null,2),[c,m,h,_,l]);(0,I.useEffect)(()=>{u(ee)},[ee]);let te=(0,I.useCallback)(t=>{if(t){let n=JSON.parse(t);if(n.super_user||n.structure_user||n.cluster_user)for(let e in n)(e!==`super_user`&&e!==`structure_user`&&e!==`cluster_user`||n[e]===!1)&&delete n[e];y({id:e.id,permission:n,...d},{onSuccess:()=>{A.success(`Role updated successfully!`),a(void 0),o()}})}},[y,e.id,d,o,a]),ne=(0,I.useCallback)(()=>{x({id:e.id,...d},{onSuccess:()=>{A.success(`Role deleted successfully!`),a(void 0),o()}})},[e.id,x,d,o,a]),re=(0,I.useCallback)(()=>{l&&f&&te(l)},[l,te,f]),ie=(0,I.useCallback)(()=>{ne()},[ne]);return(0,R.jsx)(J,{onOpenChange:i,open:r,children:(0,R.jsxs)(Y,{className:`sm:max-w-[750px]`,children:[(0,R.jsxs)(Z,{children:[g?`View`:`Edit`,` Role "`,s,`"`]}),(0,R.jsx)(es,{children:g?`You can view your own role, but you cannot edit it. Please assign yourself a different role to edit this role.`:`Edit the role's permissions in JSON format or remove the role entirely.`}),ee?(0,R.jsx)(Be,{theme:`vs-dark`,height:`400px`,defaultLanguage:`json`,value:l,options:g?{readOnly:!0}:void 0,onValidate:S,onChange:u,defaultValue:ee}):(0,R.jsx)(Dc,{}),(0,R.jsx)(X,{children:!g&&(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{type:`button`,variant:`destructiveOutline`,className:`rounded-full`,onClick:ie,disabled:b,children:`Delete Role`}),(0,R.jsx)(`div`,{className:`grow`}),(0,R.jsxs)(Ba,{className:`flex`,children:[(0,R.jsx)(q,{type:`checkbox`,className:`w-6`,checked:_,onChange:v}),(0,R.jsx)(`span`,{className:`pl-4 pr-8 flex-1 py-2.5`,children:`Pick Attributes`})]}),(0,R.jsx)(z,{variant:`submit`,className:`rounded-full`,onClick:re,disabled:b||!f,children:`Save Changes`})]})})]})})}function vh(){let e=zn(),{clusterId:t,instanceId:n,roleId:r}=E({strict:!1}),{data:i,refetch:a,isFetching:o,isRefetching:s}=mn(oh(B())),c=(0,I.useMemo)(()=>i?.find(e=>e.id===r),[i,r]),l=(0,I.useCallback)(t=>{e({to:[r?`..`:``,t].filter(Boolean).join(`/`)})},[r,e]),u=!!r&&!!c,[d,f]=(0,I.useState)(!1),p=(0,I.useCallback)(()=>{f(!0)},[f]),m=(0,I.useCallback)(e=>{a(),f(!1),l(e)},[l,a]),h=(0,I.useCallback)(e=>{l(e.original.role)},[l]),g=(0,I.useCallback)(()=>{l(void 0)},[l]),_=Ul(a);return(0,R.jsxs)(I.Suspense,{fallback:(0,R.jsx)(ws,{className:`flex flex-col items-center justify-center h-full`,text:`Loading...`}),children:[(0,R.jsxs)(Rl,{columns:th,data:i,isFetching:o,onRowClick:h,children:[(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:_,accessKey:`r`,disabled:o||s,children:[(0,R.jsx)(mr,{}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]}),(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:p,accessKey:`a`,disabled:d,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`A`}),`dd`]})]})]}),(0,R.jsx)(ah,{isModalOpen:d,onChangesSaved:m,setIsModalOpen:f}),u&&(0,R.jsx)(_h,{instanceId:n,clusterId:t,isModalOpen:u,closeModal:g,data:c,onSelectRole:l,onChangesSaved:()=>a()})]})}async function yh({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`list_ssh_keys`});return t}function bh(e){return k({queryKey:[e.entityId,`list_ssh_keys`],queryFn:()=>yh(e)})}var xh=[{header:`SSH Key Name`,accessorKey:`name`,enableSorting:!1}];async function Sh({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`get_ssh_known_hosts`});return t}function Ch(e){return k({queryKey:[e.entityId,`get_ssh_known_hosts`],queryFn:()=>Sh(e)})}var wh=l({known_hosts:v().trim()});async function Th(e){let{instanceClient:t,entityType:n,...r}=e,{data:i}=await t.post(`/`,{operation:`set_ssh_known_hosts`,replicated:n===`cluster`,...r});return i}function Eh(){return j({mutationFn:Th})}function Dh(){let e=B(),{data:t}=mn(Ch(e)),n=N({resolver:T(wh),defaultValues:{known_hosts:t?.known_hosts||``}}),{mutate:r,isPending:i}=Eh(),a=(0,I.useCallback)(async t=>{let{known_hosts:i}=t;i&&r({known_hosts:i.trim()+`
51
+ `,...e},{onSuccess:()=>{n.reset(t),A.success(`Known hosts saved!`)}})},[r,n,e]);return(0,R.jsx)(V,{...n,children:(0,R.jsx)(`form`,{id:`instance-edit-known-hosts-form`,name:`instance-edit-known-hosts-form`,onSubmit:n.handleSubmit(a),className:`grid my-4 md:grid-cols-2 overflow-x-auto rounded-md`,children:(0,R.jsx)(U,{control:n.control,name:`known_hosts`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2 gap-0`,children:[(0,R.jsx)(G,{className:`bg-black-dark py-3 px-2 m-0 text-left font-medium whitespace-nowrap`,children:`Known Hosts`}),(0,R.jsxs)(`div`,{className:`border border-grey-700 p-2 pb-3`,children:[(0,R.jsx)(Vc,{className:`pb-2`,children:`Manage your known hosts here. When you add a SSH Key with a hostname of "github.com", we'll automatically attempt to resolve GitHub's known hosts for you.`}),(0,R.jsx)(H,{children:(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,className:`whitespace-nowrap`,rows:10,...e})}),(0,R.jsx)(K,{}),(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full mt-2`,disabled:i||!n.formState.isDirty||!n.formState.isValid,children:[(0,R.jsx)(_r,{}),` `,i?`Saving`:`Save`,` Known Hosts`,i?`...`:``]})]})]})})})})}var Oh=l({name:v().trim().min(1).regex(/^[a-zA-Z0-9-_]*$/,{error:`Can only contain letters, numbers, dashes and underscores.`}),key:v().min(1).trim(),host:v().min(1).trim(),hostname:v().min(1).trim(),known_hosts:v().trim().optional()});async function kh(e){let{instanceClient:t,entityType:n,entityId:r,...i}=e,{data:a}=await t.post(`/`,{operation:`add_ssh_key`,replicated:n===`cluster`,...i});return a}function Ah(){return j({mutationFn:kh})}function jh({isModalOpen:e,onChangesSaved:t,setIsModalOpen:n}){let r=N({resolver:T(Oh),defaultValues:{name:``,key:``,host:``,hostname:``,known_hosts:``}}),i=B(),{mutate:a,isPending:o}=Ah(),s=(0,I.useCallback)(async e=>{if(e){let{name:o,key:s,host:c,hostname:l,known_hosts:u}=e;a({name:o,key:s.trim()+`
52
+ `,host:c,hostname:l,known_hosts:u||void 0,...i},{onSuccess:()=>{r.reset(),t(),A.success(`SSH Key added successfully!`),n(!1)}})}},[a,r,i,t,n]),c=(0,I.useCallback)(()=>{r.reset(),n(!1)},[r,n]);return(0,R.jsx)(J,{onOpenChange:n,open:e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,children:(0,R.jsx)(V,{...r,children:(0,R.jsxs)(`form`,{id:`instance-add-ssh-key-form`,name:`instance-add-ssh-key-form`,onSubmit:r.handleSubmit(s),className:`grid gap-4 my-4 md:grid-cols-2`,children:[(0,R.jsxs)($o,{className:`md:col-span-2`,children:[(0,R.jsx)(Z,{children:`Add New SSH Key`}),(0,R.jsx)(es,{children:`Enter the details of your SSH Key below.`})]}),(0,R.jsx)(U,{control:r.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,autoFocus:!0,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`key`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Key`}),(0,R.jsx)(Vc,{children:`Your private key. Don't have one? Try out "ssh-keygen"! You'll want to add your public key to your registry, i.e. GitHub.`}),(0,R.jsx)(H,{children:(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,rows:3,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`host`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Host`}),(0,R.jsx)(Vc,{children:`A unique identifying name for the combination of this key and your hostname, i.e. "your-repo.github.com". You will use this instead of the direct hostname to pick your key when importing applications.`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`hostname`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Hostname`}),(0,R.jsx)(Vc,{children:`When making the request, the actual hostname to use, i.e. "github.com".`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:r.control,name:`known_hosts`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Known Hosts`}),(0,R.jsx)(Vc,{children:`Optionally, append known hosts, one per line. GitHub known hosts should resolve automatically.`}),(0,R.jsx)(H,{children:(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,className:`whitespace-nowrap`,rows:3,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{className:`md:col-span-2`,children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsx)(z,{variant:`destructiveOutline`,type:`button`,className:`rounded-full`,onClick:c,disabled:o,children:`Cancel`}),(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:o||!r.formState.isDirty||!r.formState.isValid,children:[(0,R.jsx)(_r,{}),` Add SSH Key`]})]})})]})})})})}async function Mh(e){let{instanceClient:t,entityType:n,name:r}=e,{data:i}=await t.post(`/`,{operation:`delete_ssh_key`,replicated:n===`cluster`,name:r});return i}function Nh(){return j({mutationFn:Mh})}async function Ph({name:e,instanceClient:t}){let{data:n}=await t.post(`/`,{operation:`get_ssh_key`,name:e});return n}function Fh(e){return k({queryKey:[e.entityId,`get_ssh_key`],queryFn:()=>Ph(e),refetchInterval:1e4})}var Ih=l({name:v().trim(),key:v().min(1).trim()});async function Lh(e){let{instanceClient:t,entityType:n,name:r,key:i}=e,{data:a}=await t.post(`/`,{operation:`update_ssh_key`,replicated:n===`cluster`,name:r,key:i});return a}function Rh(){return j({mutationFn:Lh})}function zh({data:e,isModalOpen:t,closeModal:n,onSelectSSHKey:r,onChangesSaved:i}){let{name:a}=e,o=N({resolver:T(Ih),defaultValues:{name:a,key:``}}),s=B(),{data:c}=D(Fh({...s,name:a})),{mutate:l,isPending:u}=Rh(),{mutate:d}=Nh(),f=(0,I.useCallback)(async({key:e})=>{e&&l({name:a,key:e.trim()+`
53
+ `,...s},{onSuccess:()=>{A.success(`SSH Key updated successfully!`),r(void 0),i()}})},[l,a,s,r,i]),p=(0,I.useCallback)(()=>{d({name:a,...s},{onSuccess:()=>{A.success(`SSH Key deleted successfully!`),r(void 0),i()}})},[a,d,s,i,r]);return(0,R.jsx)(J,{onOpenChange:n,open:t,children:(0,R.jsx)(Y,{className:`sm:max-w-[750px]`,"aria-describedby":void 0,children:(0,R.jsx)(V,{...o,children:(0,R.jsxs)(`form`,{id:`instance-edit-ssh-key-form`,name:`instance-edit-ssh-key-form`,onSubmit:o.handleSubmit(f),className:`grid gap-4 my-4 md:grid-cols-2`,children:[(0,R.jsx)(Z,{children:`Edit SSH Key`}),(0,R.jsx)(U,{control:o.control,name:`name`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,readOnly:!0,disabled:!0,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:o.control,name:`key`,render:({field:e})=>(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Key`}),(0,R.jsx)(Vc,{children:`Replace your existing private key. Lost it? Try out "ssh-keygen"! You'll want to add your public key to your registry, i.e. GitHub.`}),(0,R.jsx)(H,{children:(0,R.jsx)(Sm,{autoComplete:`off`,autoCapitalize:`off`,autoFocus:!0,rows:3,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Host`}),(0,R.jsx)(Vc,{children:`A unique identifying name for the combination of this key and your hostname, i.e. "your-repo.github.com". You will use this instead of the direct hostname to pick your key when importing applications.`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,value:c?.host||``,disabled:!0,readOnly:!0})}),(0,R.jsx)(K,{})]}),(0,R.jsxs)(W,{className:`md:col-span-2`,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Hostname`}),(0,R.jsx)(Vc,{children:`When making the request, the actual hostname to use, i.e. "github.com".`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,autoComplete:`off`,autoCapitalize:`off`,value:c?.hostname||``,disabled:!0,readOnly:!0})}),(0,R.jsx)(K,{})]}),(0,R.jsxs)(X,{children:[(0,R.jsx)(z,{type:`button`,variant:`destructiveOutline`,className:`rounded-full`,onClick:p,disabled:u,children:`Delete SSH Key`}),(0,R.jsx)(`div`,{className:`grow`}),(0,R.jsx)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:u||!o.formState.isValid,children:`Update SSH Key`})]})]})})})})}function Bh(){let e=zn(),{keyName:t}=E({strict:!1}),{data:n,refetch:r,isFetching:i,isRefetching:a}=D(bh(B())),o=(0,I.useMemo)(()=>n?.find(e=>e.name===t),[n,t]),s=(0,I.useCallback)(n=>{let r=n?.original?.name;e({to:[t?`..`:``,r].filter(Boolean).join(`/`)})},[t,e]),c=!!t&&!!o,[l,u]=(0,I.useState)(!1),d=(0,I.useCallback)(()=>{u(!0)},[u]),f=Ul(r);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(Rl,{columns:xh,data:n||[],isFetching:i,onRowClick:s,children:[(0,R.jsx)(O,{className:`inline-block underline text-sm text-gray-400 hover:text-white`,to:`https://docs.harperdb.io/docs/developers/security/certificate-management`,target:`_blank`,children:`Certificate Management Docs`}),(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:f,accessKey:`r`,disabled:i||a,children:[(0,R.jsx)(mr,{}),(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]}),(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:d,accessKey:`a`,disabled:l,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`A`}),`dd`]})]})]}),l&&(0,R.jsx)(jh,{isModalOpen:l,onChangesSaved:r,setIsModalOpen:u}),c&&(0,R.jsx)(zh,{isModalOpen:c,closeModal:s,data:o,onSelectSSHKey:s,onChangesSaved:r}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(ws,{text:`Loading...`}),children:(0,R.jsx)(Dh,{})})]})}var Vh=Mt(),Hh=[{header:`Username`,accessorKey:`username`,enableSorting:!1},Vh.display({header:`Role`,enableSorting:!1,id:`role`,cell:e=>e.row.original.role.role}),{header:`Active`,accessorKey:`active`,enableSorting:!1},Vh.display({header:`Created`,enableSorting:!1,id:`__createdtime__`,cell:e=>Vl((Date.now()-e.row.original.__createdtime__)/1e3,e.row.original.__createdtime__)}),{header:`Updated`,accessorKey:`__updatedtime__`,enableSorting:!1,cell:e=>Vl((Date.now()-e.row.original.__updatedtime__)/1e3,e.row.original.__updatedtime__)}];function Uh({isModalOpen:e,onChangesSaved:t,setIsModalOpen:n}){let r=B(),{data:i}=mn(oh(r)),a=N({resolver:T(bd),defaultValues:{username:``,role:``,password:``,confirmPassword:``}}),{mutate:o,isPending:s}=Cd(),c=(0,I.useCallback)(async e=>{e&&o({active:!0,password:e.password,role:e.role,username:e.username,...r},{onSuccess:()=>{let r=e.role;a.reset(),a.setValue(`role`,r),t(),A.success(`User added successfully!`),n(!1)}})},[o,a,r,t,n]);return(0,R.jsx)(J,{onOpenChange:n,open:e,children:(0,R.jsx)(Y,{"aria-describedby":void 0,children:(0,R.jsx)(V,{...a,children:(0,R.jsxs)(`form`,{id:`instance-add-user-form`,name:`instance-add-user-form`,onSubmit:a.handleSubmit(c),className:`grid gap-4 my-4`,children:[(0,R.jsx)($o,{children:(0,R.jsx)(Z,{children:`Add New User`})}),(0,R.jsx)(U,{control:a.control,name:`username`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Username`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,enterKeyHint:`next`,autoComplete:`username`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a.control,name:`password`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,enterKeyHint:`next`,autoComplete:`new-password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a.control,name:`confirmPassword`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Confirm Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,enterKeyHint:`next`,autoComplete:`new-password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:a.control,name:`role`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Role`}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(Dc,{}),children:(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...e,onValueChange:t=>e.onChange(t),children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Choose Role`})}),(0,R.jsx)(Mc,{children:(0,R.jsxs)(kc,{children:[(0,R.jsx)(Nc,{children:`Role`}),i?.map(e=>(0,R.jsx)($,{value:e.id,children:e.role},e.id))]})})]})})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsx)(`div`,{className:`flex justify-between w-full`,children:(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,disabled:s,children:[(0,R.jsx)(_r,{}),` Add User`]})})})]})})})})}var Wh=l({username:bd.shape.username,role:bd.shape.role,newPassword:bd.shape.password.or(p(``)).optional(),confirmPassword:bd.shape.confirmPassword}).refine(e=>!e.newPassword||e.newPassword.length>=8,{error:`Password must be at least 8 characters long.`,path:[`password`]}).refine(e=>!e.newPassword||e.newPassword===e.confirmPassword,{error:`Passwords do not match.`,path:[`confirmPassword`]});function Gh({data:e,onUserUpdated:t}){let n=B(),{data:r}=mn(oh(n)),{mutate:i,isPending:a}=Td(),o=N({resolver:T(Wh),defaultValues:{username:e.username,role:e.role.role,newPassword:``,confirmPassword:``}}),s=(0,I.useCallback)(r=>{let a={username:e.username,role:r.role,...n};r.newPassword&&(a.password=r.newPassword),i(a,{onSuccess:()=>{o.reset(),A.success(`User edited successfully!`),t()}})},[o,i,e.username,n,t]);return(0,R.jsx)(V,{...o,children:(0,R.jsxs)(`form`,{id:`instance-edit-user-form`,name:`instance-edit-user-form`,onSubmit:o.handleSubmit(s),className:`grid gap-4 my-4`,children:[(0,R.jsx)($o,{children:(0,R.jsx)(Z,{children:`Edit User`})}),(0,R.jsx)(U,{control:o.control,name:`username`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Username`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,enterKeyHint:`next`,autoComplete:`username`,disabled:!0,readOnly:!0,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:o.control,name:`newPassword`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Change Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,enterKeyHint:`next`,autoComplete:`new-password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:o.control,name:`confirmPassword`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Confirm Password`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`password`,enterKeyHint:`next`,autoComplete:`new-password`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:o.control,name:`role`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Role`}),(0,R.jsx)(I.Suspense,{fallback:(0,R.jsx)(Dc,{}),children:(0,R.jsx)(H,{children:(0,R.jsxs)(Oc,{...e,onValueChange:t=>e.onChange(t),children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Choose Role`})}),(0,R.jsx)(Mc,{children:(0,R.jsxs)(kc,{children:[(0,R.jsx)(Nc,{children:`Role`}),r?.map(e=>(0,R.jsx)($,{value:e.id,children:e.role},e.id))]})})]})})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsx)(`div`,{className:`flex justify-between w-full`,children:(0,R.jsxs)(z,{variant:`submit`,className:`rounded-full`,disabled:a,children:[(0,R.jsx)(_r,{}),` Save Changes`]})})})]})})}var Kh=l({username:Za,confirmUsernameForDeletion:v().nonempty({error:`Please type the username again to confirm deletion.`}).toLowerCase()}).refine(e=>e.username===e.confirmUsernameForDeletion,{error:`Username does not match.`,path:[`confirmUsernameForDeletion`]});function qh({data:e,onUserDeleted:t}){let{mutate:n,isPending:r}=Dd(),i=N({resolver:T(Kh),defaultValues:{username:e.username,confirmUsernameForDeletion:``}}),a=Qi(),o=(0,I.useCallback)(()=>{n({username:e.username,...a},{onSuccess:()=>{i.reset(),A.success(`User deleted successfully!`),t()}})},[e.username,i,n,a,t]);return(0,R.jsx)(V,{...i,children:(0,R.jsxs)(`form`,{id:`instance-delete-user-form`,name:`instance-delete-user-form`,onSubmit:i.handleSubmit(o),className:`grid gap-4 my-4`,children:[(0,R.jsx)(U,{control:i.control,name:`confirmUsernameForDeletion`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{className:`pb-1`,children:`Confirm Username`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`text`,enterKeyHint:`next`,autoComplete:`username`,...e})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsx)(`div`,{className:`flex justify-between w-full`,children:(0,R.jsxs)(z,{variant:`destructive`,className:`rounded-full`,disabled:r||!i.formState.isValid,children:[(0,R.jsx)(Zt,{}),` Delete User`]})})})]})})}function Jh({closeModal:e,clusterId:t,instanceId:n,data:r,isModalOpen:i,onUserDeleted:a,onUserUpdated:o}){let s=yi(n??t).user?.username!==r.username;return(0,R.jsx)(J,{onOpenChange:e,open:i,children:(0,R.jsxs)(Y,{className:`sm:max-w-[750px]`,children:[(0,R.jsx)(Gh,{data:r,onUserUpdated:o}),s&&(0,R.jsx)(qh,{data:r,onUserDeleted:a})]})})}function Yh({entityId:e,instanceClient:t}){return k({queryKey:[e,`list_users`],queryFn:()=>Xh({instanceClient:t}),refetchInterval:1e4})}async function Xh({instanceClient:e}){let{data:t}=await e.post(`/`,{operation:`list_users`});return t}function Zh(){let e=zn(),{instanceId:t,clusterId:n,username:r}=E({strict:!1}),{data:i,refetch:a,isFetching:o,isRefetching:s}=mn(Yh(B())),c=(0,I.useMemo)(()=>i?.find(e=>e.username===r),[i,r]),l=(0,I.useCallback)(t=>{e({to:[r?`..`:``,t].filter(Boolean).join(`/`)})},[r,e]),u=!!r&&!!c,[d,f]=(0,I.useState)(!1),[p]=(0,I.useState)({attribute:`username`,descending:!1}),m=(0,I.useMemo)(()=>[{desc:p.descending,id:p.attribute}],[p]),h=(0,I.useCallback)(()=>{f(!0)},[f]),g=(0,I.useCallback)(()=>{a(),f(!1)},[a,f]),_=(0,I.useCallback)(e=>{l(e.original.username)},[l]),v=(0,I.useCallback)(()=>{l(void 0)},[l]),y=(0,I.useCallback)(()=>{a(),l(void 0)},[l,a]),b=(0,I.useCallback)(()=>{a(),l(void 0)},[l,a]),x=Ul(a);return(0,R.jsxs)(I.Suspense,{fallback:(0,R.jsx)(ws,{className:`flex flex-col items-center justify-center h-full`,text:`Loading...`}),children:[(0,R.jsxs)(Rl,{data:i,isFetching:o||s,columns:Hh,onRowClick:_,sortingState:m,children:[(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:x,accessKey:`r`,disabled:o||s,children:[(0,R.jsx)(mr,{}),` `,(0,R.jsxs)(`span`,{className:`hidden lg:inline-block`,children:[(0,R.jsx)(`u`,{children:`R`}),`efresh`]})]}),(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:h,accessKey:`a`,disabled:d,children:[(0,R.jsx)(w,{}),` `,(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`A`}),`dd`]})]})]}),(0,R.jsx)(Uh,{isModalOpen:d,onChangesSaved:g,setIsModalOpen:f}),u&&(0,R.jsx)(Jh,{instanceId:t,clusterId:n,closeModal:v,data:c,isModalOpen:u,onUserDeleted:b,onUserUpdated:y})]})}function Qh({context:e,params:t}){let n=$i(t);return e.queryClient.ensureQueryData(Gm(n))}function $h(e){let t=M({getParentRoute:()=>e,path:`config`,component:Fm,loader:Qh}),n=M({getParentRoute:()=>t,path:`/`,component:$m,loader:Qh}),r=M({getParentRoute:()=>t,path:`roles`,component:vh}),i=M({getParentRoute:()=>t,path:`roles/$roleId`,component:vh}),a=M({getParentRoute:()=>t,path:`users`,component:Zh}),o=M({getParentRoute:()=>t,path:`users/$username`,component:Zh}),s=M({getParentRoute:()=>t,path:`domains`,component:jm}),c=M({getParentRoute:()=>t,path:`ssh-keys`,component:Bh}),l=M({getParentRoute:()=>t,path:`ssh-keys/$keyName`,component:Bh}),u=M({getParentRoute:()=>t,path:`certificates`,component:Am}),d=M({getParentRoute:()=>t,path:`certificates/$certName`,component:Am});return t.addChildren([n,r,i,a,o,s,c,l,u,d])}function eg({clusterId:e,databaseName:t,instanceId:n,organizationId:r,tableName:i}){let a=[`databases`,t,i].filter(Fi).join(`/`);return wl({organizationId:r,instanceId:n,clusterId:e},a)}function tg({className:e,children:t,...n}){return(0,R.jsxs)(pe,{"data-slot":`scroll-area`,className:L(`relative`,e),...n,children:[(0,R.jsx)(C,{"data-slot":`scroll-area-viewport`,className:`focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1`,children:t}),(0,R.jsx)(ng,{}),(0,R.jsx)(_e,{})]})}function ng({className:e,orientation:t=`vertical`,...n}){return(0,R.jsx)(Qe,{"data-slot":`scroll-area-scrollbar`,orientation:t,className:L(`flex touch-none p-px transition-colors select-none`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...n,children:(0,R.jsx)(On,{"data-slot":`scroll-area-thumb`,className:`bg-border relative flex-1 rounded-full`})})}async function rg({databaseName:e,tableName:t,primaryKey:n,replicated:r,instanceClient:i}){let{data:a}=await i.post(`/`,{operation:`create_table`,database:e,table:t,primary_key:n,replicated:r});return a}function ig(){return j({mutationFn:rg})}var ag=l({databaseName:am,tableName:sm,primaryKey:v().regex(im,{error:`Primary key cannot include backticks or forward slashes.`}).max(250,{error:`Primary key cannot be longer than 250 characters.`})});function og({databaseName:e,onSelectTable:t}){let n=lr(),r=B(),i=ar(),[a,o]=(0,I.useState)(!1),s=N({resolver:T(ag),defaultValues:{databaseName:e||``,tableName:``,primaryKey:``}}),{mutate:c}=ig(),l=async e=>{let a=e.databaseName||`data`,l=e.tableName;c({databaseName:a,tableName:l,primaryKey:e.primaryKey||`id`,...r,replicated:r.entityType===`cluster`},{onSuccess:async()=>{await n.invalidateQueries({queryKey:[r.entityId,`describe_all`],refetchType:`all`}),A.success(`Table ${l} created successfully`),o(!1),s.reset(),t(a,l),await i.invalidate()}})};return(0,R.jsxs)(J,{open:a,onOpenChange:o,children:[(0,R.jsx)(Xo,{asChild:!0,children:(0,R.jsx)(`div`,{className:`sticky bottom-0 py-4 bg-black/70 backdrop-blur-xs`,children:(0,R.jsxs)(z,{variant:`positiveOutline`,className:`w-full rounded-full`,size:`lg`,accessKey:`t`,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{children:[`Create a `,(0,R.jsx)(`u`,{children:`T`}),`able`]})]})})}),(0,R.jsxs)(Y,{className:`sm:max-w-[425px]`,children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Create a New Table`}),(0,R.jsx)(es,{children:`What would you like to create?`})]}),(0,R.jsx)(V,{...s,children:(0,R.jsxs)(`form`,{id:`instance-new-table-form`,name:`instance-new-table-form`,onSubmit:s.handleSubmit(l),className:`grid gap-6 text-white`,children:[(0,R.jsx)(U,{control:s.control,name:`tableName`,render:({field:e})=>(0,R.jsxs)(W,{className:``,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Table Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,type:`text`,maxLength:ag.shape.tableName.maxLength,autoFocus:!0,autoCapitalize:`off`,autoComplete:`off`,autoCorrect:`off`})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:s.control,name:`primaryKey`,render:({field:e})=>(0,R.jsxs)(W,{className:``,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Primary Key`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,placeholder:`id`,type:`text`,maxLength:ag.shape.primaryKey.maxLength,autoCapitalize:`off`,autoComplete:`off`,autoCorrect:`off`})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:s.control,name:`databaseName`,render:({field:e})=>(0,R.jsxs)(W,{className:``,children:[(0,R.jsx)(G,{className:`pb-1`,children:`Database Name`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,type:`text`,placeholder:`data`,maxLength:ag.shape.databaseName.maxLength,autoCapitalize:`off`,autoComplete:`off`,autoCorrect:`off`})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(X,{children:(0,R.jsxs)(z,{type:`submit`,variant:`submit`,className:`rounded-full`,children:[(0,R.jsx)(un,{}),`Create New Table`]})})]})})]})]})}function sg({instanceDatabaseMap:e}){let t=ar(),n=!e,r=E({strict:!1}),i=zn(),a=fa(),{databaseNames:o,tableNames:s}=(0,I.useMemo)(()=>({databaseNames:Object.keys(e||{}).sort(),tableNames:r.databaseName?Object.keys(e?.[r.databaseName]||[]).sort():[]}),[e,r.databaseName]),c=(0,I.useCallback)(n=>{let a=n?Object.keys(e?.[n]||[]).sort():[];r.databaseName?i({to:eg({...r,databaseName:n,tableName:a[0]})}):t.invalidate()},[e,r,t,i]),l=(0,I.useCallback)((e,t)=>{i({to:eg({...r,databaseName:e,tableName:t})})},[i,r]);return(0,R.jsxs)(`div`,{className:`pl-3`,children:[(0,R.jsx)(`h1`,{className:`pt-3 pb-3 text-3xl`,children:`Databases`}),n?(0,R.jsx)(Dc,{className:`w-full h-9 m-0 rounded-md bg-gray-700`}):(0,R.jsx)(`div`,{className:`flex space-x-2`,children:(0,R.jsxs)(Oc,{name:`databaseSelect`,value:r.databaseName||``,disabled:o.length===0,onValueChange:c,children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Select a Database`})}),(0,R.jsx)(Mc,{children:(0,R.jsx)(kc,{children:o.map(e=>(0,R.jsx)($,{value:e,children:e},e))})})]})}),n?(0,R.jsx)(Dc,{className:`w-full min-h-80 rounded-md bg-gray-700 mb-0`}):(0,R.jsxs)(tg,{className:`border rounded-md min-h-80 border-grey-700 mt-4`,children:[s.length===0&&r.databaseName?.length?(0,R.jsxs)(`div`,{className:`w-full h-full text-center`,children:[(0,R.jsx)(`p`,{className:`py-6`,children:`No tables found in this database.`}),a&&(0,R.jsx)(`p`,{children:`Tap "Create a Table" below!`})]}):s.length===0&&!r.databaseName?.length?(0,R.jsxs)(`p`,{className:`pt-2 text-sm text-center`,children:[`Please `,o.length===0?`create`:`select`,` a table.`]}):``,(0,R.jsx)(`ul`,{children:s.map(e=>(0,R.jsx)(`li`,{className:`flex items-center p-2 border-b hover:bg-grey-700/80 border-grey-700`,children:(0,R.jsxs)(z,{onClick:()=>l(r.databaseName,e),size:`lg`,className:`items-center justify-between w-full bg-transparent border-none shadow-none hover:bg-transparent`,children:[e,(0,R.jsx)(`span`,{children:r.tableName===e&&(0,R.jsx)(St,{})})]})},e))})]}),a&&(0,R.jsx)(og,{databaseName:r.databaseName,onSelectTable:l})]})}function cg(e){if(!e)return{dataTableColumns:[],primaryKey:``};let t=e.primary_key??e.hash_attribute??``,{attributes:n}=e,r=[],i=[],a=[],o=[];for(let e=n.length-1;e>=0;e--){let{attribute:t,type:s,is_primary_key:c,indexed:l}=n[e],u={header:t,accessorKey:t,enableSorting:!!(c||l),enableColumnFilter:!!(c||l),size:lg(s)};c?r.push(u):t===`__createdtime__`||t===`__updatedtime__`?o.push(u):u.enableSorting?i.push(u):a.push(u)}return{dataTableColumns:[...r,...i,...a,...o],primaryKey:t}}function lg(e){switch(e){case`Id`:case`ID`:return 1;case`Boolean`:return 1;case`Int`:case`Long`:case`Float`:case`BigInt`:return 1;default:return Math.round(window.innerWidth*.1)}}async function ug({databaseName:e,tableName:t,records:n,instanceClient:r}){let{data:i}=await r.post(`/`,{operation:`insert`,database:e,table:t,records:n});return i}function dg(){return j({mutationFn:ug})}function fg({isModalOpen:e,instanceTable:t,setIsModalOpen:n,refreshTable:r}){let{mutate:i,isPending:a}=dg(),o=B(),[s,c]=(0,I.useState)(!0),[l,u]=(0,I.useState)(),[d,f]=(0,I.useState)(!1),[p,m]=(0,I.useState)([]),h=(0,I.useMemo)(()=>{let e={};for(let n of t.attributes)n.is_primary_key||n.attribute===`__createdtime__`||n.attribute===`__updatedtime__`||(e[n.attribute]=pg(n.type));return JSON.stringify(e,null,4)},[t]),g=(0,I.useCallback)(e=>{f(!0),c(e.length===0)},[c]),_=(0,I.useCallback)(()=>{if(l&&s){let e=JSON.parse(l),a=Array.isArray(e)?e:[e],s=A.loading(`Adding ${a.length} records...`);i({...o,databaseName:t.schema,tableName:t.name,records:a},{onSuccess:e=>{r(),e.skipped_hashes?.length||n(!1),m(e.skipped_hashes),(e.skipped_hashes?.length>0?A.warning:A.success)(e.skipped_hashes?.length>0?`Warning!`:`Success!`,{id:s,description:(0,R.jsxs)(R.Fragment,{children:[e.inserted_hashes.length>0&&(0,R.jsxs)(`p`,{children:[`Added `,$r(e.inserted_hashes.length,`record`,`records`)]}),e.skipped_hashes.length>0&&(0,R.jsxs)(`p`,{children:[`Skipped `,$r(e.skipped_hashes.length,`record`,`records`)]})]})})}})}},[l,i,o,t.name,t.schema,s,r,n]),v=(0,I.useCallback)(e=>{e?.focus()},[]);return(0,R.jsx)(J,{onOpenChange:n,open:e,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,onEscapeKeyDown:e=>{d&&e.preventDefault()},children:[(0,R.jsx)($o,{children:(0,R.jsxs)(Z,{children:[`Add New `,t.name]})}),(t?.primary_key??t?.hash_attribute)&&(0,R.jsxs)(`div`,{className:`text-sm text-gray-500`,children:[`The primary key for this table is`,` `,(0,R.jsxs)(`strong`,{children:[`“`,t.primary_key??t.hash_attribute,`”`]}),`, and will auto-generate. You may manually add it if you want to specify its value.`]}),(0,R.jsx)(we,{className:`w-full h-96`,language:`json`,theme:`vs-dark`,value:h,onValidate:g,onChange:u,options:{minimap:{enabled:!1}},onMount:v}),(0,R.jsxs)(`div`,{className:`text-sm text-gray-500`,children:[(0,R.jsx)(`strong`,{children:`Provide an [array]`}),` if you want to add more than one record at a time.`]}),p.length>0&&(0,R.jsxs)(up,{className:`mt-2`,children:[(0,R.jsx)(tn,{className:`w-4 h-4`}),(0,R.jsxs)(dp,{children:[`Skipped `,p.length===1?`Hash`:`Hashes`,` Detected`]}),(0,R.jsx)(fp,{className:`max-h-36 overflow-auto`,children:(0,R.jsx)(`ol`,{children:p.map(e=>(0,R.jsx)(`li`,{children:e},e))})})]}),(0,R.jsx)(X,{children:(0,R.jsx)(`div`,{className:`flex justify-between w-full`,children:(0,R.jsxs)(z,{variant:`submit`,className:`rounded-full`,onClick:_,accessKey:`s`,disabled:!l||!s||a,children:[(0,R.jsx)(_r,{}),` `,(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`S`}),`ave Changes`]})]})})})]})})}function pg(e){switch(e){case`Date`:return new Date().toISOString();case`Id`:case`ID`:case`String`:return``;case`Boolean`:return!1;case`Int`:case`Long`:case`Float`:case`BigInt`:return 0;default:return null}}async function mg({databaseName:e,replicated:t,instanceClient:n}){let{data:r}=await n.post(`/`,{operation:`drop_database`,database:e,replicated:t});return r}function hg(){return j({mutationFn:mg})}function gg({databaseName:e,onDeleted:t}){let{value:n,trigger:r}=mf(`ShowDeleteDatabase`,!1),i=(0,I.useCallback)(()=>{hf(`ShowDeleteDatabase`,!1),Jp(r)},[r]),a=fa(),o=lr(),s=B(),c=ar(),{mutate:l,isPending:u}=hg(),d=(0,I.useCallback)(()=>{l({databaseName:e,...s,replicated:s.entityType===`cluster`},{onSuccess:async()=>{i(),await o.invalidateQueries({queryKey:[s.entityId,`describe_all`],refetchType:`all`}),await c.invalidate(),A.success(`Database ${e} dropped successfully`),t(`database`)}})},[i,e,l,s,t,o,c]);return!a||!e?(0,R.jsx)(R.Fragment,{}):(0,R.jsx)(ts,{typeOfThingBeingDeleted:`database`,nameOfThingBeingDeleted:e,transitiveVerb:`Drop`,presentParticiple:`Dropping`,isModalOpen:n,setIsModalOpen:i,deletionConfirmed:d,deletionPending:u})}async function _g({databaseName:e,tableName:t,replicated:n,instanceClient:r}){let{data:i}=await r.post(`/`,{operation:`drop_table`,database:e,table:t,replicated:n});return i}function vg(){return j({mutationFn:_g})}function yg({databaseName:e,tableName:t,onDeleted:n}){let{value:r,trigger:i}=mf(`ShowDeleteTable`,!1),a=(0,I.useCallback)(()=>{hf(`ShowDeleteTable`,!1),Jp(i)},[i]),o=fa(),s=lr(),c=B(),l=ar(),{mutate:u,isPending:d}=vg(),f=(0,I.useCallback)(()=>{u({databaseName:e,tableName:t,...c,replicated:c.entityType===`cluster`},{onSuccess:async()=>{a(),await s.invalidateQueries({queryKey:[c.entityId,`describe_all`],refetchType:`all`}),await l.invalidate(),A.success(`Table ${t} dropped successfully`),n(`table`)}})},[a,e,u,c,n,s,l,t]);return!o||!e?(0,R.jsx)(R.Fragment,{}):(0,R.jsx)(ts,{typeOfThingBeingDeleted:`table`,nameOfThingBeingDeleted:`${e} > ${t}`,transitiveVerb:`Drop`,presentParticiple:`Dropping`,isModalOpen:r,setIsModalOpen:a,deletionConfirmed:f,deletionPending:d})}function bg({canEditRecords:e,canDeleteRecords:t,setIsModalOpen:n,isModalOpen:r,primaryKey:i,data:a,onSaveChanges:o,onDeleteRecord:s,isUpdateTableRecordsPending:c,isDeleteTableRecordsPending:l}){let[u,d]=(0,I.useState)(!0),[f,p]=(0,I.useState)(!1),[m,h]=(0,I.useState)(),g=(0,I.useMemo)(()=>{let e=a?.map(({__createdtime__:e,__updatedtime__:t,...n})=>n);return JSON.stringify(e,null,4)},[a]),_=(0,I.useCallback)(e=>{p(!0),d(e.length===0)},[d]);return(0,R.jsx)(J,{onOpenChange:n,open:r,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,autoFocus:e,onEscapeKeyDown:e?e=>{f&&e.preventDefault()}:void 0,children:[(0,R.jsx)($o,{children:(0,R.jsxs)(Z,{children:[e?`Edit`:`View`,` Row`]})}),a?(0,R.jsx)(we,{className:`w-full h-96`,language:`json`,theme:`vs-dark`,options:e?void 0:{readOnly:!0},value:g,onValidate:_,onChange:e=>{h(e)}}):(0,R.jsx)(ws,{}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[t&&(0,R.jsxs)(z,{variant:`destructive`,className:`rounded-full`,type:`button`,autoFocus:!1,onClick:()=>{let e=a[0]?.[i];e&&s([e])},disabled:l,children:[(0,R.jsx)(Zt,{}),` Delete Row`]}),e&&(0,R.jsxs)(z,{variant:`submit`,className:`rounded-full`,autoFocus:!0,accessKey:`s`,onClick:()=>{m&&u?o(JSON.parse(m)):n(!1)},disabled:!u||c,children:[(0,R.jsx)(_r,{}),` `,(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`S`}),`ave Changes`]})]})]})})]})})}async function xg(e){let{database:t,table:n,fileData:r,instanceClient:i}=e,{data:a}=await i.post(`/`,{operation:`csv_data_load`,database:t,action:`insert`,table:n,data:r});return a}function Sg(){return j({mutationFn:xg})}var Cg=l({fileData:v(),database:v(),table:v()});function wg({setIsModalOpen:e,isModalOpen:t,onSaveChanges:n,database:r,table:i}){let[a,o]=(0,I.useState)(null),s=B(),{mutate:c,isPending:l}=Sg(),u=e=>{if(!e.target.files)return;let t=e.target.files[0];if(t){let e=new FileReader;e.onload=e=>{let n=e.target?.result;typeof n==`string`&&(o(t),d.setValue(`fileData`,n))},e.readAsText(t)}},d=N({resolver:T(Cg),defaultValues:{database:r,table:i,fileData:``}}),f=e=>{c({fileData:e.fileData,database:r,table:i,...s},{onSuccess:({message:e})=>{d.reset(),o(null),n(e)}})};return(0,R.jsx)(J,{onOpenChange:()=>{e(!1),d.reset()},open:t,children:(0,R.jsxs)(Y,{children:[(0,R.jsxs)($o,{children:[(0,R.jsx)(Z,{children:`Import CSV`}),(0,R.jsx)(es,{children:`Upload a CSV file to import data into the table.`})]}),(0,R.jsx)(V,{...d,children:(0,R.jsxs)(`form`,{id:`instance-import-csv-form`,name:`instance-import-csv-form`,onSubmit:d.handleSubmit(f),children:[(0,R.jsx)(`div`,{className:`w-full`,children:(0,R.jsx)(U,{control:d.control,name:`fileData`,render:({field:e})=>(0,R.jsxs)(W,{className:`relative`,children:[(0,R.jsx)(G,{htmlFor:`dropzone-file`,className:`flex flex-col items-center justify-center w-full h-64 border-2 border-grey border-dashed rounded-lg cursor-pointer bg-grey-700 hover:bg-grey-700/80`,children:(0,R.jsx)(H,{children:(0,R.jsxs)(`div`,{children:[(0,R.jsxs)(`div`,{className:`flex flex-col items-center justify-center pt-5 pb-6`,children:[(0,R.jsx)(br,{className:`text-white`,size:48}),(0,R.jsx)(`p`,{className:`mb-2 text-sm text-white`,children:a?a.name:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`span`,{className:`font-semibold`,children:`Click to upload`}),` or drag and drop a CSV File`]})})]}),(0,R.jsx)(q,{id:`dropzone-file`,type:`file`,className:`opacity-0 w-full h-full absolute left-0 top-0 cursor-pointer`,accept:`.csv`,name:e.name,ref:e.ref,onBlur:e.onBlur,disabled:e.disabled,onChange:u})]})})}),(0,R.jsx)(K,{})]})})}),(0,R.jsx)(X,{className:`mt-4`,children:(0,R.jsxs)(z,{variant:`submit`,className:`rounded-full`,accessKey:`u`,disabled:!a||l,children:[(0,R.jsx)(_r,{}),(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`U`}),`pload CSV`]})]})})]})})]})})}async function Tg({databaseName:e,instanceClient:t}){let{data:n}=await t.post(`/`,{operation:`cleanup_orphan_blobs`,database:e});return n}function Eg(){return j({mutationFn:Tg})}async function Dg({databaseName:e,tableName:t,hashValues:n,instanceClient:r}){let{data:i}=await r.post(`/`,{operation:`delete`,database:e,table:t,hash_values:n});return i}function Og(){return j({mutationFn:Dg})}async function kg({databaseName:e,tableName:t,instanceClient:n}){let{data:r}=await n.post(`/`,{operation:`describe_table`,database:e,table:t});return r}function Ag(e){return k({queryKey:[e.entityId,e.databaseName,e.tableName,`describe_table`],queryFn:()=>kg(e),staleTime:6e4,gcTime:5e3,enabled:!!e.databaseName&&!!e.tableName,retry:!1})}var jg=[`1`,`bet`,`k`,`ok`,`si`,`tru`,`true`,`yes`,`yup`];function Mg(e){let t=e.toLowerCase().trim();return jg.includes(t)}function Ng(e){return!isNaN(e)&&!isNaN(parseFloat(e))}function Pg(e){if(e.startsWith(`0.`)&&Ng(e))return!0;let t=e.toUpperCase().includes(`E`);return!(e!==`0`&&e.startsWith(`0`))&&!t&&Ng(e)}var Fg={true:!0,TRUE:!0,false:!1,FALSE:!1,undefined:null,null:null,NULL:null,NaN:NaN},Ig=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/;function Lg(e){return e==null||e===``||typeof e!=`string`?e:Fg[e]===void 0?Pg(e)?Number(e):Ig.test(e)?new Date(e):e:Fg[e]}function Rg(e){let{enabled:t,entityId:n,databaseName:r,tableName:i,conditions:a,sort:o,pageIndex:s,pageSize:c,onlyIfCached:l}=e;return k({enabled:t&&!!a,queryKey:[n,r,i,`search_by_conditions`,a,o.attribute||`default`,o.descending||!1,s||0,c||0,l],staleTime:6e4,gcTime:5e3,retry:!1,queryFn:()=>zg(e)})}function zg({instanceClient:e,databaseName:t,tableName:n,conditions:r,sort:i,pageIndex:a,pageSize:o,onlyIfCached:s,headers:c}){return e.post(`/`,{operation:`search_by_conditions`,get_attributes:[`*`],database:t,table:n,conditions:r,sort:i.attribute.length?i:void 0,offset:a*o,limit:o,onlyIfCached:s,noCacheStore:s},{timeout:0,headers:c})}function Bg(e,t,n){return t.split(/ & /).map(t=>Vg(e,t,n))}function Vg(e,t,n){t.startsWith(e)&&(t=t.substring(e.length));let{comparator:r,value:i}=Wg(t);switch(n?.type){case`ID`:case`String`:return{search_attribute:e,search_type:r,search_value:i};case`Int`:case`BigInt`:case`Long`:case`Float`:{let t=n.type.includes(`Int`)?parseInt(i,10):parseFloat(i);if(isNaN(t))throw Error(`${i} does not appear to be a valid number.`);return{search_attribute:e,search_type:r,search_value:t}}case`Date`:return{search_attribute:e,search_type:r,search_value:new Date(i).toISOString()};case`Boolean`:return{search_attribute:e,search_type:r,search_value:Mg(i)};case`Blob`:case`Bytes`:return{search_attribute:e,search_type:r,search_value:i};default:return{search_attribute:e,search_type:r,search_value:Lg(i)}}}var Hg={"=== ":`equals`,"== ":`eq`,"equals ":`equals`,"equal ":`equals`,"eq ":`eq`,"!== ":`not_equal`,"!= ":`ne`,"notequals ":`not_equal`,"notequal ":`not_equal`,"ne ":`ne`},Ug={">":`greater_than`,g:`greater_than`,gt:`greater_than`,"=gt":`greater_than`,greater:`greater_than`,greaterthan:`greater_than`,">=":`greater_than_equal`,ge:`greater_than_equal`,"=ge":`greater_than_equal`,gte:`greater_than_equal`,greaterorequal:`greater_than_equal`,greaterthanequal:`greater_than_equal`,greaterthanorequal:`greater_than_equal`,"<":`less_than`,l:`less_than`,lt:`less_than`,"=lt":`less_than`,less:`less_than`,lessthan:`less_than`,"<=":`less_than_equal`,lte:`less_than_equal`,le:`less_than_equal`,"=le":`less_than_equal`,lessorequal:`less_than_equal`,lessthanequal:`less_than_equal`,lessthanorequal:`less_than_equal`};function Wg(e){let t=e.toLowerCase(),n=t.match(/^([>=<a-z_ ]+)([\d._TZ-]+)$/);if(n){let e=n[1].replace(/[_ ]+/g,``).replace(/^([a-z]+)=$/g,`$1`),t=n[2],r=Ug[e];if(r)return{comparator:r,value:t}}for(let n in Hg)if(t.startsWith(n))return{comparator:Hg[n],value:e.slice(n.length)};return t.endsWith(`*`)?{comparator:`starts_with`,value:e.slice(0,-1)}:{comparator:`equals`,value:e}}function Gg({enabled:e,entityId:t,instanceClient:n,databaseName:r,tableName:i,ids:a}){return k({queryKey:[t,`search_by_id`,r,i,a],queryFn:()=>n.post(`/`,{get_attributes:[`*`],ids:a,noCacheStore:!0,onlyIfCached:!0,operation:`search_by_id`,database:r,table:i}),enabled:e&&!!a?.length,retry:!1})}async function Kg(e){let{databaseName:t,tableName:n,records:r,instanceClient:i}=e,{data:a}=await i.post(`/`,{operation:`update`,database:t,table:n,records:r});return a}function qg(){return j({mutationFn:Kg})}var Jg=a(v(),v());function Yg({applyFilters:e,columnFiltersForm:t,headerGroups:n}){let r=(0,I.useCallback)(t=>{if(t.key===`Enter`)return t.preventDefault(),e(),!1},[e]);return(0,R.jsx)(Ml,{children:(0,R.jsx)(V,{...t,children:n.map(e=>(0,R.jsx)(Pl,{className:`border-none`,children:e.headers.map(e=>(0,R.jsx)(Ll,{style:{width:`${e.column.getSize()}px`},children:e.column.columnDef.enableColumnFilter&&(0,R.jsx)(U,{control:t.control,name:e.id,render:({field:e})=>(0,R.jsxs)(W,{className:`border-r-1 border-r-black`,children:[(0,R.jsx)(H,{children:(0,R.jsx)(q,{...e,type:`text`,autoCapitalize:`none`,autoComplete:`off`,className:`rounded-none`,onKeyDown:r,value:e.value??``})}),(0,R.jsx)(K,{})]})})},e.id))},e.id))})})}function Xg({columns:e,columnVisibility:t,setColumnVisibility:n}){let r=(0,I.useMemo)(()=>e.map(e=>e.header).filter(Fi),[e]);return(0,R.jsxs)(rs,{children:[(0,R.jsx)(is,{asChild:!0,children:(0,R.jsxs)(z,{variant:`ghost`,children:[(0,R.jsx)(Rt,{className:`inline-block `}),`Columns`]})}),(0,R.jsx)(as,{children:r.map(e=>(0,R.jsx)(Zg,{columnHeader:e,columnVisibility:t,setColumnVisibility:n},e))})]})}function Zg({columnHeader:e,columnVisibility:t,setColumnVisibility:n}){let{toggled:r,toggle:i}=tm(t[e]??!0);return(0,I.useEffect)(()=>{t[e]!==r&&n({...t,[e]:r})},[e,t,r,n]),(0,R.jsx)(ss,{checked:r,onClick:i,children:e},e)}function Qg({className:e}){return(0,R.jsx)(bt,{className:i(`animate-spin`,e)})}function $g({applyFilters:e,columnFiltersForm:t,columns:n,columnVisibility:r,data:i,isFetching:a,onColumnClick:o,onRowClick:s,pageIndex:c,pageSize:l,primaryKey:u,setPageIndex:d,setPageSize:f,filtersToggled:p,totalPages:m,totalRecords:h}){let g=Ie({data:i||[],columns:n,manualPagination:!0,enableColumnResizing:!0,columnResizeMode:`onEnd`,pageCount:m,defaultColumn:{minSize:1},state:{columnVisibility:r},rowCount:h,getCoreRowModel:kt(),getPaginationRowModel:It()}),_=(0,I.useCallback)(()=>{d(c-1)},[c,d]),v=(0,I.useCallback)(()=>{d(c+1)},[c,d]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(jl,{containerClassName:`rounded-md bg-black-dark grow max-h-[calc(100vh-128px-16px-112px-80px)]`,children:[(0,R.jsx)(Ml,{children:g.getHeaderGroups().map(e=>(0,R.jsx)(Pl,{className:`border-none`,children:e.headers.map(e=>(0,R.jsx)(Il,{header:e,onColumnClick:o},e.id))},e.id))}),p&&(0,R.jsx)(Yg,{applyFilters:e,columnFiltersForm:t,headerGroups:g.getHeaderGroups()}),(0,R.jsx)(Nl,{className:`bg-black border border-grey-700`,children:g.getRowModel().rows?.length?g.getRowModel().rows.map(e=>(0,R.jsx)(e_,{row:e,onRowClick:s,primaryKey:u},e.id)):(0,R.jsx)(Pl,{children:(0,R.jsx)(Ll,{colSpan:n.length,className:`h-24 text-center`,children:a||i===void 0?(0,R.jsx)(Qg,{className:`opacity-50 inline-block`}):(0,R.jsx)(`span`,{children:`No results.`})})})})]}),(0,R.jsxs)(`div`,{className:`flex items-center justify-end py-4 space-x-2 pr-4`,children:[(0,R.jsxs)(z,{variant:`defaultOutline`,size:`sm`,onClick:_,className:`select-none`,disabled:c===0,children:[(0,R.jsx)(Se,{}),`Previous`]}),(0,R.jsx)(`div`,{className:`grow`}),(0,R.jsxs)(`div`,{className:`text-center`,children:[(0,R.jsx)(`dt`,{className:`font-medium text-gray-500 text-sm/6 dark:text-gray-400`,children:`Records`}),(0,R.jsx)(`dd`,{className:`font-semibold tracking-tight`,children:h===void 0?(0,R.jsx)(Dc,{}):Qc(h)})]}),h!==void 0&&h>0&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`div`,{children:(0,R.jsxs)(Oc,{defaultValue:l.toString(),onValueChange:e=>{f(Number(e))},children:[(0,R.jsx)(jc,{className:`h-10 w-20`,children:(0,R.jsx)(Ac,{})}),(0,R.jsx)(Mc,{side:`top`,children:[20,50,100,250].map(e=>(0,R.jsx)($,{value:`${e}`,children:e},e))})]})}),m!==void 0&&m>1&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`text-center`,children:[(0,R.jsx)(`dt`,{className:`font-medium text-gray-500 text-sm/6 dark:text-gray-400`,children:`Pages`}),(0,R.jsx)(`dd`,{className:`font-semibold tracking-tight`,children:Qc(m)})]}),(0,R.jsxs)(`div`,{className:`text-center`,children:[(0,R.jsx)(`dt`,{className:`font-medium text-gray-500 text-sm/6 dark:text-gray-400`,children:`Page`}),(0,R.jsx)(`dd`,{className:`font-semibold tracking-tight`,children:Qc(c+1)})]})]})]}),(0,R.jsx)(`div`,{className:`grow`}),(0,R.jsxs)(z,{variant:`defaultOutline`,size:`sm`,onClick:v,className:`select-none`,disabled:m===void 0||c===m-1,children:[`Next`,(0,R.jsx)(St,{})]})]})]})}function e_({row:e,primaryKey:t,onRowClick:n}){let r=(0,I.useMemo)(()=>{let n=e.original,r=n&&n.message===`This entry has expired`,i=e.getVisibleCells();return console.log(`primaryKey, visibleCells`,t,i),r?i[0]?.column?.id===t?[(0,R.jsx)(t_,{cell:i[0]},i[0].id),(0,R.jsx)(n_,{colSpan:i.length-1},`expired`)]:[(0,R.jsx)(n_,{colSpan:i.length},`expired`)]:i.map(e=>(0,R.jsx)(t_,{cell:e},e.id))},[e,t]);return(0,R.jsx)(Pl,{"data-state":e.getIsSelected()&&`selected`,onClick:()=>n?.(e),className:L(`hover:bg-muted/10 data-[state=selected]:bg-muted`,n&&`cursor-pointer`),children:r})}function t_({cell:e}){return(0,R.jsx)(Ll,{style:{width:`${e.column.getSize()}px`},className:`px-2 py-2 overflow-x-hidden max-w-32 text-ellipsis whitespace-nowrap`,children:e.getValue()==`[object Object]`?JSON.stringify(e.getValue()):Yn(e.column.columnDef.cell,e.getContext())})}function n_({colSpan:e}){return(0,R.jsx)(Ll,{colSpan:e,className:`px-2 py-2 overflow-x-hidden max-w-32 text-ellipsis whitespace-nowrap`,children:(0,R.jsx)(`span`,{className:`text-muted-foreground`,children:`This entry has expired`})})}function r_({instanceDatabaseMap:e,databaseName:t,tableName:n}){let r=E({strict:!1}),i=zn(),a=B(),{clusterId:o,instanceId:s}=r,{toggled:c,toggle:l}=tm(!0),u=vi(),d=pa(s??o,t,n,`insert`),f=pa(s??o,t,n,`update`),p=pa(s??o,t,n,`delete`),m=fa(),{data:h}=D(Ag({...a,databaseName:t,tableName:n})),g=(0,I.useMemo)(()=>Ls(h?.attributes??[],`attribute`),[h]),[_,v]=Wd(null,r),[y,b]=(0,I.useState)(!1),x=(0,I.useMemo)(()=>(t?Object.keys(e?.[t]||[]).sort():[]).length===1,[e,t]),{toggled:S,toggleOn:ee,toggleOff:te}=tm(!1),ne=N({resolver:T(Jg)}),{reset:re}=ne,ie=ne.watch(),[C,ae]=Wd(null,[r.clusterId,r.instanceId,t,n]),oe=(0,I.useCallback)(()=>{let e=[];for(let t in ie)if(ie[t]?.length)try{e.push(...Bg(t,ie[t],g[t]))}catch(e){A.error(String(e))}ae(e.length?e:null),re({...ie})},[g,re,ie]),se=(0,I.useCallback)(()=>{re({},{keepValues:!1,keepDirtyValues:!1,keepDefaultValues:!1}),re(),ae(null),te()},[te,re]);(0,I.useEffect)(function(){return se()},[r,se]);let{dataTableColumns:ce,primaryKey:le}=cg(h),[ue,de]=(0,I.useState)(!1),[fe,pe]=(0,I.useState)(!1),[he,ge]=Wd({attribute:le,descending:!1},r),[_e,ye]=Wd(0,[t,n]),[be,xe]=(0,I.useState)(20),Se=h?.record_count,Ce=h?.record_count?Math.ceil(h.record_count/be):0,we=S&&!!C,Te={...a,enabled:!we&&!!le,databaseName:t,tableName:n,searchAttribute:le,sort:he,pageSize:be,pageIndex:_e,onlyIfCached:c},Ee=ed(Te),{data:De,isFetching:Oe}=D(Ee),ke={...a,enabled:we&&!!le,databaseName:t,tableName:n,conditions:C,sort:he,pageSize:be,pageIndex:_e,onlyIfCached:c},Ae=Rg(ke),{data:je,isFetching:Me}=D(Ae),Ne=we?je:De,Pe=Oe||Me,{data:Fe}=D(Gg({...a,enabled:y,databaseName:t,tableName:n,ids:_})),{mutate:Ie,isPending:Le}=qg(),{mutate:Re,isPending:ze}=Og(),{mutate:Be,isPending:Ve}=Eg(),He=lr(),Ue=(0,I.useCallback)(()=>He.invalidateQueries({queryKey:[a.entityId,t,n]}),[He,a.entityId,t,n]),We=(0,I.useCallback)(async()=>{confirm(`Are you sure you want to cleanup orphan blobs for database "${t}"?`)&&Be({...a,databaseName:t},{onSuccess:e=>{A.success(e.message||`Orphan blobs cleanup started successfully`),Ue()},onError:e=>{A.error(e instanceof Error?e.message:`Failed to cleanup orphan blobs`)}})},[Be,t,a,Ue]),[Ge,Ke]=(0,I.useState)(!1),qe=(0,I.useCallback)(async()=>{if(!le)return;let e=A.loading(`Loading CSV...`);Ke(!0);let r={pageIndex:0,pageSize:1e6,headers:{Accept:`text/csv`}},i=await(we?zg({...ke,...r}):td({...Te,...r}));A.loading(`Preparing CSV...`,{id:e});let a=i.data,o=new Blob([a],{type:`text/csv`}),s=URL.createObjectURL(o),c=document.createElement(`a`);c.href=s,c.setAttribute(`download`,`${t}.${n}.${new Date().toISOString()}.csv`),c.click(),A.success(`CSV Exported!`,{id:e}),Ke(!1)},[t,n,Ee,Ae]),Je=(0,I.useCallback)(e=>{Ie({...a,databaseName:t,tableName:n,records:e},{onSuccess:()=>{Ue(),b(!1),A.success(`Record updated successfully`)}})},[Ie,a,t,n,Ue]),Ye=(0,I.useCallback)(e=>{Re({...a,databaseName:t,tableName:n,hashValues:e},{onSuccess:()=>{Ue(),b(!1),A.success(`Record deleted successfully`)}})},[Re,a,t,n,Ue]),Xe=(0,I.useCallback)(e=>{Ue(),pe(!1),A.success(`${e}. Please wait a few moments then refresh the table.`)},[Ue]),Ze=e=>{v([e.original[le]]),b(!y)},Qe=(e,t)=>{ge({attribute:e,descending:!t})},$e=Ul(Ue),et=(0,I.useCallback)(()=>{de(!0)},[de]),tt=(0,I.useCallback)(()=>{pe(!0)},[pe]),nt=(0,I.useCallback)(e=>void i({to:e===`table`?`../`:`../../`}),[i]),[rt,it]=Qd(`ColumnDisplayed/${t}}/${n}`,{}),at=_f(`ShowDeleteTable`,!0),ot=_f(`ShowDeleteDatabase`,!0);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0 md:space-x-3 pt-15 pb-4 pr-4`,children:[(0,R.jsxs)(`div`,{className:`flex space-x-2`,children:[d&&(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:et,disabled:ue,accessKey:`n`,children:[(0,R.jsx)(w,{}),(0,R.jsxs)(`span`,{children:[`Add `,(0,R.jsx)(`u`,{children:`N`}),`ew Record(s)`]})]}),d&&(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:tt,disabled:fe,accessKey:`c`,children:[(0,R.jsx)(br,{}),(0,R.jsxs)(`span`,{children:[`Import `,(0,R.jsx)(`u`,{children:`C`}),`SV`]})]}),(0,R.jsxs)(z,{variant:`positiveOutline`,onClick:qe,disabled:Ge,accessKey:`e`,children:[(0,R.jsx)(Gt,{}),(0,R.jsxs)(`span`,{children:[(0,R.jsx)(`u`,{children:`E`}),`xport CSV`]})]})]}),(0,R.jsxs)(`div`,{className:`flex space-x-2`,children:[S&&C&&(0,R.jsxs)(z,{type:`button`,variant:`ghost`,onClick:se,accessKey:`f`,children:[(0,R.jsx)(nr,{className:`inline-block `}),(0,R.jsxs)(`span`,{children:[`Clear `,(0,R.jsx)(`u`,{children:`F`}),`ilters`]})]}),S&&ne.formState.isDirty&&(0,R.jsxs)(z,{variant:`default`,onClick:oe,children:[(0,R.jsx)(Ln,{className:`inline-block `}),`Apply Filters`]}),S&&!C&&(0,R.jsxs)(z,{variant:`ghost`,onClick:te,accessKey:`f`,children:[(0,R.jsx)(nr,{className:`inline-block `}),(0,R.jsxs)(`span`,{children:[`Hide `,(0,R.jsx)(`u`,{children:`F`}),`ilters`]})]}),!S&&(0,R.jsxs)(z,{variant:`ghost`,onClick:ee,accessKey:`f`,children:[(0,R.jsx)(rn,{className:`inline-block `}),(0,R.jsxs)(`span`,{children:[`Show `,(0,R.jsx)(`u`,{children:`F`}),`ilters`]})]}),(0,R.jsx)(z,{variant:`defaultOutline`,onClick:$e,disabled:Pe,children:(0,R.jsx)(mr,{})}),(0,R.jsx)(Xg,{columns:ce,columnVisibility:rt,setColumnVisibility:it}),(0,R.jsxs)(rs,{children:[(0,R.jsx)(is,{disabled:!e,children:(0,R.jsx)(cn,{"aria-label":`Table options`,color:e?`white`:`gray`})}),(0,R.jsxs)(as,{side:`bottom`,align:`end`,children:[(0,R.jsxs)(os,{className:`focus:bg-primary/70 focus:text-white`,onClick:l,children:[c?(0,R.jsx)(me,{className:`text-green`}):(0,R.jsx)(fr,{}),`Only If Cached`,(0,R.jsx)(O,{to:`https://docs.harperdb.io/docs/developers/applications/caching#cache-control-header`,target:`_blank`,rel:`noopener noreferrer`,onClick:wp,children:(0,R.jsx)($t,{})})]}),m&&u&&!!s&&(0,R.jsxs)(os,{className:`focus:bg-yellow/70 focus:text-white`,onClick:We,disabled:Ve,children:[(0,R.jsx)(ve,{className:`text-yellow `}),`Cleanup Orphan Blobs`]}),m&&!x&&(0,R.jsxs)(os,{className:`focus:bg-red/70 focus:text-white`,onClick:at,children:[(0,R.jsx)(Zt,{className:`inline-block `}),`Drop Table`]}),m&&(0,R.jsxs)(os,{className:`focus:bg-red/70 focus:text-white`,onClick:ot,children:[(0,R.jsx)(Mn,{}),`Drop Database`]})]})]})]})]}),(0,R.jsx)($g,{primaryKey:le,data:Ne?.data,isFetching:Pe,filtersToggled:S,columns:ce,columnVisibility:rt,onRowClick:Ze,onColumnClick:Qe,totalPages:Ce,totalRecords:Se,pageIndex:_e,pageSize:be,columnFiltersForm:ne,applyFilters:oe,setPageIndex:ye,setPageSize:xe}),d&&h&&ue&&(0,R.jsx)(fg,{instanceTable:h,isModalOpen:ue,refreshTable:Ue,setIsModalOpen:de}),(0,R.jsx)(bg,{canEditRecords:f,canDeleteRecords:p,setIsModalOpen:b,isModalOpen:y,primaryKey:le,data:Fe?.data,onSaveChanges:Je,onDeleteRecord:Ye,isUpdateTableRecordsPending:Le,isDeleteTableRecordsPending:ze}),(0,R.jsx)(gg,{databaseName:t,onDeleted:nt}),(0,R.jsx)(yg,{databaseName:t,tableName:n,onDeleted:nt}),(0,R.jsx)(wg,{isModalOpen:fe,setIsModalOpen:pe,onSaveChanges:Xe,database:t,table:n})]})}function i_(){let e=E({strict:!1}),{data:t}=D(gh(B())),n,r;if(t){e.databaseName||(n=Object.keys(t).sort()[0]);let i=e.databaseName??n;!e.tableName&&i&&t[i]&&(r=Object.keys(t[i]).sort()[0])}return n||r?(0,R.jsx)(Vt,{to:eg({...e,databaseName:n??e.databaseName,tableName:r}),replace:!0}):(0,R.jsxs)(`main`,{className:`grid grid-cols-1 gap-4 md:grid-cols-12 min-h-[calc(100vh-(--spacing(36)))]`,children:[(0,R.jsx)(`section`,{className:`col-span-1 text-white md:col-span-4 lg:col-span-3`,children:(0,R.jsx)(sg,{instanceDatabaseMap:t})}),(0,R.jsx)(`section`,{className:`col-span-1 text-white md:col-span-8 lg:col-span-9 flex flex-col`,children:e.databaseName&&e.tableName&&(0,R.jsx)(r_,{instanceDatabaseMap:t,databaseName:e.databaseName,tableName:e.tableName})})]})}function a_(e){return M({getParentRoute:()=>e,path:`/databases/{-$databaseName}/{-$tableName}`,component:i_})}var o_={className:`text-white`};function s_(){let e=da(),t=E({strict:!1}),{version:n}=kn({strict:!1}),r=zs(`4.6.0`,n),i=zs(`4.7.0-beta.7`,n),{data:a}=D(Pd(B(),r)),o=a?.restartRequired??!1,s=(0,I.useMemo)(()=>[{to:wl(t),activeOptions:{exact:!0},name:`Applications`,shortName:`Apps`,icon:(0,R.jsx)(Cn,{className:`inline-block`})},{to:wl(t,`databases`),icon:(0,R.jsx)(Nn,{className:`inline-block`}),name:`Databases`},e&&i&&{to:wl(t,`apis`),name:`APIs`,icon:(0,R.jsx)(Bt,{className:`inline-block`})},e&&r&&{to:wl(t,`status`),icon:(0,R.jsx)(ee,{className:`inline-block`}),name:`Status`},e&&{to:wl(t,`logs`),icon:(0,R.jsx)(qe,{className:`inline-block`}),name:`Logs`},e&&{to:wl(t,`config`),icon:(0,R.jsx)(pn,{className:`inline-block`}),name:`Config`}].filter(Fi),[e,t,i,r]);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(c_,{links:s,restartRequired:o}),(0,R.jsx)(l_,{links:s,restartRequired:o})]})}function c_({links:e,restartRequired:t}){return(0,R.jsxs)(`div`,{className:`hidden md:flex items-center justify-between h-full text-sm text-white`,children:[(0,R.jsx)(Ia,{restartRequired:t}),(0,R.jsx)(`div`,{className:`flex space-x-2`,children:e.map(({shortName:e,...t})=>(0,R.jsxs)(O,{className:`p-2 text-center text-gray-400 hover:text-white`,activeProps:o_,...t,children:[t.icon,(0,R.jsx)(`span`,{className:`hidden xl:inline-block ml-1`,children:t.name}),e&&(0,R.jsx)(`span`,{className:`visible xl:hidden ml-1`,children:e})]},t.to))})]})}function l_({links:e,restartRequired:t}){return(0,R.jsx)(R.Fragment,{children:(0,R.jsxs)(`div`,{className:`flex md:hidden items-center justify-between h-full px-2 text-white`,children:[(0,R.jsx)(Ia,{restartRequired:t}),(0,R.jsxs)(rs,{children:[(0,R.jsx)(is,{asChild:!0,children:(0,R.jsx)(z,{variant:`ghost`,className:`p-0`,children:(0,R.jsx)(be,{className:`h-8 w-8`})})}),(0,R.jsxs)(as,{children:[(0,R.jsx)(cs,{children:`Instance Menu`}),(0,R.jsx)(ls,{}),e.map(e=>(0,R.jsx)(os,{asChild:!0,children:(0,R.jsx)(O,{to:e.to,activeProps:o_,children:e.name})},e.to))]})]})]})})}({...Vr}),{...Pr},{...Hr},{...Ar};function u_(e){let{metricConfig:t,startTime:n,endTime:r}=e;return k({queryKey:[`get_analytics`,t.name,t.path,n,r],queryFn:()=>d_(e)})}async function d_({metricConfig:e,startTime:t,endTime:n,instanceParams:r}){let i={operation:`get_analytics`,metric:e.name,start_time:t,end_time:n};e.path&&(i.conditions=[{attribute:`path`,value:e.path}]);let{data:a}=await r.instanceClient.post(`/`,i);return a}({...Gr}),{...Br},{...Ir},{...Fr},{...Nr},{...zr},{...Lr},{...Ur};async function f_({instanceClient:e,logFilters:t,replicated:n}){let{data:r}=await e.post(`/`,{operation:`read_log`,start:0,replicated:n,limit:t.limit?parseInt(t.limit,10):void 0,level:t.level===`undefined`?void 0:t.level,from:t.from?new Date(t.from).toISOString():void 0,until:t.until?new Date(t.until).toISOString():void 0,order:`desc`});return r}function p_(e){let t=e.logFilters;return k({queryKey:[e.entityId,`read_log`,t.limit,t.level,t.from,t.until,e.replicated],queryFn:()=>f_(e),retry:!1,refetchInterval:e.isAutoRefreshEnabled?5e3:!1})}({...kr}),{...Wr},{...Rr},{...jr},{...Mr};function m_(){return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`nav`,{className:`fixed top-20 w-full z-39 h-12 md:px-12 bg-grey-700`,children:(0,R.jsx)(s_,{})}),(0,R.jsx)(`div`,{className:`mt-32 min-h-[calc(100vh-(--spacing(32)))]`,children:(0,R.jsx)(x,{})}),!1]})}function h_(e){switch(e){case`local`:return M({getParentRoute:()=>Hu,id:`_instanceLayout`,component:m_,loader:Qh});case`cluster`:return M({getParentRoute:()=>qu,id:`_instanceLayout`,component:m_,beforeLoad:g_,loader:Qh});case`instance`:return M({getParentRoute:()=>qu,path:`instance/$instanceId`,component:m_,beforeLoad:g_,loader:Qh})}}async function g_({context:e,params:t}){let n=e.authentication[t.instanceId||t.clusterId];if(n?.isLoading||n?.user)return;let r=e.authentication[mi];if(r?.isLoading)return;let{update:i}=t.instanceId?ua(r.user,t.organizationId,t.clusterId):ca(r.user,t.organizationId,t.clusterId);if(i){let e=t.instanceId||t.clusterId,n=oi({id:e,forceFabricConnect:!0});try{let t=await di({instanceClient:n});F.setUserForIdAndKey(e,n.defaults.baseURL,t),F.flagForFabricConnect(e,!0);return}catch(e){console.error(`Fabric Connect not established`,e)}}throw Qt({to:`/${t.organizationId}/${t.clusterId}/`+(t.instanceId?`instance/${t.instanceId}`:``)+`/sign-in`,search:Vu()})}var __=y(`inline-flex
54
+ items-center
55
+ justify-center
56
+ gap-2
57
+ whitespace-nowrap
58
+ rounded-lg
59
+ text-sm
60
+ transition-[color,box-shadow]
61
+ disabled:pointer-events-none
62
+ disabled:opacity-50
63
+ [&_svg]:pointer-events-none
64
+ [&_svg:not([class*='size-'])]:size-4
65
+ [&_svg]:shrink-0
66
+ ring-ring/10
67
+ dark:ring-ring/20
68
+ dark:outline-ring/40
69
+ outline-ring/50
70
+ focus-visible:ring-1
71
+ focus-visible:outline-1
72
+ focus-visible:ring-purple-200
73
+ aria-invalid:focus-visible:ring-0`,{variants:{variant:{default:`bg-primary text-primary-foreground shadow-sm hover:bg-primary/90`,outline:`border bg-default border-primary border-2 text-white shadow-xs hover:-translate-y-1 transition duration-200 hover:bg-grey-700/40`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function v_({className:e,variant:t,size:n,...r}){return(0,R.jsx)(dt,{"data-slot":`toggle`,className:L(__({variant:t,size:n,className:e})),...r})}function y_(e){switch(e){case`warn`:return`warning`;case`notify`:return`success`;case`info`:case`debug`:case`trace`:case void 0:case`stdout`:return`secondary`;case`stderr`:case`error`:return`destructive`;default:return e}}var b_=[`secondary`,`default`,`warning`,`outline`,`success`,`destructive`],x_=0,S_=new Map,C_=e=>{if(S_.has(e))return S_.get(e);x_++;let t=b_[x_%b_.length];return S_.set(e,t),t};function w_({columns:e,data:t,onRowClick:n}){let r=Ie({data:t,columns:e,getCoreRowModel:kt()});return(0,R.jsx)(`div`,{className:`rounded-md bg-black-dark logsTable`,children:(0,R.jsxs)(jl,{className:`text-xs`,children:[(0,R.jsx)(Ml,{children:r.getHeaderGroups().map(e=>(0,R.jsx)(Pl,{className:`border-none`,children:e.headers.map(e=>(0,R.jsx)(Fl,{className:`p-4 max-w-96`,children:e.isPlaceholder?null:Yn(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,R.jsx)(Nl,{className:`bg-black`,children:r.getRowModel().rows?.length?r.getRowModel().rows.map(e=>(0,R.jsx)(Pl,{"data-state":e.getIsSelected()&&`selected`,className:L(`hover:bg-muted/10 data-[state=selected]:bg-muted max-w-full`,n&&`cursor-pointer`),onClick:()=>n?.(e),children:e.getVisibleCells().map(e=>(0,R.jsx)(Ll,{className:`p-1`,children:Yn(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,R.jsx)(Pl,{children:(0,R.jsx)(Ll,{colSpan:e.length,className:`h-24 text-center`,children:`No results.`})})})]})})}function T_(e){try{JSON.parse(e)}catch{return!1}return!0}function E_({setIsModalOpen:e,isModalOpen:t,data:n}){let r=n?C_(n.node):`default`;return(0,R.jsx)(J,{onOpenChange:e,open:t,children:(0,R.jsxs)(Y,{"aria-describedby":void 0,children:[(0,R.jsx)($o,{children:(0,R.jsx)(Z,{children:`Edit Row`})}),n?(0,R.jsxs)(`div`,{className:`flex flex-col gap-3 text-white`,children:[(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{className:`inline-block pr-2`,children:`Level:`}),(0,R.jsx)(ns,{variant:y_(n.level),children:Pa(n.level)})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{children:`Timestamp:`}),(0,R.jsx)(`p`,{className:`text-sm`,children:n.timestamp})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{children:`Thread:`}),(0,R.jsx)(`p`,{className:`text-sm`,children:n.thread})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{children:`Node:`}),(0,R.jsx)(ns,{variant:r,children:n.node})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{children:`Tags:`}),(0,R.jsx)(`p`,{className:`text-sm`,children:n.tags&&n.tags.length>0?(0,R.jsx)(`span`,{children:n.tags}):`N/A`})]}),(0,R.jsxs)(`div`,{children:[(0,R.jsx)(`h3`,{className:`text-lg font-bold`,children:`Message`}),(0,R.jsx)(we,{className:`w-full h-72`,language:T_(n.message)?`json`:`text`,theme:`vs-dark`,value:n.message,options:{readOnly:!0,minimap:{enabled:!1},scrollBeyondLastLine:!1}})]})]}):(0,R.jsx)(ws,{}),(0,R.jsx)(X,{children:(0,R.jsxs)(`div`,{className:`flex justify-between w-full`,children:[(0,R.jsxs)(z,{type:`button`,variant:`destructive`,className:`rounded-full`,children:[(0,R.jsx)(Zt,{}),` Delete Row`]}),(0,R.jsxs)(z,{variant:`submit`,className:`rounded-full`,children:[(0,R.jsx)(_r,{}),` Save Changes`]})]})})]})})}var D_=l({limit:v().or(g()).or(m()),level:o([`notify`,`error`,`warn`,`info`,`debug`,`trace`,`undefined`]).or(g()).or(m()),from:v().or(g()).or(m()).optional(),until:v().or(g()).or(m()).optional()});function O_({form:e,resetFilters:t,submitFilters:n}){return(0,R.jsx)(`div`,{children:(0,R.jsx)(V,{...e,children:(0,R.jsxs)(`form`,{id:`instance-edit-log-filters-form`,name:`instance-edit-log-filters-form`,onSubmit:e.handleSubmit(n),className:`flex-col space-y-5`,children:[(0,R.jsx)(U,{control:e.control,name:`limit`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`Log Limit:`}),(0,R.jsxs)(Oc,{onValueChange:e.onChange,value:e.value??void 0,children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Select log limit`})}),(0,R.jsx)(Mc,{children:(0,R.jsxs)(kc,{children:[(0,R.jsx)($,{value:`1000`,children:`1000`}),(0,R.jsx)($,{value:`500`,children:`500`}),(0,R.jsx)($,{value:`250`,children:`250`}),(0,R.jsx)($,{value:`100`,children:`100`}),(0,R.jsx)($,{value:`10`,children:`10`})]})})]}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:e.control,name:`level`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`Log Level:`}),(0,R.jsxs)(Oc,{onValueChange:e.onChange,value:e.value??void 0,children:[(0,R.jsx)(jc,{className:`w-full`,children:(0,R.jsx)(Ac,{placeholder:`Select log level`})}),(0,R.jsx)(Mc,{children:(0,R.jsxs)(kc,{children:[(0,R.jsx)($,{value:`undefined`,children:`All`}),(0,R.jsx)($,{value:`notify`,children:`Notify`}),(0,R.jsx)($,{value:`error`,children:`Error`}),(0,R.jsx)($,{value:`warn`,children:`Warn`}),(0,R.jsx)($,{value:`info`,children:`Info`}),(0,R.jsx)($,{value:`debug`,children:`Debug`}),(0,R.jsx)($,{value:`trace`,children:`Trace`})]})})]}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:e.control,name:`from`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`Start Date:`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`datetime-local`,value:e.value??void 0,onChange:e.onChange})}),(0,R.jsx)(K,{})]})}),(0,R.jsx)(U,{control:e.control,name:`until`,render:({field:e})=>(0,R.jsxs)(W,{children:[(0,R.jsx)(G,{children:`End Date:`}),(0,R.jsx)(H,{children:(0,R.jsx)(q,{type:`datetime-local`,value:e.value??void 0,onChange:e.onChange})}),(0,R.jsx)(K,{})]})}),(0,R.jsxs)(`div`,{className:`flex items-center justify-between space-x-2 mt-2`,children:[(0,R.jsx)(z,{type:`submit`,variant:`positiveOutline`,className:`grow`,children:`Apply Filters`}),(0,R.jsx)(z,{type:`reset`,variant:`destructiveOutline`,onClick:t,children:`Clear Filters`})]})]})})})}var k_={limit:`100`,level:`undefined`,from:``,until:``},A_=[{accessorKey:`level`,header:`Status`,cell:({row:e})=>{let{level:t}=e.original;return(0,R.jsx)(ns,{variant:y_(t),children:Pa(t)})}},{accessorKey:`timestamp`,header:`Date`,cell:({row:e})=>{let{timestamp:t}=e.original;return(0,R.jsx)(`span`,{children:new Date(t).toLocaleDateString()})}},{accessorKey:`time`,header:`Time`,cell:({row:e})=>{let{timestamp:t}=e.original;return(0,R.jsx)(`span`,{children:new Date(t).toLocaleTimeString()})}},{accessorKey:`thread`,header:`Thread`},{accessorKey:`node`,header:`Node`,cell:({row:e})=>{let{node:t}=e.original,n=C_(t);return(0,R.jsx)(R.Fragment,{children:t?(0,R.jsxs)(Aa,{children:[(0,R.jsx)(ja,{asChild:!0,children:(0,R.jsxs)(ns,{variant:n,children:[t.split(`.`)[0],`...`]})}),(0,R.jsx)(Ma,{className:`bg-grey-700`,arrowClassName:`bg-grey-700 fill-grey-700`,children:t})]}):null})}},{accessorKey:`tags`,header:`Tags`},{accessorKey:`message`,header:`Message`,cell:({row:e})=>{let{message:t}=e.original;return e.getIsSelected(),(0,R.jsx)(`pre`,{children:(0,R.jsx)(`code`,{children:t})})}}],j_=(e,t)=>!e&&!t||!e||!t?!0:new Date(e)<=new Date(t);function M_(){let[e,t]=(0,I.useState)(k_),[n,r]=(0,I.useState)(!1),[i,a]=(0,I.useState)(),[o,s]=(0,I.useState)(!1),c=B(),{data:l,isLoading:u,refetch:d,isFetching:f}=D(p_({logFilters:e,...c,replicated:c.entityType===`cluster`,isAutoRefreshEnabled:o})),p=N({resolver:T(D_),defaultValues:k_,mode:`onChange`}),m=e=>{a(e.original),r(!0)},h=async e=>{if(!j_(e.from,e.until)){p.setError(`from`,{type:`onChange`,message:`Start date must be before end date`}),p.setError(`until`,{type:`onChange`,message:`End date must be after start date`});return}t(e)},g=async()=>{p.reset(),t(k_)},_=Ul(d);return(0,R.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 text-white md:grid-cols-12`,children:[(0,R.jsxs)(`section`,{className:`col-span-1 md:col-span-4 lg:col-span-3 px-2 pt-4 md:pt-12`,children:[(0,R.jsx)(O_,{form:p,resetFilters:g,submitFilters:h}),(0,R.jsxs)(`div`,{className:`flex items-center justify-between space-x-2 mt-2`,children:[(0,R.jsxs)(z,{variant:`defaultOutline`,onClick:_,disabled:f||u||o,className:`grow`,children:[(0,R.jsx)(mr,{}),`Refresh`]}),(0,R.jsxs)(v_,{variant:`outline`,"aria-label":`Toggle Auto Refresh`,onPressedChange:s,children:[(0,R.jsx)(mr,{}),`Auto Refresh `,o?`On`:`Off`]})]})]}),(0,R.jsx)(`section`,{className:`col-span-1 md:col-span-8 lg:col-span-9`,children:u?(0,R.jsx)(`div`,{children:`Loading...`}):(0,R.jsx)(`div`,{children:(0,R.jsx)(w_,{columns:A_,data:l||[],onRowClick:m})})}),(0,R.jsx)(E_,{isModalOpen:n,setIsModalOpen:r,data:i})]})}function N_(e){return M({getParentRoute:()=>e,path:`logs`,component:M_})}function P_(e){return M({getParentRoute:()=>e,path:`status`,component:nn(async()=>Kr(()=>import(`./status-DwYg6LpK.js`),__vite__mapDeps([13,1,3,2,4,5,6,7,8,9,10])),`StatusIndex`)})}function F_(e){let t=h_(e),n=[N_(t),..._m(t),Hd(t),P_(t),$h(t),a_(t)];return t.addChildren(n)}M({getParentRoute:()=>Hu,path:`profile`,component:nn(async()=>Kr(()=>import(`./profile-DX5mq9gw.js`),__vite__mapDeps([14,1,4,3,2,5,6,7,8,9,10])),`ProfileIndex`)});var I_=Vi.addChildren([...Ho,Hu.addChildren([F_(`local`)])]);function L_({routeTree:e=I_,authentication:t}){return tt({routeTree:e,history:sn(),defaultNotFoundComponent:ji,defaultErrorComponent:Ai,defaultPreload:Mi()?!1:`intent`,trailingSlash:`never`,defaultPreloadStaleTime:0,scrollRestoration:!0,context:{queryClient:Pi,authentication:t||{}}})}function R_(){let e=hi(),t=L_({authentication:e});return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Nt,{router:t,context:{authentication:e}}),(0,R.jsx)(vr,{router:t,position:`bottom-right`})]})}var z_=({...e})=>(0,R.jsx)(ir,{className:`toaster group`,toastOptions:{classNames:{toast:`group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg`,description:`group-[.toast]:text-muted-foreground`,actionButton:`group-[.toast]:bg-primary group-[.toast]:text-primary-foreground font-medium`,cancelButton:`group-[.toast]:bg-muted group-[.toast]:text-muted-foreground font-medium`}},...e}),B_=!1,V_=!1;function H_(){(0,I.useEffect)(()=>{B_||(B_=!0,V_&&(function(e,t,n,r,i){e[r]=e[r]||[],e[r].push({"gtm.start":new Date().getTime(),event:`gtm.js`});let a=t.getElementsByTagName(n)[0],o=t.createElement(n),s=r===`dataLayer`?``:`&l=${r}`;o.async=!0,o.src=`https://www.googletagmanager.com/gtm.js?id=`+i+s,a.parentNode.insertBefore(o,a)})(window,document,`script`,`dataLayer`,`GTM-5QQX432`))},[])}function U_(){return wa(),Ri(),H_(),(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(Lt,{client:Pi,children:[(0,R.jsx)(R_,{}),(0,R.jsx)(Jt,{buttonPosition:`bottom-right`})]}),(0,R.jsx)(z_,{richColors:!0})]})}(0,Sr().createRoot)(document.getElementById(`root`),{onUncaughtError:(e,t)=>{S(e,t),console.error(`Uncaught error:`,e,t)},onCaughtError:(e,t)=>{S(e,t),console.error(`Caught error:`,e,t)},onRecoverableError:(e,t)=>{S(e,t),console.warn(`Recoverable error:`,e,t)}}).render((0,R.jsx)(I.StrictMode,{children:(0,R.jsx)(U_,{})}));export{Fi as A,Ba as C,V as D,H as E,mi as F,F as I,P as L,z as M,L as N,na as O,_i as P,G as S,U as T,Dc as _,Vp as a,q as b,Zc as c,Oc as d,Mc as f,Ac as g,jc as h,Um as i,Ai as j,B as k,Xc as l,$ as m,Gm as n,Pd as o,kc as p,Wm as r,Vl as s,u_ as t,Yc as u,zs as v,W as w,K as x,ws as y};
74
+ //# sourceMappingURL=index-DEbcplKh.js.map