https://artbot.site/_next/static/chunks/1110-d1321d7e1234028f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1110],{41110:function(e,s,l){l.d(s,{default:function(){return C}});var i=l(57437),c=l(93143),r=l(95018),d=l(16105),n=l(59464),o=l(78967),t=l(76904),a=l(72435),u=l(37618),x=l(66811),h=l(27648),j=l(27831),m=l(40018),v=l(62595),g=l(99376),p=l(2265),f=l(61994),b=l(968),w=l(93926),k=l(85922),N=l(3392),y=l(57355),Z=l(93033);function C(e){let{isModal:s=!1,modelsAvailable:l,modelDetails:C,onUseModel:S}=e,_=(0,g.useRouter)(),A=(0,p.useRef)(null),[E,L]=(0,p.useState)("count"),[O,F]=(0,p.useState)(!1),[M,B]=(0,p.useState)([]),[P,R]=(0,p.useState)(""),W=l.reduce((e,s)=>(e[s.name]=s,e),{}),q=async e=>{M.includes(e)?(B(M.filter(s=>s!==e)),await (0,b.ZF)(e)):(B([...M,e]),(0,b._6)(e),(0,y.M)({message:"Added ".concat(e," to favorites"),type:"success"}))};(0,p.useEffect)(()=>{(async function(){B(await (0,b.AM)())})()},[]),(0,p.useEffect)(()=>{A.current&&setTimeout(()=>{A.current.focus()},400)},[]);let H=e=>0===e||1e4===e?"N/A":"~ ".concat((0,v.ZC)(e)),Q=Object.keys(C).reduce((e,s)=>{let l=C[s].nsfw,i="stable_diffusion_xl"===C[s].baseline,c=P.toLocaleLowerCase();return O&&!M.includes(s)||("sdxl"===c&&i?e[s]=C[s]:"nsfw"===c&&l?e[s]=C[s]:(s.toLocaleLowerCase().includes(c)||C[s].style.includes(c))&&(e[s]=C[s])),e},{}),T=Object.entries(Q);T.sort((e,s)=>{var l,i;let c=W[e[0]],r=W[s[0]],d=null!==(l=null==c?void 0:c[E])&&void 0!==l?l:0;return(null!==(i=null==r?void 0:r[E])&&void 0!==i?i:0)-d});let U=Object.fromEntries(T),V="workers";return"name"===E?V="model name":"jobs"===E&&(V="image requests"),(0,i.jsx)("div",{className:"col",children:(0,i.jsxs)("div",{className:"col w-full gap-4",children:[(0,i.jsxs)("div",{className:"col gap-2",children:[(0,i.jsxs)("div",{className:"row w-full",children:[(0,i.jsx)(j.Z,{onClick:()=>{F(!O)},children:O?(0,i.jsx)(c.Z,{}):(0,i.jsx)(r.Z,{})}),(0,i.jsx)("input",{className:"bg-gray-50 border border-gray-300 text-gray-900 text-[16px] rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",placeholder:"Search for image model",onChange:e=>{R(e.target.value)},ref:A,value:P}),(0,i.jsx)(j.Z,{theme:"danger",onClick:()=>{R("")},children:(0,i.jsx)(d.Z,{})}),(0,i.jsxs)(N.Z,{menuButton:(0,i.jsx)(j.Z,{as:"div",children:(0,i.jsx)(n.Z,{})}),shift:-100,children:[(0,i.jsx)(w.t,{children:"Sort models"}),(0,i.jsx)(k.s,{type:"checkbox",checked:"jobs"===E,onClick:()=>L("jobs"),children:"Jobs"}),(0,i.jsx)(k.s,{type:"checkbox",checked:"name"===E,onClick:()=>L("name"),children:"Name"}),(0,i.jsx)(k.s,{type:"checkbox",checked:"count"===E,onClick:()=>L("count"),children:"Workers"})]}),(0,i.jsx)(j.Z,{onClick:()=>{},children:(0,i.jsx)(o.Z,{})})]}),(0,i.jsxs)("div",{className:"w-full font-mono text-xs mb-2",children:["Filter: showing ",Object.keys(Q).length," ",O?"favorited ":""," model",1!==Object.keys(Q).length?"s":""," | Sort by:"," ",V]})]}),Object.keys(U).map(e=>{var l,d,n,o,v,g,p,b,w,k,N,y;return(0,i.jsx)(m.default,{anchor:e,className:"text-white",children:(0,i.jsxs)("div",{className:"col pr-1",children:[(0,i.jsx)("h2",{className:"row font-bold text-white gap-1 text-lg",children:e}),(0,i.jsxs)("div",{className:"row w-full gap-2",children:[(0,i.jsx)(j.Z,{style:{height:"36px",width:"36px"},onClick:()=>q(e),children:M.includes(e)?(0,i.jsx)(c.Z,{}):(0,i.jsx)(r.Z,{})}),(0,i.jsxs)("div",{className:"row gap-1 bg-gray-600 px-2 h-[36px] rounded-md text-sm",children:[(0,i.jsx)(t.Z,{})," ",C[e].baseline]}),(0,i.jsxs)("div",{children:["Version: ",C[e].version]})]}),(0,i.jsxs)("div",{className:(0,f.Z)("w-full items-start",s?"col gap-2":"row gap-4"),children:[(0,i.jsx)("div",{style:{backgroundColor:"gray",borderRadius:"8px",height:s?"200px":"400px",width:s?"200px":"400px",marginTop:"8px"},children:(null===(l=C[e])||void 0===l?void 0:l.showcases)&&(null===(d=C[e])||void 0===d?void 0:d.showcases[0])&&(0,i.jsx)("img",{src:C[e].showcases[0],className:"w-full h-full object-cover rounded-md",alt:"Model showcase"})}),(0,i.jsxs)("div",{className:"col justify-between h-full",style:{minHeight:s?"auto":"400px",

