import{h as ra,i as ca,R as Ne,A as ia,j as he,a as na,k as oa,l as la,m as _a,n as da,p as ga,q as ha,r as pa,s as ma,t as ua,v as fa,w as Ca,_ as ba,x as xa,y as va,z as Na,B as ya,C as wa,D as ja,E as Ra,F as ka,G as Sa,H as Ma,I as Ta,J as Aa,K as Ia,L as La,M as Ea,N as Pa,O as Da,P as Ua,Q as Fa,S as $a,T as Ba,U as Ha,V as Oa,W as za,X as Va,Y as Wa,Z as Ga,$ as Ya,a0 as qa,a1 as Ka,a2 as Qa,a3 as Xa,a4 as Ja,a5 as Za,a6 as et,a7 as at,a8 as tt,a9 as st,aa as rt,ab as ct,ac as it,ad as nt,ae as ot,af as lt,ag as _t,ah as dt,ai as gt,aj as ht,ak as pt,al as mt,am as ut,an as ft,ao as Ct,ap as bt,aq as xt,ar as vt,as as Nt,at as yt,au as wt,av as jt,aw as Rt,ax as kt,ay as St,az as Mt,aA as Tt,aB as At,aC as It,aD as $e,aE as Be,aF as Lt,aG as Et,aH as Pt,aI as Dt,aJ as Ut,aK as Ft,aL as $t,aM as Bt,aN as Ht,aO as Ot,aP as zt,aQ as Vt,aR as Wt,aS as Gt,aT as Yt,aU as qt,aV as Kt,aW as Qt,aX as Xt,aY as Jt,aZ as Zt,a_ as es,a$ as He}from"./index-CpDY2xe_.js";import{j as e}from"./markdown-vendor-BZI_VWzW.js";import{u as Ge,r as t}from"./data-vendor-BOGugMqL.js";import{c as as}from"./imageDragTransfer-vBkaf40H.js";import{a as ts}from"./react-vendor-wlKWdfEb.js";import{M as S,E as ss,I as rs,D as Oe}from"./arco-vendor-CAnKnMnO.js";const cs=new URL("/assets/ic_checkbox_agreement_off-DYbDLFis.png",import.meta.url).href,is=new URL("/assets/ic_checkbox_agreement_on-CfQo_XPS.png",import.meta.url).href;function ns(c){const d=c?.createTime;if(d==null||d==="")return"";const x=Number(d),R=Number.isFinite(x)?String(d).length===10?x*1e3:x:Number.NaN,y=Number.isFinite(R)?new Date(R):new Date(String(d));if(Number.isNaN(y.getTime()))return"";const l=y.getFullYear(),M=`${y.getMonth()+1}`.padStart(2,"0"),g=`${y.getDate()}`.padStart(2,"0"),T=`${y.getHours()}`.padStart(2,"0"),E=`${y.getMinutes()}`.padStart(2,"0");return`${l}-${M}-${g} ${T}:${E}`}function os({visible:c,taskList:d,initialTaskId:x,onClose:R,onCreated:y}){const{t:l}=Ge(),M=ts(),[g,T]=t.useState(null),[E,O]=t.useState(g?.resultList?.[0]?.images?.[0]??""),[u,z]=t.useState(g?.resultList?.[0]?.images?.[0]??""),[A,I]=t.useState(""),[G,q]=t.useState(""),[K,k]=t.useState(""),[N,v]=t.useState(!1),[$,J]=t.useState(!1),[V,X]=t.useState(!1),B=t.useRef(null),ae=ra(),P=g?.userCreatedCharacter,C=Number(P?.id)>0;t.useEffect(()=>{c||(T(null),O(""),z(""),I(""),q(""),k(""),v(!1),J(!1),X(!1))},[c]),t.useEffect(()=>{if(c){if(x){const _=d.find(w=>String(w.id)===String(x));if(_){T(_);return}}T(d[0]??null)}},[c,x,d]),t.useEffect(()=>{if(!c||!g)return;if(!d.some(b=>String(b.id)===String(g.id))){T(d[0]??null);return}const w=d.find(b=>String(b.id)===String(g.id));w&&w!==g&&T(w)},[c,d,g]),t.useEffect(()=>{const _=C?P?.avatar??"":g?.resultList?.[0]?.images?.[0]??"";I(""),z(_),O(_),q(C?P?.characterName??"":""),k(C?P?.description??"":"")},[g,C,P?.avatar,P?.characterName,P?.description]);const p=t.useCallback(()=>{if(!u)return;const _=u.split("#")[0];I(`${_}#crop=${Date.now()}`)},[u]),U=t.useCallback(async()=>{if(C){S.warning(l("pages.charactersCreate.createRoleModal.alreadyCreated"));return}if(!E){S.warning(l("pages.charactersCreate.createRoleModal.uploadAvatarFirst"));return}if(!G.trim()){S.warning(l("pages.charactersCreate.createRoleModal.inputName"));return}if(!K.trim()){S.warning(l("pages.charactersCreate.createRoleModal.inputDescription"));return}if(!$){S.warning(l("pages.charactersCreate.createRoleModal.agreementRequired"));return}if(!g?.id){S.warning(l("pages.charactersCreate.createRoleModal.taskNotFound"));return}X(!0);try{await ca({taskId:g.id,avatar:E,characterName:G,description:K,isPublic:N}),S.success(l("pages.charactersCreate.createRoleModal.createSuccess")),y?.(String(g.id)),R(),M(Ne.CHARACTERS)}catch{S.error(l("pages.charactersCreate.createRoleModal.createFailed"))}finally{X(!1)}},[g?.id,$,E,G,K,C,N,M,R,y,l]);if(!c)return null;const n=_=>{const w=B.current;if(!w)return;const b=_==="left"?-121:121;w.scrollBy({left:b,behavior:"smooth"})};return e.jsxs("div",{className:"charactersCreateRoleModal",children:[e.jsx("div",{className:"charactersCreateRoleModal__mask",onClick:R}),e.jsxs("div",{className:"charactersCreateRoleModal__container",role:"dialog","aria-modal":"true","aria-label":l("pages.charactersCreate.createRoleModal.dialogAria"),children:[e.jsxs("section",{className:"charactersCreateRoleModal__previewSection",children:[e.jsx("div",{className:"charactersCreateRoleModal__previewMain",children:g?.resultList?.[0]?.images?.[0]?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewMainImage",src:g.resultList[0].images[0]}):null}),e.jsxs("div",{className:"charactersCreateRoleModal__thumbSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>n("left"),style:{transform:"rotate(180deg)"},children:e.jsx("img",{alt:"",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href})}),e.jsx("div",{ref:B,className:"charactersCreateRoleModal__thumbList",children:d.map((_,w)=>{const b=String(_.id??w),j=_.resultList[0]?.images?.[0]??"",D=String(_.id)===String(g?.id);return e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__thumbItem${D?" charactersCreateRoleModal__thumbItem_active":""}`,onClick:()=>{T(_)},children:[j?e.jsx("img",{alt:"",className:"charactersCreateRoleModal__thumbImage",src:j}):null,D?null:e.jsx("span",{className:"charactersCreateRoleModal__thumbMask"})]},b)})}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__thumbArrow ",onClick:()=>n("right"),children:e.jsx("img",{alt:"",src:new URL("/assets/ic_arrow_right_gray-DM6GPP4g.png",import.meta.url).href})})]})]}),e.jsxs("section",{className:"charactersCreateRoleModal__formSection",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__close","aria-label":l("button.close"),onClick:R,children:e.jsx("img",{alt:"",src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href})}),e.jsxs("div",{className:"charactersCreateRoleModal__formScrollArea",children:[e.jsx("div",{className:"charactersCreateRoleModal__avatarAdd",children:E?e.jsx("button",{type:"button",className:"charactersCreateRoleModal__preview",children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__previewImage",src:E})}):e.jsx("img",{alt:"",className:"charactersCreateRoleModal__avatarAddImage",src:new URL("/assets/ic_avatar_add-DSbJ8ACW.png",import.meta.url).href})}),e.jsx("div",{className:"charactersCreateRoleModal__avatarUpdate",children:e.jsx("button",{type:"button",className:"charactersCreateRoleModal__avatarUpdateBtn",onClick:p,disabled:C,children:"修改头像"})}),e.jsxs("div",{className:"charactersCreateRoleModal__formBody",children:[e.jsxs("div",{className:"charactersCreateRoleModal__fieldRow",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:l("character_detail.name_label")}),e.jsx("input",{className:"charactersCreateRoleModal__nameInput",value:G,onChange:_=>q(_.target.value),placeholder:l("pages.charactersCreate.createRoleModal.required"),disabled:C})]}),e.jsxs("div",{className:"charactersCreateRoleModal__fieldBlock",children:[e.jsx("label",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.charactersCreate.createRoleModal.descriptionLabel")}),e.jsx("textarea",{className:"charactersCreateRoleModal__introInput",value:K,onChange:_=>k(_.target.value),placeholder:l("pages.charactersCreate.createRoleModal.descriptionPlaceholder"),disabled:C})]}),e.jsxs("div",{className:"charactersCreateRoleModal__toggleRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.charactersCreate.createRoleModal.publicDisplay")}),e.jsxs("button",{type:"button",className:`charactersCreateRoleModal__toggle${N?" charactersCreateRoleModal__toggle_on":""}`,onClick:()=>v(_=>!_),"aria-label":l("pages.charactersCreate.createRoleModal.publicDisplaySwitchAria"),"aria-pressed":N,children:[e.jsx("span",{className:"charactersCreateRoleModal__toggleKnob"}),e.jsx("span",{className:"charactersCreateRoleModal__toggleText",children:N?"ON":"OFF"})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__infoGroup",children:[e.jsxs("div",{className:"charactersCreateRoleModal__promptBlock",children:[e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.assetDetails.promptLabel")}),e.jsx("p",{className:"charactersCreateRoleModal__promptText",children:g?.chatPrompt??""}),e.jsx("img",{alt:"",className:"charactersCreateRoleModal__promptCopyIcon",src:new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWUlEQVRYhe3YsS8DURzA8U8FiYSGxGCRzkwYROwWU0mMwtQY+5dgbgi7wcR/YDUYLDWIwSQiBoNKa+g1qtreta5VyX2Tl/fu3e/37nuXd5f3LlWpVAwSQ38t0EgiFMbACQ036ywUCvWH4yhiJuZrZ3K53EMkoQamA5kSHmMQSWMKk+hKqMYtFmIQyuOg1cn/MYdwjsWGmHncRxy3iC28xCWUbdI3gkzEcTO4wBre4hCC1w4E6rnBLFZxpnpzpTiEKrp45CgH9RPWcYydYLxQejmps3jGNvajJvVS6BITQTuPvShJvRC6Duq06otQYyVKci+ENpGqKxudJA/chzERCiMRCiMRCqOTBdpvWcahr2VNU/opNBeUGk1XAP0UusJR0H5XXcT9oJ9CdzgNC2onNIrdGESWOgluJzSGk9+5fOMjSlAroYzqvikuyiJuEFLJ75gQEqEwBk7oE5CnMiGC6jI6AAAAAElFTkSuQmCC",import.meta.url).href,onClick:()=>void ae(g?.chatPrompt)})]}),e.jsx("div",{className:"charactersCreateRoleModal__materialsBlock",children:e.jsx("span",{className:"charactersCreateRoleModal__fieldLabel",children:l("pages.assetDetails.useMaterial")})}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.assetDetails.model")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:g?.aiModelName??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.assetDetails.ratio")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:g?.aspectRatio??""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.assetDetails.size")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:g?.width&&g?.height?`${g.width}x${g.height}`:""})]}),e.jsxs("div",{className:"charactersCreateRoleModal__metaRow",children:[e.jsx("span",{className:"charactersCreateRoleModal__metaLabel",children:l("pages.charactersCreate.createRoleModal.createDate")}),e.jsx("span",{className:"charactersCreateRoleModal__metaValue",children:ns(g)})]})]})]})]}),e.jsxs("div",{className:"charactersCreateRoleModal__footer",children:[e.jsxs("div",{className:"charactersCreateRoleModal__agreement",children:[e.jsx("button",{type:"button",className:"charactersCreateRoleModal__agreementCheckbox","aria-label":l("pages.charactersCreate.createRoleModal.agreeTermsAria"),"aria-checked":$,onClick:()=>J(_=>!_),children:e.jsx("img",{alt:"",className:"charactersCreateRoleModal__agreementCheckboxIcon",src:$?is:cs})}),e.jsxs("p",{className:"charactersCreateRoleModal__agreementText",children:[l("pages.charactersCreate.createRoleModal.uploadMeansAgree"),e.jsx("a",{href:Ne.LEGAL+"#user-agreement",target:"_blank",rel:"noreferrer",children:l("app.user_terms")}),l("auth.agreement_sub2"),e.jsx("a",{href:Ne.LEGAL+"#privacy-policy",target:"_blank",rel:"noreferrer",children:l("app.privacy_policy")})]})]}),e.jsx("button",{type:"button",className:"charactersCreateRoleModal__submitBtn",onClick:()=>{if(C){S.warning(l("pages.charactersCreate.createRoleModal.alreadyCreated"));return}U()},disabled:V,"aria-disabled":C||V,style:C?{opacity:.5,cursor:"not-allowed"}:void 0,children:l("pages.charactersCreate.createRole")})]})]})]}),e.jsx(ia,{image:A,onUploaded:_=>{O(_),I("")},onClose:()=>I("")})]})}function ls({visible:c,steps:d,currentStep:x,showSkip:R=!0,showStepIndicator:y=!0,maskOpacity:l=.5,onClose:M,onStepChange:g,onComplete:T}){const[E,O]=t.useState(x??0),[u,z]=t.useState(null),[A,I]=t.useState(null),[G,q]=t.useState({}),K=t.useRef(null),k=t.useRef(null),N=x!==void 0?x:E,v=d[N],$=()=>{if(!v?.target){z(null),I(null);return}let C=null;if(typeof v.target=="string"?C=document.querySelector(v.target):v.target instanceof HTMLElement&&(C=v.target),!C){z(null),I(null);return}const p=C.getBoundingClientRect();z(p);const U=v.placement||"bottom",n=v.offset||[0,0],_=k.current?.offsetWidth||400,w=k.current?.offsetHeight||200;let b=0,j=0;switch(U){case"top":b=p.top-w-20+n[1],j=p.left+(p.width-_)/2+n[0];break;case"top-left":b=p.top-w-20+n[1],j=p.left+n[0];break;case"top-right":b=p.top-w-20+n[1],j=p.right-_+n[0];break;case"bottom":b=p.bottom+20+n[1],j=p.left+(p.width-_)/2+n[0];break;case"bottom-left":b=p.bottom+20+n[1],j=p.left+n[0];break;case"bottom-right":b=p.bottom+20+n[1],j=p.right-_+n[0];break;case"left":b=p.top+(p.height-w)/2+n[1],j=p.left-_-20+n[0];break;case"left-top":b=p.top+n[1],j=p.left-_-20+n[0];break;case"left-bottom":b=p.bottom-w+n[1],j=p.left-_-20+n[0];break;case"right":b=p.top+(p.height-w)/2+n[1],j=p.right+20+n[0];break;case"right-top":b=p.top+n[1],j=p.right+20+n[0];break;case"right-bottom":b=p.bottom-w+n[1],j=p.right+20+n[0];break;case"center":b=window.innerHeight/2-w/2+n[1],j=window.innerWidth/2-_/2+n[0];break}const D=20;b<D&&(b=D),b+w>window.innerHeight-D&&(b=window.innerHeight-w-D),j<D&&(j=D),j+_>window.innerWidth-D&&(j=window.innerWidth-_-D),I({top:b,left:j});const ye=J(U,_,w);q(ye)},J=(C,p,U)=>{const n={position:"absolute",width:"0",height:"0",borderStyle:"solid"};switch(C){case"top":return{...n,bottom:"-6px",left:`${p/2}px`,transform:"translateX(-50%)",borderWidth:"6px 6px 0",borderColor:"#ffffff transparent transparent"};case"top-left":return{...n,bottom:"-6px",left:"24px",borderWidth:"6px 6px 0",borderColor:"#ffffff transparent transparent"};case"top-right":return{...n,bottom:"-6px",right:"24px",borderWidth:"6px 6px 0",borderColor:"#ffffff transparent transparent"};case"bottom":return{...n,top:"-6px",left:`${p/2}px`,transform:"translateX(-50%)",borderWidth:"0 6px 6px",borderColor:"transparent transparent #ffffff"};case"bottom-left":return{...n,top:"-6px",left:"24px",borderWidth:"0 6px 6px",borderColor:"transparent transparent #ffffff"};case"bottom-right":return{...n,top:"-6px",right:"24px",borderWidth:"0 6px 6px",borderColor:"transparent transparent #ffffff"};case"left":return{...n,right:"-6px",top:`${U/2}px`,transform:"translateY(-50%)",borderWidth:"6px 0 6px 6px",borderColor:"transparent transparent transparent #ffffff"};case"left-top":return{...n,right:"-6px",top:"24px",borderWidth:"6px 0 6px 6px",borderColor:"transparent transparent transparent #ffffff"};case"left-bottom":return{...n,right:"-6px",bottom:"24px",borderWidth:"6px 0 6px 6px",borderColor:"transparent transparent transparent #ffffff"};case"right":return{...n,left:"-6px",top:`${U/2}px`,transform:"translateY(-50%)",borderWidth:"6px 6px 6px 0",borderColor:"transparent #ffffff transparent transparent"};case"right-top":return{...n,left:"-6px",top:"24px",borderWidth:"6px 6px 6px 0",borderColor:"transparent #ffffff transparent transparent"};case"right-bottom":return{...n,left:"-6px",bottom:"24px",borderWidth:"6px 6px 6px 0",borderColor:"transparent #ffffff transparent transparent"};default:return{display:"none"}}},V=C=>{C<0||C>=d.length||(x===void 0&&O(C),g?.(C))},X=()=>{N<d.length-1?V(N+1):P()},B=()=>{N>0&&V(N-1)},ae=()=>{T?.(),M?.()},P=()=>{T?.(),M?.()};return t.useEffect(()=>{if(!c||!v)return;$();const C=()=>{$()},p=()=>{$()};window.addEventListener("resize",C),window.addEventListener("scroll",p,!0);let U=null;if(v.target){let _=null;typeof v.target=="string"?_=document.querySelector(v.target):v.target instanceof HTMLElement&&(_=v.target),_&&(U=new MutationObserver(()=>{$()}),U.observe(_,{attributes:!0,attributeFilter:["style","class"],childList:!0,subtree:!0}))}const n=setTimeout($,100);return()=>{window.removeEventListener("resize",C),window.removeEventListener("scroll",p,!0),U?.disconnect(),clearTimeout(n)}},[c,N,v]),!c||!v?null:e.jsxs("div",{className:"user-guide",children:[e.jsx("div",{ref:K,className:"user-guide__mask",onClick:C=>{C.stopPropagation()},children:u?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:0,left:0,right:0,height:`${u.top}px`,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:`${u.bottom}px`,left:0,right:0,bottom:0,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:`${u.top}px`,left:0,width:`${u.left}px`,height:`${u.height}px`,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",top:`${u.top}px`,left:`${u.right}px`,right:0,height:`${u.height}px`,backgroundColor:`rgba(0, 0, 0, ${l})`}}),e.jsx("div",{className:"user-guide__highlight",style:{position:"absolute",top:`${u.top-4}px`,left:`${u.left-4}px`,width:`${u.width+8}px`,height:`${u.height+8}px`,borderRadius:"8px"}})]}):e.jsx("div",{className:"user-guide__mask-part",style:{position:"absolute",inset:0,backgroundColor:`rgba(0, 0, 0, ${l})`}})}),A&&e.jsxs("div",{ref:k,className:"user-guide__card",style:{top:`${A.top}px`,left:`${A.left}px`},children:[e.jsx("div",{style:G}),e.jsxs("div",{className:"user-guide__card-content",children:[e.jsx("div",{className:"user-guide__card-title",children:v.title}),e.jsx("div",{className:"user-guide__card-body",children:typeof v.content=="string"?e.jsx("div",{className:"user-guide__card-text",children:v.content}):v.content})]}),e.jsxs("div",{className:"user-guide__card-footer",children:[e.jsxs("div",{className:"user-guide__footer-left",children:[y&&e.jsxs("span",{className:"user-guide__step-indicator",children:[N+1,"/",d.length]}),R&&e.jsx("span",{className:"user-guide__skip-text",onClick:ae,children:"跳过"})]}),e.jsxs("div",{className:"user-guide__footer-right",children:[N>0&&e.jsx("button",{className:"user-guide__btn user-guide__btn--prev",onClick:B,children:"上一步"}),e.jsx("button",{className:"user-guide__btn user-guide__btn--next",onClick:X,children:N<d.length-1?"下一步":"完成"})]})]})]})]})}function _s(c){const{steps:d,storageKey:x="user-guide-completed",delay:R=500,autoShow:y=!0}=c,[l,M]=t.useState(!1),[g,T]=t.useState(0),[E,O]=t.useState(!1);t.useEffect(()=>{if(typeof window>"u")return;const k=localStorage.getItem(x);O(!!k)},[x]),t.useEffect(()=>{if(!y||E)return;const k=setTimeout(()=>{M(!0)},R);return()=>clearTimeout(k)},[y,E,R]);const u=t.useCallback(()=>{T(0),M(!0)},[]),z=t.useCallback(()=>{M(!1)},[]),A=t.useCallback(k=>{k>=0&&k<d.length&&T(k)},[d.length]),I=t.useCallback(()=>{g<d.length-1&&T(k=>k+1)},[g,d.length]),G=t.useCallback(()=>{g>0&&T(k=>k-1)},[g]),q=t.useCallback(()=>{typeof window<"u"&&localStorage.setItem(x,"true"),O(!0),M(!1)},[x]),K=t.useCallback(()=>{typeof window<"u"&&localStorage.removeItem(x),O(!1),T(0)},[x]);return{visible:l,currentStep:g,show:u,hide:z,goToStep:A,nextStep:I,prevStep:G,complete:q,reset:K,steps:d,isCompleted:E}}const ds=[{key:"batchSize",name:"batchSize",options:[{value:1,label:"1",factor:1},{value:2,label:"2",factor:2},{value:3,label:"3",factor:3},{value:4,label:"4",factor:4}]}],gs=new Set(["ratio"]),hs=[{ratio:"21:9",width:1680,height:720},{ratio:"16:9",width:1280,height:720},{ratio:"3:2",width:1080,height:720},{ratio:"4:3",width:960,height:720},{ratio:"1:1",width:960,height:960},{ratio:"3:4",width:720,height:960},{ratio:"2:3",width:720,height:1080},{ratio:"9:16",width:720,height:1280}],ze="popiart.charactersCreate.aiExpand",Ve="popiart.charactersCreate.expandLang",Y=5,ps=3e3,ms=24,ie=12;function us(c){if(typeof c!="string"||c.trim()==="")return{};try{return JSON.parse(c)}catch{return{}}}function fs(c,d){const x=d?.width,R=d?.height;if(typeof x!="number"||typeof R!="number"||!Number.isFinite(x)||!Number.isFinite(R))return{};const y=c==="2K";return{width:y?x*2:x,height:y?R*2:R}}function Cs(c){const d=c;return d?.data?.list??d?.list??[]}function We(c,d){return gs.has(c.trim().toLowerCase())?!0:(d??"").trim().toLowerCase()==="ratio"}function bs(c){if(!c)return null;const d=hs.find(g=>g.ratio===c);if(d)return d;const[x,R]=c.split(":"),y=Number(x),l=Number(R);if(!Number.isFinite(y)||!Number.isFinite(l)||y<=0||l<=0)return null;const M=720;return y>=l?{ratio:c,width:Math.round(y/l*M),height:M}:{ratio:c,width:M,height:Math.round(l/y*M)}}function W(c){const d=c?.id??c?.taskId;return d==null||d===""?null:String(d)}function ks(){const{t:c}=Ge(),[d,x]=t.useState([]),[R,y]=t.useState([]),[l,M]=t.useState([]),[g,T]=t.useState(null),[E,O]=t.useState([]),[u,z]=t.useState(null),[A,I]=t.useState({}),[G,q]=t.useState(!1),[K,k]=t.useState(!1),[N,v]=t.useState([]),[$,J]=t.useState([]),[V,X]=t.useState(""),[B,ae]=t.useState(()=>{if(typeof window>"u")return!1;try{return localStorage.getItem(ze)==="1"}catch{return!1}}),[P,C]=t.useState(()=>{if(typeof window>"u")return"ZH";try{const a=localStorage.getItem(Ve);if(a==="EN"||a==="ZH")return a}catch{}return"ZH"}),[p,U]=t.useState({}),[n,_]=t.useState([]),[w,b]=t.useState(1),[j,D]=t.useState(!0),[ye,we]=t.useState(!1),[pe,je]=t.useState(!1),[Re,ne]=t.useState(ie),[ke,me]=t.useState(!1),[xs,Se]=t.useState(null),H=t.useMemo(()=>as({maxCacheCount:32,maxWarmupPerCall:ms,disableCanvasPreview:!1,enableCanvasWarmup:!0}),[]),Me=t.useRef(null),oe=t.useRef(null),le=t.useRef(!1),te=t.useRef(!0),_e=t.useRef(1),Te=t.useRef(0),ue=t.useRef(!1),fe=t.useRef(0),se=t.useRef(!1),Z=_s({steps:[{target:".charactersCreate__left",title:"角色风格库",content:"点选一个角色头像，就能决定这次生成的画风（比如美漫爱丽丝/韩漫叮叮/Q版叮叮）",placement:"right-top",offset:[0,0]},{target:".charactersCreate__left",title:"查看更多",content:"想换更多画风？点「查看更多」展开更多风格。",placement:"right-bottom"},{target:".charactersCreate__composerPanel",title:"图片上传区（「+」）",content:"点击「+」上传照片/参考图。上传后会按你的图片来转风格，或让生成更贴近参考",placement:"left",offset:[0,0]},{target:".charactersCreate__composerPanel",title:"描述输入框",content:"在这里用一句话说明你想要的角色可以写：外观、发型、服装、表情、动作、背景等米描述越清楚越好",placement:"top",offset:[0,0]},{target:".charactersCreate__taskPreview",title:"画布（工作区）",content:"生成出来的图片会显示在这里你可以先选风格，或先上传照片，再开始生成",placement:"bottom",offset:[0,0]},{target:".charactersCreate__right",title:"真人转动漫",content:"点「使用」上传真人照片，一键变成动漫风角色",placement:"left-top",offset:[300,300]},{target:".charactersCreate__svc--diy",title:"DIY角色素材库",content:"从「面容 / 发型 / 配饰 / 服装」里挑选搭配，快速拼出更符合设定的角色",placement:"left",offset:[0,0]},{target:".charactersCreate__createGlobal",title:"创建角色",content:"设定满意后点「创建角色」，把角色保存到你的资产里，之后可以继续使用",placement:"left-bottom",offset:[0,0]}],storageKey:"popiart.charactersCreate.guide",delay:1e3,autoShow:!0}),Ce=t.useMemo(()=>new Set($),[$]),Ae=t.useCallback(a=>{const s=a?.id;if(s==null)return;const r=String(s),i=Ce.has(r);if(!i&&N.length>=Y){S.warning(c("composer.maxUploadReached",{max:Y}));return}J(h=>i?h.filter(m=>m!==r):[...h,r]);const o={type:"character",id:a?.id,threeViewImage:String(a?.threeViewImage??""),avatar:a?.avatar};v(h=>{const m=h.findIndex(f=>typeof f=="object"&&f.type==="character"&&String(f.id)===r);return m>=0?h.filter((f,L)=>L!==m):[...h,o]})},[N.length,Ce,c]),Ie=t.useCallback(a=>{v(s=>{const r=[...s,String(a.url??"")];return r.length>Y?r.slice(0,Y):r})},[]),Ye=t.useCallback((a,s,r)=>{H.startImageDrag({evt:a,dragUrl:s,previewUrl:r??s})},[H]),be=t.useCallback((a,s)=>{H.startImageDrag({evt:a,dragUrl:s,previewUrl:s})},[H]),de=t.useCallback(async()=>{try{const s=await he({page:1,pageSize:5,type:1,subType:106,status_min:0}),r=Array.isArray(s?.data?.list)?s.data.list:[];_(r),ne(Math.min(Math.max(ie,5),r.length)),b(1),_e.current=1,D(r.length>=5),te.current=r.length>=5,se.current=!0}catch{_([]),ne(ie),b(1),_e.current=1,D(!1),te.current=!1,se.current=!0}},[]),Le=t.useCallback(async()=>{if(le.current||!te.current)return;const a=_e.current+1,s=5;le.current=!0,we(!0);const r=++Te.current;try{const i=await he({page:a,pageSize:s,type:1,subType:106,status_min:0}),o=Array.isArray(i?.data?.list)?i.data.list:[];if(_(m=>{if(o.length===0)return m;const f=new Set(m.map(F=>W(F)).filter(F=>!!F)),L=o.filter(F=>{const ee=W(F);return ee?f.has(ee)?!1:(f.add(ee),!0):!0});return[...m,...L]}),ne(m=>m+ie),r!==Te.current)return;b(a),_e.current=a;const h=o.length>=s;D(h),te.current=h}catch{}finally{le.current=!1,we(!1)}},[]);t.useEffect(()=>{let a=!1;return na({type:1,page:1,pageSize:120}).then(s=>{a||x(s?.data?.list??[])}).catch(()=>{a||x([])}),()=>{a=!0}},[]),t.useEffect(()=>{const a=d.flatMap(r=>[r?.avatar,r?.threeViewImage??r?.threeView]).filter(r=>typeof r=="string"&&r.trim()!=="");if(a.length===0)return;if("requestIdleCallback"in window){window.requestIdleCallback(()=>{H.warmupPreviewImages(a)},{timeout:1e3});return}const s=setTimeout(()=>{H.warmupPreviewImages(a)},0);return()=>{clearTimeout(s)}},[d,H]),t.useEffect(()=>()=>{H.dispose()},[H]),t.useEffect(()=>{(async()=>await de())()},[de]),t.useEffect(()=>{let a=!1;return oa().then(s=>{a||y(Cs(s))}).catch(()=>{a||y([])}),()=>{a=!0}},[]),t.useEffect(()=>{let a=!1;return la({code:"characterCreate-personToAnime"}).then(s=>{a||U(s?.data??{})}).catch(()=>{a||U({})}),()=>{a=!0}},[]),t.useEffect(()=>{_a().then(a=>{const s=a.data?.list?[...a.data?.list].filter(r=>r.taskSubType===106):[];M(s)}).catch(()=>{M([])})},[]),t.useEffect(()=>{l.length!==0&&T(a=>a!=null&&l.some(s=>s.taskSubType===a)?a:l[0].taskSubType)},[l]),t.useEffect(()=>{if(g==null)return;let a=!1;return da({subType:g}).then(s=>{if(a)return;const i=(Array.isArray(s?.data)?s.data:[]).map(o=>({...o,displayDimensions:us(o?.displayDimensions)}));O(i),z(i[0]??null),I({})}).catch(()=>{a||(O([]),z(null),I({}))}),()=>{a=!0}},[g]);const Q=t.useMemo(()=>{const a=u?.displayDimensions?.dimensions??{};return[...Object.entries(a).filter(([,r])=>Array.isArray(r?.options)&&(r?.options?.length??0)>0).map(([r,i])=>({key:r,name:i?.name??r,options:i?.options??[]})),...ds]},[u]);t.useEffect(()=>{Q.length!==0&&I(a=>{const s={};return Q.forEach(r=>{const i=r.options[0]?.value,o=a[r.key];if(r.options.some(m=>m.value===o)){s[r.key]=o;return}i!==void 0&&(s[r.key]=i)}),s})},[Q]);const qe=t.useMemo(()=>{const a=Q.map(s=>{const r=A[s.key],i=s.options.find(h=>h.value===r)??s.options[0],o=i?.label??String(i?.value??"");return{key:s.key,label:o}}).filter(s=>!!s.label);return a.length===0?c("composer.paramPreset"):e.jsx(e.Fragment,{children:a.map((s,r)=>e.jsxs(t.Fragment,{children:[r>0?e.jsx("span",{className:"charactersCreate__paramPresetDivider","aria-hidden":"true"}):null,s.label]},s.key))})},[Q,A,c]),re=t.useMemo(()=>{const a=Q.find(o=>We(o.key,o.name));if(!a)return null;const s=A[a.key],r=a.options[0]?.value,i=String(s??r??"");return i?bs(i):null},[Q,A]),Ke=t.useMemo(()=>{const a=Number(u?.baseRatio??0),s=Number(u?.discountCoef??1);if(!Number.isFinite(a)||a<=0||!Number.isFinite(s)||s<=0)return 0;const r=Q.reduce((i,o)=>{const h=A[o.key],m=o.options.find(L=>L.value===h)??o.options[0],f=Number(m?.factor??1);return!Number.isFinite(f)||f<=0?i:i*f},1);return Math.ceil(a*r*s)},[u,Q,A]);t.useEffect(()=>{try{localStorage.setItem(ze,B?"1":"0"),localStorage.setItem(Ve,P)}catch{}},[B,P]);const Ee=t.useCallback(()=>{Me.current?.click()},[]),ge=t.useCallback(async a=>{const s=a.filter(r=>r.type.startsWith("image/"));if(s.length!==0)try{const r=Math.max(0,Y-N.length);if(r<=0){S.warning(c("composer.maxUploadReached",{max:Y}));return}const i=await ga(s.slice(0,r));v(o=>[...o,...i]),s.length>r&&S.warning(c("composer.maxUploadReached",{max:Y}))}catch{S.error(c("composer.uploadFailed"))}},[N.length,c]),Qe=t.useCallback(a=>{const s=a.target.files;!s||s.length===0||(ge(Array.from(s)),a.target.value="")},[ge]),Pe=t.useCallback(a=>{a.preventDefault(),a.stopPropagation()},[]),Xe=t.useCallback(a=>{a.preventDefault(),a.stopPropagation();const s=a.dataTransfer?.files;if(s&&s.length>0){ge(Array.from(s));return}const r=a.dataTransfer.getData("text/uri-list"),i=a.dataTransfer.getData("text/plain"),o=Array.from(new Set([...r.split(`
`).map(h=>h.trim()).filter(h=>h&&!h.startsWith("#")),i.trim()])).filter(h=>/^https?:\/\//i.test(h)||/^data:image\//i.test(h));o.length!==0&&v(h=>{const m=Math.max(0,Y-h.length);if(m<=0)return S.warning(c("composer.maxUploadReached",{max:Y})),h;const f=o.slice(0,m);return o.length>m&&S.warning(c("composer.maxUploadReached",{max:Y})),[...h,...f]})},[c,ge]),Je=t.useCallback(a=>{v(s=>{const r=s[a];if(typeof r=="object"&&r.type==="character"&&r.id!=null){const i=String(r.id);J(o=>o.filter(h=>h!==i))}return s.filter((i,o)=>o!==a)})},[]);t.useCallback((a,s,r)=>{const i=a?.images?.[0];if(!i){S.error(c("pages.charactersCreate.noDownloadImage"));return}const o=W(s)??"task";ha(String(i),`character-${o}-${r+1}.png`)},[c]),t.useCallback(a=>{const s=W(a);if(!s){S.error(c("pages.charactersCreate.taskIdMissing"));return}ss.confirm({title:c("pages.charactersCreate.confirmDeleteTitle"),content:c("pages.charactersCreate.confirmDeleteContent"),okText:c("pages.assetDetails.delete"),cancelText:c("button.cancel"),okButtonProps:{status:"danger"},onOk:async()=>{try{await pa(s),_(r=>r.filter(i=>W(i)!==s)),S.success(c("pages.assetDetails.deleteSuccess"))}catch{S.error(c("pages.assetDetails.deleteFailed"))}}})},[]);const Ze=t.useCallback(async()=>{if(!pe){je(!0);try{if(V.trim()===""){S.error(c("composer.promptRequired"));return}let a=V.trim();if(B)try{const o=(await ma({text:V,lang:P}))?.data?.text||V;a=String(o).trim()}catch{return}const s={subType:g,aiModelName:u?.name,aiPlatform:u?.code,aiModelId:u?.id,model:u?.code,aiModelCode:u?.code,aiModelCodeAlias:u?.aiModelCodeAlias,type:1,...A,...fs(A.resolution,re),chatPrompt:a,images:N.map(i=>typeof i=="string"?i:i.threeViewImage).filter(i=>!!i)},r=N.filter(i=>typeof i=="object"&&i.type==="character").map(i=>i.id).filter(i=>i!=null&&i!=="");r.length>0&&(s.characterIdList=r),await ua(s),await de()}catch{}finally{je(!1)}}},[u,g,B,V,N,pe,P,re,de,A,c]),De=t.useCallback(()=>{const a=oe.current;if(!a)return;const s=60;a.scrollTop<=s&&(fe.current=a.scrollHeight,ue.current=!0,ne(r=>Math.min(n.length,r+ie))),!(le.current||!te.current)&&a.scrollTop<=s&&Le()},[Le,n.length]),Ue=t.useMemo(()=>n.filter(a=>a?.status==0||a?.status==1).map(a=>W(a)).filter(a=>!!a),[n]),xe=t.useMemo(()=>Ue.join(","),[Ue]),ve=t.useMemo(()=>[...n].reverse(),[n]),ce=t.useMemo(()=>ve.slice(-Math.min(Re,ve.length)),[ve,Re]),Fe=t.useMemo(()=>n.length>0&&n.some(a=>Number(a?.status)===2),[n]),ea=t.useMemo(()=>n.filter(a=>Array.isArray(a?.resultList)&&a?.status>=0),[n]);t.useCallback(a=>{Se(String(a?.id??"")),me(!0)},[]);const aa=t.useCallback(async a=>{if(n.some(r=>W(r)===String(a)))try{const r=await he({ids:String(a),type:1,subType:106}),i=Array.isArray(r?.data?.list)?r.data.list:[];if(i.length===0)return;const o=new Map;if(i.forEach(h=>{const m=W(h);m&&o.set(m,h)}),o.size===0)return;_(h=>h.map(m=>{const f=W(m);return f?o.get(f)??m:m}))}catch{}},[n]);t.useEffect(()=>{if(xe==="")return;let a=!1;const s=xe,r=async()=>{if(!document.hidden)try{const o=await he({ids:s,type:1,subType:106});if(a)return;const h=Array.isArray(o?.data?.list)?o.data.list:[];if(h.length===0)return;const m=new Map;if(h.forEach(f=>{const L=W(f);if(!L)return;const F=Number(f?.status);if(F<0){S.error(f?.userErrorTipMsg?String(f.userErrorTipMsg):c("pages.charactersCreate.taskGenerateFailed")),m.set(L,f);return}F===2&&m.set(L,f)}),m.size===0)return;se.current=!0,_(f=>f.map(L=>{const F=W(L);return F?m.get(F)??L:L}))}catch{}};r();const i=window.setInterval(()=>{r()},ps);return()=>{a=!0,window.clearInterval(i)}},[xe,c]),t.useEffect(()=>{const a=oe.current;if(!a||!ue.current)return;const s=fe.current,i=a.scrollHeight-s;i>0&&(a.scrollTop+=i),ue.current=!1,fe.current=0},[ce.length]),t.useEffect(()=>{if(!se.current)return;let a=!1;const s=[];let r=null;const i=()=>{const m=oe.current;m&&(m.scrollTop=m.scrollHeight)},o=m=>{if(a)return;if(i(),m>=2){se.current=!1;return}const f=window.requestAnimationFrame(()=>o(m+1));s.push(f)},h=window.requestAnimationFrame(()=>{o(0)});return s.push(h),r=window.setTimeout(()=>{a||i()}),()=>{a=!0,s.forEach(m=>window.cancelAnimationFrame(m)),r!=null&&window.clearTimeout(r)}},[ce.length]);const ta=t.useMemo(()=>n.length===0?e.jsxs("div",{className:"charactersCreate__empty",children:[e.jsx("img",{alt:"",className:"charactersCreate__emptyIcon",src:new URL("/assets/ic_empty-C6qZWQhL.png",import.meta.url).href}),e.jsxs("div",{className:"charactersCreate__emptyText",children:[e.jsx("p",{className:"charactersCreate__emptyLine",children:c("pages.charactersCreate.emptyLine1")}),e.jsx("p",{className:"charactersCreate__emptyLine",children:c("pages.charactersCreate.emptyLine2")})]})]}):e.jsxs("section",{ref:oe,className:"charactersCreate__taskPreview","aria-label":c("pages.charactersCreate.taskPreviewAria"),onScroll:De,children:[ce.map((a,s)=>{const r=W(a)??`task-${s}`;return e.jsxs("div",{className:"charactersCreate__taskPreviewInner",children:[e.jsx("div",{className:"charactersCreate__taskPreviewTop",children:Array.isArray(a?.images)&&a.images.map((i,o)=>e.jsx("div",{className:"charactersCreate__taskPreviewStyleCard",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewStyleImage",src:i,draggable:!0,loading:"lazy",decoding:"async",onMouseEnter:()=>{H.ensurePreviewImage(i)},onDragStart:h=>{be(h,i)}})},`task-image-${r}-${o}`))}),e.jsx("p",{className:"charactersCreate__taskPreviewPrompt",children:a?.chatPrompt}),a?.status==0||a?.status==1?e.jsx("div",{className:"charactersCreate__taskPreviewBody",children:e.jsx("div",{className:"charactersCreate__taskPreviewMainFrame charactersCreate__taskPreviewMainFrame_pending",children:e.jsxs("div",{className:"charactersCreate__taskPreviewPending",children:[e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewPendingIcon",src:new URL("/assets/pending-iKg2Z6_3.png",import.meta.url).href}),e.jsx("span",{className:"charactersCreate__taskPreviewPendingText",children:"GENERITING..."})]})})}):Array.isArray(a?.resultList)&&a?.status>=0?a.resultList.map((i,o)=>e.jsx(t.Fragment,{children:e.jsx("div",{className:"charactersCreate__taskPreviewBody",children:e.jsx("div",{className:"charactersCreate__taskPreviewMainFrame",children:e.jsx("img",{alt:"",className:"charactersCreate__taskPreviewMainImage",src:i?.images?.[0],draggable:!0,loading:"lazy",decoding:"async",onMouseEnter:()=>{H.ensurePreviewImage(i?.images?.[0])},onDragStart:h=>{be(h,i?.images?.[0])}})})})},`task-result-${r}-${o}`)):null]},`task-preview-${r}`)}),ce.length<n.length?e.jsx("div",{className:"charactersCreate__taskPreviewLoadHint",children:c("index.explore_more")}):null]}),[H,be,De,ce,c,n.length]);return e.jsxs("div",{className:"charactersCreate",children:[e.jsxs("div",{className:"charactersCreate__row",children:[e.jsx("aside",{className:"charactersCreate__left",children:e.jsxs("div",{className:"charactersCreate__leftInner",children:[e.jsxs("div",{className:"charactersCreate__leftBody",children:[e.jsx("div",{className:"charactersCreate__leftHeader",children:e.jsx("h2",{className:"charactersCreate__leftTitle",children:c("pages.charactersCreate.styleLibraryTitle")})}),e.jsx("div",{className:"charactersCreate__leftScroll",children:e.jsx("div",{className:"charactersCreate__styleGrid",children:d.map((a,s)=>e.jsx("button",{type:"button",className:classNames("charactersCreate__styleCell",Ce.has(String(a.id))&&"charactersCreate__styleCell_selected"),draggable:!0,onMouseEnter:()=>{H.ensurePreviewImage(a.threeViewImage)},onDragStart:r=>{Ye(r,a.threeViewImage)},onClick:()=>{Ae(a)},children:e.jsx("span",{className:"charactersCreate__styleCellInner",children:e.jsx("img",{alt:"",className:"charactersCreate__styleImg",src:a.avatar,draggable:!1,loading:"lazy",decoding:"async"})})},String(a.id??s)))})})]}),e.jsx("button",{type:"button",className:"charactersCreate__leftMore",onClick:()=>{fa({onSelect:a=>{Ae(a)}})},children:c("index.explore_more")})]})}),e.jsxs("main",{className:"charactersCreate__center",children:[ta,e.jsxs("div",{className:"charactersCreate__composer",children:[l.map((a,s)=>{const r=g===a.taskSubType;return e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerTab",r&&"charactersCreate__composerTab_active"),onClick:()=>{T(a.taskSubType)},children:[e.jsx("img",{alt:"",className:"charactersCreate__composerTabIcon",src:a.icon}),e.jsx("span",{className:"charactersCreate__composerTabLabel",children:a.name})]},`${String(a.taskSubType??a.id??"category")}-${s}`)}),e.jsxs("div",{className:"charactersCreate__composerPanel",children:[e.jsxs("div",{className:"charactersCreate__composerRow",onDragOver:Pe,onDragEnter:Pe,onDrop:Xe,children:[N.length===0?e.jsx("button",{type:"button",className:"charactersCreate__composerUploadCard","aria-label":c("composer.actions.uploadReferenceImage"),onClick:Ee,children:e.jsx("img",{src:new URL("/assets/ic_plus-DsKUbTM-.png",import.meta.url).href,alt:""})}):e.jsx("div",{className:"charactersCreate__composerUploadList","aria-label":c("composer.aria.referenceImageList"),children:N.map((a,s)=>{const r=s===N.length-1,i=typeof a=="object"&&a.type==="character",o=typeof a=="string"?a:a.threeViewImage;return e.jsxs("div",{className:"charactersCreate__composerUploadCard charactersCreate__composerUploadCard_preview",children:[e.jsx("img",{className:"charactersCreate__composerUploadPreview",src:o,alt:"",loading:"lazy",decoding:"async"}),e.jsx("button",{type:"button",className:"charactersCreate__composerUploadDeleteBtn","aria-label":c(i?"pages.charactersCreate.deleteRoleAria":"composer.actions.deleteImage"),onClick:()=>Je(s),children:e.jsx("img",{src:new URL("/assets/ic_close-C0Ltcj9g.png",import.meta.url).href,alt:""})}),r&&N.length<Y?e.jsx("button",{type:"button",className:"charactersCreate__composerUploadAddBtn","aria-label":c("composer.actions.continueUploadReferenceImage"),onClick:Ee,children:e.jsx("img",{src:new URL("/assets/addImage-Do8_T8na.png",import.meta.url).href,alt:""})}):null]},typeof a=="string"?`${a}-${s}`:`character-${String(a.id??s)}-${s}`)})}),e.jsx("input",{ref:Me,className:"charactersCreate__composerUploadInput",type:"file",accept:"image/*",multiple:!0,onChange:Qe,tabIndex:-1,"aria-hidden":"true"}),e.jsx(rs.TextArea,{className:"charactersCreate__composerTextarea",value:V,onChange:a=>X(a),placeholder:c("pages.charactersCreate.promptPlaceholder"),"aria-label":c("composer.aria.promptInput"),autoSize:{minRows:1,maxRows:4}})]}),e.jsxs("div",{className:"charactersCreate__composerToolbar",children:[e.jsxs("div",{className:"charactersCreate__toolbarLeft",children:[e.jsx(Oe,{trigger:"click",position:"tl",popupVisible:K,onVisibleChange:k,getPopupContainer:()=>document.body,triggerProps:{className:"charactersCreate__paramDropdownTrigger"},droplist:e.jsx("div",{className:"charactersCreate__paramDropdown",role:"menu","aria-label":c("composer.aria.paramPresetList"),children:Q.map(a=>{const s=A[a.key],r=a.options[0]?.value,i=s??r,o=We(a.key,a.name);return e.jsxs("div",{className:"charactersCreate__paramGroup",children:[e.jsx("p",{className:"charactersCreate__paramTitle",children:a.key==="batchSize"?c("composer.fields.batchSize"):a.name}),e.jsx("div",{className:classNames("charactersCreate__paramOptions",o&&"charactersCreate__paramOptions_ratio"),role:"group","aria-label":a.name,children:a.options.map((h,m)=>{const f=h.value,L=h.label??String(f),F=i===f,ee=o?Ca(L):null;return e.jsx("button",{type:"button",role:"menuitemradio","aria-checked":F,className:classNames("charactersCreate__paramOption",F&&"charactersCreate__paramOption_active",o&&"charactersCreate__paramOption_ratio"),onClick:()=>{I(sa=>({...sa,[a.key]:f}))},children:o?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"charactersCreate__ratioShapeSlot","aria-hidden":"true",children:e.jsx("span",{className:"charactersCreate__ratioShape",style:{width:`${ee?.width??20}px`,height:`${ee?.height??20}px`}})}),e.jsx("span",{className:"charactersCreate__ratioLabel",children:L})]}):L},`${a.key}-${String(f)}-${m}`)})}),o&&re?e.jsxs("div",{className:"charactersCreate__paramRatioSizeWrap","aria-label":c("composer.aria.sizePreview"),children:[e.jsx("p",{className:"charactersCreate__paramTitle",children:c("composer.fields.size")}),e.jsxs("div",{className:"charactersCreate__paramRatioSizeRow",children:[e.jsxs("span",{className:"charactersCreate__paramRatioSizeValue",children:["W ",re.width]}),e.jsx("img",{className:"charactersCreate__paramRatioSizeLink",src:new URL("/assets/ic_link-BaYntrUJ.png",import.meta.url).href,alt:""}),e.jsxs("span",{className:"charactersCreate__paramRatioSizeValue",children:["H ",re.height]})]})]}):null]},a.key)})}),children:e.jsx("button",{type:"button",className:"charactersCreate__pill charactersCreate__pill--spec","aria-label":c("composer.paramPreset"),children:e.jsx("span",{className:"charactersCreate__paramPresetItem",children:qe})})}),e.jsx(Oe,{trigger:"click",position:"tl",popupVisible:G,onVisibleChange:q,getPopupContainer:()=>document.body,triggerProps:{className:"charactersCreate__modelDropdownTrigger"},droplist:e.jsxs("div",{className:"charactersCreate__modelDropdown",role:"menu","aria-label":c("pages.charactersCreate.modelListAria"),children:[e.jsx("p",{className:"charactersCreate__modelDropdownTitle",children:c("composer.modelLibrary")}),e.jsx("div",{className:"charactersCreate__modelDropdownList",children:E.map((a,s)=>{const r=u===a;return e.jsxs("button",{type:"button",role:"menuitem",className:classNames("charactersCreate__modelDropdownItem",r&&"charactersCreate__modelDropdownItem_active"),onClick:()=>{z(a),I({}),q(!1)},children:[a.icon?e.jsx("img",{alt:"",className:"charactersCreate__modelDropdownItemIcon",src:a.icon}):null,e.jsxs("span",{className:"charactersCreate__modelDropdownItemText",children:[e.jsx("span",{className:"charactersCreate__modelDropdownItemName",children:a.name}),a.description?e.jsx("span",{className:"charactersCreate__modelDropdownItemDesc",children:a.description}):null]})]},a.id??s)})})]}),children:e.jsxs("button",{type:"button",className:"charactersCreate__pill charactersCreate__pill--model","aria-haspopup":"menu","aria-expanded":G,"aria-label":c("composer.actions.selectModel"),children:[e.jsx("img",{alt:"",className:"charactersCreate__modelIcon",src:u?.icon}),e.jsx("span",{className:"charactersCreate__pillText",children:u?.name??c("pages.assetDetails.model")})]})})]}),e.jsxs("div",{className:"charactersCreate__composerActions",children:[B?e.jsx("img",{className:"charactersCreate__langSwitchIcon",src:new URL(Object.assign({"/src/assets/images/AiCategories_template.png":Zt,"/src/assets/images/action-mimic-card-bg.png":Jt,"/src/assets/images/action-mimic-card-icon.png":Xt,"/src/assets/images/action-mimic-play-icon.png":Qt,"/src/assets/images/addImage.png":Kt,"/src/assets/images/app-store.png":qt,"/src/assets/images/audio.png":Yt,"/src/assets/images/avatar.png":Gt,"/src/assets/images/check.png":Wt,"/src/assets/images/contact.png":Vt,"/src/assets/images/diy-role-card.png":zt,"/src/assets/images/dot.png":Ot,"/src/assets/images/download.png":Ht,"/src/assets/images/explore-cat-icon.png":Bt,"/src/assets/images/fav.png":$t,"/src/assets/images/flash.png":Ft,"/src/assets/images/google-play.png":Ut,"/src/assets/images/hero-image1.png":Dt,"/src/assets/images/hero-image2.png":Pt,"/src/assets/images/heroTitleIcon1.png":Et,"/src/assets/images/heroTitleIcon2.png":Lt,"/src/assets/images/ic_AI.png":Be,"/src/assets/images/ic_AI_active.png":$e,"/src/assets/images/ic_arrow_bottom_white.png":It,"/src/assets/images/ic_arrow_right_gray.png":At,"/src/assets/images/ic_arrow_right_purple.png":Tt,"/src/assets/images/ic_artist.png":Mt,"/src/assets/images/ic_avatar_add.png":St,"/src/assets/images/ic_character_edit.png":kt,"/src/assets/images/ic_character_edit_white.png":Rt,"/src/assets/images/ic_chat_magic.png":jt,"/src/assets/images/ic_checkbox.png":wt,"/src/assets/images/ic_checkbox_agreement_off.png":yt,"/src/assets/images/ic_checkbox_agreement_on.png":Nt,"/src/assets/images/ic_checkbox_checked.png":vt,"/src/assets/images/ic_close.png":xt,"/src/assets/images/ic_collapse.png":bt,"/src/assets/images/ic_collect.png":Ct,"/src/assets/images/ic_collect_active.png":ft,"/src/assets/images/ic_copy.png":ut,"/src/assets/images/ic_copyright.png":mt,"/src/assets/images/ic_crown.png":pt,"/src/assets/images/ic_delete.png":ht,"/src/assets/images/ic_download.png":gt,"/src/assets/images/ic_empty.png":dt,"/src/assets/images/ic_eye.png":_t,"/src/assets/images/ic_gout.png":lt,"/src/assets/images/ic_help.png":ot,"/src/assets/images/ic_key.png":nt,"/src/assets/images/ic_lamp.png":it,"/src/assets/images/ic_language.png":ct,"/src/assets/images/ic_like.png":rt,"/src/assets/images/ic_like_active.png":st,"/src/assets/images/ic_like_white.png":tt,"/src/assets/images/ic_link.png":at,"/src/assets/images/ic_look.png":et,"/src/assets/images/ic_menu.png":Za,"/src/assets/images/ic_model.png":Ja,"/src/assets/images/ic_more.png":Xa,"/src/assets/images/ic_plus.png":Qa,"/src/assets/images/ic_publish.png":Ka,"/src/assets/images/ic_refresh.png":qa,"/src/assets/images/ic_search.png":Ya,"/src/assets/images/ic_share.png":Ga,"/src/assets/images/ic_stars_active.png":Wa,"/src/assets/images/ic_stars_white.png":Va,"/src/assets/images/ic_template_chip.png":za,"/src/assets/images/ic_user.png":Oa,"/src/assets/images/icon-version.png":Ha,"/src/assets/images/installl.png":Ba,"/src/assets/images/lang_en.png":$a,"/src/assets/images/lang_zh.png":Fa,"/src/assets/images/logo-full-white.png":Ua,"/src/assets/images/logo.png":Da,"/src/assets/images/nav-arrow.png":Pa,"/src/assets/images/official-main-card.png":Ea,"/src/assets/images/pending.png":La,"/src/assets/images/popiart.png":Ia,"/src/assets/images/powered-icon.png":Aa,"/src/assets/images/scene1.png":Ta,"/src/assets/images/scene2.png":Ma,"/src/assets/images/scene3.png":Sa,"/src/assets/images/scene4.png":ka,"/src/assets/images/sceneCharacter1.png":Ra,"/src/assets/images/sceneCharacter2.png":ja,"/src/assets/images/sceneCharacter3.png":wa,"/src/assets/images/sceneCharacter4.png":ya,"/src/assets/images/search.png":Na,"/src/assets/images/social-media-card.png":va,"/src/assets/images/star.png":xa,"/src/assets/images/wxgh_loading.png":ba})[`/src/assets/images/${P==="ZH"?"lang_zh":"lang_en"}.png`],import.meta.url).href,alt:"",onClick:()=>C(a=>a==="ZH"?"EN":"ZH")}):null,e.jsxs("button",{type:"button",className:classNames("charactersCreate__composerExpandBtn",B&&"charactersCreate__composerExpandBtn_active"),"aria-pressed":B,"aria-label":c("composer.actions.aiExpand"),onClick:()=>ae(a=>!a),children:[e.jsx("img",{src:new URL(Object.assign({"/src/assets/images/ic_AI.png":Be,"/src/assets/images/ic_AI_active.png":$e})[`/src/assets/images/ic_AI${B?"_active":""}.png`],import.meta.url).href,alt:""}),e.jsx("span",{children:c("composer.actions.expand")}),e.jsx("img",{src:new URL("/assets/ic_stars_active-qa63FBqE.png",import.meta.url).href,alt:""})]}),e.jsxs("button",{type:"button",className:"charactersCreate__composerCostBtn",onClick:()=>Ze(),disabled:pe,children:[e.jsx("img",{src:new URL("/assets/ic_stars_white-CxqAv7TF.png",import.meta.url).href,alt:""}),e.jsx("span",{children:Ke})]})]})]})]})]})]}),e.jsxs("aside",{className:"charactersCreate__right",children:[e.jsxs("div",{className:"charactersCreate__rightStack",children:[e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:p.title})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:p.desp}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:p.coverUrl})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{X(p.prompt)},children:c("pages.charactersCreate.rightCards.realToAnime.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:c("pages.charactersCreate.rightCards.oneToOne.title")})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:c("pages.charactersCreate.rightCards.oneToOne.desc")}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:new URL("/assets/ic_artist-BCuSw5iQ.png",import.meta.url).href})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{es()},children:c("pages.charactersCreate.rightCards.oneToOne.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc",children:e.jsxs("div",{className:"charactersCreate__svcBlock",children:[e.jsxs("div",{className:"charactersCreate__svcHeader",children:[e.jsx("div",{className:"charactersCreate__svcHeaderMain",children:e.jsx("span",{className:"charactersCreate__svcTitle",children:c("pages.charactersCreate.rightCards.copyright.title")})}),e.jsx("img",{alt:"",className:"charactersCreate__svcChevron",src:new URL("/assets/ic_arrow_bottom_white-CUyO9U1y.png",import.meta.url).href})]}),e.jsxs("div",{className:"charactersCreate__svcBody",children:[e.jsx("p",{className:"charactersCreate__svcDesc",children:c("pages.charactersCreate.rightCards.copyright.desc")}),e.jsx("div",{className:"charactersCreate__svcFigure",children:e.jsx("img",{alt:"",className:"charactersCreate__svcImg",src:new URL("/assets/ic_copyright-DIOngrEt.png",import.meta.url).href})})]}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",children:c("pages.charactersCreate.rightCards.copyright.cta")})]})}),e.jsx("section",{className:"charactersCreate__svc charactersCreate__svc--diy",children:e.jsxs("div",{className:"charactersCreate__svcBlock charactersCreate__svcBlock--diy",children:[e.jsx("div",{className:"charactersCreate__svcHeader charactersCreate__svcHeader--diyCap",children:e.jsx("span",{className:"charactersCreate__svcTitleCenter",children:c("pages.charactersCreate.diyTitle")})}),e.jsx("div",{className:"charactersCreate__diyGrid",children:R.slice(0,4).map((a,s)=>e.jsxs("button",{type:"button",className:"charactersCreate__diyItem",onClick:()=>{He({initialCategoryId:Number(a.id),onSelect:r=>{Ie(r)}})},children:[e.jsx("div",{className:"charactersCreate__diyThumb",children:e.jsx("img",{alt:"",className:"charactersCreate__diyThumbImg",src:String(a.icon)})}),e.jsx("span",{className:"charactersCreate__diyLabel",children:String(a.name??"")})]},String(a.id??s)))}),e.jsx("button",{type:"button",className:"charactersCreate__svcAction",onClick:()=>{He({onSelect:a=>{Ie(a)}})},children:c("index.explore_more")})]})})]}),e.jsx("button",{type:"button",className:classNames("charactersCreate__createGlobal",Fe&&"charactersCreate__createGlobal_active"),disabled:!Fe,onClick:()=>{Se(null),me(!0)},children:c("pages.charactersCreate.createRole")})]})]}),ke&&e.jsx(os,{visible:ke,taskList:ea,onClose:()=>me(!1),onCreated:a=>void aa(a)}),e.jsx(ls,{visible:Z.visible,steps:Z.steps,currentStep:Z.currentStep,onClose:Z.hide,onComplete:Z.complete,onStepChange:Z.goToStep,showSkip:!0,showStepIndicator:!0})]})}export{ks as default};
//# sourceMappingURL=index-BdphHSr3.js.map