diff --git a/src/frontend/dist/assets/chat-DTYOBy9Z.js b/src/frontend/dist/assets/chat-DTYOBy9Z.js new file mode 100644 index 00000000..1021d97b --- /dev/null +++ b/src/frontend/dist/assets/chat-DTYOBy9Z.js @@ -0,0 +1,16 @@ +import{a as A,g as N,r as x,u as H,j as a,s as T,c as W,b as z,d as U,m as V,h as Te,q as ze,v as Le,w as I,i as ee,n as Me,x as Re,l as je,S as ne,p as le}from"./index-CKPnC4Q3.js";import{i as Z,b as qe,c as ie,F as $e,u as re,f as te,O as Ae,d as Ne,e as He,S as We,D as Ue,g as Ee,C as De}from"./main-layout-_30RNP4s.js";function Oe(e){return A("MuiFormControl",e)}N("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]);const Be=e=>{const{classes:r,margin:t,fullWidth:o}=e,s={root:["root",t!=="none"&&`margin${z(t)}`,o&&"fullWidth"]};return U(s,Oe,r)},_e=T("div",{name:"MuiFormControl",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,r[`margin${z(t.margin)}`],t.fullWidth&&r.fullWidth]}})({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top",variants:[{props:{margin:"normal"},style:{marginTop:16,marginBottom:8}},{props:{margin:"dense"},style:{marginTop:8,marginBottom:4}},{props:{fullWidth:!0},style:{width:"100%"}}]}),Ke=x.forwardRef(function(r,t){const o=H({props:r,name:"MuiFormControl"}),{children:s,className:l,color:i="primary",component:p="div",disabled:n=!1,error:d=!1,focused:m,fullWidth:b=!1,hiddenLabel:h=!1,margin:g="none",required:f=!1,size:u="medium",variant:c="outlined",...y}=o,P={...o,color:i,component:p,disabled:n,error:d,fullWidth:b,hiddenLabel:h,margin:g,required:f,size:u,variant:c},G=Be(P),[F,J]=x.useState(()=>{let C=!1;return s&&x.Children.forEach(s,v=>{if(!Z(v,["Input","Select"]))return;const j=Z(v,["Select"])?v.props.input:v;j&&qe(j.props)&&(C=!0)}),C}),[E,L]=x.useState(()=>{let C=!1;return s&&x.Children.forEach(s,v=>{Z(v,["Input","Select"])&&(ie(v.props,!0)||ie(v.props.inputProps,!0))&&(C=!0)}),C}),[D,M]=x.useState(!1);n&&D&&M(!1);const O=m!==void 0&&!n?m:D;let B;x.useRef(!1);const _=x.useCallback(()=>{L(!0)},[]),R=x.useCallback(()=>{L(!1)},[]),Q=x.useMemo(()=>({adornedStart:F,setAdornedStart:J,color:i,disabled:n,error:d,filled:E,focused:O,fullWidth:b,hiddenLabel:h,size:u,onBlur:()=>{M(!1)},onFocus:()=>{M(!0)},onEmpty:R,onFilled:_,registerEffect:B,required:f,variant:c}),[F,i,n,d,E,O,b,h,B,R,_,f,u,c]);return a.jsx($e.Provider,{value:Q,children:a.jsx(_e,{as:p,ownerState:P,className:W(G.root,l),ref:t,...y,children:s})})});function Ve(e){return A("MuiFormHelperText",e)}const de=N("MuiFormHelperText",["root","error","disabled","sizeSmall","sizeMedium","contained","focused","filled","required"]);var ce;const Ge=e=>{const{classes:r,contained:t,size:o,disabled:s,error:l,filled:i,focused:p,required:n}=e,d={root:["root",s&&"disabled",l&&"error",o&&`size${z(o)}`,t&&"contained",p&&"focused",i&&"filled",n&&"required"]};return U(d,Ve,r)},Je=T("p",{name:"MuiFormHelperText",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.size&&r[`size${z(t.size)}`],t.contained&&r.contained,t.filled&&r.filled]}})(V(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.typography.caption,textAlign:"left",marginTop:3,marginRight:0,marginBottom:0,marginLeft:0,[`&.${de.disabled}`]:{color:(e.vars||e).palette.text.disabled},[`&.${de.error}`]:{color:(e.vars||e).palette.error.main},variants:[{props:{size:"small"},style:{marginTop:4}},{props:({ownerState:r})=>r.contained,style:{marginLeft:14,marginRight:14}}]}))),Qe=x.forwardRef(function(r,t){const o=H({props:r,name:"MuiFormHelperText"}),{children:s,className:l,component:i="p",disabled:p,error:n,filled:d,focused:m,margin:b,required:h,variant:g,...f}=o,u=re(),c=te({props:o,muiFormControl:u,states:["variant","size","disabled","error","filled","focused","required"]}),y={...o,component:i,contained:c.variant==="filled"||c.variant==="outlined",variant:c.variant,size:c.size,disabled:c.disabled,error:c.error,filled:c.filled,focused:c.focused,required:c.required};delete y.ownerState;const P=Ge(y);return a.jsx(Je,{as:i,className:W(P.root,l),ref:t,...f,ownerState:y,children:s===" "?ce||(ce=a.jsx("span",{className:"notranslate","aria-hidden":!0,children:"​"})):s})});function Xe(e){return A("MuiFormLabel",e)}const $=N("MuiFormLabel",["root","colorSecondary","focused","disabled","error","filled","required","asterisk"]),Ye=e=>{const{classes:r,color:t,focused:o,disabled:s,error:l,filled:i,required:p}=e,n={root:["root",`color${z(t)}`,s&&"disabled",l&&"error",i&&"filled",o&&"focused",p&&"required"],asterisk:["asterisk",l&&"error"]};return U(n,Xe,r)},Ze=T("label",{name:"MuiFormLabel",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.color==="secondary"&&r.colorSecondary,t.filled&&r.filled]}})(V(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.typography.body1,lineHeight:"1.4375em",padding:0,position:"relative",variants:[...Object.entries(e.palette).filter(Te()).map(([r])=>({props:{color:r},style:{[`&.${$.focused}`]:{color:(e.vars||e).palette[r].main}}})),{props:{},style:{[`&.${$.disabled}`]:{color:(e.vars||e).palette.text.disabled},[`&.${$.error}`]:{color:(e.vars||e).palette.error.main}}}]}))),er=T("span",{name:"MuiFormLabel",slot:"Asterisk"})(V(({theme:e})=>({[`&.${$.error}`]:{color:(e.vars||e).palette.error.main}}))),rr=x.forwardRef(function(r,t){const o=H({props:r,name:"MuiFormLabel"}),{children:s,className:l,color:i,component:p="label",disabled:n,error:d,filled:m,focused:b,required:h,...g}=o,f=re(),u=te({props:o,muiFormControl:f,states:["color","required","focused","disabled","error","filled"]}),c={...o,color:u.color||"primary",component:p,disabled:u.disabled,error:u.error,filled:u.filled,focused:u.focused,required:u.required},y=Ye(c);return a.jsxs(Ze,{as:p,ownerState:c,className:W(y.root,l),ref:t,...g,children:[s,u.required&&a.jsxs(er,{ownerState:c,"aria-hidden":!0,className:y.asterisk,children:[" ","*"]})]})});function tr(e){return A("MuiInputLabel",e)}N("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const or=e=>{const{classes:r,formControl:t,size:o,shrink:s,disableAnimation:l,variant:i,required:p}=e,n={root:["root",t&&"formControl",!l&&"animated",s&&"shrink",o&&o!=="medium"&&`size${z(o)}`,i],asterisk:[p&&"asterisk"]},d=U(n,tr,r);return{...r,...d}},sr=T(rr,{shouldForwardProp:e=>ze(e)||e==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[{[`& .${$.asterisk}`]:r.asterisk},r.root,t.formControl&&r.formControl,t.size==="small"&&r.sizeSmall,t.shrink&&r.shrink,!t.disableAnimation&&r.animated,t.focused&&r.focused,r[t.variant]]}})(V(({theme:e})=>({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",variants:[{props:({ownerState:r})=>r.formControl,style:{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"}},{props:{size:"small"},style:{transform:"translate(0, 17px) scale(1)"}},{props:({ownerState:r})=>r.shrink,style:{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"}},{props:({ownerState:r})=>!r.disableAnimation,style:{transition:e.transitions.create(["color","transform","max-width"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut})}},{props:{variant:"filled"},style:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"filled",size:"small"},style:{transform:"translate(12px, 13px) scale(1)"}},{props:({variant:r,ownerState:t})=>r==="filled"&&t.shrink,style:{userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"}},{props:({variant:r,ownerState:t,size:o})=>r==="filled"&&t.shrink&&o==="small",style:{transform:"translate(12px, 4px) scale(0.75)"}},{props:{variant:"outlined"},style:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"outlined",size:"small"},style:{transform:"translate(14px, 9px) scale(1)"}},{props:({variant:r,ownerState:t})=>r==="outlined"&&t.shrink,style:{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}}]}))),ar=x.forwardRef(function(r,t){const o=H({name:"MuiInputLabel",props:r}),{disableAnimation:s=!1,margin:l,shrink:i,variant:p,className:n,...d}=o,m=re();let b=i;typeof b>"u"&&m&&(b=m.filled||m.focused||m.adornedStart);const h=te({props:o,muiFormControl:m,states:["size","variant","required","focused"]}),g={...o,disableAnimation:s,formControl:m,shrink:b,size:h.size,variant:h.variant,required:h.required,focused:h.focused},f=or(g);return a.jsx(sr,{"data-shrink":b,ref:t,className:W(f.root,n),...d,ownerState:g,classes:f})});function nr(e){return A("MuiTextField",e)}N("MuiTextField",["root"]);const lr={standard:He,filled:Ne,outlined:Ae},ir=e=>{const{classes:r}=e;return U({root:["root"]},nr,r)},dr=T(Ke,{name:"MuiTextField",slot:"Root"})({}),cr=x.forwardRef(function(r,t){const o=H({props:r,name:"MuiTextField"}),{autoComplete:s,autoFocus:l=!1,children:i,className:p,color:n="primary",defaultValue:d,disabled:m=!1,error:b=!1,FormHelperTextProps:h,fullWidth:g=!1,helperText:f,id:u,InputLabelProps:c,inputProps:y,InputProps:P,inputRef:G,label:F,maxRows:J,minRows:E,multiline:L=!1,name:D,onBlur:M,onChange:O,onFocus:B,placeholder:_,required:R=!1,rows:Q,select:C=!1,SelectProps:v,slots:j={},slotProps:pe={},type:ue,value:oe,variant:K="outlined",...me}=o,S={...o,autoFocus:l,color:n,disabled:m,error:b,fullWidth:g,multiline:L,required:R,select:C,variant:K},fe=ir(S),k=Le(u),X=f&&k?`${k}-helper-text`:void 0,se=F&&k?`${k}-label`:void 0,xe=lr[K],w={slots:j,slotProps:{input:P,inputLabel:c,htmlInput:y,formHelperText:h,select:v,...pe}},q={},Y=w.slotProps.inputLabel;K==="outlined"&&(Y&&typeof Y.shrink<"u"&&(q.notched=Y.shrink),q.label=F),C&&((!v||!v.native)&&(q.id=void 0),q["aria-describedby"]=void 0);const[be,he]=I("root",{elementType:dr,shouldForwardComponentProp:!0,externalForwardedProps:{...w,...me},ownerState:S,className:W(fe.root,p),ref:t,additionalProps:{disabled:m,error:b,fullWidth:g,required:R,color:n,variant:K}}),[ve,ge]=I("input",{elementType:xe,externalForwardedProps:w,additionalProps:q,ownerState:S}),[ye,Ce]=I("inputLabel",{elementType:ar,externalForwardedProps:w,ownerState:S}),[Fe,Se]=I("htmlInput",{elementType:"input",externalForwardedProps:w,ownerState:S}),[ke,we]=I("formHelperText",{elementType:Qe,externalForwardedProps:w,ownerState:S}),[Pe,Ie]=I("select",{elementType:We,externalForwardedProps:w,ownerState:S}),ae=a.jsx(ve,{"aria-describedby":X,autoComplete:s,autoFocus:l,defaultValue:d,fullWidth:g,multiline:L,name:D,rows:Q,maxRows:J,minRows:E,type:ue,value:oe,id:k,inputRef:G,onBlur:M,onChange:O,onFocus:B,placeholder:_,inputProps:Se,slots:{input:j.htmlInput?Fe:void 0},...ge});return a.jsxs(be,{...he,children:[F!=null&&F!==""&&a.jsx(ye,{htmlFor:k,id:se,...Ce,children:F}),C?a.jsx(Pe,{"aria-describedby":X,id:k,labelId:se,value:oe,input:ae,...Ie,children:i}):ae,f&&a.jsx(ke,{id:X,...we,children:f})]})});/** + * @license @tabler/icons-react v3.35.0 - MIT + * + * This source code is licensed under the MIT license. + * See the LICENSE file in the root directory of this source tree. + */const pr=[["path",{d:"M9 14l-4 -4l4 -4",key:"svg-0"}],["path",{d:"M5 10h11a4 4 0 1 1 0 8h-1",key:"svg-1"}]],ur=ee("outline","arrow-back-up","ArrowBackUp",pr);/** + * @license @tabler/icons-react v3.35.0 - MIT + * + * This source code is licensed under the MIT license. + * See the LICENSE file in the root directory of this source tree. + */const mr=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M18 11l-6 -6",key:"svg-1"}],["path",{d:"M6 11l6 -6",key:"svg-2"}]],fr=ee("outline","arrow-up","ArrowUp",mr);/** + * @license @tabler/icons-react v3.35.0 - MIT + * + * This source code is licensed under the MIT license. + * See the LICENSE file in the root directory of this source tree. + */const xr=[["path",{d:"M19 2h-14a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3 -3v-14a3 3 0 0 0 -3 -3z",key:"svg-0"}]],br=ee("filled","square-filled","SquareFilled",xr),hr=()=>{const[{modelName:e,clusterInfo:{status:r}}]=Me(),[{input:t,status:o},{setInput:s,generate:l,stop:i,clear:p}]=Re(),n=je(d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),l())});return a.jsx(ne,{"data-status":o,children:a.jsx(cr,{value:t,onChange:d=>s(d.target.value),multiline:!0,maxRows:4,placeholder:"Ask anything",fullWidth:!0,onKeyDown:n,slotProps:{input:{sx:{border:"1px solid",borderColor:"grey.300",borderRadius:2,fontSize:"0.95rem",boxShadow:"2px 2px 4px rgba(0,0,0,0.05)",flexDirection:"column","& textarea":{fontSize:"0.95rem",scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}}},endAdornment:a.jsxs(ne,{direction:"row",sx:{alignSelf:"flex-end",alignItems:"center",gap:2},children:[a.jsx(le,{variant:"text",sx:{color:"text.secondary"},startIcon:a.jsx(ur,{}),disabled:o==="opened"||o==="generating",onClick:p,children:"Clear"}),a.jsx(le,{size:"small",color:"primary",disabled:r!=="available",loading:o==="opened",onClick:()=>{o==="opened"?i():o==="closed"&&l()},children:o==="opened"?a.jsx(Ue,{size:"medium"}):o==="generating"?a.jsx(br,{size:"1.25rem"}):a.jsx(fr,{size:"1.25rem"})})]})}}})})};function yr(){return a.jsxs(Ee,{children:[a.jsx(De,{}),a.jsx(hr,{})]})}export{yr as default}; diff --git a/src/frontend/dist/assets/chat-FgsII50J.js b/src/frontend/dist/assets/chat-FgsII50J.js deleted file mode 100644 index a76de9fd..00000000 --- a/src/frontend/dist/assets/chat-FgsII50J.js +++ /dev/null @@ -1,16 +0,0 @@ -import{a as A,g as N,r as x,u as H,j as a,s as T,c as U,b as z,d as W,m as V,h as Te,q as ze,v as Le,w as I,i as ee,n as Me,x as Re,l as je,S as ne,p as le}from"./index-DUqwdQtq.js";import{i as Z,b as qe,c as ie,F as $e,u as te,f as re,O as Ae,d as Ne,e as He,S as Ue,D as We,g as Ee,C as De}from"./main-layout-CMeEP11X.js";function Be(e){return A("MuiFormControl",e)}N("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]);const Oe=e=>{const{classes:t,margin:r,fullWidth:o}=e,s={root:["root",r!=="none"&&`margin${z(r)}`,o&&"fullWidth"]};return W(s,Be,t)},_e=T("div",{name:"MuiFormControl",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[`margin${z(r.margin)}`],r.fullWidth&&t.fullWidth]}})({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top",variants:[{props:{margin:"normal"},style:{marginTop:16,marginBottom:8}},{props:{margin:"dense"},style:{marginTop:8,marginBottom:4}},{props:{fullWidth:!0},style:{width:"100%"}}]}),Ke=x.forwardRef(function(t,r){const o=H({props:t,name:"MuiFormControl"}),{children:s,className:l,color:i="primary",component:p="div",disabled:n=!1,error:d=!1,focused:m,fullWidth:h=!1,hiddenLabel:b=!1,margin:g="none",required:f=!1,size:u="medium",variant:c="outlined",...C}=o,w={...o,color:i,component:p,disabled:n,error:d,fullWidth:h,hiddenLabel:b,margin:g,required:f,size:u,variant:c},G=Oe(w),[y,J]=x.useState(()=>{let F=!1;return s&&x.Children.forEach(s,v=>{if(!Z(v,["Input","Select"]))return;const j=Z(v,["Select"])?v.props.input:v;j&&qe(j.props)&&(F=!0)}),F}),[E,L]=x.useState(()=>{let F=!1;return s&&x.Children.forEach(s,v=>{Z(v,["Input","Select"])&&(ie(v.props,!0)||ie(v.props.inputProps,!0))&&(F=!0)}),F}),[D,M]=x.useState(!1);n&&D&&M(!1);const B=m!==void 0&&!n?m:D;let O;x.useRef(!1);const _=x.useCallback(()=>{L(!0)},[]),R=x.useCallback(()=>{L(!1)},[]),Q=x.useMemo(()=>({adornedStart:y,setAdornedStart:J,color:i,disabled:n,error:d,filled:E,focused:B,fullWidth:h,hiddenLabel:b,size:u,onBlur:()=>{M(!1)},onFocus:()=>{M(!0)},onEmpty:R,onFilled:_,registerEffect:O,required:f,variant:c}),[y,i,n,d,E,B,h,b,O,R,_,f,u,c]);return a.jsx($e.Provider,{value:Q,children:a.jsx(_e,{as:p,ownerState:w,className:U(G.root,l),ref:r,...C,children:s})})});function Ve(e){return A("MuiFormHelperText",e)}const de=N("MuiFormHelperText",["root","error","disabled","sizeSmall","sizeMedium","contained","focused","filled","required"]);var ce;const Ge=e=>{const{classes:t,contained:r,size:o,disabled:s,error:l,filled:i,focused:p,required:n}=e,d={root:["root",s&&"disabled",l&&"error",o&&`size${z(o)}`,r&&"contained",p&&"focused",i&&"filled",n&&"required"]};return W(d,Ve,t)},Je=T("p",{name:"MuiFormHelperText",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.size&&t[`size${z(r.size)}`],r.contained&&t.contained,r.filled&&t.filled]}})(V(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.typography.caption,textAlign:"left",marginTop:3,marginRight:0,marginBottom:0,marginLeft:0,[`&.${de.disabled}`]:{color:(e.vars||e).palette.text.disabled},[`&.${de.error}`]:{color:(e.vars||e).palette.error.main},variants:[{props:{size:"small"},style:{marginTop:4}},{props:({ownerState:t})=>t.contained,style:{marginLeft:14,marginRight:14}}]}))),Qe=x.forwardRef(function(t,r){const o=H({props:t,name:"MuiFormHelperText"}),{children:s,className:l,component:i="p",disabled:p,error:n,filled:d,focused:m,margin:h,required:b,variant:g,...f}=o,u=te(),c=re({props:o,muiFormControl:u,states:["variant","size","disabled","error","filled","focused","required"]}),C={...o,component:i,contained:c.variant==="filled"||c.variant==="outlined",variant:c.variant,size:c.size,disabled:c.disabled,error:c.error,filled:c.filled,focused:c.focused,required:c.required};delete C.ownerState;const w=Ge(C);return a.jsx(Je,{as:i,className:U(w.root,l),ref:r,...f,ownerState:C,children:s===" "?ce||(ce=a.jsx("span",{className:"notranslate","aria-hidden":!0,children:"​"})):s})});function Xe(e){return A("MuiFormLabel",e)}const $=N("MuiFormLabel",["root","colorSecondary","focused","disabled","error","filled","required","asterisk"]),Ye=e=>{const{classes:t,color:r,focused:o,disabled:s,error:l,filled:i,required:p}=e,n={root:["root",`color${z(r)}`,s&&"disabled",l&&"error",i&&"filled",o&&"focused",p&&"required"],asterisk:["asterisk",l&&"error"]};return W(n,Xe,t)},Ze=T("label",{name:"MuiFormLabel",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.color==="secondary"&&t.colorSecondary,r.filled&&t.filled]}})(V(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.typography.body1,lineHeight:"1.4375em",padding:0,position:"relative",variants:[...Object.entries(e.palette).filter(Te()).map(([t])=>({props:{color:t},style:{[`&.${$.focused}`]:{color:(e.vars||e).palette[t].main}}})),{props:{},style:{[`&.${$.disabled}`]:{color:(e.vars||e).palette.text.disabled},[`&.${$.error}`]:{color:(e.vars||e).palette.error.main}}}]}))),et=T("span",{name:"MuiFormLabel",slot:"Asterisk"})(V(({theme:e})=>({[`&.${$.error}`]:{color:(e.vars||e).palette.error.main}}))),tt=x.forwardRef(function(t,r){const o=H({props:t,name:"MuiFormLabel"}),{children:s,className:l,color:i,component:p="label",disabled:n,error:d,filled:m,focused:h,required:b,...g}=o,f=te(),u=re({props:o,muiFormControl:f,states:["color","required","focused","disabled","error","filled"]}),c={...o,color:u.color||"primary",component:p,disabled:u.disabled,error:u.error,filled:u.filled,focused:u.focused,required:u.required},C=Ye(c);return a.jsxs(Ze,{as:p,ownerState:c,className:U(C.root,l),ref:r,...g,children:[s,u.required&&a.jsxs(et,{ownerState:c,"aria-hidden":!0,className:C.asterisk,children:[" ","*"]})]})});function rt(e){return A("MuiInputLabel",e)}N("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const ot=e=>{const{classes:t,formControl:r,size:o,shrink:s,disableAnimation:l,variant:i,required:p}=e,n={root:["root",r&&"formControl",!l&&"animated",s&&"shrink",o&&o!=="medium"&&`size${z(o)}`,i],asterisk:[p&&"asterisk"]},d=W(n,rt,t);return{...t,...d}},st=T(tt,{shouldForwardProp:e=>ze(e)||e==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[{[`& .${$.asterisk}`]:t.asterisk},t.root,r.formControl&&t.formControl,r.size==="small"&&t.sizeSmall,r.shrink&&t.shrink,!r.disableAnimation&&t.animated,r.focused&&t.focused,t[r.variant]]}})(V(({theme:e})=>({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",variants:[{props:({ownerState:t})=>t.formControl,style:{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"}},{props:{size:"small"},style:{transform:"translate(0, 17px) scale(1)"}},{props:({ownerState:t})=>t.shrink,style:{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"}},{props:({ownerState:t})=>!t.disableAnimation,style:{transition:e.transitions.create(["color","transform","max-width"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut})}},{props:{variant:"filled"},style:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"filled",size:"small"},style:{transform:"translate(12px, 13px) scale(1)"}},{props:({variant:t,ownerState:r})=>t==="filled"&&r.shrink,style:{userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"}},{props:({variant:t,ownerState:r,size:o})=>t==="filled"&&r.shrink&&o==="small",style:{transform:"translate(12px, 4px) scale(0.75)"}},{props:{variant:"outlined"},style:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"outlined",size:"small"},style:{transform:"translate(14px, 9px) scale(1)"}},{props:({variant:t,ownerState:r})=>t==="outlined"&&r.shrink,style:{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}}]}))),at=x.forwardRef(function(t,r){const o=H({name:"MuiInputLabel",props:t}),{disableAnimation:s=!1,margin:l,shrink:i,variant:p,className:n,...d}=o,m=te();let h=i;typeof h>"u"&&m&&(h=m.filled||m.focused||m.adornedStart);const b=re({props:o,muiFormControl:m,states:["size","variant","required","focused"]}),g={...o,disableAnimation:s,formControl:m,shrink:h,size:b.size,variant:b.variant,required:b.required,focused:b.focused},f=ot(g);return a.jsx(st,{"data-shrink":h,ref:r,className:U(f.root,n),...d,ownerState:g,classes:f})});function nt(e){return A("MuiTextField",e)}N("MuiTextField",["root"]);const lt={standard:He,filled:Ne,outlined:Ae},it=e=>{const{classes:t}=e;return W({root:["root"]},nt,t)},dt=T(Ke,{name:"MuiTextField",slot:"Root"})({}),ct=x.forwardRef(function(t,r){const o=H({props:t,name:"MuiTextField"}),{autoComplete:s,autoFocus:l=!1,children:i,className:p,color:n="primary",defaultValue:d,disabled:m=!1,error:h=!1,FormHelperTextProps:b,fullWidth:g=!1,helperText:f,id:u,InputLabelProps:c,inputProps:C,InputProps:w,inputRef:G,label:y,maxRows:J,minRows:E,multiline:L=!1,name:D,onBlur:M,onChange:B,onFocus:O,placeholder:_,required:R=!1,rows:Q,select:F=!1,SelectProps:v,slots:j={},slotProps:pe={},type:ue,value:oe,variant:K="outlined",...me}=o,S={...o,autoFocus:l,color:n,disabled:m,error:h,fullWidth:g,multiline:L,required:R,select:F,variant:K},fe=it(S),k=Le(u),X=f&&k?`${k}-helper-text`:void 0,se=y&&k?`${k}-label`:void 0,xe=lt[K],P={slots:j,slotProps:{input:w,inputLabel:c,htmlInput:C,formHelperText:b,select:v,...pe}},q={},Y=P.slotProps.inputLabel;K==="outlined"&&(Y&&typeof Y.shrink<"u"&&(q.notched=Y.shrink),q.label=y),F&&((!v||!v.native)&&(q.id=void 0),q["aria-describedby"]=void 0);const[he,be]=I("root",{elementType:dt,shouldForwardComponentProp:!0,externalForwardedProps:{...P,...me},ownerState:S,className:U(fe.root,p),ref:r,additionalProps:{disabled:m,error:h,fullWidth:g,required:R,color:n,variant:K}}),[ve,ge]=I("input",{elementType:xe,externalForwardedProps:P,additionalProps:q,ownerState:S}),[Ce,Fe]=I("inputLabel",{elementType:at,externalForwardedProps:P,ownerState:S}),[ye,Se]=I("htmlInput",{elementType:"input",externalForwardedProps:P,ownerState:S}),[ke,Pe]=I("formHelperText",{elementType:Qe,externalForwardedProps:P,ownerState:S}),[we,Ie]=I("select",{elementType:Ue,externalForwardedProps:P,ownerState:S}),ae=a.jsx(ve,{"aria-describedby":X,autoComplete:s,autoFocus:l,defaultValue:d,fullWidth:g,multiline:L,name:D,rows:Q,maxRows:J,minRows:E,type:ue,value:oe,id:k,inputRef:G,onBlur:M,onChange:B,onFocus:O,placeholder:_,inputProps:Se,slots:{input:j.htmlInput?ye:void 0},...ge});return a.jsxs(he,{...be,children:[y!=null&&y!==""&&a.jsx(Ce,{htmlFor:k,id:se,...Fe,children:y}),F?a.jsx(we,{"aria-describedby":X,id:k,labelId:se,value:oe,input:ae,...Ie,children:i}):ae,f&&a.jsx(ke,{id:X,...Pe,children:f})]})});/** - * @license @tabler/icons-react v3.35.0 - MIT - * - * This source code is licensed under the MIT license. - * See the LICENSE file in the root directory of this source tree. - */const pt=[["path",{d:"M9 14l-4 -4l4 -4",key:"svg-0"}],["path",{d:"M5 10h11a4 4 0 1 1 0 8h-1",key:"svg-1"}]],ut=ee("outline","arrow-back-up","ArrowBackUp",pt);/** - * @license @tabler/icons-react v3.35.0 - MIT - * - * This source code is licensed under the MIT license. - * See the LICENSE file in the root directory of this source tree. - */const mt=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M18 11l-6 -6",key:"svg-1"}],["path",{d:"M6 11l6 -6",key:"svg-2"}]],ft=ee("outline","arrow-up","ArrowUp",mt);/** - * @license @tabler/icons-react v3.35.0 - MIT - * - * This source code is licensed under the MIT license. - * See the LICENSE file in the root directory of this source tree. - */const xt=[["path",{d:"M19 2h-14a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3 -3v-14a3 3 0 0 0 -3 -3z",key:"svg-0"}]],ht=ee("filled","square-filled","SquareFilled",xt),bt=()=>{const[{modelName:e,clusterInfo:{status:t}}]=Me(),[{input:r,status:o},{setInput:s,generate:l,stop:i,clear:p}]=Re(),n=je(d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),l())});return a.jsx(ne,{"data-status":o,children:a.jsx(ct,{value:r,onChange:d=>s(d.target.value),multiline:!0,maxRows:4,placeholder:"Ask anything...",fullWidth:!0,onKeyDown:n,slotProps:{input:{sx:{flexDirection:"column"},endAdornment:a.jsxs(ne,{direction:"row",sx:{alignSelf:"flex-end",alignItems:"center",gap:2},children:[a.jsx(le,{variant:"text",sx:{color:"text.secondary"},startIcon:a.jsx(ut,{}),disabled:o==="opened"||o==="generating",onClick:p,children:"Clear"}),a.jsx(le,{size:"small",color:"primary",disabled:t!=="available",loading:o==="opened",onClick:()=>{o==="opened"?i():o==="closed"&&l()},children:o==="opened"?a.jsx(We,{size:"medium"}):o==="generating"?a.jsx(ht,{size:"1.25rem"}):a.jsx(ft,{size:"1.25rem"})})]})}}})})};function Ct(){return a.jsxs(Ee,{children:[a.jsx(De,{}),a.jsx(bt,{})]})}export{Ct as default}; diff --git a/src/frontend/dist/assets/index-DUqwdQtq.js b/src/frontend/dist/assets/index-CKPnC4Q3.js similarity index 98% rename from src/frontend/dist/assets/index-DUqwdQtq.js rename to src/frontend/dist/assets/index-CKPnC4Q3.js index b64aa920..700e9655 100644 --- a/src/frontend/dist/assets/index-DUqwdQtq.js +++ b/src/frontend/dist/assets/index-CKPnC4Q3.js @@ -1,4 +1,4 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/setup-CIsUOWdt.js","assets/main-layout-CMeEP11X.js","assets/main-layout-DVneG3Rq.css","assets/join-lEjOASt5.js","assets/chat-FgsII50J.js"])))=>i.map(i=>d[i]); +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/setup-D6eE3iQP.js","assets/main-layout-_30RNP4s.js","assets/main-layout-DVneG3Rq.css","assets/join-BU_m_8I2.js","assets/chat-DTYOBy9Z.js"])))=>i.map(i=>d[i]); function MS(n,r){for(var l=0;lo[s]})}}}return Object.freeze(Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}))}(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))o(s);new MutationObserver(s=>{for(const c of s)if(c.type==="childList")for(const d of c.addedNodes)d.tagName==="LINK"&&d.rel==="modulepreload"&&o(d)}).observe(document,{childList:!0,subtree:!0});function l(s){const c={};return s.integrity&&(c.integrity=s.integrity),s.referrerPolicy&&(c.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?c.credentials="include":s.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function o(s){if(s.ep)return;s.ep=!0;const c=l(s);fetch(s.href,c)}})();function Na(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Tf={exports:{}},yl={};/** * @license React * react-jsx-runtime.production.js @@ -39,14 +39,14 @@ function MS(n,r){for(var l=0;lA||(e.current=le[A],le[A]=null,A--)}function ie(e,t){A++,le[A]=e.current,e.current=t}var oe=Y(null),fe=Y(null),se=Y(null),we=Y(null);function Se(e,t){switch(ie(se,t),ie(fe,e),ie(oe,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Ag(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Ag(t),e=Og(t,e);else switch(e){case"svg":e=1;break;case"math":e=2;break;default:e=0}}ae(oe),ie(oe,e)}function Qe(){ae(oe),ae(fe),ae(se)}function Xe(e){e.memoizedState!==null&&ie(we,e);var t=oe.current,a=Og(t,e.type);t!==a&&(ie(fe,e),ie(oe,a))}function it(e){fe.current===e&&(ae(oe),ae(fe)),we.current===e&&(ae(we),dl._currentValue=Q)}var vt=Object.prototype.hasOwnProperty,Mt=n.unstable_scheduleCallback,$t=n.unstable_cancelCallback,yn=n.unstable_shouldYield,Un=n.unstable_requestPaint,Fe=n.unstable_now,Nt=n.unstable_getCurrentPriorityLevel,ft=n.unstable_ImmediatePriority,vn=n.unstable_UserBlockingPriority,An=n.unstable_NormalPriority,pe=n.unstable_LowPriority,Ql=n.unstable_IdlePriority,Kl=n.log,Il=n.unstable_setDisableYieldValue,bt=null,Te=null;function lt(e){if(typeof Kl=="function"&&Il(e),Te&&typeof Te.setStrictMode=="function")try{Te.setStrictMode(bt,e)}catch{}}var Ke=Math.clz32?Math.clz32:f1,Si=Math.log,cs=Math.LN2;function f1(e){return e>>>=0,e===0?32:31-(Si(e)/cs|0)|0}var Wl=256,Jl=4194304;function ja(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194048;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Fl(e,t,a){var i=e.pendingLanes;if(i===0)return 0;var u=0,f=e.suspendedLanes,g=e.pingedLanes;e=e.warmLanes;var b=i&134217727;return b!==0?(i=b&~f,i!==0?u=ja(i):(g&=b,g!==0?u=ja(g):a||(a=b&~e,a!==0&&(u=ja(a))))):(b=i&~f,b!==0?u=ja(b):g!==0?u=ja(g):a||(a=i&~e,a!==0&&(u=ja(a)))),u===0?0:t!==0&&t!==u&&(t&f)===0&&(f=u&-u,a=t&-t,f>=a||f===32&&(a&4194048)!==0)?t:u}function xi(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function d1(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function sh(){var e=Wl;return Wl<<=1,(Wl&4194048)===0&&(Wl=256),e}function ch(){var e=Jl;return Jl<<=1,(Jl&62914560)===0&&(Jl=4194304),e}function fs(e){for(var t=[],a=0;31>a;a++)t.push(e);return t}function Ci(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function h1(e,t,a,i,u,f){var g=e.pendingLanes;e.pendingLanes=a,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=a,e.entangledLanes&=a,e.errorRecoveryDisabledLanes&=a,e.shellSuspendCounter=0;var b=e.entanglements,R=e.expirationTimes,U=e.hiddenUpdates;for(a=g&~a;0A||(e.current=le[A],le[A]=null,A--)}function ie(e,t){A++,le[A]=e.current,e.current=t}var oe=Y(null),fe=Y(null),se=Y(null),we=Y(null);function Se(e,t){switch(ie(se,t),ie(fe,e),ie(oe,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?Ag(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=Ag(t),e=Og(t,e);else switch(e){case"svg":e=1;break;case"math":e=2;break;default:e=0}}ae(oe),ie(oe,e)}function Qe(){ae(oe),ae(fe),ae(se)}function Xe(e){e.memoizedState!==null&&ie(we,e);var t=oe.current,a=Og(t,e.type);t!==a&&(ie(fe,e),ie(oe,a))}function lt(e){fe.current===e&&(ae(oe),ae(fe)),we.current===e&&(ae(we),dl._currentValue=Q)}var vt=Object.prototype.hasOwnProperty,Mt=n.unstable_scheduleCallback,$t=n.unstable_cancelCallback,yn=n.unstable_shouldYield,Un=n.unstable_requestPaint,Fe=n.unstable_now,Nt=n.unstable_getCurrentPriorityLevel,ft=n.unstable_ImmediatePriority,vn=n.unstable_UserBlockingPriority,An=n.unstable_NormalPriority,pe=n.unstable_LowPriority,Ql=n.unstable_IdlePriority,Kl=n.log,Il=n.unstable_setDisableYieldValue,bt=null,Te=null;function ot(e){if(typeof Kl=="function"&&Il(e),Te&&typeof Te.setStrictMode=="function")try{Te.setStrictMode(bt,e)}catch{}}var Ke=Math.clz32?Math.clz32:f1,Si=Math.log,cs=Math.LN2;function f1(e){return e>>>=0,e===0?32:31-(Si(e)/cs|0)|0}var Wl=256,Jl=4194304;function ja(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194048;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Fl(e,t,a){var i=e.pendingLanes;if(i===0)return 0;var u=0,f=e.suspendedLanes,g=e.pingedLanes;e=e.warmLanes;var b=i&134217727;return b!==0?(i=b&~f,i!==0?u=ja(i):(g&=b,g!==0?u=ja(g):a||(a=b&~e,a!==0&&(u=ja(a))))):(b=i&~f,b!==0?u=ja(b):g!==0?u=ja(g):a||(a=i&~e,a!==0&&(u=ja(a)))),u===0?0:t!==0&&t!==u&&(t&f)===0&&(f=u&-u,a=t&-t,f>=a||f===32&&(a&4194048)!==0)?t:u}function xi(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function d1(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function sh(){var e=Wl;return Wl<<=1,(Wl&4194048)===0&&(Wl=256),e}function ch(){var e=Jl;return Jl<<=1,(Jl&62914560)===0&&(Jl=4194304),e}function fs(e){for(var t=[],a=0;31>a;a++)t.push(e);return t}function Ci(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function h1(e,t,a,i,u,f){var g=e.pendingLanes;e.pendingLanes=a,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=a,e.entangledLanes&=a,e.errorRecoveryDisabledLanes&=a,e.shellSuspendCounter=0;var b=e.entanglements,R=e.expirationTimes,U=e.hiddenUpdates;for(a=g&~a;0)":-1u||R[i]!==U[u]){var ee=` `+R[i].replace(" at new "," at ");return e.displayName&&ee.includes("")&&(ee=ee.replace("",e.displayName)),ee}while(1<=i&&0<=u);break}}}finally{ys=!1,Error.prepareStackTrace=a}return(a=e?e.displayName||e.name:"")?Sr(a):""}function b1(e){switch(e.tag){case 26:case 27:case 5:return Sr(e.type);case 16:return Sr("Lazy");case 13:return Sr("Suspense");case 19:return Sr("SuspenseList");case 0:case 15:return vs(e.type,!1);case 11:return vs(e.type.render,!1);case 1:return vs(e.type,!0);case 31:return Sr("Activity");default:return""}}function Sh(e){try{var t="";do t+=b1(e),e=e.return;while(e);return t}catch(a){return` Error generating stack: `+a.message+` -`+a.stack}}function nn(e){switch(typeof e){case"bigint":case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function xh(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function S1(e){var t=xh(e)?"checked":"value",a=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),i=""+e[t];if(!e.hasOwnProperty(t)&&typeof a<"u"&&typeof a.get=="function"&&typeof a.set=="function"){var u=a.get,f=a.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return u.call(this)},set:function(g){i=""+g,f.call(this,g)}}),Object.defineProperty(e,t,{enumerable:a.enumerable}),{getValue:function(){return i},setValue:function(g){i=""+g},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function no(e){e._valueTracker||(e._valueTracker=S1(e))}function Ch(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var a=t.getValue(),i="";return e&&(i=xh(e)?e.checked?"true":"false":e.value),e=i,e!==a?(t.setValue(e),!0):!1}function ao(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var x1=/[\n"\\]/g;function an(e){return e.replace(x1,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function bs(e,t,a,i,u,f,g,b){e.name="",g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"?e.type=g:e.removeAttribute("type"),t!=null?g==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+nn(t)):e.value!==""+nn(t)&&(e.value=""+nn(t)):g!=="submit"&&g!=="reset"||e.removeAttribute("value"),t!=null?Ss(e,g,nn(t)):a!=null?Ss(e,g,nn(a)):i!=null&&e.removeAttribute("value"),u==null&&f!=null&&(e.defaultChecked=!!f),u!=null&&(e.checked=u&&typeof u!="function"&&typeof u!="symbol"),b!=null&&typeof b!="function"&&typeof b!="symbol"&&typeof b!="boolean"?e.name=""+nn(b):e.removeAttribute("name")}function Th(e,t,a,i,u,f,g,b){if(f!=null&&typeof f!="function"&&typeof f!="symbol"&&typeof f!="boolean"&&(e.type=f),t!=null||a!=null){if(!(f!=="submit"&&f!=="reset"||t!=null))return;a=a!=null?""+nn(a):"",t=t!=null?""+nn(t):a,b||t===e.value||(e.value=t),e.defaultValue=t}i=i??u,i=typeof i!="function"&&typeof i!="symbol"&&!!i,e.checked=b?e.checked:!!i,e.defaultChecked=!!i,g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"&&(e.name=g)}function Ss(e,t,a){t==="number"&&ao(e.ownerDocument)===e||e.defaultValue===""+a||(e.defaultValue=""+a)}function xr(e,t,a,i){if(e=e.options,t){t={};for(var u=0;u"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ms=!1;if(Yn)try{var Ai={};Object.defineProperty(Ai,"passive",{get:function(){Ms=!0}}),window.addEventListener("test",Ai,Ai),window.removeEventListener("test",Ai,Ai)}catch{Ms=!1}var sa=null,As=null,io=null;function Dh(){if(io)return io;var e,t=As,a=t.length,i,u="value"in sa?sa.value:sa.textContent,f=u.length;for(e=0;e=Ri),Bh=" ",Lh=!1;function jh(e,t){switch(e){case"keyup":return K1.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Uh(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Mr=!1;function W1(e,t){switch(e){case"compositionend":return Uh(t);case"keypress":return t.which!==32?null:(Lh=!0,Bh);case"textInput":return e=t.data,e===Bh&&Lh?null:e;default:return null}}function J1(e,t){if(Mr)return e==="compositionend"||!_s&&jh(e,t)?(e=Dh(),io=As=sa=null,Mr=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:a,offset:t-e};e=i}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=Zh(a)}}function Kh(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Kh(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Ih(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=ao(e.document);t instanceof e.HTMLIFrameElement;){try{var a=typeof t.contentWindow.location.href=="string"}catch{a=!1}if(a)e=t.contentWindow;else break;t=ao(e.document)}return t}function $s(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}var lb=Yn&&"documentMode"in document&&11>=document.documentMode,Ar=null,Ns=null,ki=null,Bs=!1;function Wh(e,t,a){var i=a.window===a?a.document:a.nodeType===9?a:a.ownerDocument;Bs||Ar==null||Ar!==ao(i)||(i=Ar,"selectionStart"in i&&$s(i)?i={start:i.selectionStart,end:i.selectionEnd}:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection(),i={anchorNode:i.anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset}),ki&&zi(ki,i)||(ki=i,i=Io(Ns,"onSelect"),0>=g,u-=g,Vn=1<<32-Ke(t)+u|a<f?f:8;var g=w.T,b={};w.T=b,xc(e,!1,t,a);try{var R=u(),U=w.S;if(U!==null&&U(b,R),R!==null&&typeof R=="object"&&typeof R.then=="function"){var ee=pb(R,i);Qi(e,t,ee,It(e))}else Qi(e,t,i,It(e))}catch(ne){Qi(e,t,{then:function(){},status:"rejected",reason:ne},It())}finally{H.p=f,w.T=g}}function Sb(){}function bc(e,t,a,i){if(e.tag!==5)throw Error(o(476));var u=Jm(e).queue;Wm(e,u,t,Q,a===null?Sb:function(){return Fm(e),a(i)})}function Jm(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:Q,baseState:Q,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Zn,lastRenderedState:Q},next:null};var a={};return t.next={memoizedState:a,baseState:a,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Zn,lastRenderedState:a},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function Fm(e){var t=Jm(e).next.queue;Qi(e,t,{},It())}function Sc(){return _t(dl)}function ep(){return ht().memoizedState}function tp(){return ht().memoizedState}function xb(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var a=It();e=da(a);var i=ha(t,e,a);i!==null&&(Wt(i,t,a),qi(i,t,a)),t={cache:Is()},e.payload=t;return}t=t.return}}function Cb(e,t,a){var i=It();a={lane:i,revertLane:0,action:a,hasEagerState:!1,eagerState:null,next:null},Do(e)?ap(t,a):(a=Hs(e,t,a,i),a!==null&&(Wt(a,e,i),rp(a,t,i)))}function np(e,t,a){var i=It();Qi(e,t,a,i)}function Qi(e,t,a,i){var u={lane:i,revertLane:0,action:a,hasEagerState:!1,eagerState:null,next:null};if(Do(e))ap(t,u);else{var f=e.alternate;if(e.lanes===0&&(f===null||f.lanes===0)&&(f=t.lastRenderedReducer,f!==null))try{var g=t.lastRenderedState,b=f(g,a);if(u.hasEagerState=!0,u.eagerState=b,Pt(b,g))return ho(e,t,u,0),Pe===null&&fo(),!1}catch{}finally{}if(a=Hs(e,t,u,i),a!==null)return Wt(a,e,i),rp(a,t,i),!0}return!1}function xc(e,t,a,i){if(i={lane:2,revertLane:Fc(),action:i,hasEagerState:!1,eagerState:null,next:null},Do(e)){if(t)throw Error(o(479))}else t=Hs(e,a,i,2),t!==null&&Wt(t,e,2)}function Do(e){var t=e.alternate;return e===ve||t!==null&&t===ve}function ap(e,t){Br=Eo=!0;var a=e.pending;a===null?t.next=t:(t.next=a.next,a.next=t),e.pending=t}function rp(e,t,a){if((a&4194048)!==0){var i=t.lanes;i&=e.pendingLanes,a|=i,t.lanes=a,dh(e,a)}}var _o={readContext:_t,use:Ao,useCallback:ot,useContext:ot,useEffect:ot,useImperativeHandle:ot,useLayoutEffect:ot,useInsertionEffect:ot,useMemo:ot,useReducer:ot,useRef:ot,useState:ot,useDebugValue:ot,useDeferredValue:ot,useTransition:ot,useSyncExternalStore:ot,useId:ot,useHostTransitionStatus:ot,useFormState:ot,useActionState:ot,useOptimistic:ot,useMemoCache:ot,useCacheRefresh:ot},ip={readContext:_t,use:Ao,useCallback:function(e,t){return Ht().memoizedState=[e,t===void 0?null:t],e},useContext:_t,useEffect:qm,useImperativeHandle:function(e,t,a){a=a!=null?a.concat([e]):null,Ro(4194308,4,Xm.bind(null,t,e),a)},useLayoutEffect:function(e,t){return Ro(4194308,4,e,t)},useInsertionEffect:function(e,t){Ro(4,2,e,t)},useMemo:function(e,t){var a=Ht();t=t===void 0?null:t;var i=e();if(Wa){lt(!0);try{e()}finally{lt(!1)}}return a.memoizedState=[i,t],i},useReducer:function(e,t,a){var i=Ht();if(a!==void 0){var u=a(t);if(Wa){lt(!0);try{a(t)}finally{lt(!1)}}}else u=t;return i.memoizedState=i.baseState=u,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:u},i.queue=e,e=e.dispatch=Cb.bind(null,ve,e),[i.memoizedState,e]},useRef:function(e){var t=Ht();return e={current:e},t.memoizedState=e},useState:function(e){e=pc(e);var t=e.queue,a=np.bind(null,ve,t);return t.dispatch=a,[e.memoizedState,a]},useDebugValue:yc,useDeferredValue:function(e,t){var a=Ht();return vc(a,e,t)},useTransition:function(){var e=pc(!1);return e=Wm.bind(null,ve,e.queue,!0,!1),Ht().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,a){var i=ve,u=Ht();if(De){if(a===void 0)throw Error(o(407));a=a()}else{if(a=t(),Pe===null)throw Error(o(349));(Ee&124)!==0||Am(i,t,a)}u.memoizedState=a;var f={value:a,getSnapshot:t};return u.queue=f,qm(wm.bind(null,i,f,e),[e]),i.flags|=2048,jr(9,wo(),Om.bind(null,i,f,a,t),null),a},useId:function(){var e=Ht(),t=Pe.identifierPrefix;if(De){var a=Gn,i=Vn;a=(i&~(1<<32-Ke(i)-1)).toString(32)+a,t="«"+t+"R"+a,a=Mo++,0he?(Tt=ce,ce=null):Tt=ce.sibling;var Re=V(N,ce,j[he],te);if(Re===null){ce===null&&(ce=Tt);break}e&&ce&&Re.alternate===null&&t(N,ce),k=f(Re,k,he),be===null?ue=Re:be.sibling=Re,be=Re,ce=Tt}if(he===j.length)return a(N,ce),De&&Pa(N,he),ue;if(ce===null){for(;hehe?(Tt=ce,ce=null):Tt=ce.sibling;var Da=V(N,ce,Re.value,te);if(Da===null){ce===null&&(ce=Tt);break}e&&ce&&Da.alternate===null&&t(N,ce),k=f(Da,k,he),be===null?ue=Da:be.sibling=Da,be=Da,ce=Tt}if(Re.done)return a(N,ce),De&&Pa(N,he),ue;if(ce===null){for(;!Re.done;he++,Re=j.next())Re=ne(N,Re.value,te),Re!==null&&(k=f(Re,k,he),be===null?ue=Re:be.sibling=Re,be=Re);return De&&Pa(N,he),ue}for(ce=i(ce);!Re.done;he++,Re=j.next())Re=P(ce,N,he,Re.value,te),Re!==null&&(e&&Re.alternate!==null&&ce.delete(Re.key===null?he:Re.key),k=f(Re,k,he),be===null?ue=Re:be.sibling=Re,be=Re);return e&&ce.forEach(function(ES){return t(N,ES)}),De&&Pa(N,he),ue}function Ye(N,k,j,te){if(typeof j=="object"&&j!==null&&j.type===E&&j.key===null&&(j=j.props.children),typeof j=="object"&&j!==null){switch(j.$$typeof){case x:e:{for(var ue=j.key;k!==null;){if(k.key===ue){if(ue=j.type,ue===E){if(k.tag===7){a(N,k.sibling),te=u(k,j.props.children),te.return=N,N=te;break e}}else if(k.elementType===ue||typeof ue=="object"&&ue!==null&&ue.$$typeof===J&&op(ue)===k.type){a(N,k.sibling),te=u(k,j.props),Ii(te,j),te.return=N,N=te;break e}a(N,k);break}else t(N,k);k=k.sibling}j.type===E?(te=Va(j.props.children,N.mode,te,j.key),te.return=N,N=te):(te=po(j.type,j.key,j.props,null,N.mode,te),Ii(te,j),te.return=N,N=te)}return g(N);case O:e:{for(ue=j.key;k!==null;){if(k.key===ue)if(k.tag===4&&k.stateNode.containerInfo===j.containerInfo&&k.stateNode.implementation===j.implementation){a(N,k.sibling),te=u(k,j.children||[]),te.return=N,N=te;break e}else{a(N,k);break}else t(N,k);k=k.sibling}te=Vs(j,N.mode,te),te.return=N,N=te}return g(N);case J:return ue=j._init,j=ue(j._payload),Ye(N,k,j,te)}if(Z(j))return me(N,k,j,te);if(S(j)){if(ue=S(j),typeof ue!="function")throw Error(o(150));return j=ue.call(j),de(N,k,j,te)}if(typeof j.then=="function")return Ye(N,k,zo(j),te);if(j.$$typeof===$)return Ye(N,k,bo(N,j),te);ko(N,j)}return typeof j=="string"&&j!==""||typeof j=="number"||typeof j=="bigint"?(j=""+j,k!==null&&k.tag===6?(a(N,k.sibling),te=u(k,j),te.return=N,N=te):(a(N,k),te=qs(j,N.mode,te),te.return=N,N=te),g(N)):a(N,k)}return function(N,k,j,te){try{Ki=0;var ue=Ye(N,k,j,te);return Ur=null,ue}catch(ce){if(ce===Hi||ce===xo)throw ce;var be=Xt(29,ce,null,N.mode);return be.lanes=te,be.return=N,be}finally{}}}var Hr=up(!0),sp=up(!1),sn=Y(null),wn=null;function pa(e){var t=e.alternate;ie(yt,yt.current&1),ie(sn,e),wn===null&&(t===null||Nr.current!==null||t.memoizedState!==null)&&(wn=e)}function cp(e){if(e.tag===22){if(ie(yt,yt.current),ie(sn,e),wn===null){var t=e.alternate;t!==null&&t.memoizedState!==null&&(wn=e)}}else ga()}function ga(){ie(yt,yt.current),ie(sn,sn.current)}function Qn(e){ae(sn),wn===e&&(wn=null),ae(yt)}var yt=Y(0);function $o(e){for(var t=e;t!==null;){if(t.tag===13){var a=t.memoizedState;if(a!==null&&(a=a.dehydrated,a===null||a.data==="$?"||df(a)))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if((t.flags&128)!==0)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}function Cc(e,t,a,i){t=e.memoizedState,a=a(i,t),a=a==null?t:y({},t,a),e.memoizedState=a,e.lanes===0&&(e.updateQueue.baseState=a)}var Tc={enqueueSetState:function(e,t,a){e=e._reactInternals;var i=It(),u=da(i);u.payload=t,a!=null&&(u.callback=a),t=ha(e,u,i),t!==null&&(Wt(t,e,i),qi(t,e,i))},enqueueReplaceState:function(e,t,a){e=e._reactInternals;var i=It(),u=da(i);u.tag=1,u.payload=t,a!=null&&(u.callback=a),t=ha(e,u,i),t!==null&&(Wt(t,e,i),qi(t,e,i))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var a=It(),i=da(a);i.tag=2,t!=null&&(i.callback=t),t=ha(e,i,a),t!==null&&(Wt(t,e,a),qi(t,e,a))}};function fp(e,t,a,i,u,f,g){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(i,f,g):t.prototype&&t.prototype.isPureReactComponent?!zi(a,i)||!zi(u,f):!0}function dp(e,t,a,i){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(a,i),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(a,i),t.state!==e&&Tc.enqueueReplaceState(t,t.state,null)}function Ja(e,t){var a=t;if("ref"in t){a={};for(var i in t)i!=="ref"&&(a[i]=t[i])}if(e=e.defaultProps){a===t&&(a=y({},a));for(var u in e)a[u]===void 0&&(a[u]=e[u])}return a}var No=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var t=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function hp(e){No(e)}function mp(e){console.error(e)}function pp(e){No(e)}function Bo(e,t){try{var a=e.onUncaughtError;a(t.value,{componentStack:t.stack})}catch(i){setTimeout(function(){throw i})}}function gp(e,t,a){try{var i=e.onCaughtError;i(a.value,{componentStack:a.stack,errorBoundary:t.tag===1?t.stateNode:null})}catch(u){setTimeout(function(){throw u})}}function Ec(e,t,a){return a=da(a),a.tag=3,a.payload={element:null},a.callback=function(){Bo(e,t)},a}function yp(e){return e=da(e),e.tag=3,e}function vp(e,t,a,i){var u=a.type.getDerivedStateFromError;if(typeof u=="function"){var f=i.value;e.payload=function(){return u(f)},e.callback=function(){gp(t,a,i)}}var g=a.stateNode;g!==null&&typeof g.componentDidCatch=="function"&&(e.callback=function(){gp(t,a,i),typeof u!="function"&&(Ca===null?Ca=new Set([this]):Ca.add(this));var b=i.stack;this.componentDidCatch(i.value,{componentStack:b!==null?b:""})})}function Eb(e,t,a,i,u){if(a.flags|=32768,i!==null&&typeof i=="object"&&typeof i.then=="function"){if(t=a.alternate,t!==null&&Li(t,a,u,!0),a=sn.current,a!==null){switch(a.tag){case 13:return wn===null?Qc():a.alternate===null&&tt===0&&(tt=3),a.flags&=-257,a.flags|=65536,a.lanes=u,i===Fs?a.flags|=16384:(t=a.updateQueue,t===null?a.updateQueue=new Set([i]):t.add(i),Ic(e,i,u)),!1;case 22:return a.flags|=65536,i===Fs?a.flags|=16384:(t=a.updateQueue,t===null?(t={transitions:null,markerInstances:null,retryQueue:new Set([i])},a.updateQueue=t):(a=t.retryQueue,a===null?t.retryQueue=new Set([i]):a.add(i)),Ic(e,i,u)),!1}throw Error(o(435,a.tag))}return Ic(e,i,u),Qc(),!1}if(De)return t=sn.current,t!==null?((t.flags&65536)===0&&(t.flags|=256),t.flags|=65536,t.lanes=u,i!==Xs&&(e=Error(o(422),{cause:i}),Bi(rn(e,a)))):(i!==Xs&&(t=Error(o(423),{cause:i}),Bi(rn(t,a))),e=e.current.alternate,e.flags|=65536,u&=-u,e.lanes|=u,i=rn(i,a),u=Ec(e.stateNode,i,u),nc(e,u),tt!==4&&(tt=2)),!1;var f=Error(o(520),{cause:i});if(f=rn(f,a),al===null?al=[f]:al.push(f),tt!==4&&(tt=2),t===null)return!0;i=rn(i,a),a=t;do{switch(a.tag){case 3:return a.flags|=65536,e=u&-u,a.lanes|=e,e=Ec(a.stateNode,i,e),nc(a,e),!1;case 1:if(t=a.type,f=a.stateNode,(a.flags&128)===0&&(typeof t.getDerivedStateFromError=="function"||f!==null&&typeof f.componentDidCatch=="function"&&(Ca===null||!Ca.has(f))))return a.flags|=65536,u&=-u,a.lanes|=u,u=yp(u),vp(u,e,a,i),nc(a,u),!1}a=a.return}while(a!==null);return!1}var bp=Error(o(461)),xt=!1;function At(e,t,a,i){t.child=e===null?sp(t,null,a,i):Hr(t,e.child,a,i)}function Sp(e,t,a,i,u){a=a.render;var f=t.ref;if("ref"in i){var g={};for(var b in i)b!=="ref"&&(g[b]=i[b])}else g=i;return Ka(t),i=oc(e,t,a,g,f,u),b=uc(),e!==null&&!xt?(sc(e,t,u),Kn(e,t,u)):(De&&b&&Gs(t),t.flags|=1,At(e,t,i,u),t.child)}function xp(e,t,a,i,u){if(e===null){var f=a.type;return typeof f=="function"&&!Ys(f)&&f.defaultProps===void 0&&a.compare===null?(t.tag=15,t.type=f,Cp(e,t,f,i,u)):(e=po(a.type,null,i,t,t.mode,u),e.ref=t.ref,e.return=t,t.child=e)}if(f=e.child,!zc(e,u)){var g=f.memoizedProps;if(a=a.compare,a=a!==null?a:zi,a(g,i)&&e.ref===t.ref)return Kn(e,t,u)}return t.flags|=1,e=qn(f,i),e.ref=t.ref,e.return=t,t.child=e}function Cp(e,t,a,i,u){if(e!==null){var f=e.memoizedProps;if(zi(f,i)&&e.ref===t.ref)if(xt=!1,t.pendingProps=i=f,zc(e,u))(e.flags&131072)!==0&&(xt=!0);else return t.lanes=e.lanes,Kn(e,t,u)}return Mc(e,t,a,i,u)}function Tp(e,t,a){var i=t.pendingProps,u=i.children,f=e!==null?e.memoizedState:null;if(i.mode==="hidden"){if((t.flags&128)!==0){if(i=f!==null?f.baseLanes|a:a,e!==null){for(u=t.child=e.child,f=0;u!==null;)f=f|u.lanes|u.childLanes,u=u.sibling;t.childLanes=f&~i}else t.childLanes=0,t.child=null;return Ep(e,t,i,a)}if((a&536870912)!==0)t.memoizedState={baseLanes:0,cachePool:null},e!==null&&So(t,f!==null?f.cachePool:null),f!==null?Cm(t,f):rc(),cp(t);else return t.lanes=t.childLanes=536870912,Ep(e,t,f!==null?f.baseLanes|a:a,a)}else f!==null?(So(t,f.cachePool),Cm(t,f),ga(),t.memoizedState=null):(e!==null&&So(t,null),rc(),ga());return At(e,t,u,a),t.child}function Ep(e,t,a,i){var u=Js();return u=u===null?null:{parent:gt._currentValue,pool:u},t.memoizedState={baseLanes:a,cachePool:u},e!==null&&So(t,null),rc(),cp(t),e!==null&&Li(e,t,i,!0),null}function Lo(e,t){var a=t.ref;if(a===null)e!==null&&e.ref!==null&&(t.flags|=4194816);else{if(typeof a!="function"&&typeof a!="object")throw Error(o(284));(e===null||e.ref!==a)&&(t.flags|=4194816)}}function Mc(e,t,a,i,u){return Ka(t),a=oc(e,t,a,i,void 0,u),i=uc(),e!==null&&!xt?(sc(e,t,u),Kn(e,t,u)):(De&&i&&Gs(t),t.flags|=1,At(e,t,a,u),t.child)}function Mp(e,t,a,i,u,f){return Ka(t),t.updateQueue=null,a=Em(t,i,a,u),Tm(e),i=uc(),e!==null&&!xt?(sc(e,t,f),Kn(e,t,f)):(De&&i&&Gs(t),t.flags|=1,At(e,t,a,f),t.child)}function Ap(e,t,a,i,u){if(Ka(t),t.stateNode===null){var f=Dr,g=a.contextType;typeof g=="object"&&g!==null&&(f=_t(g)),f=new a(i,f),t.memoizedState=f.state!==null&&f.state!==void 0?f.state:null,f.updater=Tc,t.stateNode=f,f._reactInternals=t,f=t.stateNode,f.props=i,f.state=t.memoizedState,f.refs={},ec(t),g=a.contextType,f.context=typeof g=="object"&&g!==null?_t(g):Dr,f.state=t.memoizedState,g=a.getDerivedStateFromProps,typeof g=="function"&&(Cc(t,a,g,i),f.state=t.memoizedState),typeof a.getDerivedStateFromProps=="function"||typeof f.getSnapshotBeforeUpdate=="function"||typeof f.UNSAFE_componentWillMount!="function"&&typeof f.componentWillMount!="function"||(g=f.state,typeof f.componentWillMount=="function"&&f.componentWillMount(),typeof f.UNSAFE_componentWillMount=="function"&&f.UNSAFE_componentWillMount(),g!==f.state&&Tc.enqueueReplaceState(f,f.state,null),Gi(t,i,f,u),Vi(),f.state=t.memoizedState),typeof f.componentDidMount=="function"&&(t.flags|=4194308),i=!0}else if(e===null){f=t.stateNode;var b=t.memoizedProps,R=Ja(a,b);f.props=R;var U=f.context,ee=a.contextType;g=Dr,typeof ee=="object"&&ee!==null&&(g=_t(ee));var ne=a.getDerivedStateFromProps;ee=typeof ne=="function"||typeof f.getSnapshotBeforeUpdate=="function",b=t.pendingProps!==b,ee||typeof f.UNSAFE_componentWillReceiveProps!="function"&&typeof f.componentWillReceiveProps!="function"||(b||U!==g)&&dp(t,f,i,g),fa=!1;var V=t.memoizedState;f.state=V,Gi(t,i,f,u),Vi(),U=t.memoizedState,b||V!==U||fa?(typeof ne=="function"&&(Cc(t,a,ne,i),U=t.memoizedState),(R=fa||fp(t,a,R,i,V,U,g))?(ee||typeof f.UNSAFE_componentWillMount!="function"&&typeof f.componentWillMount!="function"||(typeof f.componentWillMount=="function"&&f.componentWillMount(),typeof f.UNSAFE_componentWillMount=="function"&&f.UNSAFE_componentWillMount()),typeof f.componentDidMount=="function"&&(t.flags|=4194308)):(typeof f.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=i,t.memoizedState=U),f.props=i,f.state=U,f.context=g,i=R):(typeof f.componentDidMount=="function"&&(t.flags|=4194308),i=!1)}else{f=t.stateNode,tc(e,t),g=t.memoizedProps,ee=Ja(a,g),f.props=ee,ne=t.pendingProps,V=f.context,U=a.contextType,R=Dr,typeof U=="object"&&U!==null&&(R=_t(U)),b=a.getDerivedStateFromProps,(U=typeof b=="function"||typeof f.getSnapshotBeforeUpdate=="function")||typeof f.UNSAFE_componentWillReceiveProps!="function"&&typeof f.componentWillReceiveProps!="function"||(g!==ne||V!==R)&&dp(t,f,i,R),fa=!1,V=t.memoizedState,f.state=V,Gi(t,i,f,u),Vi();var P=t.memoizedState;g!==ne||V!==P||fa||e!==null&&e.dependencies!==null&&vo(e.dependencies)?(typeof b=="function"&&(Cc(t,a,b,i),P=t.memoizedState),(ee=fa||fp(t,a,ee,i,V,P,R)||e!==null&&e.dependencies!==null&&vo(e.dependencies))?(U||typeof f.UNSAFE_componentWillUpdate!="function"&&typeof f.componentWillUpdate!="function"||(typeof f.componentWillUpdate=="function"&&f.componentWillUpdate(i,P,R),typeof f.UNSAFE_componentWillUpdate=="function"&&f.UNSAFE_componentWillUpdate(i,P,R)),typeof f.componentDidUpdate=="function"&&(t.flags|=4),typeof f.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof f.componentDidUpdate!="function"||g===e.memoizedProps&&V===e.memoizedState||(t.flags|=4),typeof f.getSnapshotBeforeUpdate!="function"||g===e.memoizedProps&&V===e.memoizedState||(t.flags|=1024),t.memoizedProps=i,t.memoizedState=P),f.props=i,f.state=P,f.context=R,i=ee):(typeof f.componentDidUpdate!="function"||g===e.memoizedProps&&V===e.memoizedState||(t.flags|=4),typeof f.getSnapshotBeforeUpdate!="function"||g===e.memoizedProps&&V===e.memoizedState||(t.flags|=1024),i=!1)}return f=i,Lo(e,t),i=(t.flags&128)!==0,f||i?(f=t.stateNode,a=i&&typeof a.getDerivedStateFromError!="function"?null:f.render(),t.flags|=1,e!==null&&i?(t.child=Hr(t,e.child,null,u),t.child=Hr(t,null,a,u)):At(e,t,a,u),t.memoizedState=f.state,e=t.child):e=Kn(e,t,u),e}function Op(e,t,a,i){return Ni(),t.flags|=256,At(e,t,a,i),t.child}var Ac={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function Oc(e){return{baseLanes:e,cachePool:mm()}}function wc(e,t,a){return e=e!==null?e.childLanes&~a:0,t&&(e|=cn),e}function wp(e,t,a){var i=t.pendingProps,u=!1,f=(t.flags&128)!==0,g;if((g=f)||(g=e!==null&&e.memoizedState===null?!1:(yt.current&2)!==0),g&&(u=!0,t.flags&=-129),g=(t.flags&32)!==0,t.flags&=-33,e===null){if(De){if(u?pa(t):ga(),De){var b=et,R;if(R=b){e:{for(R=b,b=On;R.nodeType!==8;){if(!b){b=null;break e}if(R=xn(R.nextSibling),R===null){b=null;break e}}b=R}b!==null?(t.memoizedState={dehydrated:b,treeContext:Ga!==null?{id:Vn,overflow:Gn}:null,retryLane:536870912,hydrationErrors:null},R=Xt(18,null,null,0),R.stateNode=b,R.return=t,t.child=R,Bt=t,et=null,R=!0):R=!1}R||Za(t)}if(b=t.memoizedState,b!==null&&(b=b.dehydrated,b!==null))return df(b)?t.lanes=32:t.lanes=536870912,null;Qn(t)}return b=i.children,i=i.fallback,u?(ga(),u=t.mode,b=jo({mode:"hidden",children:b},u),i=Va(i,u,a,null),b.return=t,i.return=t,b.sibling=i,t.child=b,u=t.child,u.memoizedState=Oc(a),u.childLanes=wc(e,g,a),t.memoizedState=Ac,i):(pa(t),Rc(t,b))}if(R=e.memoizedState,R!==null&&(b=R.dehydrated,b!==null)){if(f)t.flags&256?(pa(t),t.flags&=-257,t=Dc(e,t,a)):t.memoizedState!==null?(ga(),t.child=e.child,t.flags|=128,t=null):(ga(),u=i.fallback,b=t.mode,i=jo({mode:"visible",children:i.children},b),u=Va(u,b,a,null),u.flags|=2,i.return=t,u.return=t,i.sibling=u,t.child=i,Hr(t,e.child,null,a),i=t.child,i.memoizedState=Oc(a),i.childLanes=wc(e,g,a),t.memoizedState=Ac,t=u);else if(pa(t),df(b)){if(g=b.nextSibling&&b.nextSibling.dataset,g)var U=g.dgst;g=U,i=Error(o(419)),i.stack="",i.digest=g,Bi({value:i,source:null,stack:null}),t=Dc(e,t,a)}else if(xt||Li(e,t,a,!1),g=(a&e.childLanes)!==0,xt||g){if(g=Pe,g!==null&&(i=a&-a,i=(i&42)!==0?1:ds(i),i=(i&(g.suspendedLanes|a))!==0?0:i,i!==0&&i!==R.retryLane))throw R.retryLane=i,Rr(e,i),Wt(g,e,i),bp;b.data==="$?"||Qc(),t=Dc(e,t,a)}else b.data==="$?"?(t.flags|=192,t.child=e.child,t=null):(e=R.treeContext,et=xn(b.nextSibling),Bt=t,De=!0,Xa=null,On=!1,e!==null&&(on[un++]=Vn,on[un++]=Gn,on[un++]=Ga,Vn=e.id,Gn=e.overflow,Ga=t),t=Rc(t,i.children),t.flags|=4096);return t}return u?(ga(),u=i.fallback,b=t.mode,R=e.child,U=R.sibling,i=qn(R,{mode:"hidden",children:i.children}),i.subtreeFlags=R.subtreeFlags&65011712,U!==null?u=qn(U,u):(u=Va(u,b,a,null),u.flags|=2),u.return=t,i.return=t,i.sibling=u,t.child=i,i=u,u=t.child,b=e.child.memoizedState,b===null?b=Oc(a):(R=b.cachePool,R!==null?(U=gt._currentValue,R=R.parent!==U?{parent:U,pool:U}:R):R=mm(),b={baseLanes:b.baseLanes|a,cachePool:R}),u.memoizedState=b,u.childLanes=wc(e,g,a),t.memoizedState=Ac,i):(pa(t),a=e.child,e=a.sibling,a=qn(a,{mode:"visible",children:i.children}),a.return=t,a.sibling=null,e!==null&&(g=t.deletions,g===null?(t.deletions=[e],t.flags|=16):g.push(e)),t.child=a,t.memoizedState=null,a)}function Rc(e,t){return t=jo({mode:"visible",children:t},e.mode),t.return=e,e.child=t}function jo(e,t){return e=Xt(22,e,null,t),e.lanes=0,e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null},e}function Dc(e,t,a){return Hr(t,e.child,null,a),e=Rc(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Rp(e,t,a){e.lanes|=t;var i=e.alternate;i!==null&&(i.lanes|=t),Qs(e.return,t,a)}function _c(e,t,a,i,u){var f=e.memoizedState;f===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:i,tail:a,tailMode:u}:(f.isBackwards=t,f.rendering=null,f.renderingStartTime=0,f.last=i,f.tail=a,f.tailMode=u)}function Dp(e,t,a){var i=t.pendingProps,u=i.revealOrder,f=i.tail;if(At(e,t,i.children,a),i=yt.current,(i&2)!==0)i=i&1|2,t.flags|=128;else{if(e!==null&&(e.flags&128)!==0)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Rp(e,a,t);else if(e.tag===19)Rp(e,a,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}i&=1}switch(ie(yt,i),u){case"forwards":for(a=t.child,u=null;a!==null;)e=a.alternate,e!==null&&$o(e)===null&&(u=a),a=a.sibling;a=u,a===null?(u=t.child,t.child=null):(u=a.sibling,a.sibling=null),_c(t,!1,u,a,f);break;case"backwards":for(a=null,u=t.child,t.child=null;u!==null;){if(e=u.alternate,e!==null&&$o(e)===null){t.child=u;break}e=u.sibling,u.sibling=a,a=u,u=e}_c(t,!0,a,null,f);break;case"together":_c(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Kn(e,t,a){if(e!==null&&(t.dependencies=e.dependencies),xa|=t.lanes,(a&t.childLanes)===0)if(e!==null){if(Li(e,t,a,!1),(a&t.childLanes)===0)return null}else return null;if(e!==null&&t.child!==e.child)throw Error(o(153));if(t.child!==null){for(e=t.child,a=qn(e,e.pendingProps),t.child=a,a.return=t;e.sibling!==null;)e=e.sibling,a=a.sibling=qn(e,e.pendingProps),a.return=t;a.sibling=null}return t.child}function zc(e,t){return(e.lanes&t)!==0?!0:(e=e.dependencies,!!(e!==null&&vo(e)))}function Mb(e,t,a){switch(t.tag){case 3:Se(t,t.stateNode.containerInfo),ca(t,gt,e.memoizedState.cache),Ni();break;case 27:case 5:Xe(t);break;case 4:Se(t,t.stateNode.containerInfo);break;case 10:ca(t,t.type,t.memoizedProps.value);break;case 13:var i=t.memoizedState;if(i!==null)return i.dehydrated!==null?(pa(t),t.flags|=128,null):(a&t.child.childLanes)!==0?wp(e,t,a):(pa(t),e=Kn(e,t,a),e!==null?e.sibling:null);pa(t);break;case 19:var u=(e.flags&128)!==0;if(i=(a&t.childLanes)!==0,i||(Li(e,t,a,!1),i=(a&t.childLanes)!==0),u){if(i)return Dp(e,t,a);t.flags|=128}if(u=t.memoizedState,u!==null&&(u.rendering=null,u.tail=null,u.lastEffect=null),ie(yt,yt.current),i)break;return null;case 22:case 23:return t.lanes=0,Tp(e,t,a);case 24:ca(t,gt,e.memoizedState.cache)}return Kn(e,t,a)}function _p(e,t,a){if(e!==null)if(e.memoizedProps!==t.pendingProps)xt=!0;else{if(!zc(e,a)&&(t.flags&128)===0)return xt=!1,Mb(e,t,a);xt=(e.flags&131072)!==0}else xt=!1,De&&(t.flags&1048576)!==0&&om(t,yo,t.index);switch(t.lanes=0,t.tag){case 16:e:{e=t.pendingProps;var i=t.elementType,u=i._init;if(i=u(i._payload),t.type=i,typeof i=="function")Ys(i)?(e=Ja(i,e),t.tag=1,t=Ap(null,t,i,e,a)):(t.tag=0,t=Mc(null,t,i,e,a));else{if(i!=null){if(u=i.$$typeof,u===B){t.tag=11,t=Sp(null,t,i,e,a);break e}else if(u===q){t.tag=14,t=xp(null,t,i,e,a);break e}}throw t=G(i)||i,Error(o(306,t,""))}}return t;case 0:return Mc(e,t,t.type,t.pendingProps,a);case 1:return i=t.type,u=Ja(i,t.pendingProps),Ap(e,t,i,u,a);case 3:e:{if(Se(t,t.stateNode.containerInfo),e===null)throw Error(o(387));i=t.pendingProps;var f=t.memoizedState;u=f.element,tc(e,t),Gi(t,i,null,a);var g=t.memoizedState;if(i=g.cache,ca(t,gt,i),i!==f.cache&&Ks(t,[gt],a,!0),Vi(),i=g.element,f.isDehydrated)if(f={element:i,isDehydrated:!1,cache:g.cache},t.updateQueue.baseState=f,t.memoizedState=f,t.flags&256){t=Op(e,t,i,a);break e}else if(i!==u){u=rn(Error(o(424)),t),Bi(u),t=Op(e,t,i,a);break e}else{switch(e=t.stateNode.containerInfo,e.nodeType){case 9:e=e.body;break;default:e=e.nodeName==="HTML"?e.ownerDocument.body:e}for(et=xn(e.firstChild),Bt=t,De=!0,Xa=null,On=!0,a=sp(t,null,i,a),t.child=a;a;)a.flags=a.flags&-3|4096,a=a.sibling}else{if(Ni(),i===u){t=Kn(e,t,a);break e}At(e,t,i,a)}t=t.child}return t;case 26:return Lo(e,t),e===null?(a=Ng(t.type,null,t.pendingProps,null))?t.memoizedState=a:De||(a=t.type,e=t.pendingProps,i=Jo(se.current).createElement(a),i[Dt]=t,i[jt]=e,wt(i,a,e),St(i),t.stateNode=i):t.memoizedState=Ng(t.type,e.memoizedProps,t.pendingProps,e.memoizedState),null;case 27:return Xe(t),e===null&&De&&(i=t.stateNode=zg(t.type,t.pendingProps,se.current),Bt=t,On=!0,u=et,Ma(t.type)?(hf=u,et=xn(i.firstChild)):et=u),At(e,t,t.pendingProps.children,a),Lo(e,t),e===null&&(t.flags|=4194304),t.child;case 5:return e===null&&De&&((u=i=et)&&(i=Fb(i,t.type,t.pendingProps,On),i!==null?(t.stateNode=i,Bt=t,et=xn(i.firstChild),On=!1,u=!0):u=!1),u||Za(t)),Xe(t),u=t.type,f=t.pendingProps,g=e!==null?e.memoizedProps:null,i=f.children,sf(u,f)?i=null:g!==null&&sf(u,g)&&(t.flags|=32),t.memoizedState!==null&&(u=oc(e,t,yb,null,null,a),dl._currentValue=u),Lo(e,t),At(e,t,i,a),t.child;case 6:return e===null&&De&&((e=a=et)&&(a=eS(a,t.pendingProps,On),a!==null?(t.stateNode=a,Bt=t,et=null,e=!0):e=!1),e||Za(t)),null;case 13:return wp(e,t,a);case 4:return Se(t,t.stateNode.containerInfo),i=t.pendingProps,e===null?t.child=Hr(t,null,i,a):At(e,t,i,a),t.child;case 11:return Sp(e,t,t.type,t.pendingProps,a);case 7:return At(e,t,t.pendingProps,a),t.child;case 8:return At(e,t,t.pendingProps.children,a),t.child;case 12:return At(e,t,t.pendingProps.children,a),t.child;case 10:return i=t.pendingProps,ca(t,t.type,i.value),At(e,t,i.children,a),t.child;case 9:return u=t.type._context,i=t.pendingProps.children,Ka(t),u=_t(u),i=i(u),t.flags|=1,At(e,t,i,a),t.child;case 14:return xp(e,t,t.type,t.pendingProps,a);case 15:return Cp(e,t,t.type,t.pendingProps,a);case 19:return Dp(e,t,a);case 31:return i=t.pendingProps,a=t.mode,i={mode:i.mode,children:i.children},e===null?(a=jo(i,a),a.ref=t.ref,t.child=a,a.return=t,t=a):(a=qn(e.child,i),a.ref=t.ref,t.child=a,a.return=t,t=a),t;case 22:return Tp(e,t,a);case 24:return Ka(t),i=_t(gt),e===null?(u=Js(),u===null&&(u=Pe,f=Is(),u.pooledCache=f,f.refCount++,f!==null&&(u.pooledCacheLanes|=a),u=f),t.memoizedState={parent:i,cache:u},ec(t),ca(t,gt,u)):((e.lanes&a)!==0&&(tc(e,t),Gi(t,null,null,a),Vi()),u=e.memoizedState,f=t.memoizedState,u.parent!==i?(u={parent:i,cache:i},t.memoizedState=u,t.lanes===0&&(t.memoizedState=t.updateQueue.baseState=u),ca(t,gt,i)):(i=f.cache,ca(t,gt,i),i!==u.cache&&Ks(t,[gt],a,!0))),At(e,t,t.pendingProps.children,a),t.child;case 29:throw t.pendingProps}throw Error(o(156,t.tag))}function In(e){e.flags|=4}function zp(e,t){if(t.type!=="stylesheet"||(t.state.loading&4)!==0)e.flags&=-16777217;else if(e.flags|=16777216,!Hg(t)){if(t=sn.current,t!==null&&((Ee&4194048)===Ee?wn!==null:(Ee&62914560)!==Ee&&(Ee&536870912)===0||t!==wn))throw Yi=Fs,pm;e.flags|=8192}}function Uo(e,t){t!==null&&(e.flags|=4),e.flags&16384&&(t=e.tag!==22?ch():536870912,e.lanes|=t,Gr|=t)}function Wi(e,t){if(!De)switch(e.tailMode){case"hidden":t=e.tail;for(var a=null;t!==null;)t.alternate!==null&&(a=t),t=t.sibling;a===null?e.tail=null:a.sibling=null;break;case"collapsed":a=e.tail;for(var i=null;a!==null;)a.alternate!==null&&(i=a),a=a.sibling;i===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:i.sibling=null}}function Je(e){var t=e.alternate!==null&&e.alternate.child===e.child,a=0,i=0;if(t)for(var u=e.child;u!==null;)a|=u.lanes|u.childLanes,i|=u.subtreeFlags&65011712,i|=u.flags&65011712,u.return=e,u=u.sibling;else for(u=e.child;u!==null;)a|=u.lanes|u.childLanes,i|=u.subtreeFlags,i|=u.flags,u.return=e,u=u.sibling;return e.subtreeFlags|=i,e.childLanes=a,t}function Ab(e,t,a){var i=t.pendingProps;switch(Ps(t),t.tag){case 31:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Je(t),null;case 1:return Je(t),null;case 3:return a=t.stateNode,i=null,e!==null&&(i=e.memoizedState.cache),t.memoizedState.cache!==i&&(t.flags|=2048),Xn(gt),Qe(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),(e===null||e.child===null)&&($i(t)?In(t):e===null||e.memoizedState.isDehydrated&&(t.flags&256)===0||(t.flags|=1024,cm())),Je(t),null;case 26:return a=t.memoizedState,e===null?(In(t),a!==null?(Je(t),zp(t,a)):(Je(t),t.flags&=-16777217)):a?a!==e.memoizedState?(In(t),Je(t),zp(t,a)):(Je(t),t.flags&=-16777217):(e.memoizedProps!==i&&In(t),Je(t),t.flags&=-16777217),null;case 27:it(t),a=se.current;var u=t.type;if(e!==null&&t.stateNode!=null)e.memoizedProps!==i&&In(t);else{if(!i){if(t.stateNode===null)throw Error(o(166));return Je(t),null}e=oe.current,$i(t)?um(t):(e=zg(u,i,a),t.stateNode=e,In(t))}return Je(t),null;case 5:if(it(t),a=t.type,e!==null&&t.stateNode!=null)e.memoizedProps!==i&&In(t);else{if(!i){if(t.stateNode===null)throw Error(o(166));return Je(t),null}if(e=oe.current,$i(t))um(t);else{switch(u=Jo(se.current),e){case 1:e=u.createElementNS("http://www.w3.org/2000/svg",a);break;case 2:e=u.createElementNS("http://www.w3.org/1998/Math/MathML",a);break;default:switch(a){case"svg":e=u.createElementNS("http://www.w3.org/2000/svg",a);break;case"math":e=u.createElementNS("http://www.w3.org/1998/Math/MathML",a);break;case"script":e=u.createElement("div"),e.innerHTML=" + diff --git a/src/frontend/src/components/common/drawer-layout.tsx b/src/frontend/src/components/common/drawer-layout.tsx index a0678650..d9ac3855 100644 --- a/src/frontend/src/components/common/drawer-layout.tsx +++ b/src/frontend/src/components/common/drawer-layout.tsx @@ -1,5 +1,14 @@ import { useEffect, useState, type FC, type PropsWithChildren } from 'react'; -import { Box, Button, IconButton, Stack, styled, Typography } from '@mui/material'; +import { + Box, + Button, + Divider, + IconButton, + Stack, + styled, + Tooltip, + Typography, +} from '@mui/material'; import { useCluster } from '../../services'; import { useAlertDialog } from '../mui'; import { IconBrandGradient } from '../brand'; @@ -43,8 +52,9 @@ const DrawerLayoutHeader = styled(Stack)(({ theme }) => { const { spacing } = theme; return { width: '100%', - height: '4rem', + height: '2.5rem', flex: 'none', + marginTop: spacing(1), paddingBlock: spacing(2), paddingInline: spacing(4), overflow: 'hidden', @@ -67,7 +77,7 @@ const DrawerLayoutContent = styled(Stack)(({ theme }) => { width: '48.75rem', maxWidth: '100%', height: '100%', - gap: spacing(4), + gap: spacing(2), padding: spacing(4), overflow: 'hidden', }; @@ -156,32 +166,129 @@ export const DrawerLayout: FC = ({ children }) => { confirmLabel: 'Finish', }); + const IconCluster = () => ( + + + + + + + + + ); + return ( - + - {sidebarExpanded && } - - setMenuOpen((prev) => !prev)} - > - {sidebarExpanded ? - - : } - + {sidebarExpanded ? + <> + + + + setMenuOpen((prev) => !prev)} + > + + + + + : <> + + + + + + + setMenuOpen((prev) => !prev)} + > + + + + + + } {sidebarExpanded && ( - - - - + + + {/* */} + Cluster topology + - @@ -189,7 +296,7 @@ export const DrawerLayout: FC = ({ children }) => { - + {modelName} diff --git a/src/frontend/src/components/inputs/chat-input.tsx b/src/frontend/src/components/inputs/chat-input.tsx index 086982b3..5541e300 100644 --- a/src/frontend/src/components/inputs/chat-input.tsx +++ b/src/frontend/src/components/inputs/chat-input.tsx @@ -2,13 +2,7 @@ import { Button, Stack, TextField } from '@mui/material'; import type { FC, KeyboardEventHandler } from 'react'; import { useRefCallback } from '../../hooks'; import { useChat, useCluster } from '../../services'; -import { - IconArrowBackUp, - IconArrowUp, - IconLoader, - IconSquare, - IconSquareFilled, -} from '@tabler/icons-react'; +import { IconArrowBackUp, IconArrowUp, IconSquareFilled } from '@tabler/icons-react'; import { DotPulse } from './dot-pulse'; export const ChatInput: FC = () => { @@ -37,12 +31,27 @@ export const ChatInput: FC = () => { onChange={(event) => setInput(event.target.value)} multiline maxRows={4} - placeholder='Ask anything...' + placeholder='Ask anything' fullWidth onKeyDown={onKeyDown} slotProps={{ input: { - sx: { flexDirection: 'column' }, + sx: { + border: '1px solid', + borderColor: 'grey.300', + borderRadius: 2, + fontSize: '0.95rem', + boxShadow: '2px 2px 4px rgba(0,0,0,0.05)', + flexDirection: 'column', + '& textarea': { + fontSize: '0.95rem', + scrollbarWidth: 'none', // Firefox + msOverflowStyle: 'none', // IE, Edge + '&::-webkit-scrollbar': { + display: 'none', // Chrome, Safari + }, + }, + }, endAdornment: ( - {role === 'assistant' && ( - - )} - + {showCopy && ( + + + {copied ? + + : } + + + )} + + {showRegen && ( + + + + + + )} + + )} ); diff --git a/src/frontend/src/components/inputs/node-list.tsx b/src/frontend/src/components/inputs/node-list.tsx index 5408d494..37e08901 100644 --- a/src/frontend/src/components/inputs/node-list.tsx +++ b/src/frontend/src/components/inputs/node-list.tsx @@ -2,8 +2,8 @@ import type { FC, ForwardRefExoticComponent, RefAttributes } from 'react'; import * as motion from 'motion/react-client'; import { IconCheck, - IconCircle, IconCircleFilled, + IconDevices2, IconLoader, IconX, type Icon, @@ -84,15 +84,6 @@ const STATUS_COLOR_MAP: Record = { failed: 'error', }; -const IconNode = () => ( - - - -); - const STATUS_ICON_MAP: Record< NodeStatus, ForwardRefExoticComponent> @@ -117,26 +108,24 @@ const Node: FC<{ variant: NodeListVariant; node?: NodeInfo }> = ({ variant, node - - - + {(node && ( - + {gpuName} {gpuMemory}GB )) || } - {(node && ( + {/* {(node && ( = ({ variant, node > {id && id.substring(0, 4) + '...' + id.substring(id.length - 4)} - )) || } + )) || } */} {node && ( diff --git a/src/frontend/src/pages/setup.tsx b/src/frontend/src/pages/setup.tsx index 09c2dab7..d86c3fb4 100644 --- a/src/frontend/src/pages/setup.tsx +++ b/src/frontend/src/pages/setup.tsx @@ -57,7 +57,22 @@ export default function PageSetup() { Node Number setInitNodesNumber(Number(e.target.value))} /> @@ -68,13 +83,13 @@ export default function PageSetup() { Are you nodes within the same local network? value && setNetworkType(value)} > - Local - Remote + Local + Remote