1width:s?"100%":"calc(100% - 400px)"},children:[(0,i.jsxs)("div",{className:"col",children:[C[e].description,(0,i.jsxs)("div",{className:"col gap-0 text-sm",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:"NSFW:"})," ",C[e].nsfw?"true":"false"]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:"Style:"})," ",C[e].style]})]}),C[e].homepage&&(0,i.jsx)("div",{children:(0,i.jsx)(h.default,{href:C[e].homepage,target:"_blank",className:"text-[#1E293B] underline",children:(0,i.jsxs)("div",{className:"row gap-1 text-sm font-mono",children:["View homepage ",(0,i.jsx)(a.Z,{size:18})]})})}),(0,i.jsxs)("div",{className:"bg-[#1E293B] text-white font-mono p-2 w-full text-[14px] col gap-0",children:[(0,i.jsx)("strong",{children:"AI Horde Availability"}),(0,i.jsxs)("div",{className:"mt-2",children:[(0,i.jsx)("strong",{children:"GPU workers:"})," ",null!==(k=null===(n=W[e])||void 0===n?void 0:n.count)&&void 0!==k?k:"N/A"]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:"Queued jobs:"})," ",null!==(N=null===(o=W[e])||void 0===o?void 0:o.jobs)&&void 0!==N?N:"N/A"]}),(0,i.jsxs)("div",{className:"mt-2",children:[(0,i.jsx)("strong",{children:"Queued work:"})," ",null===(g=W[e])||void 0===g?void 0:null===(v=g.queued)||void 0===v?void 0:v.toLocaleString()," ","megapixel-steps"]}),(0,i.jsxs)("div",{children:[(0,i.jsx)("strong",{children:"Performance:"})," ",null===(b=W[e])||void 0===b?void 0:null===(p=b.performance)||void 0===p?void 0:p.toLocaleString()," ","megapixel-steps / minute"]}),(0,i.jsxs)("div",{className:"mt-2",children:[(0,i.jsx)("strong",{children:"Wait time:"})," ",H(null!==(y=null===(w=W[e])||void 0===w?void 0:w.eta)&&void 0!==y?y:0)]})]})]}),(0,i.jsxs)("div",{className:"row justify-end",children:[(0,i.jsx)(j.Z,{onClick:()=>{_.push("/images?model=".concat(e)),Z.ZP.remove("modal")},children:(0,i.jsxs)("div",{className:"row gap-2",children:[(0,i.jsx)(u.Z,{}),"Find images"]})}),(0,i.jsx)(j.Z,{onClick:()=>{S||_.push("/create?model=".concat(e)),S&&S(e)},children:(0,i.jsxs)("div",{className:"row gap-2",children:[(0,i.jsx)(x.Z,{}),"Use Model"]})})]})]})]})]})},e)})]})})}}}]);