https://flaq.ai/_next/static/chunks/18500-4bf0771931fbe506.js?dpl=v0_1_0-20260926-59b909b4

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18500],{18500:(e,t,i)=>{i.d(t,{default:()=>tD});var r=i(47477),a=i(2193),o=i(98187),n=i(78953),l=i(88030),s=i(99505),d=i(86609),c=i(74950),u=i(8608),m=i(13889),p=i(47652),h=i(27876);let g=[{id:"space-girl-contact",nameKey:"spaceGirlContact",prompt:"Drawing on the environmental background of @image_1, a huge circular metallic alien spaceship @image_2 is slowly descending, and the enormous pressure upon landing triggers a powerful shockwave, surrounded by dreamlike blue-purple star dust particles and dense white water vapor, creating a dynamic diffusion visual spectacle. The camera switches from a wide shot to a close-up of the spaceship's hatch, accompanied by mechanical rotating sounds, as the hatch slowly opens.\n\nAn alien wearing black sunglasses @image_3 steps out from the dimly lit interior of the spaceship, stopping at the door, looking around cautiously. Then, the alien's full-body skin begins to show highly detailed physiological writhing and reconstruction effects. In the flowing light and shadow, its form gradually transforms, finally becoming a beautiful woman wearing sunglasses @image_4.\n\nVisual core detail: Throughout the stunning physiological transformation, the pair of black sunglasses remain unchanged, firmly worn on the face. The image presents a cinematic blockbuster-level texture, with cold-toned blue-purple light and shadow intertwined with the metallic luster of the spaceship, full of sci-fi epic and mysterious atmosphere, high definition, and rich details.",imageUrls:["https://res.seevido.com/home/seevido/reference_to_video/template/prompt_1/1.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_1/2.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_1/3.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_1/4.webp"]},{id:"apocalypse-dragon-rider",nameKey:"apocalypseDragonRider",prompt:"Using @image_1 as the woman reference, @image_2 as the red dragon reference, and @image_3 as the apocalyptic city atmosphere reference, a woman in a red dress rides a red dragon, flying at high speed through a city where apocalyptic meteorites are raining down.",imageUrls:["https://res.seevido.com/home/seevido/reference_to_video/template/prompt_2/1.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_2/2.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_2/3.webp"]},{id:"spinning-dance-man",nameKey:"spinningDanceMan",prompt:"Using @image_1 as the dancer identity reference, @image_2 as the body-motion reference, and @image_3 as the framing reference, a man spins counter-clockwise on the spot while dancing facing the camera.",imageUrls:["https://res.seevido.com/home/seevido/reference_to_video/template/prompt_3/1.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_3/2.webp","https://res.seevido.com/home/seevido/reference_to_video/template/prompt_3/3.webp"]}];var x=i(74593),f=i(63169),b=i(40870),v=i(59343),y=i(50072),w=i(96127),j=i(3646);let N=[{value:"text-to-video",labelKey:"text-to-video",icon:y.A},{value:"image-to-video",labelKey:"image-to-video",icon:n.A},{value:"reference-to-video",labelKey:"reference-to-video",icon:w.A},{value:"video-edit",labelKey:"video-edit",icon:o.A}],k=[{value:"text-to-image",labelKey:"text-to-image",icon:y.A},{value:"image-to-image",labelKey:"image-to-image",icon:n.A}],C=[{value:"text-to-3d",labelKey:"text-to-3d",icon:y.A},{value:"image-to-3d",labelKey:"image-to-3d",icon:n.A},{value:"multiview-to-3d",labelKey:"multiview-to-3d",icon:w.A}],A=[{value:"prompt-to-song",labelKey:"prompt-to-song",icon:y.A},{value:"lyrics-to-song",labelKey:"lyrics-to-song",icon:y.A},{value:"text-to-music",labelKey:"text-to-music",icon:l.A}];function S({musicType:e,onMusicTypeChange:t,allowedMusicTypes:i,activeType:a,imageType:o,videoType:n,threeDType:l,onImageTypeChange:s,onVideoTypeChange:d,onThreeDTypeChange:c,allowedImageTypes:u,allowedVideoTypes:p,allowedThreeDTypes:h}){let g=(0,m.c)("components.hero-form.generation-type"),x="music"===a?A.filter(e=>!i||i.includes(e.value)):"video"===a?p?N.filter(e=>p.includes(e.value)):N:"3d"===a?C.filter(e=>!h||h.includes(e.value)):u?k.filter(e=>u.includes(e.value)):k,b="music"===a?e:"video"===a?n:"3d"===a?l:o,v=x.find(e=>e.value===b)||x[0],y=v.icon,w=e=>{"music"===a?t?.(e):"video"===a?d(e):"3d"===a?c(e):s(e)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"min-w-0 flex-1 sm:hidden",children:(0,r.jsxs)(j.l6,{value:b,onValueChange:w,children:[(0,r.jsx)(j.bq,{className:"text-color-t1 h-12 w-full min-w-0 justify-start rounded-none border-0 bg-transparent px-0 shadow-none focus-visible:ring-0 [&>svg:last-child]:size-6 [&>svg:last-child]:text-white [&>svg:last-child]:opacity-100",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,r.jsx)(y,{className:"size-4 shrink-0"}),(0,r.jsx)("span",{className:"truncate",children:g(v.labelKey)})]})}),(0,r.jsx)(j.gC,{className:"border-color-b1 bg-color-c1 text-color-t1 rounded-xl",children:x.map(e=>{let t=e.icon;return(0,r.jsxs)(j.eb,{value:e.value,className:"text-color-t2 focus:bg-color-c3 focus:text-color-t1 rounded-md",children:[(0,r.jsx)(t,{className:"size-4 shrink-0"}),(0,r.jsx)("span",{children:g(e.labelKey)})]},e.value)})})]})}),(0,r.jsx)("div",{className:"no-scrollbar hidden min-w-0 flex-1 items-center gap-1 overflow-x-auto sm:flex",children:x.map(e=>{let t=e.value===b,i=e.icon;return(0,r.jsxs)("button",{type:"button",onClick:()=>w(e.value),"aria-pressed":t,className:(0,f.cn)("inline-flex h-11 shrink-0 items-center justify-center gap-2 border-b-2 px-3 text-sm font-medium whitespace-nowrap transition-colors sm:px-4",t?"border-color-main text-color-main":"border-transparent text-color-t2 hover:text-color-t1 focus-visible:text-color-t1"),children:[(0,r.jsx)(i,{className:"size-4 shrink-0"}),(0,r.jsx)("span",{children:g(e.labelKey)})]},e.value)})})]})}var I=i(31051),M=i(82618);function T({checked:e,label:t,onCheckedChange:i}){return(0,r.jsxs)("div",{title:t,className:"bg-color-c3 flex h-9 items-center gap-2 rounded-md px-3 max-sm:px-2",children:[(0,r.jsx)(I.A,{className:(0,f.cn)("size-4 shrink-0",e?"text-color-main":"text-color-t2")}),(0,r.jsx)("span",{className:"text-color-t2 text-[14px] leading-[22px] max-sm:hidden",children:t}),(0,r.jsx)(M.d,{checked:e,onCheckedChange:e=>i(!!e),"aria-label":t,className:"h-4 w-7 rounded-[4px] border bg-transparent data-[state=unchecked]:border-white data-[state=unchecked]:bg-transparent data-[state=checked]:border-color-main data-[state=checked]:bg-transparent",thumbClassName:"h-3 w-3 rounded-[2px] !bg-white shadow-none data-[state=unchecked]:translate-x-[1px] data-[state=unchecked]:!bg-white data-[state=checked]:translate-x-[13px] data-[state=checked]:!bg-color-main"})]})}var F=i(56839);let L=(0,a.forwardRef)(function({children:e,className:t,fullPanelClassName:i},o){let n=(0,F.A)(e=>e.hasHydrated),[l,s]=(0,a.useState)("inline"),[d,c]=(0,a.useState)(!0),[u,m]=(0,a.useState)(0),[p,h]=(0,a.useState)({left:0,width:0}),g=(0,a.useRef)(null),x=(0,a.useRef)(null),b=(0,a.useRef)("inline"),v=(0,a.useRef)("inline"),y=(0,a.useRef)(!0),w=(0,a.useRef)(null),j=(0,a.useRef)(null),N="inline"!==l,k="compact"===l,C=(0,a.useCallback)(()=>{null!==w.current&&(window.clearTimeout(w.current),w.current=null),null!==j.current&&(window.cancelAnimationFrame(j.current),j.current=null)},[]),A=(0,a.useCallback)(()=>{j.current=window.requestAnimationFrame(()=>{j.current=window.requestAnimationFrame(()=>

1{j.current=null,y.current=!0,c(!0)})})},[]),S=(0,a.useCallback)(e=>{b.current=e,s(e),A()},[A]),I=(0,a.useCallback)((e,{skipFadeOut:t=!1}={})=>{if(v.current===e)return;if(v.current=e,C(),b.current===e){y.current||A();return}let i=y.current;(y.current=!1,c(!1),t||!i)?S(e):w.current=window.setTimeout(()=>{w.current=null,v.current===e&&S(e)},200)},[S,C,A]);return(0,a.useImperativeHandle)(o,()=>({getTargetView:()=>v.current,transitionTo:I}),[I]),(0,a.useEffect)(()=>()=>{C()},[C]),(0,a.useEffect)(()=>{if(!n)return void I("inline",{skipFadeOut:!0});let e=()=>{let e=g.current,t=x.current;if(!e||!t||window.innerWidth<1024)return void I("inline",{skipFadeOut:!0});let i=e.getBoundingClientRect(),r=Number.parseFloat(window.getComputedStyle(document.documentElement).getPropertyValue("--app-header-height"))||70,a=i.bottom<=r;if("inline"===b.current){let e=t.getBoundingClientRect().height;m(t=>t===e?t:e)}if(h(e=>e.left===i.left&&e.width===i.width?e:{left:i.left,width:i.width}),a){"inline"===v.current&&I("compact");return}I("inline")};e();let t=null,i="u"<typeof ResizeObserver?null:new ResizeObserver(()=>{null!==t&&window.cancelAnimationFrame(t),t=window.requestAnimationFrame(()=>{t=null,e()})});return g.current&&i?.observe(g.current),x.current&&i?.observe(x.current),window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e),()=>{null!==t&&window.cancelAnimationFrame(t),i?.disconnect(),window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[n,I]),(0,r.jsx)("div",{ref:g,className:(0,f.cn)("relative w-full shrink-0",N?"z-[45]":"z-20",t),style:N&&u?{height:u}:void 0,children:(0,r.jsx)("div",{ref:x,className:(0,f.cn)("w-full transition-opacity duration-200 ease-out",d?"opacity-100":"pointer-events-none opacity-0",!k&&i,N&&"fixed z-40",N&&!k&&"top-[var(--app-header-height)] bg-color-bg/95 backdrop-blur-xl",N&&k&&"top-[calc(var(--app-header-height)+8px)]"),style:N?k?{left:p.left+p.width/2,width:Math.min(p.width,720),transform:"translateX(-50%)"}:{left:p.left,width:p.width}:void 0,children:e({compact:k,onExpandRequest:()=>I("expanded")})})})});var R=i(53141);function z({onClick:e}){let t=(0,m.c)("components.hero-form");return(0,r.jsxs)("button",{type:"button",onClick:e,className:"text-color-main inline-flex h-8 items-center gap-2 px-1 text-sm whitespace-nowrap transition-opacity hover:opacity-80",children:[(0,r.jsx)(R.A,{className:"size-4"}),t("inspire-me")]})}var D=i(19617);function P({active:e=!1,className:t,children:i,...a}){return(0,r.jsx)("button",{type:"button",className:(0,f.cn)("group inline-flex h-9 items-center gap-1 rounded-md bg-color-c3 px-3 py-0 text-[14px] leading-[22px] text-color-t2 transition-colors hover:bg-color-c4 hover:text-color-t1 max-sm:w-full",e&&"border-color-main/40 text-color-t1",t),...a,children:i})}function _({value:e,active:t}){let i=t?"border-color-main":"border-color-t3";return"-"===e||"Auto"===e?(0,r.jsxs)("span",{className:"relative flex h-5 w-5 items-center justify-center",children:[(0,r.jsx)("span",{className:(0,f.cn)("absolute h-4 w-4 rounded-[2px] border-[1.25px]",i)}),(0,r.jsx)("span",{className:(0,f.cn)("absolute h-3 w-3 rounded-[1.5px] border-[1.25px]",i)})]}):(0,r.jsx)("span",{className:(0,f.cn)("rounded-[2px] border-[1.25px]",i,function(e){switch(e){case"-":case"Auto":case"1:1":default:return"h-4 w-4";case"16:9":return"h-[9px] w-4";case"9:16":return"h-4 w-[9px]";case"4:3":return"h-3 w-4";case"3:4":return"h-4 w-3";case"3:2":return"h-[10.67px] w-4";case"2:3":return"h-4 w-[10.67px]";case"21:9":return"h-[6.86px] w-4";case"9:21":return"h-4 w-[6.86px]"}}(e))})}function E(e){return e?e.endsWith("s")?e:`${e}s`:e}function O({type:e,model:t,videoDraft:i,imageDraft:a,open:o,onOpenChange:n,onVideoChange:l,onImageChange:s}){let d=(0,m.c)("components.image-form"),c=(0,m.c)("components.video-form"),u=t.capabilities.resolution??[],p=t.capabilities.ratio?.map(e=>e.value)??[],h="video"===e?t.capabilities.duration??[]:[],g="video"===e?t.capabilities.durationRange:void 0,x=g?Array.from(new Set((g.min<=3?[3,6,10]:[4,8,12]).filter(e=>e>=g.min&&e<=g.max))).map(e=>String(e)):[],b="video"===e?t.capabilities.seed:void 0,v="video"===e&&!!t.capabilities.negativePrompt,y="image"===e?t.capabilities.quality??[]:[],w="video"===e?i.resolution||u[0]||"":a?.resolution||u[0]||"",j="video"===e?i.ratio||p[0]||"":a?.aspectRatio||p[0]||"",N="video"===e&&(i.duration||h[0])||"",k="image"===e&&(a?.quality||y[0]?.value)||"",C=("video"===e?[u.length>1?"resolution":null,p.length?"ratio":null,g||h.length>

10?"duration":null].filter(Boolean):[u.length>0?"resolution":null,p.length>0?"ratio":null,y.length>0?"quality":null].filter(Boolean)).map(e=>"resolution"===e?w.toUpperCase():"ratio"===e?"-"===j?"Auto":j:"quality"===e?d(`quality-options.${k}`):E(N)).filter(Boolean);return C.length?(0,r.jsxs)(D.AM,{open:o,onOpenChange:n,modal:!1,children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsx)(P,{active:o,children:C.map((e,t)=>(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[t>0?(0,r.jsx)("span",{"aria-hidden":"true",className:"bg-color-b1 h-[19px] w-px shrink-0 transition-colors group-hover:bg-white/30"}):null,(0,r.jsx)("span",{className:"text-[14px] leading-[22px]",children:e})]},`${e}-${t}`))})}),(0,r.jsx)(D.hl,{side:"top",align:"start",sideOffset:8,className:"border-color-b1 bg-color-c1 text-color-t1 w-[437px] max-w-[calc(100vw-32px)] rounded-[8px] border p-2 shadow-xl",children:(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[u.length>0?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("div",{className:"text-color-t2 text-[14px] leading-[22px]",children:c("videoResolution")}),(0,r.jsx)("div",{className:"flex items-center gap-2",children:u.map(t=>{let i=w===t;return(0,r.jsx)("button",{type:"button",onClick:()=>{"video"===e?l({resolution:t}):s?.({resolution:t})},className:(0,f.cn)("flex h-[30px] flex-1 items-center justify-center rounded-[4px] px-0 py-1 text-[14px] leading-[22px] transition-colors",i?"bg-color-c4 text-color-main":"text-color-t3 hover:bg-color-c4 hover:text-color-t1"),children:t.toUpperCase()},t)})})]}):null,u.length>0&&(p.length>0||y.length>0||h.length>1)?(0,r.jsx)("div",{className:"border-color-b1 border-t"}):null,p.length>0?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("div",{className:"text-color-t2 text-[14px] leading-[22px]",children:d("aspectRatio")}),(0,r.jsx)("div",{className:"grid grid-cols-6 gap-3",children:p.map(t=>{let i=j===t;return(0,r.jsxs)("button",{type:"button",onClick:()=>{"video"===e?l({ratio:t}):s?.({aspectRatio:t})},className:(0,f.cn)("flex h-[57px] flex-col items-center justify-center gap-[3px] rounded-[4px] px-3 py-[6px] transition-colors",i?"bg-color-c4 text-color-main":"text-color-t3 hover:bg-color-c4 hover:text-color-t1"),children:[(0,r.jsx)(_,{value:t,active:i}),(0,r.jsx)("span",{className:"text-[14px] leading-[22px]",children:"-"===t?"Auto":t})]},t)})})]}):null,p.length>0&&(y.length>0||h.length>1)?(0,r.jsx)("div",{className:"border-color-b1 border-t"}):null,y.length>0?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("div",{className:"text-color-t2 text-[14px] leading-[22px]",children:d("quality")}),(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:y.map(e=>{let t=k===e.value;return(0,r.jsx)("button",{type:"button",onClick:()=>s?.({quality:e.value}),className:(0,f.cn)("flex h-[30px] min-w-[64px] flex-1 items-center justify-center rounded-[4px] px-3 py-1 text-[14px] leading-[22px] transition-colors",t?"bg-color-c4 text-color-main":"text-color-t3 hover:bg-color-c4 hover:text-color-t1"),children:d(`quality-options.${e.value}`)},e.value)})})]}):null,y.length>0&&h.length>1?(0,r.jsx)("div",{className:"border-color-b1 border-t"}):null,g||h.length>0?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("div",{className:"text-color-t2 text-[14px] leading-[22px]",children:c("duration")}),g?(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[x.map(e=>{let t=N===e;return(0,r.jsx)("button",{type:"button",onClick:()=>l({duration:e}),className:(0,f.cn)("flex h-[30px] min-w-[48px] items-center justify-center rounded-[4px] px-3 py-1 text-[14px] leading-[22px] transition-colors",t?"bg-color-c4 text-color-main":"text-color-t3 hover:bg-color-c4 hover:text-color-t1"),children:E(e)},e)}),(0,r.jsxs)("label",{className:"border-color-b1 bg-color-c3 text-color-t2 focus-within:border-color-main flex h-[30px] w-[104px] items-center rounded-[4px] border px-2 text-[14px] leading-[22px]",children:[(0,r.jsx)("input",{type:"number",min:g.min,max:g.max,value:N,placeholder:`${g.min}-${g.max}

1`,onChange:e=>l({duration:e.target.value}),onBlur:e=>{var t;let i;l({duration:(t=e.target.value,(Number.isNaN(i=parseInt(t,10))?"":g?String(Math.min(Math.max(i,g.min),g.max)):String(i))||String(g.min))})},className:"min-w-0 flex-1 bg-transparent text-color-t1 outline-none"}),(0,r.jsx)("span",{className:"pl-1 text-color-t3",children:"s"})]})]}):(0,r.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:h.map(e=>{let t=N===e;return(0,r.jsx)("button",{type:"button",onClick:()=>l({duration:e}),className:(0,f.cn)("flex h-[30px] min-w-[64px] items-center justify-center rounded-[4px] px-3 py-1 text-[14px] leading-[22px] transition-colors",t?"bg-color-c4 text-color-main":"text-color-t3 hover:bg-color-c4 hover:text-color-t1"),children:E(e)},e)})})]}):null,(b||v)&&(u.length>0||p.length>0||g||h.length>0)?(0,r.jsx)("div",{className:"border-color-b1 border-t"}):null,v?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("div",{className:"text-color-t2 text-[14px] leading-[22px]",children:c("negative-prompt")}),(0,r.jsx)("textarea",{value:i.negativePrompt||"",placeholder:c("negative-prompt-placeholder"),onChange:e=>l({negativePrompt:e.target.value}),className:"custom-scrollbar border-color-b1 bg-color-c3 text-color-t1 placeholder:text-color-t3 min-h-[72px] w-full resize-y rounded-[4px] border px-3 py-2 text-[14px] leading-[22px] outline-none focus:border-color-main"})]}):null,b&&v?(0,r.jsx)("div",{className:"border-color-b1 border-t"}):null,b?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("div",{className:"text-color-t2 text-[14px] leading-[22px]",children:c("seed")}),(0,r.jsx)("input",{type:"number",min:b.min,max:b.max,value:-1===i.seed?"":i.seed??"",placeholder:`${b.min}~${b.max}`,onChange:e=>{if(""===e.target.value)return void l({seed:-1});let t=parseInt(e.target.value,10);Number.isNaN(t)||l({seed:Math.min(Math.max(t,b.min),b.max)})},className:"border-color-b1 bg-color-c3 text-color-t1 placeholder:text-color-t3 h-[36px] w-full rounded-[4px] border px-3 text-[14px] leading-[22px] outline-none focus:border-color-main"})]}):null]})})]}):null}var U=i(91220),V=i(18893),$=i(81074),q=i(45180),H=i(61270),K=i(58534),B=i(43723),W=i(90420),X=i(37084);function G({title:e,tips:t,value:i,placeholder:o,disabled:n=!1,onChange:l,onInvalid:s}){var d;let c=(0,a.useId)(),u=!!(i.trim()&&(d=i.trim(),!(0,W.f$)(d)));return(0,r.jsxs)("div",{className:"flex w-full flex-col gap-2",children:[(0,r.jsx)(K.A,{tips:t,children:(0,r.jsx)("span",{id:c,children:e})}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(X.A,{className:"text-color-t3 absolute top-1/2 left-3 size-4 -translate-y-1/2"}),(0,r.jsx)("input",{type:"url",value:i,disabled:n,"aria-labelledby":c,"aria-invalid":u,onChange:e=>l(e.target.value),onBlur:()=>{u&&s?.()},placeholder:o,className:(0,f.cn)("border-color-b1 bg-color-c1 text-color-t1 placeholder:text-color-t3 w-full rounded-lg border py-2 pr-3 pl-9 text-xs outline-none transition-colors focus:border-white/20",n&&"cursor-not-allowed opacity-50",u&&"border-red-500/50")})]})]})}function Z({draft:e,modelConfig:t,onChange:i}){let a=(0,m.c)("components.video-form.reference-source"),o=(0,m.c)("components.hero-form.reference-upload"),n=(0,B.A)(),l=e.referenceFiles||[],s=e.referenceLinks||[],d=s[0]||"",c=t.options.referenceFile,u=t.options.referenceLink,p=!!c?.isSupported,h=!!u?.isSupported,g=l[0],x=s.length>0,b=(c?.acceptedFormats||[]).map(e=>e.toLowerCase().replace(/^\./,"")),v=[a("file-formats",{formats:b.join(", ")}),c?.maxPages?a("page-limit",{count:c.maxPages}):""].filter(Boolean).join(" "),{getRootProps:y,getInputProps:w,isDragActive:j,open:N}=(0,q.VB)({multiple:!1,maxFiles:c?.maxFiles||1,noClick:!0,disabled:!p||x||!!g,onDrop:e=>(e=>{if(!e||!n())return;if(x)return void H.oR.error(a("mutually-exclusive"));let t=e.name.split(".").pop()?.toLowerCase()||"";b.includes(t)?i({referenceFiles:[e],referenceLinks:[]}):H.oR.error(a("unsupported-file",{formats:b.join(", ")}))})(e[0]),onDropRejected:()=>{n()&&H.oR.error(o("maxFiles",{count:c?.maxFiles||1}))}});return p||h?(0,r.jsxs)("div",{className:"flex w-full flex-col gap-2.5",children:[p?(0,r.jsxs)("div",{className:"flex w-full flex-col gap-2",children:[(0,r.jsx)(K.A,{tips:v,children:a("file-title")}),(0,r.jsxs)("div",{...y(),children:[g?(0,r.jsxs)("div",{className:"border-color-b1 bg-color-c1 flex items-center gap-2 rounded-lg border p-2.5",children:[(0,r.jsx)(U.A,{className:"text-color-t2 size-4 shrink-0"}),(0,r.jsx)("span",{className:"text-color-t1 min-w-0 flex-1 truncate text-xs",children:g.name}),(0,r.jsx)("button",{type:"button",onClick:()=>i({referenceFiles:[]}),className:"text-color-t2 hover:text-color-t1 rounded p-1 transition-colors","aria-label":a("remove-file"),children:(0,r.jsx)(V.A,{className:"size-3.5"})})]}):(0,r.jsxs)("button",{type:"button",disabled:x,onClick:()=>{n()&&N()},className:(0,f.cn)("border-color-b1 bg-color-c1 flex min-h-16 w-full items-center gap-2.5 rounded-lg border border-dashed p-2.5 text-left transition-colors hover:border-white/30",j&&"border-white/40 bg-color-c4",x&&"cursor-not-allowed opacity-50"),children:[(0,r.jsx)("span",{className:"border-color-b1 flex size-9 shrink-0 items-center justify-center rounded-md border border-dashed",children:(0,r.jsx)($.A,{className:"text-color-t2 size-4"})}),(0,r.jsx)("span",{className:"text-color-t2 text-xs",children:o("upload")})]}),(0,r.jsx)("input",{...w({accept:b.map(e=>`.${e}`).join(","),onClick:e=>{e.currentTarget.value=""}})})]})]}):null,h?(0,r.jsx)(G,{title:a("link-title"),tips:a("link-tip"),value:d,disabled:!!g,onChange:e=>{!e.trim()||g?i({referenceLinks:[]}):i({referenceLinks:[e]})},onInvalid:()=>H.oR.error(a("invalid-link")),placeholder:"https://example.com/article"}):null]}):null}var J=i(33952),Q=i(71265),Y=i(60689),ee=i(90530),et=i(82840),ei=i(47386),er=i(72964),ea=i(59410),eo=i(36173),en=i(43254);function el({asset:e,minDuration:t,maxDuration:i,onOpenChange:o,onRemove:n,onConfirmTrim:l}){let s=(0,m.c)("components.hero-form.reference-upload"),d=e?.originalFile||(e?.source instanceof File?e.source:null),c=e?.trimRange?.startTime,u=e?.trimRange?.endTime,[p,h]=(0,a.useState)(null),[g,x]=(0,a.useState)(!1);(0,a.useEffect)(()=>{h(void 0!==c&&void 0!==u?{startTime:c,endTime:u}:null),x(!1)},[e?.id,u,c]);let f=async()=>

1{if(p&&!g){x(!0);try{await l(p.startTime,p.endTime)&&o(!1)}finally{x(!1)}}};return(0,r.jsx)(en.lG,{open:!!e,onOpenChange:o,children:(0,r.jsxs)(en.Cf,{className:"border-color-b1 bg-color-c1 max-h-[90vh] max-w-[min(760px,calc(100vw-32px))] p-4",children:[(0,r.jsx)(en.L3,{className:"sr-only",children:s("audioPreview")}),d?(0,r.jsxs)("div",{className:"flex min-h-0 flex-col gap-3",children:[(0,r.jsx)(eo.A,{file:d,minDuration:t,maxDuration:i,showDurationToasts:!1,onDelete:n,onDurationChange:e=>h(t=>t||{startTime:0,endTime:e}),onTrimChange:(e,t)=>{t<=e?h(null):h({startTime:e,endTime:t})}}),(0,r.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,r.jsx)("button",{type:"button","aria-label":s("cancelTrim"),disabled:g,onClick:()=>o(!1),className:"text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex size-9 items-center justify-center rounded-lg disabled:pointer-events-none disabled:opacity-50",children:(0,r.jsx)(ei.A,{className:"size-4"})}),(0,r.jsx)("button",{type:"button","aria-label":s("confirmTrim"),disabled:!p||g,onClick:()=>void f(),className:"bg-color-main text-color-inverse-t1 flex size-9 items-center justify-center rounded-lg disabled:pointer-events-none disabled:opacity-70",children:g?(0,r.jsx)(er.A,{className:"size-4 animate-spin"}):(0,r.jsx)(ea.A,{className:"size-4"})})]})]}):null]})})}var es=i(47626),ed=i(7221);function ec(e){let[t,i]=(0,a.useState)(null);return((0,a.useEffect)(()=>{if(!(e instanceof File))return;let t=URL.createObjectURL(e),r=!0;return queueMicrotask(()=>{r&&i({file:e,url:t})}),()=>{r=!1,URL.revokeObjectURL(t)}},[e]),"string"==typeof e)?e||void 0:e instanceof File&&t?.file===e?t.url:void 0}function eu({asset:e}){let t=ec(e.source);return(0,r.jsx)("img",{src:t,alt:e.name||e.id,className:"size-full object-cover"})}function em({assets:e,selectedIndex:t,onSelectedIndexChange:i,onOpenChange:o,onRemove:n,onReplace:l}){let s=(0,m.c)("components.hero-form.reference-upload"),d=null===t?null:e[t]||null,c=ec(d?.source||null),u=(0,a.useRef)(null),[p,h]=(0,a.useState)(!1),[g,x]=(0,a.useState)(!1),[b,v]=(0,a.useState)(),[y,w]=(0,a.useState)();(0,a.useEffect)(()=>{h(!1),x(!1),v(void 0),w(void 0)},[d?.id]),(0,a.useEffect)(()=>{if(null!==t){if(0===e.length)return void o(!1);t>=e.length&&i(e.length-1)}},[e.length,o,i,t]);let j=async()=>{if(null!==t&&d&&u.current&&y?.width&&y.height)try{let e=await (0,J.TO)({image:u.current,crop:y}),i=d.name||(d.source instanceof File?d.source.name:"reference-image.png"),r=new File([e.imageFile],i.replace(/\.[^/.]+$/,"")+"-cropped.png",{type:"image/png"});x(!0),await l(t,r)&&h(!1)}catch{H.oR.error(s("cropFailed"))}finally{x(!1)}};return(0,r.jsx)(en.lG,{open:!!d,onOpenChange:o,children:(0,r.jsxs)(en.Cf,{className:"border-color-b1 bg-color-c1 text-color-t1 !flex h-dvh w-dvw max-w-none flex-col gap-0 overflow-hidden rounded-none p-4 shadow-2xl lg:h-[680px] lg:w-[680px] lg:max-w-[680px] lg:rounded-[20px] lg:p-5",closeBtnClassName:"text-color-t3 hover:text-color-t1",children:[(0,r.jsx)("div",{className:"flex h-8 shrink-0 items-center pr-8",children:(0,r.jsx)(en.L3,{className:"text-color-t2 text-xs font-medium",children:s(p?"imageCropCount":"imagePreviewCount",{current:null===t?0:t+1,total:e.length})})}),d?(0,r.jsxs)("div",{className:"mt-4 flex min-h-0 flex-1 flex-col gap-3 lg:flex-row lg:gap-5",children:[(0,r.jsx)("div",{className:"custom-scrollbar flex h-[58px] shrink-0 gap-2 overflow-x-auto overflow-y-hidden lg:h-full lg:w-[58px] lg:flex-col lg:overflow-x-hidden lg:overflow-y-auto",children:e.map((e,a)=>(0,r.jsx)("button",{type:"button","aria-label":s("selectImage",{index:a+1}),onClick:()=>i(a),className:(0,f.cn)("bg-color-c3 flex size-[58px] shrink-0 items-center justify-center overflow-hidden rounded-md border transition-colors",a===t?"border-color-main":"border-transparent hover:border-white/35"),children:(0,r.jsx)(eu,{asset:e})},e.id))}),(0,r.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col gap-3",children:[(0,r.jsx)("div",{className:"border-color-b1 flex min-h-0 flex-1 items-center justify-center overflow-auto rounded-lg border bg-black",children:p?(0,r.jsx)(ed.Ay,{crop:b,onChange:v,onComplete:w,keepSelection:!0,children:(0,r.jsx)("img",{ref:u,src:c,alt:d.name||d.id,crossOrigin:"anonymous",onLoad:()=>v({unit:"%",x:5,y:5,width:90,height:90}),className:"max-h-[520px] max-w-full object-contain"})}):(0,r.jsx)("img",{src:c,alt:d.name||d.id,className:"max-h-full max-w-full object-contain"})}),(0,r.jsx)("div",{className:"mt-auto flex h-9 shrink-0 items-center justify-end gap-2",children:p?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button",disabled:g,onClick:()=>h(!1),className:"text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex size-9 items-center justify-center rounded-lg disabled:pointer-events-none disabled:opacity-50",children:(0,r.jsx)(ei.A,{className:"size-4"})}),(0,r.jsx)("button",{type:"button",disabled:g,onClick:()=>void j(),className:"bg-color-main text-color-inverse-t1 flex size-9 items-center justify-center rounded-lg disabled:pointer-events-none disabled:opacity-70",children:g?(0,r.jsx)(er.A,{className:"size-4 animate-spin"}):(0,r.jsx)(ea.A,{className:"size-4"})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{type:"button","aria-label":s("deleteImage"),onClick:()=>

1{if(null===t)return;let r=e.length<=1?null:Math.min(t,e.length-2);n(t),i(r)},className:"text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex size-9 items-center justify-center rounded-lg",children:(0,r.jsx)(V.A,{className:"size-4"})}),(0,r.jsx)("button",{type:"button","aria-label":s("cropImage"),onClick:()=>h(!0),className:"text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex size-9 items-center justify-center rounded-lg",children:(0,r.jsx)(es.A,{className:"size-4"})})]})})]})]}):null]})})}var ep=i(31683),eh=i(62940),eg=i(24e3);function ex({asset:e,disabled:t,onDelete:i,onSelect:o}){let n=(0,m.c)("components.hero-form.reference-upload"),[l,s]=(0,a.useState)(!1),d=ec(e.source),c=e.name||e.id;return(0,r.jsxs)(D.AM,{open:l,onOpenChange:s,children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsxs)("div",{onPointerEnter:()=>s(!0),onPointerLeave:()=>s(!1),onFocus:()=>s(!0),onBlur:()=>s(!1),className:"group/row text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex h-12 w-full items-center gap-2 rounded-xl px-3 transition-colors",children:[(0,r.jsxs)("button",{type:"button",disabled:t,onClick:()=>o(e),className:"flex min-w-0 flex-1 items-center gap-3 text-left disabled:cursor-not-allowed disabled:opacity-50",children:["image"===e.kind?(0,r.jsx)("img",{src:d,alt:c,className:"bg-color-c4 size-9 shrink-0 rounded-md object-cover"}):(0,r.jsx)("video",{src:d,className:"size-9 shrink-0 rounded-md bg-black object-cover",muted:!0,preload:"metadata",children:(0,r.jsx)("track",{kind:"captions"})}),(0,r.jsx)("span",{className:"min-w-0 flex-1 truncate text-xs",children:c})]}),i?(0,r.jsx)("button",{type:"button","aria-label":n("deleteLocalImage"),disabled:t,onClick:e=>{e.stopPropagation(),e.preventDefault(),s(!1),i()},className:"text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex size-8 shrink-0 items-center justify-center rounded-lg opacity-0 transition-colors focus:opacity-100 disabled:cursor-not-allowed disabled:opacity-0 group-hover/row:opacity-100",children:(0,r.jsx)(V.A,{className:"size-4"})}):null]})}),(0,r.jsx)(D.hl,{side:"right",align:"start",sideOffset:12,onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>e.preventDefault(),className:"border-color-b1 bg-color-c1 w-[220px] rounded-2xl border p-1.5 shadow-2xl",children:"image"===e.kind?(0,r.jsx)("img",{src:d,alt:c,className:"max-h-[260px] w-full rounded-xl object-contain"}):(0,r.jsx)("video",{src:d,className:"max-h-[260px] w-full rounded-xl bg-black object-contain",autoPlay:!0,muted:!0,loop:!0,playsInline:!0,children:(0,r.jsx)("track",{kind:"captions"})})})]})}function ef({open:e,onOpenChange:t,onPanelHoverChange:i,trigger:o,kind:n,canAdd:l,isUploading:s=!1,isHistoryLoading:d,historyAssets:c,localMediaAssets:u=[],onUploadFromDevice:p,onDeleteLocalMedia:h,onSelectLocalMedia:g,onSelectHistory:x}){let b=(0,m.c)("components.hero-form.reference-upload"),[v,y]=(0,a.useState)("upload"),w="audio"!==n,j=u.filter(e=>e.url.trim().length>0),N=c.filter(e=>e.source instanceof File||e.source.trim().length>0);return(0,r.jsxs)(D.AM,{modal:!0,open:e,onOpenChange:e=>{e||i?.(!1),t(e)},children:[o,(0,r.jsxs)(D.hl,{align:"start",onPointerEnter:e=>{"mouse"===e.pointerType&&window.matchMedia("(hover: hover) and (pointer: fine)").matches&&i?.(!0)},onPointerLeave:()=>i?.(!1),className:"border-color-b1 bg-color-c1 text-color-t1 w-[min(360px,calc(100vw-32px))] rounded-[20px] border p-3 shadow-2xl",children:[w?(0,r.jsxs)("div",{className:"bg-color-bg0 flex rounded-full p-1",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>y("upload"),className:(0,f.cn)("flex h-8 flex-1 items-center justify-center gap-1.5 rounded-full text-sm transition-colors","upload"===v?"bg-color-c4 text-color-t1":"text-color-t3 hover:text-color-t1"),children:[(0,r.jsx)(ep.A,{className:"size-4"}),b("upload")]}),(0,r.jsxs)("button",{type:"button",onClick:()=>y("history"),className:(0,f.cn)("flex h-8 flex-1 items-center justify-center gap-1.5 rounded-full text-sm transition-colors","history"===v?"bg-color-c4 text-color-t1":"text-color-t3 hover:text-color-t1"),children:[(0,r.jsx)(eh.A,{className:"size-4"}),b("history")]})]}):null,(0,r.jsx)("div",{className:"custom-scrollbar mt-3 max-h-[260px] overflow-y-auto",children:"upload"!==v&&w?d?(0,r.jsx)("div",{className:"flex h-28 items-center justify-center",children:(0,r.jsx)(er.A,{className:"text-color-main size-5 animate-spin"})}):N.length>0?(0,r.jsx)("div",{className:"flex flex-col gap-1",children:N.map(e=>(0,r.jsx)(ex,{asset:e,disabled:s||!l,onSelect:x},e.id))}):(0,r.jsx)("div",{className:"text-color-t3 px-3 py-6 text-center text-sm",children:b("noCompletedHistory")}):(0,r.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,r.jsxs)("button",{type:"button",onClick:p,disabled:!l||s,className:"bg-color-c3 text-color-t2 hover:bg-color-c4 hover:text-color-t1 flex h-11 w-full items-center gap-2 rounded-xl px-3 text-sm transition-colors disabled:pointer-events-none disabled:opacity-50",children:[(0,r.jsx)(eg.A,{className:"size-4"}),b("uploadFromDevice")]}),"audio"!==n&&g?j.length>0?j.map(e=>(0,r.jsx)(ex,{disabled:s||!l,asset:{id:e.id,kind:n,source:e.url,name:e.name},onDelete:h?()=>h(e.id):void 0,onSelect:e=>g(String(e.source),e.name)},e.id)):(0,r.jsx)("div",{className:"text-color-t3 px-3 py-6 text-center text-sm",children:b("noLocalUploads")}):null]})})]})]})}function eb(e){return e%2==0?-5:5}function ev(e,t){let i=t>1?eb(e):0;return{zIndex:e+2,"--stack-transform":`rotate(${i}deg)`,"--spread-transform":`translateX(${60*e}px) rotate(${i}deg)`}}function ey({asset:e}){let t=ec(e.source);

1return"image"===e.kind?t?(0,r.jsx)("img",{src:t,alt:e.name||e.id,className:"size-full object-cover",decoding:"async"}):null:"video"===e.kind?t?(0,r.jsx)("video",{src:t,className:"size-full object-cover",muted:!0,loop:!0,playsInline:!0,preload:"metadata",autoPlay:!0,children:(0,r.jsx)("track",{kind:"captions"})}):null:(0,r.jsx)(l.A,{className:"size-5"})}function ew({children:e,isStacked:t,expandOnHover:i=!0,style:a,className:o,...n}){return(0,r.jsx)("div",{className:(0,f.cn)("group/item border-color-b1 bg-color-c3 text-color-t3 relative flex h-[68px] w-[52px] shrink-0 items-center justify-center overflow-hidden rounded-xl border border-dashed shadow-[0_10px_28px_rgba(0,0,0,0.18)] transition-[border-color,color,transform] duration-300 hover:border-white/50 hover:text-color-t1",t&&"absolute top-0 left-0 [transform:var(--stack-transform)]",t&&i&&"lg:group-hover/stack:[transform:var(--spread-transform)]",o),style:a,...n,children:e})}function ej({kind:e,assets:t,uploadingItems:i=[],canAdd:s,disabled:d,isDragActive:c,isPanelHovered:u=!1,emptyLabel:m,emptyIconSrc:p,badge:h,required:g=!1,addLabel:x,removeLabel:b,collapseRevision:v=0,onOpenPicker:y,onPreview:w,onRemove:j}){var N;let k,C=t.length+i.length,A=C>1||C>0&&s,S=52*(N=C+(C>0&&s?1:0))+8*Math.max(0,N-1),I="image"===e?n.A:"video"===e?o.A:l.A,[M,T]=(0,a.useState)(v),[F,L]=(0,a.useState)(!1),R=F&&M!==v,z=u&&!R,P=()=>{T(v),y()};return 0===C?(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsxs)("button",{type:"button","aria-label":m,disabled:d,className:(0,f.cn)("border-color-b1 bg-color-c3 text-color-t3 flex h-[68px] w-[52px] shrink-0 items-center justify-center rounded-xl border border-dashed transition-colors hover:border-white/50 hover:text-color-t1 disabled:pointer-events-none disabled:opacity-50",c&&"border-white/40 text-color-t1"),children:[p?(0,r.jsx)("img",{src:p,alt:"",className:"size-8"}):(0,r.jsx)(I,{className:"size-5"}),h?(0,r.jsx)("span",{className:"absolute bottom-1 left-1/2 -translate-x-1/2 text-[10px] leading-none font-medium",children:h}):null,g?(0,r.jsx)("span",{className:"absolute top-1 right-1 text-sm leading-none text-red-500",children:"*"}):null]})}):(0,r.jsx)(D.dT,{asChild:!0,children:(0,r.jsx)("div",{onPointerEnter:()=>{T(v),L(!0)},onPointerLeave:()=>{L(!1),T(v)},className:(0,f.cn)("relative flex h-[68px] min-w-0 items-center overflow-visible",A&&"z-40 hover:z-[200]"),children:(0,r.jsxs)("div",{className:(0,f.cn)("relative h-[68px] w-[52px] overflow-visible",A&&"group/stack"),style:{"--expanded-width":`${S}px`},children:[A?(0,r.jsx)("span",{className:(0,f.cn)("pointer-events-auto absolute top-0 left-0 z-0 hidden h-full w-[var(--expanded-width)]",!R&&"lg:group-hover/stack:block",z&&"lg:block")}):null,t.map((e,t)=>(0,r.jsxs)(ew,{isStacked:A,expandOnHover:!R,style:A?ev(t,C):void 0,className:z?"lg:[transform:var(--spread-transform)]":void 0,role:"button",tabIndex:0,onClick:e=>{e.stopPropagation(),w(t)},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),w(t))},children:[(0,r.jsx)(ey,{asset:e}),h?(0,r.jsx)("span",{className:"absolute bottom-1 left-1/2 z-10 -translate-x-1/2 text-[10px] leading-none font-medium text-white drop-shadow-sm",children:h}):null,(0,r.jsx)("span",{className:"absolute inset-0 hidden rounded-[inherit] bg-black/10 group-hover/item:block"}),(0,r.jsx)("button",{type:"button","aria-label":b,onClick:e=>{e.stopPropagation(),j(t)},className:"absolute top-1 right-1 z-10 hidden size-5 items-center justify-center rounded-full bg-black/60 text-white opacity-0 transition-opacity lg:flex lg:group-hover/item:opacity-100",children:(0,r.jsx)(ei.A,{className:"size-3.5"})})]},e.id)),i.map((e,i)=>{let a=t.length+i;return(0,r.jsx)(ew,{isStacked:A,expandOnHover:!R,style:A?ev(a,C):void 0,className:z?"lg:[transform:var(--spread-transform)]":void 0,children:(0,r.jsx)(er.A,{className:"text-color-main size-5 animate-spin"})},e.id)}),s?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsx)("button",{type:"button","aria-label":x,disabled:d,onClick:P,style:A?(k=eb(C),{"--stack-transform":`rotate(${k}deg)`,"--spread-transform":`translateX(${60*C}px) rotate(${k}deg)`}):void 0,className:(0,f.cn)("border-color-b1 bg-color-c3 text-color-t3 flex h-[68px] w-[52px] shrink-0 items-center justify-center rounded-xl border border-dashed transition-[border-color,color,opacity,transform] duration-300 hover:border-white/50 hover:text-color-t1 disabled:pointer-events-none disabled:opacity-50",A&&"pointer-events-none absolute top-0 left-0 z-0 opacity-0 [transform:var(--stack-transform)]",A&&!R&&"lg:group-hover/stack:pointer-events-auto lg:group-hover/stack:z-[80] lg:group-hover/stack:opacity-100 lg:group-hover/stack:[transform:var(--spread-transform)]",A&&z&&"lg:pointer-events-auto lg:z-[80] lg:opacity-100 lg:[transform:var(--spread-transform)]"),children:(0,r.jsx)(eg.A,{className:"size-5"})})}),A?(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsx)("button",{type:"button","aria-label":x,disabled:d,onClick:P,className:(0,f.cn)("border-color-b1 bg-color-c3 text-color-t2 absolute -right-1 -bottom-1 z-[90] flex size-6 items-center justify-center rounded-full border shadow-[0_8px_18px_rgba(0,0,0,0.35)] transition-[border-color,color,opacity] hover:border-white/50 hover:text-color-t1 disabled:pointer-events-none disabled:opacity-50",!R&&"lg:group-hover/stack:pointer-events-none lg:group-hover/stack:opacity-0",z&&"lg:pointer-events-none lg:opacity-0"),children:(0,r.jsx)(eg.A,{className:"size-4"})})}):null]}):null]})})})}var eN=i(66931);function ek({asset:e,minDuration:t,maxDuration:i,onOpenChange:o,onRemove:n,onConfirmTrim:l}){let s=(0,m.c)("components.hero-form.reference-upload"),d=e?.originalFile||(e?.source instanceof File?e.source:null),c=ec(d||e?.source||null),u=e?.trimRange?.startTime,p=e?.trimRange?.endTime,[h,g]=(0,a.useState)(null),[x,f]=(0,a.useState)(!1);(0,a.useEffect)(()=>{g(void 0!==u&&void 0!==p?{startTime:u,endTime:p}:null),f(!1)},[e?.id,p,u]);let b=async()=>

1{if(h&&!x){f(!0);try{await l(h.startTime,h.endTime)&&o(!1)}finally{f(!1)}}};return(0,r.jsx)(en.lG,{open:!!e,onOpenChange:o,children:(0,r.jsxs)(en.Cf,{className:"border-color-b1 bg-color-c1 max-h-[90vh] max-w-[min(760px,calc(100vw-32px))] p-4",children:[(0,r.jsx)(en.L3,{className:"sr-only",children:s("videoPreview")}),d&&c?(0,r.jsxs)("div",{className:"flex min-h-0 flex-col gap-3",children:[(0,r.jsx)(eN.A,{file:d,previewUrl:c,initialDuration:e?.duration,minDuration:t,maxDuration:i,onDelete:n,onDurationChange:e=>g(t=>t||{startTime:0,endTime:e}),onTrimChange:(e,t)=>g({startTime:e,endTime:t})}),(0,r.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,r.jsx)("button",{type:"button","aria-label":s("cancelTrim"),disabled:x,onClick:()=>o(!1),className:"text-color-t3 hover:bg-color-c4 hover:text-color-t1 flex size-9 items-center justify-center rounded-lg disabled:pointer-events-none disabled:opacity-50",children:(0,r.jsx)(ei.A,{className:"size-4"})}),(0,r.jsx)("button",{type:"button","aria-label":s("confirmTrim"),disabled:!h||x,onClick:()=>void b(),className:"bg-color-main text-color-inverse-t1 flex size-9 items-center justify-center rounded-lg disabled:pointer-events-none disabled:opacity-70",children:x?(0,r.jsx)(er.A,{className:"size-4 animate-spin"}):(0,r.jsx)(ea.A,{className:"size-4"})})]})]}):d?(0,r.jsx)("div",{className:"flex h-48 items-center justify-center",children:(0,r.jsx)(er.A,{className:"text-color-main size-5 animate-spin"})}):e&&c?(0,r.jsx)("video",{src:c,className:"max-h-[78vh] w-full rounded-lg bg-black object-contain",controls:!0,playsInline:!0,children:(0,r.jsx)("track",{kind:"captions"})}):null]})})}var eC=i(88662),eA=i(32672),eS=i(7641);let eI=(0,eC.vt)((0,eA.Zr)(e=>({items:[],addItem:t=>e(e=>({items:[{...t,id:`${Date.now()}-${Math.random()}`,createdAt:Date.now()},...e.items.filter(e=>e.url!==t.url)].slice(0,20)})),replaceItem:(t,i)=>e(e=>({items:e.items.map(e=>e.id===t?{...e,...i,createdAt:Date.now()}:e)})),removeItem:t=>e(e=>({items:e.items.filter(e=>e.id!==t)}))}),{name:`${eS.fWe}-local-image-upload-store`,storage:(0,eA.KU)(()=>localStorage)})),eM=(0,eC.vt)((0,eA.Zr)(e=>({items:[],addItem:t=>e(e=>({items:[{...t,id:`${Date.now()}-${Math.random()}`,createdAt:Date.now()},...e.items.filter(e=>e.url!==t.url)].slice(0,20)})),replaceItem:(t,i)=>e(e=>({items:e.items.map(e=>e.id===t?{...e,...i,createdAt:Date.now()}:e)})),removeItem:t=>e(e=>({items:e.items.filter(e=>e.id!==t)}))}),{name:`${eS.fWe}-local-video-upload-store`,storage:(0,eA.KU)(()=>localStorage)}));var eT=i(16984),eF=i(53054),eL=i(19940);function eR(){let e=(0,m.c)("components.hero-form.reference-upload"),t=(0,F.A)(e=>e.userInfo),i=(0,F.A)(e=>e.auth),r=(0,eT.A)(e=>e.setOpen),o=(0,eF.A)(e=>e.setOpen),n=(0,eL.A)(),l=(0,a.useCallback)(()=>t?!(i&&i.expire_date<Date.now())||(o(!0),!1):(r(!0),!1),[i,r,o,t]),s=(0,a.useCallback)(async(t,i=!1)=>{if(!l())return null;try{let e=i?await (0,Q.Jo)([{data:t,type:t.type}]):[{data:t,type:t.type}],[r]=await n(e);return r||null}catch(t){return t instanceof Error&&"401"===t.message||H.oR.error(e("uploadFailed")),null}},[l,e,n]),d=(0,a.useCallback)(e=>s(e,!0),[s]);return{uploadFile:s,uploadImage:d}}function ez(e){return`${e}-${(0,u.Ak)()}`}function eD({kind:e,disabled:t,maxFiles:i,acceptedFormats:r,onDrop:a,onDropRejected:o}){return(0,q.VB)({accept:function(e,t){if("image"===e)return{"image/jpeg":[".jpg",".jpeg"],"image/png":[".png"],"image/webp":[".webp"]};if("video"===e){let e={mp4:"video/mp4",webm:"video/webm",mov:"video/quicktime"};return(0,Q.N6)(t).reduce((t,i)=>{let r=e[i]||"video/*";return t[r]=[...t[r]||[],`.${i}`],t},{})}return{"audio/*":[]}}(e,r),multiple:i>1,maxFiles:Math.max(i,1),disabled:t,noClick:!0,onDrop:a,onDropRejected:o})}function eP({draft:e,modelConfig:t,visibleKinds:i,uploadSessionId:o=0,onUploadStateChange:n,onChange:l}){let s=(0,m.c)("components.hero-form.reference-upload"),d=(0,m.c)("components.video-form"),c=(0,a.useRef)(null),p=(0,a.useRef)(null),h=(0,a.useRef)(null),[g,x]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),[v,y]=(0,a.useState)(!1),[w,j]=(0,a.useState)(null),[N,k]=(0,a.useState)(null),[C,A]=(0,a.useState)(null),[S,I]=(0,a.useState)(null),[M,T]=(0,a.useState)([]),[F,L]=(0,a.useState)([]),[R,z]=(0,a.useState)([]),[D,P]=(0,a.useState)(0),[_,E]=(0,a.useState)(0),[O,U]=(0,a.useState)(null),V=(0,B.A)(),$=(0,a.useRef)(e),q=(0,a.useRef)(null),K=(0,a.useRef)(!0),W=(0,a.useRef)(o),X=(0,a.useRef)(`reference-media-${(0,u.Ak)()}`),G=(0,a.useRef)(!1),Z=eI(e=>e.addItem),ei=eI(e=>e.replaceItem),er=eI(e=>e.removeItem),ea=eI(e=>e.items),eo=eM(e=>e.addItem),en=eM(e=>e.replaceItem),es=eM(e=>e.removeItem),ed=eM(e=>e.items),{uploadFile:ec,uploadImage:eu}=eR(),ep=!i||i.includes("image"),eh=!i||i.includes("video"),eg=!i||i.includes("audio"),ex=e=>{q.current=e,I(e)};(0,a.useEffect)(()=>{$.current=e},[e]),(0,a.useEffect)(()=>{W.current=o,T([]),L([]),z([]),P(0),q.current=null,I(null),G.current=!1,x(!1),b(!1),y(!1),U(null)},[o]);let eb=M.length+F.length+R.length+D;(0,a.useEffect)(()=>{n?.(X.current,eb,o)},[n,eb,o]),(0,a.useEffect)(()=>{let e=X.current;return K.current=!0,()=>{K.current=!1,n?.(e,0,o)}},[n,o]);let ev=t.options.multiImage?.isSupported?t.options.multiImage.maxImages:0,ey=t.options.multiVideo?.isSupported?t.options.multiVideo.maxVideos:+!!t.options.videoUrl?.

1isSupported,ew=t.options.maxReferenceSubjects,eN=void 0===ew?ev:Math.min(ev,Math.max(ew-e.videoList.length-F.length,0)),eC=void 0===ew?ey:Math.min(ey,Math.max(ew-e.imageList.length-M.length,0)),eA=t.options.multiAudio?.isSupported?t.options.multiAudio.maxAudios:+!!t.options.audioUrl,eS=Math.max(J.jO,t.options.multiImage?.minSidePx||0),eT=t.options.multiVideo?.acceptedFormats??t.options.videoUrl?.acceptedFormats,eF=t.options.multiVideo?.minDurationSeconds??t.options.videoUrl?.minDurationSeconds,eL=t.options.multiVideo?.maxDurationSeconds??t.options.videoUrl?.maxDurationSeconds??void 0,e_=t.options.multiAudio?.minDurationSeconds??0,eE=t.options.multiAudio?.maxDurationSeconds??0,eO=(0,et.A)({mediaType:"image",pageSize:20,enabled:g}),eU=(0,et.A)({mediaType:"video",pageSize:20,enabled:f}),eV=(0,a.useMemo)(()=>eO.data.filter(e=>"succeed"===e.status&&!!e.result).map(e=>({id:`history-image-${e.id}`,kind:"image",source:e.result,name:e.prompt||e.model_name})),[eO.data]),e$=(0,a.useMemo)(()=>eU.data.filter(e=>"succeed"===e.status&&!!e.result).map(e=>({id:`history-video-${e.id}`,kind:"video",source:e.result,name:e.prompt||e.model_name})),[eU.data]),eq=async(e,t,i,r)=>{try{let a=await new Promise((i,r)=>{let a=document.createElement(t),o=e instanceof File?URL.createObjectURL(e):e,n=()=>{a.onloadedmetadata=null,a.onerror=null,a.removeAttribute("src"),a.load(),e instanceof File&&URL.revokeObjectURL(o)};a.preload="metadata",a.onloadedmetadata=()=>{let e=a.duration;(n(),Number.isFinite(e))?i(e):r(Error("invalid-duration"))},a.onerror=()=>{n(),r(Error("metadata-error"))},a.src=o});if(void 0!==i&&a<i)return H.oR.error(s("durationMin",{value:i})),null;return{duration:void 0!==r?Math.min(a,r):a,sourceDuration:a,trimRange:void 0!==r&&a>r?{startTime:0,endTime:r}:void 0}}catch{return H.oR.error(s("metadataError")),null}},eH=e=>"image"===e?$.current.imageList:"video"===e?$.current.videoList:$.current.audioList,eK=e=>{if("audio"===e)return eA;if(void 0===ew)return"image"===e?ev:ey;let t="image"===e?$.current.videoList.length:$.current.imageList.length;return Math.min("image"===e?ev:ey,Math.max(ew-t,0))},eB=(e,t)=>{if("image"===e){$.current={...$.current,imageList:t},l({imageList:t});return}if("video"===e){$.current={...$.current,videoList:t},l({videoList:t});return}$.current={...$.current,audioList:t},l({audioList:t})},eW=(e,t)=>{"image"===e&&T(t),"video"===e&&L(t),"audio"===e&&z(t)},eX=e=>{"image"===e&&x(!1),"video"===e&&b(!1),"audio"===e&&y(!1),U(t=>t===e?null:t)},eG=async(e,i)=>{if(0===i.length||G.current||!V())return;let r=W.current,a=eH(e),o="image"===e?eN:"video"===e?eC:eA,n="image"===e?M.length:"video"===e?F.length:R.length,l=Math.max(o-a.length-n,0);if(i.length>l)return void H.oR.error(s("maxFiles",{count:o}));if("audio"===e&&i.length>1)return void H.oR.error(s("maxFiles",{count:1}));G.current=!0;let c=i.map(()=>({id:`${Date.now()}-${(0,u.Ak)()}`})),m=new Set(c.map(e=>e.id));eW(e,e=>[...e,...c]);let p=[];try{for(let a of i){if(!a.type.startsWith(`${e}/`))return void H.oR.error(s("unsupportedFormat"));if("video"===e){let e=(0,Q.nD)(a,eT),i=t.options.videoUrl?.maxFileSizeMB;if(!e)return void H.oR.error(s("unsupportedFormat"));if(i&&a.size>1024*i*1024)return void H.oR.error(d("video-upload.load-failed"))}if("image"===e)try{let e=await (0,J.vX)(a);if(e.width<eS||e.height<eS)return void H.oR.error(s("imageDimensionMin",{value:eS}))}catch{H.oR.error(s("metadataError"));return}let i=null;if("video"===e?i=await eq(a,"video",eF,eL):"audio"===e&&(i=await eq(a,"audio",e_,eE)),"image"!==e&&!i||!K.current||W.current!==r)return;if("video"===e&&i?.trimRange)return void H.oR.error(s("mediaDuration",{type:s("video"),min:eF||0,max:eL||i.duration}));p.push({file:a,mediaState:i})}if("audio"===e){let[{file:e,mediaState:t}]=p;if(!t)return;ex({id:ez("audio"),kind:"audio",source:e,originalFile:e,name:e.name,duration:t.sourceDuration,trimRange:t.trimRange||{startTime:0,endTime:t.sourceDuration}}),eX("audio");return}for(let t=0;t<p.length;t+=1){let{file:i,mediaState:a}=p[t],n="image"===e?await eu(i):await ec(i);if(!n||!K.current||W.current!==r)return;let l={id:ez(e),kind:e,source:n,originalFile:"video"===e?i:void 0,name:i.name,duration:a?.duration};eB(e,[...eH(e),l].slice(0,o)),"image"===e&&Z({url:n,name:i.name}),"video"===e&&eo({url:n,name:i.name}),eW(e,e=>e.filter(e=>e.id!==c[t].id))}K.current&&W.current===r&&(eX(e),E(e=>e+1))}catch{H.oR.error(s("uploadFailed"))}finally{K.current&&W.current===r&&(eW(e,e=>e.filter(e=>!m.has(e.id))),G.current=!1)}},eZ=async e=>{if(G.current||!V())return;let t=W.current,i=e.kind,r=eH(i),a=eK(i),o="image"===i?M.length:F.length;if(o>0||r.length+o>=a)return void H.oR.error(s("maxFiles",{count:a}));if("video"===i&&!(0,Q.nD)(e.source,eT))return void H.oR.error(s("unsupportedFormat"));if("image"===i)return await (0,J.q0)({imageFile:e.source,minWidthPx:eS,minHeightPx:eS})?(eB(i,[...eH(i),{...e,id:ez(i)}]),eX("image"),void E(e=>e+1)):void H.oR.error(s("imageDimensionMin",{value:eS}));G.current=!0;let n={id:`${Date.now()}-${(0,u.Ak)()}`};L(e=>[...e,n]);try{let r=await eq(e.source,"video",eF,eL);if(!r||!K.current||W.current!==t)return;if(r.trimRange)return void H.oR.error(s("mediaDuration",{type:s("video"),min:eF||0,max:eL||r.duration}));let a=eH(i),o=eK(i);if(a.length>=o)return void H.oR.error(s("maxFiles",{count:o}));eB(i,[...a,{...e,id:ez(i),duration:r.duration,trimRange:r.trimRange}]),eX("video"),E(e=>e+1)}finally{K.current&&W.current===t&&(L(e=>e.filter(e=>

1e.id!==n.id)),G.current=!1)}},eJ=(e,t)=>{if(!V())return;let i=e.some(e=>e.errors.some(e=>"too-many-files"===e.code));H.oR.error(i?s("maxFiles",{count:t}):s("unsupportedFormat"))},eQ=eD({kind:"image",disabled:eb>0||0===eN||e.imageList.length+M.length>=eN||M.length>0,maxFiles:Math.max(eN-e.imageList.length-M.length,0),onDrop:e=>void eG("image",e),onDropRejected:e=>eJ(e,eN)}),eY=eD({kind:"video",acceptedFormats:eT,disabled:eb>0||0===eC||e.videoList.length+F.length>=eC||F.length>0,maxFiles:Math.max(eC-e.videoList.length-F.length,0),onDrop:e=>void eG("video",e),onDropRejected:e=>eJ(e,eC)}),e0=eD({kind:"audio",disabled:eb>0||0===eA||e.audioList.length+R.length>=eA||R.length>0,maxFiles:1,onDrop:e=>void eG("audio",e),onDropRejected:e=>eJ(e,1)}),e1=t=>{var i;let a="image"===t?e.imageList:"video"===t?e.videoList:e.audioList,o="image"===t?M:"video"===t?F:R,n="image"===t?eN:"video"===t?eC:eA,l="image"===t?g:"video"===t?f:v,d="image"===t?x:"video"===t?b:y,u="image"===t?eQ:"video"===t?eY:e0,m="image"===t?c:"video"===t?p:h,w="image"===t?eV:"video"===t?e$:[],N="image"===t?ea:"video"===t?ed:[],C="image"===t?er:"video"===t?es:void 0,S="image"===t?eO.isLoading:"video"===t&&eU.isLoading,I=eb>0,T=n>0&&a.length+o.length<n,L="image"===t?s("addImage"):"video"===t?s("addVideo"):s("addAudio");return(0,r.jsxs)("div",{...u.getRootProps(),className:"shrink-0",children:[(0,r.jsx)("input",{type:"file",ref:m,accept:(i="video"===t?eT:void 0,"image"===t?"image/jpeg,image/png,image/webp":"video"===t?(0,Q.N6)(i).map(e=>`.${e}`).join(","):"audio/*"),multiple:"audio"!==t&&n>1,className:"hidden",onChange:e=>{eG(t,Array.from(e.target.files||[])),e.target.value=""}}),(0,r.jsx)(ef,{open:l,onOpenChange:e=>{(!e||V())&&(d(e),e||U(e=>e===t?null:e))},onPanelHoverChange:e=>{U(i=>e?t:i===t?null:i)},kind:t,canAdd:T,isUploading:I,historyAssets:w,isHistoryLoading:S,localMediaAssets:N,onUploadFromDevice:()=>{V()&&m.current?.click()},onDeleteLocalMedia:C,onSelectLocalMedia:"audio"===t?void 0:(e,i)=>void eZ({id:`local-${t}-${e}`,kind:t,source:e,name:i}),onSelectHistory:e=>void eZ(e),trigger:(0,r.jsx)(ej,{kind:t,assets:a,uploadingItems:o,canAdd:T,disabled:0===n||I,isDragActive:u.isDragActive,isPanelHovered:O===t,emptyLabel:L,addLabel:s("addMore"),removeLabel:s("remove"),collapseRevision:_,onOpenPicker:()=>{V()&&d(!0)},onPreview:e=>{"image"===t&&j(e),"video"===t&&k(e),"audio"===t&&A(e)},onRemove:e=>{eB(t,a.filter((t,i)=>i!==e))}})})]})},e2=null===N?null:e.videoList[N]||null,e3=S||(null===C?null:e.audioList[C]||null);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[ep&&(eN>0||e.imageList.length>0)?e1("image"):null,eh&&(eC>0||e.videoList.length>0)?e1("video"):null,eg&&(eA>0||e.audioList.length>0)?e1("audio"):null]}),(0,r.jsx)(em,{assets:e.imageList,selectedIndex:w,onSelectedIndexChange:j,onOpenChange:e=>{e||j(null)},onRemove:t=>eB("image",e.imageList.filter((e,i)=>i!==t)),onReplace:async(e,t)=>{if(!V())return!1;let i=W.current,r=$.current.imageList[e];if(!r)return!1;try{let e=await (0,J.vX)(t);if(e.width<eS||e.height<eS)return H.oR.error(s("imageDimensionMin",{value:eS})),!1}catch{return H.oR.error(s("metadataError")),!1}if(!K.current||W.current!==i)return!1;let a="string"==typeof r.source?eI.getState().items.find(e=>e.url===r.source):void 0;P(e=>e+1);try{let o=await eu(t);if(!o||!K.current||W.current!==i||$.current.imageList[e]?.id!==r.id)return!1;return eB("image",$.current.imageList.map(e=>e.id===r.id?{...e,source:o,name:t.name}:e)),a?ei(a.id,{url:o,name:t.name}):Z({url:o,name:t.name}),!0}finally{K.current&&W.current===i&&P(e=>Math.max(e-1,0))}}}),(0,r.jsx)(ek,{asset:e2,minDuration:eF,maxDuration:eL,onOpenChange:e=>{e||k(null)},onRemove:()=>{null!==N&&(eB("video",e.videoList.filter((e,t)=>t!==N)),k(null))},onConfirmTrim:async(e,t)=>{if(!V()||null===N)return!1;let i=W.current,r=$.current.videoList[N],a=r?.originalFile;if(!r||!a)return!1;if(e<=.01&&r.duration&&t>=r.duration-.01)return!0;let o="string"==typeof r.source?eM.getState().items.find(e=>e.url===r.source):void 0;P(e=>e+1);try{let n=await (0,ee.K)(a,e,t),l=await ec(n);if(!l||!K.current||W.current!==i||$.current.videoList[N]?.id!==r.id)return!1;return eB("video",$.current.videoList.map(i=>i.id===r.id?{...i,source:l,originalFile:n,name:n.name,duration:t-e,trimRange:void 0}:i)),o?en(o.id,{url:l,name:n.name}):eo({url:l,name:n.name}),!0}catch{return H.oR.error(s("trimFailed")),!1}finally{K.current&&W.current===i&&P(e=>Math.max(e-1,0))}}}),e_>0&&eE>0?(0,r.jsx)(el,{asset:e3,minDuration:e_,maxDuration:eE,onOpenChange:e=>{e||(ex(null),A(null))},onRemove:()=>{S?ex(null):null!==C&&(eB("audio",e.audioList.filter((e,t)=>

1t!==C)),A(null))},onConfirmTrim:async(e,t)=>{if(!V())return!1;let i=W.current;if(S){let r=S.originalFile;if(!r||G.current)return!1;G.current=!0,P(e=>e+1);try{let a=S.duration||t,o=e<=.01&&t>=a-.01?r:await (0,Y.A)(r,e,t),n=await ec(o);if(!n||!K.current||W.current!==i||q.current?.id!==S.id)return!1;let l=eH("audio"),d=eK("audio");if(l.length>=d)return H.oR.error(s("maxFiles",{count:d})),!1;return eB("audio",[...l,{id:S.id,kind:"audio",source:n,originalFile:o,name:o.name,duration:t-e}]),ex(null),E(e=>e+1),!0}catch{return H.oR.error(s("trimFailed")),!1}finally{K.current&&W.current===i&&(P(e=>Math.max(e-1,0)),G.current=!1)}}if(null===C)return!1;let r=$.current.audioList[C],a=r?.originalFile;if(!r||!a)return!1;if(e<=.01&&r.duration&&t>=r.duration-.01)return!0;P(e=>e+1);try{let o=await (0,Y.A)(a,e,t),n=await ec(o);if(!n||!K.current||W.current!==i||$.current.audioList[C]?.id!==r.id)return!1;return eB("audio",$.current.audioList.map(i=>i.id===r.id?{...i,source:n,originalFile:o,name:o.name,duration:t-e,trimRange:void 0}:i)),!0}catch{return H.oR.error(s("trimFailed")),!1}finally{K.current&&W.current===i&&P(e=>Math.max(e-1,0))}}}):null]})}function e_(e){return"text"===e.type?!!e.text:"mention"===e.type?!!e.attrs?.id:e.content?.some(e_)??!1}function eE({kind:e,source:t}){let[i,s]=(0,a.useState)(null);if((0,a.useEffect)(()=>{let i=!0;if("image"!==e||!t)return queueMicrotask(()=>{i&&s(null)}),()=>{i=!1};if("string"==typeof t)return queueMicrotask(()=>{i&&s(t)}),()=>{i=!1};let r=URL.createObjectURL(t);return queueMicrotask(()=>{i&&s(r)}),()=>{i=!1,URL.revokeObjectURL(r)}},[e,t]),"image"===e&&i)return(0,r.jsx)("img",{src:i,alt:"",className:"size-5 shrink-0 rounded object-cover"});let d="video"===e?o.A:"audio"===e?l.A:n.A;return(0,r.jsx)("span",{className:"bg-color-c3 text-color-main inline-flex size-5 shrink-0 items-center justify-center rounded",children:(0,r.jsx)(d,{className:"size-3.5"})})}function eO({value:e,assets:t,placeholder:i,className:a}){let o=Array.isArray(e.content)?e.content:[],n=o.some(e_),l=o.flatMap((e,i)=>[...i>0?[" "]:[],function e(t,i,a){if("text"===t.type)return t.text||null;if("mention"===t.type&&t.attrs?.id){let e=t.attrs.assetId?i.find(e=>e.assetId===t.attrs?.assetId):i.find(e=>e.id===t.attrs?.id),o=t.attrs.label||`@${t.attrs.id}`,n=e?.kind||t.attrs.kind||"image",l=e?.source||t.attrs.previewUrl||null;return(0,r.jsxs)("span",{className:"border-color-b1 text-color-t1 mx-0.5 inline-flex max-w-36 items-center gap-1 rounded border px-1.5 py-0.5 align-middle",title:o,children:[(0,r.jsx)(eE,{kind:n,source:l}),(0,r.jsx)("span",{className:"truncate",children:o})]},a)}return t.content?.map((t,r)=>e(t,i,`${a}-${r}`))??null}(e,t,i.toString())]);return(0,r.jsx)("div",{className:(0,f.cn)("min-w-0 flex-1",a),children:(0,r.jsx)("div",{className:(0,f.cn)("block truncate text-[15px]",!n&&"text-color-t2"),children:n?l:i})})}var eU=i(57718),eV=i(74367),e$=i(52537),eq=i(80958),eH=i(53583);let eK=new WeakMap;function eB(e){return{...e,label:`@${e.id}`,previewUrl:function(e){if("string"==typeof e)return e;let t=eK.get(e);if(t)return t;let i=URL.createObjectURL(e);return eK.set(e,i),i}(e.source)}}function eW({item:e,className:t,autoPlay:i=!1}){if(!e.previewUrl){var a;return(0,r.jsx)("span",{className:(0,f.cn)(t,"inline-flex items-center justify-center text-[10px] uppercase"),children:"video"===(a=e.kind)?"V":"audio"===a?"A":"I"})}return"audio"===e.kind?(0,r.jsx)("span",{className:(0,f.cn)(t,"inline-flex items-center justify-center bg-white/10 text-white"),children:(0,r.jsx)(l.A,{className:"size-3.5"})}):"video"===e.kind?(0,r.jsx)("video",{src:e.previewUrl,className:t,muted:!0,loop:!0,playsInline:!0,preload:"metadata",autoPlay:i,children:(0,r.jsx)("track",{kind:"captions"})}):(0,r.jsx)("img",{src:e.previewUrl,alt:e.id,className:t})}function eX({node:e}){let[t,i]=(0,a.useState)(!1),[o,n]=(0,a.useState)(0),[l,s]=(0,a.useState)(!1),d=(0,a.useRef)(null),c={assetId:e.attrs.assetId||"",id:e.attrs.id||"",label:e.attrs.label||`@${e.attrs.id}`,kind:"video"===e.attrs.kind||"audio"===e.attrs.kind?e.attrs.kind:"image",source:e.attrs.previewUrl||"",previewUrl:e.attrs.previewUrl||""},u=()=>{let e=d.current;e&&(e.pause(),e.currentTime=0,n(0),s(!1))};return"audio"===c.kind?(0,r.jsx)(e$.VR,{as:"span",className:"inline-flex items-center align-middle","data-id":c.id,"data-asset-id":c.assetId,"data-label":c.label,"data-kind":c.kind,"data-preview-url":c.previewUrl,"data-missing":e.attrs.missing?"true":"false",title:c.label,contentEditable:!1,

1children:(0,r.jsxs)("button",{type:"button",tabIndex:-1,className:"relative inline-flex appearance-none items-center gap-1.5 overflow-hidden border-0 bg-transparent p-0 text-inherit outline-none",onMouseEnter:()=>{let e=d.current;e&&c.previewUrl&&(e.pause(),e.currentTime=0,n(0),s(!0),e.play().catch(()=>s(!1)))},onMouseLeave:u,onMouseDown:e=>e.preventDefault(),children:[(0,r.jsx)(eW,{item:c,className:"size-5 shrink-0 rounded object-cover"}),(0,r.jsx)("span",{className:"max-w-28 truncate",children:c.id}),c.previewUrl?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:(0,f.cn)("absolute inset-x-0 bottom-0 h-[2px] overflow-hidden rounded-full bg-white/15 transition-opacity",l?"opacity-100":"opacity-0"),children:(0,r.jsx)("span",{className:"bg-color-main block h-full rounded-full",style:{width:`${o}%`}})}),(0,r.jsx)("audio",{ref:d,src:c.previewUrl,preload:"metadata",onTimeUpdate:()=>{let e=d.current;e&&Number.isFinite(e.duration)&&!(e.duration<=0)?n(Math.min(e.currentTime/e.duration*100,100)):n(0)},onEnded:u,children:(0,r.jsx)("track",{kind:"captions"})})]}):null]})}):(0,r.jsx)(e$.VR,{as:"span",className:"inline-flex items-center align-middle","data-id":c.id,"data-asset-id":c.assetId,"data-label":c.label,"data-kind":c.kind,"data-preview-url":c.previewUrl,"data-missing":e.attrs.missing?"true":"false",title:c.label,contentEditable:!1,children:(0,r.jsxs)(D.AM,{open:t,onOpenChange:i,children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsxs)("button",{type:"button",tabIndex:-1,className:"inline-flex appearance-none items-center gap-1.5 border-0 bg-transparent p-0 text-inherit outline-none",onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),onMouseDown:e=>e.preventDefault(),children:[(0,r.jsx)(eW,{item:c,className:"size-5 shrink-0 rounded object-cover"}),(0,r.jsx)("span",{className:"max-w-28 truncate",children:c.id})]})}),(0,r.jsxs)(D.hl,{side:"top",align:"center",sideOffset:8,className:"border-color-b1 bg-color-c1 pointer-events-none w-72 rounded-xl p-2 shadow-2xl",children:[(0,r.jsx)(eW,{item:c,className:"max-h-64 w-full rounded-lg object-contain",autoPlay:!0}),(0,r.jsx)("div",{className:"text-color-t2 mt-2 truncate px-1 text-xs",children:c.id})]})]})})}let eG=eU.P.extend({addAttributes:()=>({id:{default:null,parseHTML:e=>e.getAttribute("data-id"),renderHTML:e=>({"data-id":e.id})},assetId:{default:null,parseHTML:e=>e.getAttribute("data-asset-id"),renderHTML:e=>({"data-asset-id":e.assetId})},label:{default:null,parseHTML:e=>e.getAttribute("data-label"),renderHTML:e=>({"data-label":e.label})},kind:{default:null,parseHTML:e=>e.getAttribute("data-kind"),renderHTML:e=>({"data-kind":e.kind})},previewUrl:{default:null,parseHTML:e=>e.getAttribute("data-preview-url"),renderHTML:e=>({"data-preview-url":e.previewUrl})},missing:{default:!1,parseHTML:e=>"true"===e.getAttribute("data-missing"),renderHTML:e=>({"data-missing":e.missing?"true":"false"})}}),addNodeView:()=>(0,e$.gu)(eX,{as:"span",className:"reference-mention",attrs:({node:e})=>{let t=e.attrs.label||`@${e.attrs.id}`;return{"data-id":e.attrs.id,"data-asset-id":e.attrs.assetId,"data-label":t,"data-kind":e.attrs.kind,"data-preview-url":e.attrs.previewUrl,"data-missing":e.attrs.missing?"true":"false",title:t,contenteditable:"false"}}})});function eZ({item:e,isSelected:t,command:i}){return(0,r.jsxs)("button",{type:"button","data-selected":t,className:(0,f.cn)("border-color-b1 text-color-t1 flex w-full items-center gap-2 rounded-lg border px-2 py-2 text-left text-sm outline-none","hover:border-white/40",t&&"border-white/60 bg-white/10"),onMouseDown:t=>{t.preventDefault(),i(e)},children:[(0,r.jsx)(eW,{item:e,className:"size-10 shrink-0 rounded-md object-cover"}),(0,r.jsx)("span",{className:"truncate",children:e.id})]})}function eJ({items:e,selectedIndex:t,command:i}){return 0===e.length?null:e.map((e,a)=>(0,r.jsx)(eZ,{item:e,isSelected:a===t,command:i},e.id))}function eQ({assets:e,disabled:t=!1,onSelect:i}){let o=(0,m.c)("components.hero-form.reference-upload"),[n,l]=(0,a.useState)(!1),s=(0,a.useMemo)(()=>e.map(eB),[e]),d=t||0===s.length;return(0,r.jsxs)(D.AM,{open:!d&&n,onOpenChange:e=>l(!d&&e),children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsx)("button",{type:"button",disabled:d,"aria-label":o("mention"),className:(0,f.cn)("border-color-b1 text-color-t1 flex size-9 shrink-0 items-center justify-center rounded-full border text-sm font-medium transition",d?"cursor-not-allowed opacity-40":"hover:border-white/40 hover:bg-white/10"),children:"@"})}),(0,r.jsx)(D.hl,{side:"bottom",align:"center",sideOffset:8,className:"border-color-b1 bg-color-c1 flex max-h-64 w-56 flex-col gap-1 overflow-auto rounded-lg p-1 shadow-xl",children:(0,r.jsx)(eJ,{items:s,selectedIndex:-1,

1command:e=>{l(!1),i(e)}})})]})}function eY({value:e,assets:t,insertMentionRequest:i,maxLength:o,onChange:n}){let l=(0,m.c)("components.hero-form"),s=(0,a.useRef)(i?.key??0),d=(0,a.useMemo)(()=>t.map(eB),[t]),c=(0,a.useMemo)(()=>[eq.A.configure({blockquote:!1,bulletList:!1,codeBlock:!1,heading:!1,horizontalRule:!1,orderedList:!1}),eV.A.configure({placeholder:l("image-video.prompt-placeholder")}),eG.configure({HTMLAttributes:{class:"reference-mention"},renderText:({node:e})=>e.attrs.label||`@${e.attrs.id}`,renderHTML({node:e}){let t=e.attrs.label||`@${e.attrs.id}`;return["span",{class:"reference-mention","data-id":e.attrs.id,"data-asset-id":e.attrs.assetId,"data-label":t,"data-kind":e.attrs.kind,"data-preview-url":e.attrs.previewUrl,"data-missing":e.attrs.missing?"true":"false",title:t},t]},suggestion:{char:"@",items:({query:e})=>{let t=e.toLowerCase();return d.filter(e=>e.id.toLowerCase().includes(t)).slice(0,8)},command:({editor:e,range:t,props:i})=>{e.chain().focus().insertContentAt(t,[{type:"mention",attrs:{id:i.id,assetId:i.assetId,label:i.label,kind:i.kind,previewUrl:i.previewUrl,missing:!1}},{type:"text",text:" "}]).run()},render:()=>{let e=null,t=null,i=[],a=0,o=null,n=null,l=null,s=()=>{t?.render((0,r.jsx)(eJ,{items:i,selectedIndex:a,command:e=>o?.(e)}))},d=()=>{e&&function(e,t){let i=t?.();if(!i)return;let r=window.visualViewport,a=r?.offsetLeft??0,o=r?.offsetTop??0,n=r?.width??document.documentElement.clientWidth,l=o+(r?.height??window.innerHeight),s=e.offsetWidth,d=e.offsetHeight,c=a+8,u=Math.max(c,a+n-s-8),m=Math.min(Math.max(i.left,c),u),p=i.bottom+6,h=i.top-d-6,g=l-p-8,x=i.top-o-6-8,f=d>0&&d>g&&x>g?Math.max(o+8,h):Math.min(p,Math.max(o+8,l-d-8));e.style.left=`${m}px`,e.style.top=`${f}px`}(e,n)},c=()=>{d(),null!==l&&window.cancelAnimationFrame(l),l=window.requestAnimationFrame(()=>{l=null,d()})},u=t=>{e&&(i=t.items||[],o=t.command,n=t.clientRect,a=Math.min(a,Math.max(i.length-1,0)),s(),c())};return{onStart:i=>{(e=document.createElement("div")).className="custom-scrollbar fixed z-[1000] flex max-h-64 w-56 flex-col gap-1 overflow-auto rounded-lg border border-color-b1 bg-color-c1 p-1 shadow-xl",document.body.appendChild(e),t=(0,eH.createRoot)(e),u(i),window.addEventListener("resize",c),window.visualViewport?.addEventListener("resize",c)},onUpdate:u,onKeyDown:e=>{if("ArrowDown"===e.event.key)return a=(a+1)%Math.max(i.length,1),s(),!0;if("ArrowUp"===e.event.key)return a=(a+Math.max(i.length,1)-1)%Math.max(i.length,1),s(),!0;if("Enter"===e.event.key){let e=i[a];return e&&o?.(e),!0}return!1},onExit:()=>{window.removeEventListener("resize",c),window.visualViewport?.removeEventListener("resize",c),null!==l&&(window.cancelAnimationFrame(l),l=null),t?.unmount(),t=null,e?.remove(),e=null}}}}})],[d,l]),u=(0,e$.hG)({extensions:c,content:e||b.Wr,immediatelyRender:!1,editorProps:{attributes:{class:"custom-scrollbar text-color-t1 placeholder:text-color-t3 h-full min-h-0 w-full flex-1 overflow-y-auto bg-transparent text-[15px] leading-7 outline-none"}},onUpdate:({editor:e})=>{let t=e.getJSON();(0,b.uL)(t)>o?e.commands.undo():n(t)}},[c,o]);return(0,a.useEffect)(()=>{if(!u||u.isDestroyed)return;let t="string"==typeof e?(0,b.xs)(e):function e(t,i){if("mention"===t.type){let e=t.attrs?.assetId?i.find(e=>e.assetId===t.attrs?.assetId):i.find(e=>e.id===t.attrs?.id);return e?{...t,attrs:{...t.attrs,id:e.id,assetId:e.assetId,label:e.label,kind:e.kind,previewUrl:e.previewUrl,missing:!1}}:{...t,attrs:{...t.attrs,missing:!0,previewUrl:""}}}return t.content?{...t,content:t.content.map(t=>e(t,i))}:t}(e||b.Wr,d);!function(e,t){try{return JSON.stringify(e)===JSON.stringify(t)}catch{return!1}}(u.getJSON(),t)&&u.commands.setContent(t,{emitUpdate:!1})},[u,d,e]),(0,a.useEffect)(()=>{if(!u||u.isDestroyed||!i||i.key===s.current)return;let e=i.key,t=d.find(e=>e.assetId===i.asset.assetId);if(!t)return;let r=window.requestAnimationFrame(()=>{u.isDestroyed||e===s.current||(s.current=e,u.chain().focus().insertContent([{type:"mention",attrs:{id:t.id,assetId:t.assetId,label:t.label,kind:t.kind,previewUrl:t.previewUrl,missing:!1}},{type:"text",text:" "}]).run())});return()=>{window.cancelAnimationFrame(r)}},[u,i,d]),(0,r.jsxs)("div",{className:(0,f.cn)("reference-prompt-editor relative flex h-full min-h-0 w-full flex-1 overflow-hidden","[&_.ProseMirror_p.is-editor-empty:first-child::before]:

1pointer-events-none","[&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left","[&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0","[&_.ProseMirror_p.is-editor-empty:first-child::before]:text-color-t3","[&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]","[&_.reference-mention]:inline-flex [&_.reference-mention]:items-center [&_.reference-mention]:align-middle","[&_.reference-mention]:border-color-b1 [&_.reference-mention]:rounded [&_.reference-mention]:border","[&_.reference-mention]:text-color-t1 [&_.reference-mention]:px-1.5 [&_.reference-mention]:py-0.5","[&_.reference-mention[data-missing=true]]:border-color-main","[&_.reference-mention[data-missing=true]]:text-color-main"),children:[(0,r.jsx)(e$.$Z,{editor:u,className:"flex min-h-0 flex-1 pr-24"}),(0,r.jsxs)("div",{className:"text-color-t3 pointer-events-none absolute right-3 bottom-3 text-sm",children:[(0,b.uL)(e)," / ",o]})]})}function e0({className:e,onSelect:t}){let i=(0,m.c)("components.hero-form.reference-upload.templates");return(0,r.jsx)("div",{className:(0,f.cn)("no-scrollbar flex w-full max-w-[100dvw] flex-nowrap items-center gap-1 overflow-x-auto",e),children:g.map(e=>(0,r.jsx)("button",{type:"button",onClick:()=>t(e.id),className:"border-color-b1 bg-color-c1 text-color-t1 flex h-9 items-center justify-center rounded-full border px-3 py-2 text-sm text-nowrap backdrop-blur-sm",children:i(e.nameKey)},e.id))})}var e1=i(24482),e2=i(44945);function e3({items:e,open:t,onOpenChange:i,onToggle:o,contentClassName:n}){let l=(0,m.c)("Common");return(0,r.jsxs)(D.AM,{open:t,onOpenChange:i,modal:!1,children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsxs)(P,{active:t,children:[(0,r.jsx)(e1.A,{className:"size-4"}),(0,r.jsx)("span",{className:"text-[14px] leading-[22px]",children:l("panel")})]})}),(0,r.jsx)(D.hl,{side:"top",align:"start",sideOffset:8,className:(0,f.cn)("border-color-b1 bg-color-c1 text-color-t1 w-[123px] rounded-[8px] border p-2 shadow-xl",n),children:(0,r.jsx)("div",{className:"flex flex-col gap-2",children:e.map((t,i)=>(0,r.jsxs)(a.Fragment,{children:[(0,r.jsxs)("div",{className:(0,f.cn)("flex items-center justify-between",t.tip?"min-h-[22px] gap-2":"h-[22px]"),children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-center gap-1.5",children:[(0,r.jsx)("span",{className:(0,f.cn)("text-color-t2 text-[14px] leading-[22px]",!t.tip&&"whitespace-nowrap"),children:t.label}),t.tip&&(0,r.jsx)(e2.A,{description:t.tip})]}),(0,r.jsx)(M.d,{checked:t.checked,disabled:t.disabled,onCheckedChange:e=>o(t.key,!!e),className:"h-4 w-7 rounded-[4px] border bg-transparent data-[state=unchecked]:border-white data-[state=unchecked]:bg-transparent data-[state=checked]:border-color-main data-[state=checked]:bg-transparent",thumbClassName:"h-3 w-3 rounded-[2px] !bg-white shadow-none data-[state=unchecked]:translate-x-[1px] data-[state=unchecked]:!bg-white data-[state=checked]:translate-x-[13px] data-[state=checked]:!bg-color-main"})]}),i!==e.length-1?(0,r.jsx)("div",{className:"border-color-b1 border-t"}):null]},t.key))})})]})}var e4=i(72679),e5=i(43623);function e8({model:e,draft:t,open:i,onOpenChange:a,onChange:o}){let n=(0,m.c)("components.3d-form"),l=[...t.texture?[{key:"textureQuality",values:e.options.textureQuality}]:[],{key:"geometryQuality",values:e.options.geometryQuality}].filter(e=>e.values.length>0);return 0!==l.length||e.options.topology?(0,r.jsxs)(D.AM,{open:i,onOpenChange:a,modal:!1,children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsxs)(P,{active:i,children:[(0,r.jsx)(e4.A,{className:"size-4"}),(0,r.jsx)("span",{className:"text-[14px] leading-[22px]",children:n("fields.settings")})]})}),(0,r.jsx)(D.hl,{side:"top",align:"start",sideOffset:8,className:"border-color-b1 bg-color-c1 text-color-t1 custom-scrollbar max-h-[min(520px,calc(100dvh-120px))] w-[360px] max-w-[calc(100vw-32px)] overflow-y-auto rounded-[8px] border p-3 shadow-xl",children:(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[e.options.topology&&(0,r.jsx)(e5.A,{model:e,draft:t,onChange:o}),l.map(e=>(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("span",{className:"text-color-t2 text-sm",children:n(`fields.${e.key}`)}),(0,r.jsxs)(j.l6,{value:t[e.key],onValueChange:t=>o({[e.key]:t}),children:[(0,r.jsx)(j.bq,{className:"border-color-b1 bg-color-c3 text-color-t1 h-9 w-full rounded-md border px-3 shadow-none focus-visible:ring-0",children:(0,r.jsx)(j.yv,{})}),(0,r.jsx)(j.gC,{className:"border-color-b1 bg-color-c1 text-color-t1 rounded-lg",children:e.values.map(e=>(0,r.jsx)(j.eb,{value:e,className:"focus:bg-color-c3 focus:text-color-t1 rounded-md",children:n(`values.${e}`)},e))})]})]},e.key))]})})]}):null}var e6=i(59938),e9=i(94414),e7=i(44903);function te({model:e}){let t=e.modelVersion||e.model,i=(0,e7.ZI)(t)||(0,e7.ZI)(e.model),a=(0,e7.DS)(t);return(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md",children:(0,r.jsx)(e6.default,{src:i,alt:"",width:24,height:24,className:(0,f.cn)("object-contain","light"===a.background?"size-[22px] bg-white":"size-full")})})}function tt({models:e,selectedModel:t,onModelChange:i}){return(0,r.jsxs)(j.l6,{value:t.model,onValueChange:t=>{let r=e.find(e=>e.model===t);r&&i(r)},children:[(0,r.jsxs)(j.bq,{className:"border-0 !bg-color-c3 text-color-t1 h-9 w-full rounded-md px-3 shadow-none hover:!bg-color-c4 focus-visible:ring-0 [&>svg]:hidden",children:[(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,r.jsx)(te,{model:t}),(0,r.jsx)("span",{className:"truncate text-sm",children:t.name})]}),(0,r.jsx)(e9.A,{className:"text-color-t3 size-4 shrink-0"})]}),(0,r.jsx)(j.gC,{className:"border-color-b1 bg-color-c1 text-color-t1 rounded-xl",children:e.map(e=>(0,r.jsxs)(j.eb,{value:e.model,className:"text-color-t2 focus:bg-color-c3 focus:text-color-t1 rounded-md",children:[(0,r.jsx)(te,{model:e}),(0,r.jsx)("span",{children:e.name})]},e.model))})]})}var ti=i(37267);let tr=[{type:"video",icon:{off:"/images/navigation/video_ai.webp",on:"/images/navigation/video_ai.webp"}},{type:"image",icon:{off:"/images/navigation/image_ai.webp",on:"/images/navigation/image_ai.webp"}},{type:"3d",icon:{off:"/images/navigation/3d_ai.webp",on:"/images/navigation/3d_ai.webp"}},{type:"music",icon:{off:"/images/navigation/music_ai.svg",on:"/images/navigation/music_ai.svg"}}];

1function ta({value:e,onChange:t,allowedTypes:i,showCanvasTab:o=!0}){let n=(0,m.c)("components.hero-form"),l=(0,m.c)("Navigation"),s=(0,ti.rd)(),[d,c]=(0,a.useState)(!1),u=i?tr.filter(e=>i.includes(e.type)):tr,p=d&&o?u.length:Math.max(u.findIndex(t=>t.type===e),0),h=Math.max(u.length+ +!!o,1),g=`calc((100% - ${4*h+4}px) / ${h})`;return(0,a.useEffect)(()=>{if(!d||!o)return;let e=580*!window.matchMedia("(prefers-reduced-motion: reduce)").matches,t=window.setTimeout(()=>{s.push("/ai-canvas")},e);return()=>window.clearTimeout(t)},[d,o,s]),(0,r.jsx)("div",{className:"custom-scrollbar -my-3 max-w-full overflow-x-auto py-3",children:(0,r.jsxs)("div",{role:"tablist","aria-label":n("title"),className:"border-color-b1 bg-color-c1 relative inline-flex items-center gap-1 overflow-visible rounded-lg border p-1",children:[(0,r.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute top-1 bottom-1 left-1 z-0 rounded-md bg-white/15 shadow-[inset_0_1px_0_rgba(255,255,255,0.14)] transition-transform duration-[480ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",style:{width:g,transform:`translateX(calc(${100*p}% + ${4*p}px))`}}),u.map(i=>{var a;let o=e===i.type&&!d,l=(a=i.type,"music"===a?n("image-video.type.music"):"video"===a?n("image-video.type.video"):"3d"===a?n("image-video.type.3d"):n("image-video.type.image"));return(0,r.jsxs)("button",{type:"button",onClick:()=>{c(!1),t(i.type)},className:(0,f.cn)("group relative z-10 inline-flex h-9 w-[112px] shrink-0 items-center justify-start gap-0 overflow-visible rounded-md border py-0 pr-2 pl-1 text-sm font-medium transition-colors sm:h-10 sm:w-[140px] sm:pr-3",o?"border-transparent text-white":"border-transparent text-color-t2 hover:bg-white/10 hover:text-color-t1 focus-visible:bg-white/10 focus-visible:text-color-t1"),role:"tab","aria-selected":o,children:[(0,r.jsx)("span",{className:"relative z-10 flex size-9 shrink-0 items-center justify-center overflow-visible sm:size-10","aria-hidden":"true",children:(0,r.jsx)("img",{src:o?i.icon.on:i.icon.off,alt:"",className:(0,f.cn)("size-full object-contain drop-shadow-[0_8px_14px_rgba(0,0,0,0.4)] transition-transform [transform-origin:50%_78%] motion-reduce:transition-none",o?"translate-y-[-2px] scale-[1.46] duration-[580ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]":"translate-y-[-6px] scale-100 duration-[360ms] ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:translate-y-[-2px] group-hover:duration-[220ms] group-hover:ease-[cubic-bezier(0,0,0.2,1)] group-active:translate-y-0 group-active:scale-90 group-active:duration-[120ms]")})}),(0,r.jsx)("span",{className:"relative z-10",children:l})]},i.type)}),o&&(0,r.jsxs)(ti.N_,{href:"/ai-canvas",onClick:e=>{0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(e.preventDefault(),c(!0))},className:(0,f.cn)("group relative z-10 inline-flex h-9 w-[112px] shrink-0 items-center justify-start gap-0 overflow-visible rounded-md border border-transparent py-0 pr-2 pl-1 text-sm font-medium whitespace-nowrap transition-colors sm:h-10 sm:w-[140px] sm:pr-3",d?"text-white":"text-color-t2 hover:bg-white/10 hover:text-color-t1 focus-visible:bg-white/10 focus-visible:text-color-t1"),children:[(0,r.jsx)("span",{className:"relative z-10 flex size-9 shrink-0 items-center justify-center overflow-visible sm:size-10","aria-hidden":"true",children:(0,r.jsx)("img",{src:"/images/navigation/canvas_ai.svg",alt:"",className:(0,f.cn)("size-full object-contain drop-shadow-[0_8px_14px_rgba(0,0,0,0.4)] transition-transform [transform-origin:50%_78%] motion-reduce:transition-none",d?"translate-y-[-2px] scale-[1.46] duration-[580ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]":"translate-y-[-6px] scale-100 duration-[360ms] ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:translate-y-[-2px] group-hover:duration-[220ms] group-hover:ease-[cubic-bezier(0,0,0.2,1)] group-active:translate-y-0 group-active:scale-90 group-active:duration-[120ms]")})}),(0,r.jsx)("span",{className:"relative z-10",children:l("nav-ai-tools.ai-canvas")})]})]})})}var to=i(64310),tn=i(41825);function tl({model:e,draft:t,open:i,onOpenChange:a,onChange:o}){return e.options.outputFormat?(0,r.jsxs)(D.AM,{open:i,onOpenChange:a,modal:!1,children:[(0,r.jsx)(D.Wv,{asChild:!0,children:(0,r.jsx)(P,{active:i,children:(0,r.jsx)("span",{className:"text-[14px] leading-[22px]",children:t.outputFormat.toUpperCase()})})}),(0,r.jsx)(D.hl,{side:"top",align:"start",sideOffset:8,className:"border-color-b1 bg-color-c1 text-color-t1 custom-scrollbar max-h-[min(520px,calc(100dvh-120px))] w-[360px] max-w-[calc(100vw-32px)] overflow-y-auto rounded-[8px] border p-3 shadow-xl",children:(0,r.jsx)(tn.A,{model:e,draft:t,onChange:o})})]}):null}var ts=i(46020),td=i(13295),tc=i(15023);function tu({kind:e,title:t,subtitle:i,accept:o,file:n,multiple:s=!1,disabled:d=!1,disabledMessage:c,onFileChange:u,onFilesChange:m}){let[p,h]=(0,a.useState)(null),g=(0,B.A)(),x=(0,a.useMemo)(()=>

1{if(!o?.length)return"audio"===e?{"audio/*":[]}:void 0;let t=o.filter(e=>["jpg","jpeg","png","webp"].includes(e.toLowerCase())),i=o.filter(e=>["mp3","wav","m4a"].includes(e.toLowerCase())),r={};return t.length&&(r["image/*"]=t.map(e=>`.${e}`)),i.length&&(r["audio/*"]=i.map(e=>`.${e}`)),Object.keys(r).length?r:void 0},[o,e]);(0,a.useEffect)(()=>{let t=!0;if(!n||"audio"===e)return queueMicrotask(()=>{t&&h(null)}),()=>{t=!1};if("string"==typeof n)return queueMicrotask(()=>{t&&h(n)}),()=>{t=!1};let i=URL.createObjectURL(n);return queueMicrotask(()=>{t&&h(i)}),()=>{t=!1,URL.revokeObjectURL(i)}},[n,e]);let{getRootProps:b,getInputProps:v,isDragActive:y}=(0,q.VB)({multiple:s,accept:x,disabled:d,onDrop:e=>{if(d||!g()||!e.length)return;if(s&&m)return void m(e);let t=e[0];t&&u?.(t)}}),w=!!n,j=w&&"picture"===e&&!!p,N=w&&"audio"===e,k=N&&n instanceof File?n.name:t||e,C="audio"===e,A=C?l.A:ep.A;return(0,r.jsxs)("div",{...b({onClick:e=>{g()||(e.preventDefault(),e.stopPropagation())}}),"aria-disabled":d,title:d?c:N?k:void 0,className:(0,f.cn)("group border-color-b1 bg-color-c3 text-color-t2 hover:bg-color-c4 hover:text-color-t1 relative flex shrink-0 cursor-pointer flex-col items-center justify-center border-dashed transition-colors hover:border-white/40",C?"text-color-t3 h-[68px] w-[52px] rounded-xl border hover:text-color-t1":"h-20 w-20 overflow-hidden rounded-md border-2 px-2 py-2",y&&"border-white/40 bg-color-c4",d&&"cursor-not-allowed hover:border-color-b1 hover:bg-color-c3 hover:text-color-t2"),children:[(0,r.jsx)("input",{...v()}),j&&p?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("img",{src:p,alt:t||e,className:"h-full w-full object-cover"}),(0,r.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),e.preventDefault(),u?.(null)},className:"absolute top-1 right-1 z-10 flex h-6 w-6 items-center justify-center rounded-md bg-black/55 text-white transition-opacity sm:opacity-0 sm:group-hover:opacity-100",children:(0,r.jsx)(V.A,{className:"h-4 w-4"})})]}):N?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.A,{className:"text-color-main size-5"}),(0,r.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),e.preventDefault(),u?.(null)},className:"absolute top-1 right-1 z-10 flex size-5 items-center justify-center rounded-full bg-black/60 text-white transition-opacity sm:opacity-0 sm:group-hover:opacity-100",children:(0,r.jsx)(V.A,{className:"size-3.5"})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(A,{className:"size-5"}),!C&&(t||i)?(0,r.jsxs)("div",{className:"mt-2 flex flex-col items-center gap-0 text-center",children:[t?(0,r.jsx)("span",{className:"text-color-t2 text-sm leading-5",children:t}):null,i?(0,r.jsx)("span",{className:"text-color-t3 text-xs leading-4",children:i}):null]}):null]}),d&&c?(0,r.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center bg-black/65 px-2 text-center text-[11px] leading-4 text-white/75",children:c}):null]})}var tm=i(76601),tp=i(86984),th=i(13515);function tg({hintKey:e,formatsText:t,className:i="",icon:a="info"}){let o=(0,m.c)("components.hero-form.unified-upload"),n=(0,m.c)("components.hero-form");return(0,r.jsx)(th.Bc,{delayDuration:120,children:(0,r.jsxs)(th.m_,{children:[(0,r.jsx)(th.k$,{asChild:!0,children:(0,r.jsx)("button",{type:"button","aria-label":o(`hints.${e}`),className:`text-color-t2 hover:text-color-t1 inline-flex h-[14px] w-[14px] items-center justify-center transition-colors ${i}`,children:"alert"===a?(0,r.jsx)(tm.A,{className:"h-3.5 w-3.5"}):(0,r.jsx)(tp.A,{className:"h-3.5 w-3.5"})})}),(0,r.jsxs)(th.ZI,{side:"top",align:"start",sideOffset:8,className:"border-color-b1 bg-color-c1 text-color-t2 max-w-[260px] rounded-[8px] border px-3 py-2 text-[14px] leading-[22px] shadow-xl",children:[(0,r.jsx)("div",{children:o(`hints.${e}`)}),(0,r.jsxs)("div",{children:[n("image-video.format-hint"),": ",t||o("formats")]})]})]})})}function tx({values:e,maxImages:t,minSidePx:i,label:o,emptyIconSrc:n,badge:l,required:s=!1,uploadSessionId:d=0,onUploadStateChange:c,onChange:p}){let h=(0,m.c)("components.hero-form.reference-upload"),g=Math.max(J.jO,i||0),[x,f]=(0,a.useState)(!1),[b,v]=(0,a.useState)(!1),[y,w]=(0,a.useState)(null),[j,N]=(0,a.useState)([]),[k,C]=(0,a.useState)(0),A=(0,B.A)(),[S,I]=(0,a.useState)(0),M=(0,a.useRef)(e),T=(0,a.useRef)(!0),F=(0,a.useRef)(d),L=(0,a.useRef)(`unified-image-${(0,u.Ak)()}`),R=(0,a.useRef)(!1),z=eI(e=>e.addItem),D=eI(e=>e.replaceItem),P=eI(e=>e.removeItem),_=eI(e=>e.items),{uploadImage:E}=eR(),O=(0,et.A)({mediaType:"image",pageSize:20,enabled:x});(0,a.useEffect)(()=>{M.current=e},[e]),(0,a.useEffect)(()=>{F.current=d,N([]),C(0),R.current=!1,f(!1),v(!1)},[d]),(0,a.useEffect)(()=>{let e=L.current;c?.(e,j.length+k,d)},[c,k,d,j.length]),(0,a.useEffect)(()=>{let e=L.current;return T.current=!0,()=>{T.current=!1,c?.(e,0,d)}},[c,d]);let U=(0,a.useMemo)(()=>e.map((e,t)=>({id:`unified-image-${t+1}`,kind:"image",source:e,name:e instanceof File?e.name:void 0})),[e]),V=(0,a.useMemo)(()=>O.data.filter(e=>"succeed"===e.status&&!!e.result).map(e=>({id:`history-image-${e.id}`,kind:"image",source:e.result,name:e.prompt||e.model_name})),[O.data]),$=j.length>0,K=e.length+j.length,W=K<t,X=Math.max(t-K,0),G=(0,a.useCallback)(e=>{M.current=e,p(e)},[p]),Z=(0,a.useCallback)((e,i)=>{G([...M.current,e].slice(0,t)),z({url:e,name:i})},[z,t,G]),Q=(0,a.useCallback)(async e=>{if(!e.type.startsWith("image/"))return H.oR.error(h("unsupportedFormat")),!1;try{let t=await (0,J.vX)(e);if(t.width<g||t.height<g)return H.oR.error(h("imageDimensionMin",{value:g})),!1}catch{return H.oR.error(h("metadataError")),!1}return!0},[g,h]),Y=(0,a.useCallback)(async(e,t,i)=>{try{let t=await E(e);

1if(!t||!T.current||F.current!==i)return!1;return Z(t,e.name),!0}finally{T.current&&F.current===i&&N(e=>e.filter(e=>e.id!==t))}},[Z,E]),ee=(0,a.useCallback)(async e=>{if(!e.length||R.current||!A())return;let i=F.current;if(e.length>X)return void H.oR.error(h("maxFiles",{count:t}));R.current=!0;let r=e.map(()=>({id:`${Date.now()}-${(0,u.Ak)()}`})),a=new Set(r.map(e=>e.id));N(e=>[...e,...r]);try{for(let t of e)if(!await Q(t)||!T.current||F.current!==i)return;for(let t=0;t<e.length;t+=1)if(!await Y(e[t],r[t].id,i))return;T.current&&F.current===i&&(f(!1),v(!1),I(e=>e+1))}finally{T.current&&F.current===i&&(N(e=>e.filter(e=>!a.has(e.id))),R.current=!1)}},[X,t,A,h,Y,Q]),ei=(0,a.useCallback)(e=>{if(!A())return;let i=e.some(e=>e.errors.some(e=>"too-many-files"===e.code));H.oR.error(i?h("maxFiles",{count:t}):h("unsupportedFormat"))},[t,A,h]),er=(0,q.VB)({accept:{"image/jpeg":[".jpg",".jpeg"],"image/png":[".png"],"image/webp":[".webp"]},multiple:t>1,maxFiles:Math.max(X,1),noClick:!0,disabled:!W||$,onDrop:e=>void ee(e),onDropRejected:ei});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{...er.getRootProps(),className:"relative z-20 flex h-[68px] w-fit shrink-0 items-center overflow-visible bg-transparent focus-within:z-[1000] hover:z-[1000]",children:[(0,r.jsx)(ef,{open:x,onOpenChange:e=>{(!e||A())&&(f(e),e||v(!1))},onPanelHoverChange:v,kind:"image",canAdd:W,isUploading:$,isHistoryLoading:O.isLoading,historyAssets:V,localMediaAssets:_,onUploadFromDevice:()=>{A()&&(er.inputRef.current&&(er.inputRef.current.value=""),er.open())},onDeleteLocalMedia:P,onSelectHistory:async e=>{if(A()){if(!await (0,J.q0)({imageFile:e.source,minWidthPx:g,minHeightPx:g}))return void H.oR.error(h("imageDimensionMin",{value:g}));G([...M.current,e.source].slice(0,t)),f(!1),v(!1),I(e=>e+1)}},onSelectLocalMedia:async e=>{if(A()){if(!await (0,J.q0)({imageFile:e,minWidthPx:g,minHeightPx:g}))return void H.oR.error(h("imageDimensionMin",{value:g}));G([...M.current,e].slice(0,t)),f(!1),v(!1),I(e=>e+1)}},trigger:(0,r.jsx)(ej,{kind:"image",assets:U,uploadingItems:j,canAdd:W,disabled:!W||$,isDragActive:er.isDragActive,isPanelHovered:b,emptyLabel:o,emptyIconSrc:n,badge:l,required:s,addLabel:h("addImage"),removeLabel:h("remove"),collapseRevision:S,onOpenPicker:()=>{A()&&f(!0)},onPreview:w,onRemove:e=>G(M.current.filter((t,i)=>i!==e))})}),(0,r.jsx)("input",{...er.getInputProps({onClick:e=>{e.currentTarget.value=""}}),ref:er.inputRef})]}),(0,r.jsx)(em,{assets:U,selectedIndex:y,onSelectedIndexChange:w,onOpenChange:e=>{e||w(null)},onRemove:e=>G(M.current.filter((t,i)=>i!==e)),onReplace:async(e,t)=>{if(!A())return!1;let i=F.current,r=M.current[e];if(!await Q(t)||!T.current||F.current!==i)return!1;let a="string"==typeof r?eI.getState().items.find(e=>e.url===r):void 0;C(e=>e+1);try{let o=await E(t);if(!o||!T.current||F.current!==i)return!1;let n=[...M.current];if(n[e]!==r)return!1;return n[e]=o,G(n),a?D(a.id,{url:o,name:t.name}):z({url:o,name:t.name}),!0}finally{T.current&&F.current===i&&C(e=>Math.max(e-1,0))}}})]})}function tf(e){return{id:e instanceof File?`video-${e.name}-${e.lastModified}-${e.size}`:`video-${e}`,kind:"video",source:e,originalFile:e instanceof File?e:void 0,name:e instanceof File?e.name:void 0}}function tb({draft:e,modelConfig:t,uploadSessionId:i,onUploadStateChange:o,onChange:n}){let[l,s]=(0,a.useState)(()=>e.videoUrl?tf(e.videoUrl):null),d=(0,a.useMemo)(()=>e.videoUrl?tf(e.videoUrl):null,[e.videoUrl]),c=l?.source===e.videoUrl?l:d,u=(0,a.useMemo)(()=>({...tc.z,model:e.model,modelVersion:e.modelVersion,ratio:e.ratio,resolution:e.resolution,duration:e.duration,enableAudio:e.enableAudio,isPublic:e.isPublic,videoList:c?[c]:[]}),[e.duration,e.enableAudio,e.isPublic,e.model,e.modelVersion,e.ratio,e.resolution,c]);return(0,r.jsx)(eP,{draft:u,modelConfig:t,visibleKinds:["video"],uploadSessionId:i,onUploadStateChange:o,onChange:e=>{if(!e.videoList)return;let t=e.videoList[0]||null;s(t),n({videoUrl:t?.source||null})}})}function tv({hintKey:e,countText:t,className:i}){return(0,r.jsx)("div",{className:(0,f.cn)("text-color-t3 flex w-fit items-end text-sm",i),children:t?(0,r.jsxs)("div",{className:"text-color-t2 inl

1ine-flex items-center gap-2",children:[(0,r.jsx)(tg,{hintKey:e}),(0,r.jsx)("span",{children:t})]}):(0,r.jsx)(tg,{hintKey:e})})}function ty({type:e,model:t,videoDraft:i,imageDraft:a,threeDDraft:o,uploadSessionId:n,onUploadStateChange:l,onVideoChange:s,onImageChange:d,onThreeDChange:c}){let u=(0,m.c)("components.hero-form.unified-upload.slots");if("video"===e&&(0,tc.CX)(t)&&i&&s){let e=!!(t.capabilities.supportsImageInput||t.capabilities.multiImageMaxImages),a=t.capabilities.videoInput,o=td.bCm.find(e=>e.model===t.model);return e||t.capabilities.audioUrl||a?(0,r.jsxs)("div",{className:"inline-flex flex-col items-start gap-3",children:[(0,r.jsxs)("div",{className:"flex h-[68px] flex-wrap items-center gap-2",children:[e?(0,r.jsx)(tx,{values:i.startFrame?[i.startFrame]:[],minSidePx:o?.options.startFrame?.minSidePx,maxImages:1,label:u("firstFrame"),uploadSessionId:n,onUploadStateChange:l,onChange:e=>s({startFrame:e[0]||null})}):null,e&&t.capabilities.endFrame&&i.enableEndFrame?(0,r.jsx)(tx,{values:i.endFrame?[i.endFrame]:[],minSidePx:o?.options.endFrame?.minSidePx,maxImages:1,label:u("endFrame"),uploadSessionId:n,onUploadStateChange:l,onChange:e=>s({endFrame:e[0]||null})}):null,a&&o?(0,r.jsx)(tb,{draft:i,modelConfig:o,uploadSessionId:n,onUploadStateChange:l,onChange:s}):null,t.capabilities.audioUrl?(0,r.jsxs)(r.Fragment,{children:[a?null:(0,r.jsx)("div",{className:"border-color-b1 hidden h-[68px] w-px sm:block"}),(0,r.jsx)(tu,{kind:"audio",title:u("audio"),subtitle:u("optional"),accept:["mp3","wav","m4a"],file:i.audioFile,onFileChange:e=>s({audioFile:e})})]}):null]}),a?null:(0,r.jsx)(tv,{hintKey:"video"})]}):null}if("image"===e&&(0,tc.a2)(t)&&a&&d){let e=!!(t.capabilities.supportsImageInput||t.capabilities.multiImageMaxImages),i=t.capabilities.multiImageMaxImages||1;return!e||i<=0?null:(0,r.jsxs)("div",{className:"inline-flex flex-col items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-[68px] flex-wrap items-center gap-2",children:(0,r.jsx)(tx,{values:a.images,maxImages:i,label:u("image"),uploadSessionId:n,onUploadStateChange:l,onChange:e=>d({images:e})})}),(0,r.jsx)(tv,{hintKey:"image",countText:e?`${a.images.length}/${i}`:void 0,className:e?"translate-y-[3px]":void 0})]})}return"3d"===e&&(0,tc.nm)(t)&&o&&c?"text-to-3d"===t.source.generationType?null:"image-to-3d"===t.source.generationType?(0,r.jsx)("div",{className:"inline-flex h-[68px] items-center",children:(0,r.jsx)(tx,{values:o.image?[o.image]:[],maxImages:1,label:u("image"),uploadSessionId:n,onUploadStateChange:l,onChange:e=>c({image:e[0]||null})})}):t.source.options.topology?(0,r.jsx)(tx,{values:o.multiviewImages||[],maxImages:t.source.options.imageInput.max,label:u("image"),uploadSessionId:n,onUploadStateChange:l,onChange:e=>c({multiviewImages:e})}):(0,r.jsxs)("div",{className:"inline-flex flex-col items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-[68px] items-center gap-2",children:[{key:"frontImage",icon:"/images/upload/3d-view/front.svg",badge:"F"},{key:"leftImage",icon:"/images/upload/3d-view/left.svg",badge:"L"},{key:"backImage",icon:"/images/upload/3d-view/back.svg",badge:"B"},{key:"rightImage",icon:"/images/upload/3d-view/right.svg",badge:"R"}].map((e,t)=>{let i=o[e.key];return(0,r.jsx)(tx,{values:i?[i]:[],maxImages:1,label:u(e.key),emptyIconSrc:e.icon,badge:e.badge,required:0===t,uploadSessionId:n,onUploadStateChange:l,onChange:t=>c({[e.key]:t[0]||null})},e.key)})}),(0,r.jsx)(tv,{hintKey:"multiview"})]}):null}var tw=i(37399),tj=i(70029);let tN={video:[{id:"vid-1",title:"80s Corporate Worker Late Night",content:"Medium shot, a tired corporate worker in rolled-up sleeves and loosened tie, rubbing his temples in exhaustion while staring at a bulky beige 1980s computer in a cluttered office late at night. Stacks of paper and coffee cups surround him. The scene is lit by harsh fluorescent overhead lights and the green phosphor glow of the monochrome CRT monitor. Retro 1980s aesthetic, shot as if on period-accurate color film stock, slightly grainy with warm color temperature, nostalgic and weary mood."},{id:"vid-2",title:"Prism Light",content:"A close-up cinematic shot of a transparent glass prism rotating slowly on a velvet black surface. A beam of spectral light hits the prism, scattering vibrant rainbows across the frame. High-end product photography style, 8k resolution, smooth 60fps. Audio: A deep, crystalline shimmer sound, minimal ambient synth pad."},{id:"vid-3",title:"Master Craftsman",content:"Extreme close-up of an elderly craftsman's weathered hands carving a delicate wooden bird. Tiny wood shavings fall in slow motion. Warm sunlight streaming through a dusty workshop window. Shallow depth of field, focus on the texture of the skin and woo

1d. Audio: The rhythmic scraping of a metal blade on dry wood, soft breathing, distant birds chirping."},{id:"vid-4",title:"Gourmet Chocolate Dessert Pour",content:"A macro shot from above shows a chocolate lava cake on a delicate wooden platter atop a rustic wooden table. Melted dark chocolate sauce slowly pours over the enticing chocolate lava cake, steaming hot as it cascades down, forming pools around the dessert on the wooden platter. Fresh mint leaves and gold leaf garnishes catch the light. Warm ambient light from the side creates rich highlights and shadows. The beauty of food photography, captured with an f/2.8 macro lens, is mouth-watering and captivating. The special effect: the gentle pouring sound, the soft restaurant atmosphere."},{id:"vid-5",title:"Victorian Era Street Scene",content:"Wide establishing shot, a bustling Victorian-era London street in 1890, with horse-drawn carriages clattering over cobblestones, ladies in elaborate dresses and gentlemen in top hats walking past gas-lit storefronts. Fog rolls through creating atmospheric haze. A newspaper boy shouts headlines. Period drama aesthetic, shot on 35mm film with soft focus, historical and atmospheric mood, sepia-toned color grading with muted earth tones. SFX: horse hooves on cobblestones, distant street vendors calling, carriage wheels creaking."},{id:"vid-6",title:"Walking Toward the Sea",content:"In rural Ireland, circa 1860s, two women, their long, modest dresses of homespun fabric whipping gently in the strong coastal wind, walk with determined strides across a windswept cliff top. The ground is carpeted with hardy wildflowers in muted hues. They move steadily towards the precipitous edge, where the vast, turbulent grey-green ocean roars and crashes against the sheer rock face far below, sending plumes of white spray into the air."},{id:"vid-7",title:"Midnight Metropolis",content:"A drone FPV shot flying through a neon-drenched futuristic city at night during a heavy rainstorm. Massive holographic advertisements reflect on the wet asphalt. Flying vehicles zip past the camera with light trails. High contrast, cinematic teal and orange color grading. Audio: Heavy rain pattering, low-frequency hum of anti-gravity engines, muffled city sirens."},{id:"vid-8",title:"Macro Nature",content:"A macro shot of a single dewdrop hanging from the tip of a vibrant green leaf. Inside the dewdrop, the entire forest is reflected in perfect detail. A ladybug crawls slowly toward the drop. Soft morning bokeh, hyper-realistic textures. Audio: Distant forest ambience, soft water drip sound, high-pitched cicada chirps."},{id:"vid-9",title:"The Old Sailor and the Sea",content:"A medium shot frames an old sailor, his knitted blue sailor hat casting a shadow over his eyes, a thick grey beard obscuring his chin. He holds his pipe in one hand, gesturing with it towards the churning, grey sea beyond the ship's railing. \"This ocean, it's a force, a wild, untamed might. And she commands your awe, with every breaking light\""},{id:"vid-10",title:"Covert at the Station",content:'A close up of spies exchanging information in a crowded train station with uniformed guards patrolling nearby "The microfilm is in your ticket" he murmured pretending to check his watch "They\'re watching the north exit" she warned casually adjusting her scarf "Use the service tunnel" Commuters rush past oblivious to the covert exchange happening amid announcements of arrivals and departures',imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/video/covert_at_the_station.webp"},{id:"vid-11",title:"Beverage Commercial",content:'A hyper-slow motion cinematic transition. The camera orbits 360 degrees around the floating neon-orange "VOLT PULSE" can. The electric orange liquid splashes elegantly, with individual droplets and sliced lemons rotating slowly in mid-air. Soft golden light catches the condensation on the aluminum, creating a shimmering effect. Smooth, fluid movement, high-end commercial aesthetic, 120fps feel.',imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/video/beverage_commercial.webp"},{id:"vid-12",title:"Girl on a Night Bus",content:"Close-up with very shallow depth of field, a young woman's face, looking out a bus window at the passing city lights with her reflection faintly visible on the glass, inside a bus at night during a rainstorm, melancholic mood with cool blue tones, moody, cinematic.",imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/video/girl_on_a_night_bus.webp"}],image:[{id:"img-1",title:"Girl in a Ferrari at Sunset",content:"Cinematic wide-angle interior shot, a stylish young woman lounging inside a red Ferrari during golden hour. Early 20s woman, long glossy jet-black hair with slight windblown texture, fair skin with warm golden sunlight, confident alluring gaze into camera, slight pout. Wearing a red satin mini dress with sweetheart or draped neckline, no logos. Reclined across the front passenger seat, one leg extended toward the camera with foreshortened perspective, one knee bent, left hand touching hair or resting on forehead. Luxury Italian sports car interior, black leather seats, carbon fiber and brushed metal details, modern Ferrari steering wheel partially visible in foreground. Natural golden hour sunlight streaming through side window, warm amber tones, strong contrast, deep shadows inside cabin, sunlight highlighting face, hair, legs, and satin fabric sheen. 35mm film photography, cinematic editorial fashion style, luxury indie road trip vibe, Americana meets Italian supercar aesthetic. Kodak Portra 400 color grading, realistic film grain, ultra-realistic textures, shallow depth of field, sharp subject focus, slightly soft background."},{id:"img-2",title:"Watching Her Own Portrait",content:"A cinematic, realistic studio scene of a young woman standing beside an easel, quietly observing an oil portrait of herself. The painting features expressive brushstrokes and warm earthy tones, capturing her likeness with emotional depth. The woman wears a cozy neutral sweater, her short wavy hair softly framing her face. Natural window light enters from the side, creating gentle shadows and a calm, introspective mood. The artist's workspace is visible with paintbrushes, palettes, and textured walls, giving an authentic fine-art atmosphere. Shallow depth of field, painterly realism, soft highlights, warm color grading, high detail, 4K quality, cinematic composition, aspect ratio 1:1."},{id:"img-3",title:"Paper Pikachu",content:"A hyper-detailed paper sculpture of Pikachu, mounted 

1inside a minimalist museum display box. The figure is crafted from layered premium paper with visible folds, edges, and textures. Soft gallery lighting, glass reflections, subtle depth-of-field. High-end collectible art style, photorealistic finish, sharp focus. 1:1 square format."},{id:"img-4",title:"Tokyo Rain Street Girl",content:"hyper-realistic fisheye lens street portrait of a cool young woman squatting low in the rain on a Tokyo night street, extreme low-angle worm's-eye view, barrel distortion. She has a messy platinum blonde bob and wears an oversized black sweatshirt with baggy light-wash denim jeans and white sneakers, looking down at the camera with a confident, defiant expression. Directly behind her is a vintage white '90s JDM sports car with pop-up headlights. The background is a towering vertical cityscape of glowing red and white neon Japanese signs curving inward, heavy rain streaks, and wet asphalt reflections. Lighting is harsh, direct on-camera flash against a dark, moody background, high contrast, 35mm film grain, street racing editorial aesthetic, 8k resolution."},{id:"img-5",title:"Kawaii Gamer Selfie",content:"Kawaii gamer aesthetic, mirror selfie, smartphone photo. A young pale woman with porcelain skin, long black hair and straight bangs, wearing cute cow ears. Sitting on a bed, cow-print crop top, black skirt, white thigh-high socks, holding a purple phone case. Gamer bedroom background: pink gaming chair, PC with blue and purple RGB lights, shelves. Mixed natural window light and neon RGB glow, cool white balance, soft shadows. Clean, cute, cozy gamer cosplay vibe, focus on subject, realistic lighting."},{id:"img-6",title:"Camera angles poster",content:"Create a poster that visually explains the most common camera angles in filmmaking, with clear labels and examples for each angle, cinematic, realistic"},{id:"img-7",title:"Karakuri Ninja Oboro Setup",content:"A Famicom game box, cartridge, and manual for the game 'Karakuri Ninja Oboro,' featuring the character from the image as the protagonist, with the game screen displayed on a CRT television."},{id:"img-8",title:"Triptych of a Gentleman",content:"A high-contrast black and white triptych collage with three panels. Hyper-realistic 8K portrait photography of a handsome man wearing a black leather jacket and vintage steampunk aviator sunglasses with leather side shields. Three different poses and angles: front-facing portrait, side profile, and head tilted upward. Each panel shows a distinct expression. Cinematic studio lighting, strong contrast, dramatic rim light highlighting the leather texture. Detailed skin texture, visible pores, masculine facial features. Monochrome, classic black and white film photography style, professional editorial look."},{id:"img-9",title:"Different Hairstyles",content:"make a 3x3 grid with different hairstyles",imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/image/different_hairstyles.webp"},{id:"img-10",title:"Selfie with Luffy",content:"Place Monkey D. Luffy next to the man, smiling widely with his straw hat tilted. Use a Thousand Sunny deck background with bright blue sky. Keep the selfie composition intact and integrate both characters naturally.",imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/image/selfie_with_luffy.webp"},{id:"img-11",title:"Facial Aesthetic Report",content:'Use the provided portrait photo <YOUR PHOTO> as the base.\nDo NOT change the person\'s face, expression, age, skin tone or gender.\nJust overlay a clean, minimal infographic on top.\nCreate a high-resolution vertical "FACIAL AESTHETIC REPORT" poster, studio lighting, soft beige background, premium beauty clinic style.\nThe subject can be MALE or FEMALE - keep them exactly as in the original photo.\nAdd thin white lines and labels pointing to each area of the REAL face, with percentage scores based on global aesthetic ratios, symmetry and proportions (not changing the face):\n1. Eyes:\n   Label near the eyes with a line pointing to them:\n   "Eyes Beauty - 0-100%"\n   Example: "Eyes Beauty - 92%"\n2. Cheeks:\n   Label near the cheekbones:\n   "Cheeks Harmony - 0-100%"\n   Example: "Cheeks Harmony - 85%"\n3. Lips:\n   Label close to the mouth:\n   "Lips Shape - 0-100%"\n   Example: "Lips Shape - 88%"\n4. Eyebrows:\n   Label above or beside the brows:\n   "Eyebrows Design - 0-100%"\n   Example: "Eyebrows Design - 80%"\n5. Jaw & Chin:\n   Label near the jawline and chin:\n   "Jaw & Chin Definition - 0-100%"\n   Example: "Jaw & Chin Definition - 90%"\n6. Overall Facial Symmetry:\n   Label near the center of the face:\n   "Facial Symmetry - 0-100%"\n   Example: "Facial Symmetry - 89%"\nAt the bottom center of the poster, add a BIG, bold number inside a circle or rectangle:\n"OVERALL SCORE: XX%"\nThis is the total facial aesthetic score from 1-100%.\nDesign style:\n- clean, medical-grade, aesthetic-clinic infographic\n- modern thin sans-serif typography\n- white text and lines, subtle drop shadows\n- no logos, no extra graphics, no text other than the labels and scores above.',imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/image/facial_aesthetic_report.webp"},{id:"img-12",title:"OOTD",content:"Create an OOTD collage of a stylish. On the left, place a full-body or half-body subject, and on the right, arrange each clothing item on a clean white background with product image, brand name, product name in English, and price in USD. Use bright, natural lighting, realistic clothing textures, modern sans-serif fonts, and a clean, minimal magazine-style layout with spacious, professional composition. The overall style should resemble trendy OOTD collages seen on fashion blogs or social media-youthful, practical, visually appealing, and cohesive in color and branding. Avoid referencing any specific original image details; focus on general style, composition, and presentation.",imageSrc:"https://cdn.flaq.ai/flaq/home_page/generator/hints/image/ootd.webp"}],"3d":[],music:[]};var tk=i(42206),tC=i(26480),tA=i(81071),tS=i(72315),tI=i(76725),tM=i(90650),tT=i(93101);function tF(e,t){return(e.supportedTypes||[e.generationType]).includes(t)}function tL(e,t){let i=t.options.multiImage?.isSupported?t.options.multiImage.maxImages:0,r=t.options.multiVideo?.isSupported?t.options.multiVideo.maxVideos:+!!t.options.videoUrl?.

1isSupported,a=t.options.multiAudio?.isSupported?t.options.multiAudio.maxAudios:+!!t.options.audioUrl,o=t.options.referenceFile?.isSupported?t.options.referenceFile.maxFiles:0,n=t.options.referenceLink?.isSupported?t.options.referenceLink.maxLinks:0,l=e.imageList.slice(0,i),s=e.videoList.slice(0,r),d=e.audioList.slice(0,a),c=(e.referenceFiles||[]).slice(0,o),u=c.length>0?[]:(e.referenceLinks||[]).slice(0,n);return void 0!==t.options.maxReferenceSubjects&&(l=l.slice(0,t.options.maxReferenceSubjects),s=s.slice(0,Math.max(t.options.maxReferenceSubjects-l.length,0))),{imageList:l,videoList:s,audioList:d,referenceFiles:c,referenceLinks:u}}function tR({type:e,source:t,count:i}){let[l,s]=(0,a.useState)(null);(0,a.useEffect)(()=>{let e=!0;if(!t)return queueMicrotask(()=>{e&&s(null)}),()=>{e=!1};if("string"==typeof t)return queueMicrotask(()=>{e&&s(t)}),()=>{e=!1};let i=URL.createObjectURL(t);return queueMicrotask(()=>{e&&s(i)}),()=>{e=!1,URL.revokeObjectURL(i)}},[t]);let d="video"===e?o.A:n.A;return(0,r.jsxs)("div",{className:"bg-color-c3 relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-full",children:[l?"video"===e?(0,r.jsx)("video",{src:l,muted:!0,playsInline:!0,className:"size-full object-cover"}):(0,r.jsx)("img",{src:l,alt:"",className:"size-full object-cover"}):(0,r.jsx)(d,{className:"text-color-main size-5"}),i>0?(0,r.jsx)("span",{className:"bg-color-main text-color-inverse-t1 absolute right-0 bottom-0 flex size-5 items-center justify-center rounded-full text-[11px] font-semibold",children:i}):null]})}function tz(e){let t=(0,m.c)("Common"),i=e.compact??!1,o=e.onExpandRequest,n="generate-in-place"===e.submitStrategy,y=e.submitStrategy||"transfer-and-navigate",w=!n&&"referenceVideoTransferRoute"in e?e.referenceVideoTransferRoute:void 0,j=!n&&"creatorTransferRoute"in e?e.creatorTransferRoute:void 0,N=!!n&&e.isSubmitting,{musicDraft:k,updateMusicDraft:C,musicModels:A,selectedMusicModel:I,handleMusicModelChange:M,activeType:L,currentCreditLabel:R,currentModel:D,endFrameControl:P,handleGenerate:_,handleImageModelChange:E,handleImageTypeChange:U,handleThreeDModelChange:V,handleThreeDTypeChange:$,handleInspireClick:q,handlePromptChange:H,handleReset:K,handleTypeChange:B,handleVideoModelChange:W,handleVideoTypeChange:X,handleUploadStateChange:G,imageDraft:J,imageModels:Q,imageType:Y,isGenerateDisabled:ee,invalidateUploads:et,isPromptDisabled:ei,isPricingLoading:er,isPricingReady:ea,openPopover:eo,priceDisplay:en,pricingError:el,prompt:es,referenceVideoDraft:ed,selectedImageModel:ec,selectedVideoModel:eu,selectedThreeDModel:em,setControlledPopover:ep,switchItems:eh,t:eg,tImageForm:ex,uploadImageDraft:ef,uploadModel:eb,uploadReferenceVideoDraft:ev,uploadThreeDDraft:ey,uploadSessionId:ew,uploadVideoDraft:ej,updateImageDraft:eN,updateReferenceVideoDraft:ek,updateThreeDDraft:eC,updateVideoDraft:eA,videoDraft:eS,videoModels:eI,videoType:eM,threeDDraft:eF,threeDModels:eL,threeDType:eR}=function(e={}){let{submitStrategy:t="transfer-and-navigate",isSubmitting:i=!1,onGenerateInPlace:r,referenceVideoTransferRoute:o,creatorTransferRoute:n,allowedModelNames:l}=e,s=(0,m.c)("components.hero-form"),d=(0,m.c)("components.3d-form"),c=(0,m.c)("components.image-form"),u=(0,ti.rd)(),p=(0,F.A)(e=>e.auth),h=(0,eT.A)(e=>e.setOpen),g=(0,tw.A)(e=>e.musicDraft),f=(0,tw.A)(e=>e.updateMusicDraft),v=td.PoO.filter(td.V2s).filter(e=>!l||l.includes(e.model)),y=v.find(e=>e.model===g.model)||v[0],w=(0,tw.A)(e=>e.activeType),j=(0,tw.A)(e=>e.imageType),N=(0,tw.A)(e=>e.videoType),k=(0,tw.A)(e=>e.threeDType),C=(0,tw.A)(e=>e.videoDraft),A=(0,tw.A)(e=>e.referenceVideoDraft),S=(0,tw.A)(e=>e.imageDraft),I=(0,tw.A)(e=>e.threeDDraft),M=(0,a.useMemo)(()=>{if(!e.basicThreeD)return I;let t=(0,tc.FO)("3d",I.model);return(0,tc.nm)(t)?{...I,...t.defaults,multiviewImages:I.multiviewImages,negativePrompt:""}:I},[e.basicThreeD,I]),T=(0,tw.A)(e=>e.setActiveType),L=(0,tw.A)(e=>e.setImageType),R=(0,tw.A)(e=>e.setVideoType),z=(0,tw.A)(e=>e.setThreeDType),D=(0,tw.A)(e=>e.updateVideoDraft),P=(0,tw.A)(e=>e.updateReferenceVideoDraft),_=(0,tw.A)(e=>e.updateImageDraft),E=(0,tw.A)(e=>e.updateThreeDDraft),O=(0,tw.A)(e=>e.requestCreatorSubmit),[U,V]=(0,a.useState)(null),[$,q]=(0,a.useState)(0),[H,K]=(0,a.useState)({}),B=(0,a.useRef)(0),W=(0,a.useRef)({}),X=(0,a.useMemo)(()=>td.PoO.filter(td.fiZ).filter(e=>!l||l.includes(e.model)),[l]),G=(0,a.useMemo)(()=>X.filter(e=>(0,tj.AL)(e,j)),[X,j]),Z=(0,a.useMemo)(()=>td.bCm.filter(e=>!e.disabled&&(0,tc.ar)(e)&&(!l||l.includes(e.model))),[l]),J=(0,a.useMemo)(()=>Z.filter(e=>tF(e,N)),[Z,N]),Q=(0,a.useMemo)(()=>td.tdh.filter(e=>e.generationType===k&&(!l||l.includes(e.model))),[l,k]),Y=(0,a.useMemo)(()=>Q.find(e=>e.model===M.model)||Q[0],[M.model,Q]),ee="reference-to-video"===N?A:C,et=(0,a.useMemo)(()=>J.find(e=>e.model===ee.model),[ee.model,J]),ei=(0,a.useMemo)(()=>(0,tc.Ch)(w).filter(e=>!l||l.includes(e.model)),[w,l]),er=(0,a.useMemo)(()=>

1{if("generate-in-place"===t&&("video"!==w||et?.generationType==="text-to-video"||et?.generationType==="image-to-video"||et?.generationType==="video-edit"))return(0,tk.S)({type:w,musicDraft:g,videoDraft:C,imageDraft:S,threeDDraft:M,videoType:N,threeDType:k,normalizeModelOptions:!0})},[w,g,S,et?.generationType,t,M,k,C,N]),ea=er?.model,eo=(0,a.useMemo)(()=>er?.type!=="image"?S:{...S,model:er.model,modelVersion:er.modelVersion,aspectRatio:er.payload.aspectRatio??S.aspectRatio,resolution:er.payload.resolution??S.resolution,quality:er.payload.quality,images:er.payload.images||[]},[S,er]),en=(0,a.useMemo)(()=>"music"===w?(0,tc.FO)("music",g.model)||tc.h5[0]:"video"===w?ei.find(e=>e.model===ee.model)||ei[0]||tc.H4:"3d"===w?(0,tc.FO)("3d",M.model)||ei[0]||tc.Lo:(0,tc.FO)("image",S.model)||ei[0]||tc.jd,[w,g.model,ee.model,S.model,ei,M.model]),el=(0,a.useMemo)(()=>G.find(e=>e.model===S.model)||G.find(e=>!e.isComingSoon&&e.releaseStage?.stage!=="coming-soon"),[S.model,G]),es=(0,a.useMemo)(()=>J.find(e=>e.model===ee.model)||J[0],[ee.model,J]),ed=(0,a.useMemo)(()=>"music"!==w&&ea?"video"===w?ei.find(e=>e.model===ea)||en:"3d"===w?(0,tc.FO)("3d",ea)||en:(0,tc.FO)("image",ea)||en:en,[w,ei,ea,en]),ec=(0,a.useMemo)(()=>er?.type!=="image"?el:X.find(e=>e.model===er.model)||el,[X,er,el]),eu=(0,a.useMemo)(()=>er?.type!=="video"?es:J.find(e=>e.model===er.model)||es,[er,es,J]),em="video"===w?en:ed,{currentCreditLabel:ep,isPricingLoading:eh,isPricingReady:eg,priceDisplay:ex,pricingError:ef}=function({activeType:e,currentModel:t,imageDraft:i,threeDDraft:r,selectedImageModel:o,selectedVideoModel:n,selectedThreeDModel:l,referenceVideoDraft:s,videoDraft:d,videoType:c}){let u="music"===e?t.model:"video"===e?n?.model:"3d"===e?l?.model:o?.model,{pricingData:m,isLoading:p,error:h}=(0,tT.$)(u),g=(0,a.useMemo)(()=>m?(0,tS.e$)(m):void 0,[m]),x=(0,a.useMemo)(()=>{if("music"===e){let e=g?.baseCredit,t=g?.discount??100;return{primary:void 0===e?void 0:(0,tC.aC)(Math.floor(e*t/100),4,!1),original:void 0!==e&&t<100?(0,tC.aC)(e,4,!1):void 0,discountPercent:t<100?100-t:void 0}}if("video"===e&&n){let e="reference-to-video"===c&&!!s,i=e?s?.resolution:d.resolution,r=e?s?.duration:d.duration,a=e?s?.enableAudio:d.enableAudio,o=!!(0,tc.CX)(t)&&!!(t.capabilities.supportsImageInput||t.capabilities.multiImageMaxImages),l=e?!!s?.videoList.length:!!d.videoUrl||o&&!!(d.startFrame||d.endFrame),u=function(e){let t,{model:i,pricing:r,resolution:a,enableAudio:o,hasVideo:n}=e;if("per-second"===i.creditType||r?.billingType?.includes("per_second")){if(t=a?r?r.creditsByResolution?.[a]:i.creditsByResolution?.[a]:r?r.baseCredit:i.credit,o){let e=r?a?r.creditsByResolutionWithSound?.[a]:n?r.creditWithSoundAndReferenceVideo??r.creditWithSound:r.creditWithSound:a?i.creditsByResolutionWithSound?.[a]:i.creditWithSound;void 0!==e&&(t=e)}else if(n){let e=r?.creditWithReferenceVideo;void 0!==e&&(t=e)}return n&&i.referenceVideoCreditMultiplier&&void 0!==t&&(t*=i.referenceVideoCreditMultiplier),t??tS.Hs}}({model:n,pricing:g,resolution:i,enableAudio:a,hasVideo:l}),m=g&&g.discount<100?100-g.discount:void 0;if(void 0!==u){let e=Math.floor(u*(g?.discount??100)/100);return{primary:`${(0,tC.aC)(e,4,!1)} / s`,original:m?`${(0,tC.aC)(u,4,!1)} / s`:void 0,discountPercent:m}}let p=(0,tI.Bd)(n,{duration:r,resolution:i,enableAudio:a,hasVideo:l},g),h=g?(0,tI.Bd)(n,{duration:r,resolution:i,enableAudio:a,hasVideo:l},{...g,discount:100}):void 0;return{primary:(0,tC.aC)(p,4,!1),original:void 0!==h&&h>p?(0,tC.aC)(h,4,!1):void 0,discountPercent:m}}if("image"===e&&o){let e=(0,tA.T)(o,{generationType:i.images.length>0?"image-to-image":"text-to-image",resolution:i.resolution,quality:i.quality,ratio:i.aspectRatio,referenceImageCount:o.options.imageInput?.isSupported?i.images.length:0},g),t=g?(0,tA.T)(o,{generationType:i.images.length>0?"image-to-image":"text-to-image",resolution:i.resolution,quality:i.quality,ratio:i.aspectRatio,referenceImageCount:o.options.imageInput?.isSupported?i.images.length:0},{...g,discount:100}):void 0,r=g&&g.discount<100?100-g.discount:void 0;return{primary:(0,tC.aC)(e,4,!1),original:void 0!==t&&t>e?(0,tC.aC)(t,4,!1):void 0,discountPercent:r}}if("3d"===e&&l){let e={texture:r.texture,textureQuality:r.textureQuality,geometryQuality:r.geometryQuality,quad:r.quad},t=(0,tM.s)(l,e,g),i=g?(0,tM.s)(l,e,{...g,discount:100}):void 0,a=g&&g.discount<100?100-g.discount:void 0;return{primary:(0,tC.aC)(t,4,!1),original:void 0!==i&&i>t?(0,tC.aC)(i,4,!1):void 0,discountPercent:a}}return{primary:void 0,original:void 0,discountPercent:void 0}},[e,t,i,g,s,o,n,l,r,d,c]);return{currentCreditLabel:h||!x.primary?"--":x.primary,isPricingLoading:p,isPricingReady:("music"!==e||g?.billingType==="per_task")&&!!m&&!p&&!h&&("3d"!==e||g?.billingType===(l?.billingType??"per_3d_options")),priceDisplay:x,pricingError:h}}({activeType:w,currentModel:em,imageDraft:eo,threeDDraft:M,referenceVideoDraft:A,selectedImageModel:ec,selectedVideoModel:eu,selectedThreeDModel:Y,videoDraft:C,videoType:N}),eb=(0,a.useMemo)(()=>Object.values(H).reduce((e,t)=>

1e+t,0),[H]),ev="video"===w&&"reference-to-video"===N&&"generate-in-place"!==t&&!o&&!n||i||eb>0||"generate-in-place"===t&&!eg,ey=(0,b._C)(A.promptDoc,A.imageList,A.videoList,A.audioList),ew="3d"===w&&Y?.options.promptInput.isSupported===!1,ej="music"===w?g.prompt:function(e){let{activeType:t,videoType:i,videoPrompt:r,referenceVideoPrompt:a,imagePrompt:o,threeDPrompt:n}=e;return"video"===t?"reference-to-video"===i?a:r:"3d"===t?n:o}({activeType:w,videoType:N,videoPrompt:C.prompt,referenceVideoPrompt:ey,imagePrompt:S.prompt,threeDPrompt:ew?"":M.prompt}),eN=(function(e){let{type:t,model:i,videoDraft:r,threeDDraft:a}=e,o=[];return"3d"===t&&(0,tc.nm)(i)?(i.source.options.texture&&o.push({key:"texture",checked:a.texture}),i.source.options.pbr&&o.push({key:"pbr",checked:a.pbr,disabled:i.source.options.texture&&!a.texture}),i.source.options.autoSize&&o.push({key:"autoSize",checked:a.autoSize}),i.source.options.quad&&o.push({key:"quad",checked:a.quad})):"video"===t&&(0,tc.CX)(i)&&i.capabilities.sound&&o.push({key:"enableAudio",checked:r.enableAudio}),o})({type:w,model:em,videoDraft:"reference-to-video"===N?A:C,threeDDraft:M}).map(e=>({...e,label:"enableAudio"===e.key?s("sound"):d(`fields.${e.key}`),tip:"pbr"===e.key&&(0,tc.nm)(em)&&"meshy"===em.source.provider?d("fieldTips.meshy.pbr"):void 0})),ek="video"===w&&"image-to-video"===N&&(0,tc.CX)(em)&&em.capabilities.endFrame?{checked:C.enableEndFrame,label:s("unified-upload.slots.endFrame")}:null,eC=(0,a.useCallback)(()=>{B.current+=1,q(B.current),K({})},[]),eA=(0,a.useCallback)((e,t,i)=>{i===B.current&&K(i=>{if(t<=0){if(!(e in i))return i;let t={...i};return delete t[e],t}return i[e]===t?i:{...i,[e]:t}})},[]),eS=e=>{let t=(0,tc.FO)(w,e);if(eC(),"video"===w&&(0,tc.CX)(t)){let e={model:t.model,modelVersion:t.modelVersion,ratio:t.defaults.ratio,resolution:t.defaults.resolution,duration:t.defaults.duration,enableEndFrame:t.defaults.enableEndFrame,enableAudio:t.defaults.enableAudio,isPublic:t.defaults.isPublic};if("reference-to-video"===N){let i=Z.find(e=>e.model===t.model);P({...e,seed:-1,negativePrompt:"",...i?tL(A,i):{}})}else D(e);V(null);return}if("image"===w&&(0,tc.a2)(t)){let e=t.capabilities.multiImageMaxImages||0;_({model:t.model,modelVersion:t.modelVersion,aspectRatio:t.defaults.aspectRatio,resolution:t.defaults.resolution,quality:t.defaults.quality,isPublic:S.isPublic,images:e>0?S.images.slice(0,e):S.images})}"3d"===w&&(0,tc.nm)(t)&&E({model:t.model,modelVersion:t.modelVersion,...t.defaults,image:null,frontImage:null,leftImage:null,backImage:null,rightImage:null}),V(null)};return{musicDraft:g,updateMusicDraft:f,musicModels:v,selectedMusicModel:y,handleMusicModelChange:e=>{f({model:e.model,modelVersion:e.modelVersion}),V(null)},activeType:w,currentCreditLabel:ep,currentModel:em,endFrameControl:ek,handleGenerate:()=>{if(ev)return;if("generate-in-place"===t){r&&r();return}if(!p)return void h(!0);if(n){O(),u.push(n);return}if("video"===w&&"reference-to-video"===N&&o)return void u.push(o);let e=(0,tk.S)({type:w,musicDraft:g,videoDraft:C,imageDraft:S,threeDDraft:M,videoType:N,threeDType:k});(0,tk.B)(e),u.push(e.routePath)},handleImageModelChange:e=>{let t=(0,tc.FO)("image",e.model);t&&(0,tc.xj)(t,j)&&eS(e.model)},handleImageTypeChange:e=>{L(e);let t=X.find(e=>e.model===S.model),i=t?(0,tc.FO)("image",t.model):void 0,r=i&&(0,tc.xj)(i,e)?t:X.find(t=>{let i=(0,tc.FO)("image",t.model);return!!i&&(0,tc.xj)(i,e)}),a=r?(0,tc.FO)("image",r.model):void 0;a&&a.model!==S.model?eS(a.model):V(null)},handleThreeDModelChange:e=>{e.generationType===k&&eS(e.model)},handleThreeDTypeChange:e=>{eC(),z(e);let t=td.tdh.filter(t=>t.generationType===e&&(!l||l.includes(t.model))),i=t.find(e=>e.provider===Y?.provider)||t[0],r=i?(0,tc.FO)("3d",i.model):void 0;(0,tc.nm)(r)&&(E({model:r.model,modelVersion:r.modelVersion,...r.defaults,image:null,frontImage:null,leftImage:null,backImage:null,rightImage:null}),V(null))},handleInspireClick:()=>{let e=function(e){if("music"===e.type)return null;let t=tN[e.type];if(!t.length)return null;let i=e.lastInspireIdMap[e.type],r=t.length>1?t.filter(e=>e.id!==i):t;return r[Math.floor(Math.random()*r.length)]||null}({type:w,lastInspireIdMap:W.current});if(e){if(W.current[w]=e.id,"video"===w){if("reference-to-video"===N)return;D({prompt:e.content.slice(0,x.V),startFrame:e.imageSrc||null,endFrame:null,audioFile:null,videoUrl:null});return}_({prompt:e.content,images:e.imageSrc?[e.imageSrc]:[]})}},handlePromptChange:e=>{if(!ew){if("music"===w)return void f({prompt:e});if("video"===w)return"reference-to-video"===N?void P({prompt:e}):void D({prompt:e});if("3d"===w)return void E({prompt:e});_({prompt:e})}},handleReset:()=>{if(eC(),"music"===w){f({...tc.nB,model:g.model,modelVersion:g.modelVersion}),V(null);return}if("video"===w){if("reference-to-video"===N){P({...tc.z}),V(null);return}D({...tc.jL}

1),R("image-to-video"),V(null);return}if("3d"===w){let e=(0,tc.FO)("3d",M.model);E({...tc.Rw,...(0,tc.nm)(e)?e.defaults:{},model:M.model,modelVersion:M.modelVersion}),V(null);return}_(tc.dh),L(tc.gb),V(null)},handleTypeChange:e=>{eC(),T(e),V(null)},handleVideoModelChange:e=>{if(!tF(e,N))return;let t=(0,tc.FO)("video",e.model);if(!(0,tc.CX)(t))return;eC();let i={model:t.model,modelVersion:t.modelVersion,ratio:t.defaults.ratio,resolution:t.defaults.resolution,duration:t.defaults.duration,enableAudio:t.defaults.enableAudio,isPublic:t.defaults.isPublic};"reference-to-video"===N?P({...i,seed:-1,negativePrompt:"",...tL(A,e)}):D({...i,enableEndFrame:t.defaults.enableEndFrame}),V(null)},handleVideoTypeChange:e=>{eC(),R(e);let t=Z.find(e=>e.model===ee.model);if(t&&tF(t,e))return;let i=(t?.modelFamily?Z.find(i=>i.modelFamily===t.modelFamily&&tF(i,e)):void 0)||Z.find(t=>tF(t,e)),r=i?(0,tc.FO)("video",i.model):void 0;if(!i||!(0,tc.CX)(r))return;let a={model:r.model,modelVersion:r.modelVersion,ratio:r.defaults.ratio,resolution:r.defaults.resolution,duration:r.defaults.duration,enableAudio:r.defaults.enableAudio,isPublic:r.defaults.isPublic};"reference-to-video"===e?P({...a,seed:-1,negativePrompt:"",...tL(A,i)}):D({...a,enableEndFrame:r.defaults.enableEndFrame})},handleUploadStateChange:eA,imageDraft:eo,imageType:j,imageModels:G,isPricingLoading:eh,isPricingReady:eg,isGenerateDisabled:ev,invalidateUploads:eC,isPromptDisabled:ew,openPopover:U,priceDisplay:ex,pricingError:ef,prompt:ej,selectedImageModel:el,selectedVideoModel:eu,selectedThreeDModel:Y,setControlledPopover:e=>t=>{V(t?e:null)},switchItems:eN,t:s,tImageForm:c,uploadImageDraft:S,uploadSessionId:$,uploadModel:en,uploadReferenceVideoDraft:A,uploadThreeDDraft:M,uploadVideoDraft:C,updateImageDraft:_,updateReferenceVideoDraft:P,updateThreeDDraft:E,updateVideoDraft:D,referenceVideoDraft:A,videoDraft:C,videoModels:J,videoType:N,threeDDraft:M,threeDModels:Q,threeDType:k}}({isSubmitting:N,onGenerateInPlace:n?e.onGenerateInPlace:void 0,referenceVideoTransferRoute:w,creatorTransferRoute:j,submitStrategy:y,allowedModelNames:e.allowedModelNames,basicThreeD:e.basicThreeD}),ez=(0,a.useMemo)(()=>(0,b.D8)(ed.imageList,ed.videoList,ed.audioList),[ed.audioList,ed.imageList,ed.videoList]),eD=ed.promptDoc||(0,b.xs)(ed.prompt,ed.imageList,ed.videoList,ed.audioList),e_="video"===L?x.V:"3d"===L?em?.options.promptInput.maxLength??2e3:2e3,eE=(0,a.useRef)(0),[eU,eV]=(0,a.useState)(null);if(i){let t="video"===L?"reference-to-video"===eM?ev.imageList.length+ev.videoList.length+ev.audioList.length+(ev.referenceFiles||[]).length+(ev.referenceLinks||[]).length:[ej.startFrame,ej.endFrame,ej.audioFile,ej.videoUrl].filter(Boolean).length:"3d"===L?[ey.image,ey.frontImage,ey.leftImage,ey.backImage,ey.rightImage].filter(Boolean).length:ef.images.length,i="video"===L?"reference-to-video"===eM?ev.imageList[0]?.source||null:"video-edit"===eM?ej.videoUrl:ej.startFrame||ej.endFrame:"3d"===L?ey.image||ey.frontImage||ey.leftImage||ey.backImage||ey.rightImage:ef.images[0]||null;return(0,r.jsxs)("div",{className:"border-color-main bg-color-c1 flex h-[72px] w-full items-center gap-2 overflow-hidden rounded-full border p-3 shadow-[0_12px_40px_rgba(0,0,0,0.55)]",children:[(0,r.jsxs)("button",{type:"button",onClick:o,className:"flex min-w-0 flex-1 cursor-text items-center gap-3 text-left",children:["music"===L?(0,r.jsx)("span",{className:"bg-color-c3 flex size-12 shrink-0 items-center justify-center rounded-full",children:(0,r.jsx)(l.A,{className:"size-5 text-amber-300"})}):(0,r.jsx)(tR,{type:"video"===L&&"video-edit"===eM?"video":"image",source:i,count:t}),"video"===L&&"reference-to-video"===eM?(0,r.jsx)(eO,{value:eD,assets:ez,placeholder:eg("image-video.prompt-placeholder")}):(0,r.jsx)("span",{className:es?"text-color-t1 truncate text-[15px]":"text-color-t2 truncate text-[15px]",children:es||("music"===L?k.lyrics:"")||eg("image-video.prompt-placeholder")})]}),(0,r.jsx)("button",{type:"button",onClick:_,disabled:ee,className:"border-color-b1 bg-color-c3 text-color-main hover:bg-color-main hover:text-color-inverse-t1 flex size-11 shrink-0 items-center justify-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50","aria-label":e.submitLabel||eg("generate"),children:N||er?(0,r.jsx)(v.A,{className:"size-4"}):(0,r.jsx)(s.A,{className:"size-5"})})]})}return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"mb-3 flex w-full justify-center",children:(0,r.jsx)(ta,{value:L,onChange:B,allowedTypes:e.allowedTypes,showCanvasTab:e.showCanvasTab})}),(0,r.jsxs)("div",{className:"border-color-b1 bg-color-bg overflow-hidden rounded-xl border",children:[(0,r.jsxs)("div",{className:"bg-color-c1 flex min-h-12 items-center justify-between gap-2 px-3",children:[(0,r.jsx)(S,{musicType:I?.generationType,allowedMusicTypes:A.map(e=>e.generationType),onMusicTypeChange:e=>{let t=A.find(t=>t.generationType===e);t&&M(t)},activeType:L,imageType:Y,videoType:eM,threeDType:eR,onImageTypeChange:U,onVideoTypeChange:X,onThreeDTypeChange:$,allowedImageTypes:e.allowedImageTypes,allowedVideoTypes:e.allowedVideoTypes,allowedThreeDTypes:e.allowedThreeDTypes}),(0,r.jsxs)("button",{type:"button",onClick:K,className:"text-color-t2 hover:text-color-t1 inline-flex shrink-0 items-center gap-2 text-sm whitespace-nowrap transition-colors",children:[(0,r.jsx)(d.A,{className:"size-4"}),ex("reset")]})]}),(0,r.jsxs)("div",{className:"bg-color-bg0 flex h-[clamp(360px,calc(100dvh-200

1px),470px)] flex-col gap-2 p-3 sm:h-[400px] sm:gap-3 lg:h-[355px]",children:["music"===L&&I?(0,r.jsx)(to.A,{model:I,draft:k,onChange:C}):(0,r.jsxs)("div",{className:"flex min-h-[140px] flex-1 flex-col gap-3 sm:min-h-[190px] sm:flex-row",children:[(0,r.jsx)("div",{className:"empty:hidden sm:w-fit sm:max-w-[240px] sm:shrink-0",children:"video"===L&&"reference-to-video"===eM&&eu?(0,r.jsxs)("div",{className:(0,f.cn)("custom-scrollbar flex max-h-full w-full flex-col gap-3 overflow-y-auto pr-1",eu.options.referenceFile?.isSupported||eu.options.referenceLink?.isSupported?"sm:w-[240px]":"sm:w-fit"),children:[(0,r.jsx)(eP,{draft:ev,modelConfig:eu,uploadSessionId:ew,onUploadStateChange:G,onChange:ek}),(0,r.jsx)(Z,{draft:ev,modelConfig:eu,onChange:ek})]}):(0,r.jsx)(ty,{type:L,model:eb,videoDraft:ej,imageDraft:ef,threeDDraft:ey,uploadSessionId:ew,onUploadStateChange:G,onVideoChange:eA,onImageChange:eN,onThreeDChange:eC})}),(0,r.jsx)("div",{className:"relative flex min-h-[140px] min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-transparent sm:min-h-[190px]",children:"video"===L&&"reference-to-video"===eM?(0,r.jsx)(eY,{value:eD,assets:ez,insertMentionRequest:eU,maxLength:x.V,onChange:e=>{ek({promptDoc:e,prompt:(0,b._C)(e,ed.imageList,ed.videoList,ed.audioList)})}}):(0,r.jsx)(ts.A,{value:es,disabled:ei,maxLength:e_,onChange:H,placeholder:eg("image-video.prompt-placeholder")})})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,r.jsxs)("div",{className:"flex w-full flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center",children:["music"===L?I&&(0,r.jsx)(tl,{model:I,draft:k,open:"parameters"===eo,onOpenChange:ep("parameters"),onChange:C}):"3d"===L&&em&&!e.basicThreeD?(0,r.jsx)(e8,{model:em,draft:eF,open:"parameters"===eo,onOpenChange:ep("parameters"),onChange:eC}):(0,r.jsx)(O,{type:L,model:D,videoDraft:"reference-to-video"===eM?ed:eS,imageDraft:J,open:"parameters"===eo,onOpenChange:ep("parameters"),onVideoChange:e=>{"reference-to-video"===eM?ek(e):eA(e)},onImageChange:eN}),(0,r.jsxs)("div",{className:"w-full sm:min-w-[280px] sm:max-w-[360px]",children:["music"===L&&I&&(0,r.jsx)(tt,{models:A.filter(e=>e.generationType===I.generationType),selectedModel:I,onModelChange:M}),"image"===L&&ec?(0,r.jsx)(p.A,{models:Q,selectedModel:ec,onModelChange:E,compact:!0}):null,"video"===L&&eu?(0,r.jsx)(h.A,{models:eI,selectedModel:eu,onModelChange:W,compact:!0}):null,"3d"===L&&em?(0,r.jsx)(tt,{models:eL,selectedModel:em,onModelChange:V}):null]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[P?(0,r.jsx)(T,{checked:P.checked,label:P.label,onCheckedChange:e=>{et(),eA({enableEndFrame:e,endFrame:e?eS.endFrame:null})}}):null,eh.length>0&&!("3d"===L&&e.basicThreeD)?(0,r.jsx)(e3,{items:eh,open:"panel"===eo,onOpenChange:ep("panel"),contentClassName:"3d"===L?"w-[200px]":void 0,onToggle:(e,t)=>{if("video"===L)return(et(),"reference-to-video"===eM)?void ek({[e]:t}):void eA({[e]:t});if("3d"===L){if("texture"===e)return void eC({texture:t,pbr:!!t&&eF.pbr});("pbr"===e||"autoSize"===e||"quad"===e)&&eC({[e]:t})}}}):null,"video"===L&&"reference-to-video"===eM?(0,r.jsx)(eQ,{assets:ez,disabled:0===ez.length,onSelect:e=>{eE.current+=1,eV({asset:e,key:eE.current})}}):null,"music"!==L&&"3d"!==L&&("video"!==L||"reference-to-video"!==eM)?(0,r.jsx)(z,{onClick:q}):null]})]}),(0,r.jsxs)("button",{type:"button",onClick:_,disabled:ee,className:"bg-color-main text-color-inverse-t1 inline-flex h-9 w-full min-w-[120px] shrink-0 items-center justify-center gap-2 rounded-md px-4 text-base font-medium whitespace-nowrap transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50 sm:w-auto",children:[e.submitLabel||eg("generate"),(0,r.jsx)(c.A,{className:"size-4"}),(0,r.jsxs)("span",{className:"flex items-center gap-1.5 font-semibold",children:[N||er?(0,r.jsx)("span",{className:"flex items-center text-white/80",children:(0,r.jsx)(v.A,{className:"size-3"})}):n&&!ea?(0,r.jsx)("span",{className:"text-sm text-white/70",children:t("unavailable")}):(0,r.jsx)("span",{children:R}),N||er||n&&!ea||el||!en.original?null:(0,r.jsx)("span",{className:"text-xs text-white/70 line-through",children:en.original}),N||er||n&&!ea||el||!en.discountPercent?null:(0,r.jsxs)("span",{className:"inline-flex h-5 items-center rounded bg-color-2 px-1.5 text-xs leading-none text-[#22c55e]",children:["-",en.discountPercent,"%"]})]})]})]})]})]}),"video"===L&&"reference-to-video"===eM?(0,r.jsx)(e0,{className:"mt-2",onSelect:e=>{let t=g.find(t=>

1t.id===e);if(!t)return;et();let i=t.imageUrls.map(e=>({id:`image-${(0,u.Ak)()}`,kind:"image",source:e})),r=(0,b.xs)(t.prompt,i);ek({imageList:i,videoList:[],audioList:[],referenceFiles:[],referenceLinks:[],promptDoc:r,prompt:(0,b._C)(r,i)})}}):null]})}let tD=(0,a.forwardRef)(function(e,t){return!1===e.floating?(0,r.jsx)(tz,{...e}):(0,r.jsx)(L,{ref:t,children:({compact:t,onExpandRequest:i})=>(0,r.jsx)(tz,{...e,compact:t,onExpandRequest:i})})})},41825:(e,t,i)=>{i.d(t,{A:()=>c});var r=i(47477),a=i(13889),o=i(27044),n=i(58534),l=i(68621),s=i(42130),d=i(3646);function c({model:e,draft:t,onChange:i,stacked:u=!1}){let m=(0,a.c)("components.music-form");return(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-2.5",children:[e.options.outputFormat&&(u?(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)(n.A,{children:m("fields.outputFormat")}),(0,r.jsx)(o.A,{name:"outputFormat",options:e.options.outputFormat.map(e=>({name:e.toUpperCase(),value:e}))})]}):(0,r.jsxs)("label",{className:"text-color-t2 flex flex-col gap-2 text-sm",children:[m("fields.outputFormat"),(0,r.jsxs)(d.l6,{value:t.outputFormat,onValueChange:e=>i({outputFormat:e}),children:[(0,r.jsx)(d.bq,{className:"border-color-b1 bg-color-c3 text-color-t1 h-9 w-full rounded-md border px-3 shadow-none focus-visible:ring-0",children:(0,r.jsx)(d.yv,{})}),(0,r.jsx)(d.gC,{className:"border-color-b1 bg-color-c1 text-color-t1 rounded-lg",children:e.options.outputFormat.map(e=>(0,r.jsx)(d.eb,{value:e,children:e.toUpperCase()},e))})]})]})),e.options.vocalId&&(0,r.jsxs)("label",{className:"text-color-t2 flex min-w-48 flex-1 flex-col gap-2 text-sm",children:[u?(0,r.jsx)(n.A,{children:m("fields.vocalId")}):m("fields.vocalId"),(0,r.jsx)(s.p,{className:u?"border-color-b1 bg-color-1 rounded-lg text-sm text-[#b8b8b8] shadow-none hover:bg-color-2 focus-visible:ring-0":"border-color-b1 bg-[#000] dark:bg-[#000] text-color-t1 placeholder:text-color-t3 shadow-none focus-visible:ring-0",placeholder:m("placeholders.vocalId"),value:t.vocalId,onChange:e=>i({vocalId:e.target.value})})]})]}),e.options.styles&&(0,r.jsxs)("fieldset",{className:"text-color-t2 text-sm",children:[(0,r.jsx)("legend",{className:"mb-2",children:u?(0,r.jsx)(n.A,{children:m("fields.styles")}):m("fields.styles")}),(0,r.jsx)("div",{className:"flex flex-wrap gap-3",children:e.options.styles.map(e=>(0,r.jsxs)("label",{className:"flex items-center gap-2",children:[(0,r.jsx)(l.S,{checked:t.styles.includes(e),onCheckedChange:r=>i({styles:!0===r?[...t.styles,e]:t.styles.filter(t=>t!==e)})}),m(`styles.${e}`)]},e))})]})]})}},42206:(e,t,i)=>{i.d(t,{B:()=>h,S:()=>p});var r=i(15023),a=i(36516),o=i(40118),n=i(40127),l=i(56028),s=i(37399),d=i(13295),c=i(50810);let u={"text-to-image":"/text-to-image","image-to-image":"/image-to-image","text-to-video":"/text-to-video","image-to-video":"/image-to-video","video-edit":"/ai-media-creator","text-to-3d":"/models/tripo3d/tripo3d-h3-1-text-to-3d","image-to-3d":"/models/tripo3d/tripo3d-h3-1-image-to-3d","multiview-to-3d":"/models/tripo3d/tripo3d-h3-1-multiview-to-3d"};function m(e,t,i){return 0===e.length?t:(0,c.Z)(e,t,i?[i]:[])}function p(e){let{type:t,videoDraft:i,imageDraft:a,threeDDraft:o,imageType:n,videoType:l,threeDType:s,normalizeModelOptions:p=!1}=e;if("music"===t){let i=e.musicDraft||r.nB,a=(0,r.FO)("music",i.model);if(a?.type!=="music")throw Error("Missing music model config");return{type:t,targetType:a.source.generationType,routePath:`/models/${a.source.pageConfig.vendor}/${a.routePath}`,model:a.model,modelVersion:a.modelVersion,prompt:i.prompt,payload:{musicDraft:i}}}let h="image"===t?a:"3d"===t?o:i;if("3d"===t){let e=(0,r.FO)("3d",o.model);if(!(0,r.nm)(e))throw Error("Missing 3D model config");return{type:t,targetType:s||e.source.generationType,routePath:`/models/${e.source.pageConfig.vendor}/${e.routePath}`,model:e.model,modelVersion:e.modelVersion,prompt:e.source.options.promptInput.isSupported?o.prompt:"",payload:{topology:o.topology,targetPolycount:o.targetPolycount,remesh:o.remesh,symmetryMode:o.symmetryMode,poseMode:o.poseMode,texturePrompt:o.texturePrompt,textureImage:o.textureImage,seed:o.seed,multiviewImages:o.multiviewImages,negativePrompt:o.negativePrompt,image:o.image,frontImage:o.frontImage,leftImage:o.leftImage,backImage:o.backImage,rightImage:o.rightImage,texture:o.texture,pbr:o.pbr,textureQuality:o.textureQuality,geometryQuality:o.geometryQuality,autoSize:o.autoSize,quad:o.quad,textureAlignment:o.textureAlignment,orientation:o.orientation}}}let g="image"===t?(0,r.FO)("image",a.model):void 0,x=!("image"===t&&(0,r.a2)(g))||!!(g.capabilities.supportsImageInput||g.capabilities.multiImageMaxImages),f="video"===t?(0,r.FO)("video",i.model):void 0,b=!("video"===t&&(0,r.CX)(f))||!!(f.capabilities.supportsImageInput||f.capabilities.multiImageMaxImages),v=b?i.startFrame:null,y=b&&(0,r.CX)(f)&&f.capabilities.endFrame&&i.enableEndFrame?i.endFrame:null,w="video"===t&&(0,r.CX)(f)&&f.capabilities.videoInput?i.videoUrl:null,j=x&&"text-to-image"!==n?a.images:[],N="video"===t?{...i,startFrame:v,endFrame:y}:{...a,images:j}

1,k=(0,r.Wk)(t,N),C="video"===t&&("text-to-video"===l||"image-to-video"===l||"video-edit"===l),A=C?l:"image"===t&&n?n:(0,r.zt)(t,k),S=C?f:(0,r.Lq)(t,h.model,A);if(!S)throw Error(`Missing ${t} model config`);if("video"===t){if(!(0,r.CX)(S))throw Error("Missing video model config");if(C&&("text-to-video"===l&&!S.capabilities.supportsTextToVideo||"image-to-video"===l&&!S.capabilities.supportsImageToVideo||"video-edit"===l&&!S.capabilities.supportsVideoEdit))throw Error(`Selected video model does not support ${l}`);let e=S.capabilities.audioUrl,a=S.capabilities.sound,o=p?m(S.capabilities.ratio||[],i.ratio,S.defaults.ratio):i.ratio,n=p?m((S.capabilities.resolution||[]).map(e=>({value:e})),i.resolution,S.defaults.resolution):i.resolution,s=p?S.capabilities.durationRange?String((0,c._)(S.capabilities.durationRange,i.duration,S.defaults.duration?[S.defaults.duration]:[])):m((S.capabilities.duration||[]).map(e=>({value:e})),i.duration,S.defaults.duration):i.duration;return{type:t,targetType:A,routePath:u[A],model:S.model,modelVersion:S.modelVersion,prompt:i.prompt,payload:{ratio:o,resolution:n,duration:s,startFrame:v,endFrame:y,audioFile:e?i.audioFile:null,videoUrl:w,enableEndFrame:!!y,enableAudio:!!a&&i.enableAudio,isPublic:i.isPublic}}}if(!(0,r.a2)(S))throw Error("Missing image model config");let I=d.PoO.filter(d.fiZ).find(e=>e.model===S.model),M=I?.options.ratio?.[0]?.value||"1:1",T=I?.options.resolution?.[0]?.value||"2k",F=I?.options.quality?.[0]||"auto",L=p?m(S.capabilities.ratio||[],a.aspectRatio,M):a.aspectRatio,R=p?m((S.capabilities.resolution||[]).map(e=>({value:e})),a.resolution,T):a.resolution,z=p?m(S.capabilities.quality||[],a.quality,F):a.quality;return{type:t,targetType:A,routePath:u[A],model:S.model,modelVersion:S.modelVersion,prompt:a.prompt,payload:{aspectRatio:L,resolution:R,quality:z,images:j,isPublic:a.isPublic}}}function h(e){if(s.A.getState().setPendingTransfer(e),"video"===e.type){let t="string"==typeof e.payload.startFrame?e.payload.startFrame:null;n.A.getState().setPrompt(e.prompt||""),a.A.getState().setVideoFormImageSrc(t||null),o.A.getState().setLocalIsPublic(!!e.payload.isPublic);return}"3d"!==e.type&&"music"!==e.type&&l.A.getState().updateDefaultStore({prompt:e.prompt||"",remixImages:(e.payload.images||[]).filter(e=>"string"==typeof e)})}},43623:(e,t,i)=>{i.d(t,{A:()=>v});var r=i(47477),a=i(13889),o=i(27044),n=i(44945),l=i(58534);function s({label:e,description:t,detailPage:i=!1}){return(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[i?(0,r.jsx)(l.A,{children:e}):(0,r.jsx)("span",{className:"text-color-t2 text-sm",children:e}),(0,r.jsx)(n.A,{description:t})]})}var d=i(2193),c=i(90420),u=i(32633),m=i(47386);function p({url:e,onRemove:t,className:i=""}){let o=(0,a.c)("components.hero-form.reference-upload"),[n,l]=(0,d.useState)(!1),[s,c]=(0,d.useState)(!0);return e&&e.trim()?(0,r.jsxs)("div",{className:`group relative overflow-hidden rounded-lg ${i}`,children:[n?(0,r.jsx)("div",{className:"flex h-full min-h-[120px] w-full items-center justify-center bg-white/5 text-white/40",children:(0,r.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,r.jsx)(u.A,{className:"h-8 w-8"}),(0,r.jsx)("span",{className:"text-xs",children:o("metadataError")})]})}):(0,r.jsxs)("div",{className:"relative h-full min-h-[120px] w-full bg-white/5",children:[s&&(0,r.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,r.jsx)("div",{className:"h-6 w-6 animate-spin rounded-full border-2 border-white/20 border-t-white/60"})}),(0,r.jsx)("img",{src:e,alt:"",draggable:!1,className:"h-full w-full object-contain",onLoad:()=>c(!1),onError:()=>{l(!0),c(!1)}})]}),t&&(0,r.jsx)("button",{type:"button",onClick:t,className:"absolute top-2 right-2 rounded-full bg-black/60 p-1.5 text-white/80 opacity-100 transition-opacity sm:opacity-0 sm:group-hover:opacity-100 focus-visible:opacity-100 hover:bg-black/80 hover:text-white",title:o("deleteImage"),"aria-label":o("deleteImage"),children:(0,r.jsx)(m.A,{className:"h-4 w-4"})})]}):null}var h=i(42130);function g({value:e,onChange:t,detailPage:i=!1}){let o=(0,a.c)("components.3d-form"),n=(0,a.c)("components.hero-form.reference-upload"),[l,u]=(0,d.useState)(null),m=(0,d.useRef)(0),x=(0,c.f$)(e)?e.trim():"",f=e=>{m.current+=1,u(null),t(e)};return(0,r.jsxs)("div",{className:"flex flex-col gap-2 text-sm",children:[(0,r.jsx)(s,{label:o("fields.textureImage"),description:o("fieldTips.meshy.textureImage"),detailPage:i}),(0,r.jsx)(h.p,{className:i?"border-color-b1 bg-color-1 rounded-lg text-sm text-[#b8b8b8] shadow-none hover:bg-color-2 focus-visible:ring-0":void 0,type:"url","aria-label":o("fields.textureImage"),value:e,onCh

1ange:e=>f(e.target.value),"aria-invalid":!!(e&&l===e),onBlur:async e=>{let t=e.target.value,i=++m.current;if(!t.trim())return;let r=await (0,c.YO)(t,"image");m.current===i&&u(r?null:t)}}),e&&l===e?(0,r.jsx)("span",{className:"text-xs text-red-400",role:"alert",children:n("invalidMediaUrl")}):null,x?(0,r.jsx)(p,{url:x,onRemove:()=>f(""),className:"h-40 w-full"},x):null]})}var x=i(92531),f=i(3646),b=i(82618);function v({model:e,draft:t,onChange:i,detailPage:n=!1}){let l=(0,a.c)("components.3d-form"),d=[{key:"topology",values:e.options.topology||[]},{key:"symmetryMode",values:e.options.symmetryMode||[]},{key:"poseMode",values:["unspecified",...e.options.poseMode?.values||[]]}];return(0,r.jsxs)(r.Fragment,{children:[d.map(({key:a,values:d})=>(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)(s,{label:l(`fields.${a}`),description:l("poseMode"===a&&"image-to-3d"===e.generationType?"fieldTips.meshy.poseModeImage":`fieldTips.meshy.${a}`),detailPage:n}),n?(0,r.jsx)(o.A,{name:a,value:t[a]||"unspecified",options:d.map(e=>({name:l(`values.${e}`),value:e})),onChange:e=>i({[a]:"unspecified"===e?"":e})}):(0,r.jsxs)(f.l6,{value:t[a]||"unspecified",onValueChange:e=>i({[a]:"unspecified"===e?"":e}),children:[(0,r.jsx)(f.bq,{className:"border-color-b1 bg-color-c3 text-color-t1 h-9 w-full rounded-md border px-3 shadow-none focus-visible:ring-0",children:(0,r.jsx)(f.yv,{})}),(0,r.jsx)(f.gC,{className:"border-color-b1 bg-color-c1 text-color-t1 rounded-lg",children:d.map(e=>(0,r.jsx)(f.eb,{value:e,children:l(`values.${e}`)},e))})]})]},a)),e.options.targetPolycount&&(0,r.jsxs)("label",{className:"text-color-t2 flex flex-col gap-2 text-sm",children:[(0,r.jsx)(s,{label:l("fields.targetPolycount"),description:l("fieldTips.meshy.targetPolycount"),detailPage:n}),(0,r.jsx)(h.p,{className:n?"border-color-b1 bg-color-1 rounded-lg text-sm text-[#b8b8b8] shadow-none hover:bg-color-2 focus-visible:ring-0":void 0,type:"number",min:e.options.targetPolycount.min,max:e.options.targetPolycount.max,step:1,value:t.targetPolycount??"",onChange:e=>i({targetPolycount:""===e.target.value?void 0:Number(e.target.value)})})]}),(0,r.jsxs)("label",{className:"text-color-t2 flex items-center justify-between text-sm",children:[(0,r.jsx)(s,{label:l("fields.remesh"),description:l("fieldTips.meshy.remesh"),detailPage:n}),(0,r.jsx)(b.d,{className:n?"h-[16px] w-[28px] rounded border border-[#2a2b2f] !bg-transparent focus:ring-0 data-[state=checked]:border-color-main":void 0,thumbClassName:n?"h-3 w-3 rounded-[2px] bg-white/20 data-[state=unchecked]:translate-x-[1px] data-[state=checked]:translate-x-[12px] data-[state=checked]:!bg-color-main":void 0,checked:t.remesh??!0,onCheckedChange:e=>i({remesh:e})})]}),e.options.texturePrompt&&(n?(0,r.jsx)(x.DB,{fieldName:"texturePrompt",title:(0,r.jsx)(s,{label:l("fields.texturePrompt"),description:l("fieldTips.meshy.texturePrompt")}),maxLength:e.options.texturePrompt.maxLength}):(0,r.jsxs)("label",{className:"text-color-t2 flex flex-col gap-2 text-sm",children:[(0,r.jsx)(s,{label:l("fields.texturePrompt"),description:l("fieldTips.meshy.texturePrompt")}),(0,r.jsx)("textarea",{className:"custom-scrollbar border-color-b1 bg-color-c3 text-color-t1 min-h-24 resize-y rounded-md border p-2",maxLength:e.options.texturePrompt.maxLength,value:t.texturePrompt||"",onChange:e=>i({texturePrompt:e.target.value})})]})),e.options.textureImage&&(0,r.jsx)(g,{value:t.textureImage||"",onChange:e=>i({textureImage:e}),detailPage:n}),e.options.seed&&(0,r.jsxs)("label",{className:"text-color-t2 flex flex-col gap-2 text-sm",children:[(0,r.jsx)(s,{label:l("fields.seed"),description:l("fieldTips.meshy.seed"),detailPage:n}),(0,r.jsx)(h.p,{className:n?"border-color-b1 bg-color-1 rounded-lg text-sm text-[#b8b8b8] shadow-none hover:bg-color-2 focus-visible:ring-0":void 0,type:"number",step:1,value:t.seed??"",onChange:e=>i({seed:""===e.target.value?void 0:Number(e.target.value)})})]})]})}},44945:(e,t,i)=>{i.d(t,{A:()=>n});var r=i(47477),a=i(76601),o=i(13515);function n({description:e}){return(0,r.jsx)(o.Bc,{children:(0,r.jsxs)(o.m_,{children:[(0,r.jsx)(o.k$,{asChild:!0,children:(0,r.jsx)("button",{type:"button",className:"flex size-4 shrink-0 items-center justify-center rounded-full text-white/40 transition-colors hover:text-white/70","aria-label":e,children:(0,r.jsx)(a.A,{className:"size-3.5"})})}),(0,r.jsx)(o.ZI,{side:"top",sideOffset:6,className:"border-color-b1 bg-color-1 max-w-[240px] border text-white/70",children:e})]})})}},46020:(e,t,i)=>{i.d(t,{A:()=>

1o});var r=i(47477),a=i(63169);function o({value:e,onChange:t,maxLength:i,placeholder:n,disabled:l=!1,className:s}){return(0,r.jsxs)("div",{className:(0,a.cn)("relative flex min-h-[140px] min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-transparent sm:min-h-[190px]",s),children:[(0,r.jsx)("textarea",{value:e,disabled:l,maxLength:i,onChange:e=>t(e.target.value.slice(0,i)),placeholder:n,"aria-label":n,className:"custom-scrollbar text-color-t1 placeholder:text-color-t3 min-h-0 w-full flex-1 resize-none overflow-y-auto bg-transparent px-0 py-0 pr-24 text-[15px] leading-7 outline-none disabled:cursor-not-allowed disabled:opacity-50"}),(0,r.jsxs)("div",{className:"text-color-t3 pointer-events-none absolute right-3 bottom-3 text-sm",children:[e.length," / ",i]})]})}},47652:(e,t,i)=>{i.d(t,{A:()=>F});var r=i(47477),a=i(2193),o=i(59938),n=i(50072),l=i(78953),s=i(46687),d=i(39853),c=i(40578),u=i(57137),m=i(50242),p=i(94414),h=i(46477),g=i(13313),x=i(59410),f=i(13889),b=i(63169),v=i(44903),y=i(86226),w=i(96658),j=i(19617),N=i(3646);function k(e){return e.pageConfig.vendor||e.provider}function C(e){return e.pageConfig.vendorName||e.provider}function A(e,t){return{provider:C(e),modelName:"label"===t?e.name:e.model}}function S({type:e}){return"text"===e?(0,r.jsx)(n.A,{className:"size-4"}):"image"===e?(0,r.jsx)(l.A,{className:"size-4"}):(0,r.jsx)(s.A,{className:"size-4"})}function I({iconSrc:e,alt:t,value:i}){let a="light"===(0,v.DS)(i).background;return(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md",children:(0,r.jsx)(o.default,{src:e,alt:t,width:24,height:24,className:(0,b.cn)("overflow-hidden rounded-md object-contain",a?"size-[22px] bg-white":"h-full w-full")})})}function M({parts:e,className:t}){return(0,r.jsx)("span",{className:(0,b.cn)("min-w-0 truncate",t),children:(0,r.jsx)("span",{className:"text-white",children:e.modelName})})}function T({provider:e}){let t="light"===(0,v.DS)(e.iconValue).background;return(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md",children:(0,r.jsx)(o.default,{src:e.iconSrc,alt:"",width:24,height:24,className:(0,b.cn)("overflow-hidden rounded-md object-contain",t?"size-[22px] bg-white":"h-full w-full")})})}function F({models:e,selectedModel:t,onModelChange:i,compact:o=!1}){let n=(0,f.c)("components.image-tool-form"),s=(0,f.c)("Common"),[L,R]=(0,a.useState)(!1),[z,D]=(0,a.useState)(!1),[P,_]=(0,a.useState)("all"),[E,O]=(0,a.useState)(!1),[U,V]=(0,a.useState)("all"),[$,q]=(0,a.useState)("model"),H=(0,a.useRef)(null),[K,B]=(0,a.useState)(!1),[W,X]=(0,a.useState)(!1),G=(0,a.useMemo)(()=>{let t=new Map;return e.forEach(e=>{let i=k(e);t.has(i)||t.set(i,{value:i,label:C(e),iconSrc:(0,v.$w)(i),iconValue:i})}),Array.from(t.values())},[e]),Z=(0,a.useMemo)(()=>{let i=("all"===P?e:e.filter(e=>k(e)===P)).filter(e=>(function(e,t){if("all"===t)return!0;let i=e.supportedTypes||[e.generationType];return"text"===t?i.includes("text-to-image"):i.some(e=>"image-to-image"===e||"multi-image-to-image"===e)})(e,U));if(!t)return i;let r=k(t),a=i.find(e=>e.model===t.model);return[...a?[a]:[],...i.filter(e=>k(e)===r&&e.model!==t.model),...i.filter(e=>k(e)!==r)]},[e,P,t,U]),J=(0,v.ZI)(t.modelVersion)||(0,v.ZI)(t.model),Q=A(t,$),Y=G.find(e=>e.value===P),ee="model"===$?n("showLabels"):n("showModelNames"),et=s.has("model-release-stage.preview.label")?s("model-release-stage.preview.label"):"Preview",ei=(0,a.useCallback)(()=>{let e=H.current;if(!e)return;let t=e.scrollHeight-e.clientHeight;B(e.scrollTop>1),X(e.scrollTop<t-1)},[]),er=(0,a.useCallback)(e=>{let t=H.current;t&&t.scrollBy({top:"up"===e?-160:160,behavior:"smooth"})},[]);return(0,a.useEffect)(()=>{if(!L)return;let e=requestAnimationFrame(ei);return()=>cancelAnimationFrame(e)},[L,P,Z.length,ei]),(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[!o&&(0,r.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,r.jsx)("span",{className:"text-sm text-white",children:n("model")}),(0,r.jsxs)("button",{type:"button","aria-label":ee,title:ee,onClick:()=>q(e=>"model"===e?"label":"model"),className:"flex h-7 w-7 items-center justify-center rounded-lg bg-transparent text-white/70 transition-colors hover:bg-white/10 hover:text-white",children:[(0,r.jsx)(m.A,{className:"h-3.5 w-3.5"}),(0,r.jsx)("span",{className:"sr-only",children:ee})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)(j.AM,{open:L,onOpenChange:R,children:[(0,r.jsx)(j.Wv,{asChild:!0,children:(0,r.jsxs)(y.$,{type:"button",variant:"outline",className:(0,b.cn)("flex h-9 min-w-0 flex-1 justify-between rounded-lg px-3 text-sm text-[#b8b8b8] !shadow-none hover:text-[#b8b8b8]",o?"!border-0 !bg-color-c3 hover:!bg-color-c4":"border-color-b1 !bg-color-1 hover:!bg-color-2"),children:[(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-2.5",children:[J?(0,r.jsx)(I,{iconSrc:J,alt:t.name,value:t.modelVersion}):(0,r.jsx)("span",{className:"size-6 shrink-0"}),(0,r.jsx)(M,{parts:Q})]}),(0,r.jsx)(p.A,{className:"size-4 shrink-0 text-white/50"})]})}),(0,r.jsxs)(j.hl,{align:"start",onInteractOutside:e=>{let t=e.target;(z||E||t.closest('[data-slot="select-content"]'))&&e.preventDefault()},className:"border-color-b1 bg-color-bg w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-xl p-0 text-white",children:[(0,r.jsx)("div",{className:"border-color-b1 border-b p-2",children:(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)(N.l6,{open:z,onOpenChange:D,value:P,onValueChange:_,children:[(0,r.jsx)(N.bq,{onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:"h-9 min-w-0 flex-1 rounded-lg border border-color-b1 bg-color-1 px-3 py-3 text-sm text-[#b8b8b8] shadow-none hover:cursor-pointer hover:bg-color-2",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[Y?(0,r.jsx)(T,{provider:Y}):(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,r.jsx)(h.A,{className:"size-4"})}),(0,r.jsx)("span",{className:"truncate",children:Y?.label||n("allProviders")})]})}),(0,r.jsxs)(N.gC,{className:"flex rounded-xl border-color-b1 bg-color-1",children:[(0,r.jsx)(N.eb,{value:"all",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,r.jsx)(h.A,{className:"size-4"})}),(0,r.jsx)("span",{className:"truncate",children:n("allProviders")})]})}),G.map(e=>(0,r.jsx)(N.eb,{value:e.value,className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,r.jsx)(T,{provider:e}),(0,r.jsx)("span",{className:"truncate",children:e.label})]})},e.value))]})]}),o?(0,r.jsxs)(N.l6,{open:E,onOpenChange:O,value:U,onValueChange:e=>V(e),children:[(0,r.jsx)(N.bq,{onPointerDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),className:"h-9 w-[112px] rounded-lg border border-color-b1 bg-color-1 px-3 py-3 text-sm text-[#b8b8b8] shadow-none hover:cursor-pointer hover:bg-color-2",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,r.jsx)(S,{type:U})}),(0,r.jsx)("span",{className:"truncate",children:"all"===U?n("allTypes"):"text"===U?n("textType"):n("imageType")})]})}),(0,r.jsxs)(N.gC,{className:"flex rounded-xl border-color-b1 bg-color-1",children:[(0,r.jsx)(N.eb,{value:"all",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,r.jsx)(S,{type:"all"})}),(0,r.jsx)("span",{className:"truncate",children:n("allTypes")})]})}),(0,r.jsx)(N.eb,{value:"text",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,r.jsx)(S,{type:"text"})}),(0,r.jsx)("span",{className:"truncate",children:n("textType")})]})}),(0,r.jsx)(N.eb,{value:"image",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,r.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,r.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,r.jsx)(S,{type:"image"})}),(0,r.jsx)("span",{className:"truncate",children:n("imageType")})]})})]})]}):null]})}),(0,r.jsxs)("div",{className:"relative",children:[K&&(0,r.jsx)("button",{type:"button","aria-label":"Scroll up",onClick:()=>er("up"),className:"absolute inset-x-0 top-0 z-10 flex h-5 items-center justify-center bg-color-bg text-white/90",children:(0,r.jsx)(g.A,{className:"size-4"})}),(0,r.jsx)("div",{ref:H,onScroll:ei,className:"no-scrollbar max-h-[360px] overflow-y-auto",children:Z.map(e=>{var a;let o,s,m,p,h=(0,v.ZI)(e.modelVersion)||(0,v.ZI)(e.model),g=e.model===t.model,f=(a={seed:n("tagSeed"),ratio:n("tagRatio"),image:n("tagImage"),multiImages:e=>n("tagMultiImages",{count:e})},o=[],s=e.options.imageInput?.isSupported?e.options.imageInput.max||1:0,m=function(e){let t=e.options.resolution?.map(e=>e.value.toUpperCase())||[];if(!t.length)return null;let i=[...new Set(t)].map(e=>({raw:e,order:parseInt(e.replace(/\D/g,""),10)})).filter(e=>!Number.isNaN(e.order)).sort((e,t)=>

1e.order-t.order);return i.length?1===i.length?i[0].raw:`${i[0].raw}-${i[i.length-1].raw}`:t[0]||null}(e),p=!!e.options.ratio?.length,e.tag&&o.push({label:e.tag}),p&&o.push({icon:(0,r.jsx)(d.A,{className:"h-3.5 w-3.5"}),label:a.ratio}),e.options.seed&&o.push({icon:(0,r.jsx)(c.A,{className:"h-3.5 w-3.5"}),label:a.seed}),s>0&&o.push({icon:(0,r.jsx)(l.A,{className:"h-3.5 w-3.5"}),label:s>1?a.multiImages(s):a.image}),m&&o.push({icon:(0,r.jsx)(u.A,{className:"h-3.5 w-3.5"}),label:m}),o),y=A(e,$),j=e.releaseStage?.stage==="preview",N=e.isComingSoon||e.releaseStage?.stage==="coming-soon";return(0,r.jsxs)("button",{type:"button",disabled:N,onClick:()=>{i(e),R(!1)},className:(0,b.cn)("border-color-b1 flex w-full flex-col gap-2 border-b p-2 text-left last:border-b-0","hover:bg-white/5 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent",g&&"bg-color-main/10 hover:bg-color-main/10"),children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-2.5",children:[h?(0,r.jsx)(I,{iconSrc:h,alt:e.name,value:e.modelVersion}):(0,r.jsx)("span",{className:"size-6 shrink-0"}),(0,r.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,r.jsx)(M,{parts:y,className:"text-base font-medium"}),j&&(0,r.jsx)(w.A,{label:et,className:"shrink-0"})]})]}),(0,r.jsxs)("div",{className:"flex shrink-0 items-center gap-2",children:[N&&(0,r.jsx)(w.A,{label:n("comingSoon"),className:"shrink-0 border-amber-400/25 bg-amber-400/10 text-amber-200/90"}),(0,r.jsx)("span",{className:(0,b.cn)("flex h-5 w-5 items-center justify-center rounded-full border",g?"border-color-main bg-color-main":"border-white/25"),children:g&&(0,r.jsx)(x.A,{className:"size-3 text-white"})})]})]}),f.length>0&&(0,r.jsx)("div",{className:"flex flex-wrap gap-2",children:f.map(e=>(0,r.jsxs)("span",{className:"border-color-b1 bg-color-1 flex items-center gap-1 rounded-md border px-2 py-1 text-xs text-white/70",children:[e.icon,(0,r.jsx)("span",{children:e.label})]},e.label))})]},e.model)})}),W&&(0,r.jsx)("button",{type:"button","aria-label":"Scroll down",onClick:()=>er("down"),className:"absolute inset-x-0 bottom-0 z-10 flex h-5 items-center justify-center bg-color-bg text-white/90",children:(0,r.jsx)(p.A,{className:"size-4"})})]})]})]}),o&&(0,r.jsxs)("button",{type:"button","aria-label":ee,title:ee,onClick:()=>q(e=>"model"===e?"label":"model"),className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-color-c3 text-white/70 transition-colors hover:bg-color-c4 hover:text-white",children:[(0,r.jsx)(m.A,{className:"h-3.5 w-3.5"}),(0,r.jsx)("span",{className:"sr-only",children:ee})]})]})]})}},64310:(e,t,i)=>{i.d(t,{A:()=>s});var r=i(47477),a=i(13889),o=i(92531),n=i(46020),l=i(41825);function s({model:e,draft:t,onChange:i,stacked:d=!1}){let c=(0,a.c)("components.music-form"),u=c(e.options.lyrics?"placeholders.songStyle":"text-to-music"===e.generationType?"placeholders.backgroundMusic":"placeholders.songDescription");return(0,r.jsxs)("div",{className:d?"custom-scrollbar flex min-h-0 flex-1 flex-col gap-2.5 overflow-y-auto":"flex min-h-[140px] flex-1 flex-col gap-3 sm:min-h-[190px] sm:flex-row",children:[["lyrics","prompt"].map(a=>e.options[a]&&(d?(0,r.jsx)(o.DB,{fieldName:a,title:c(`fields.${a}`),placeholder:"lyrics"===a?c("placeholders.lyrics"):u,maxLength:e.options[a]?.maxLength},a):(0,r.jsx)(n.A,{value:t[a],maxLength:e.options[a]?.maxLength||5e3,placeholder:"lyrics"===a?c("placeholders.lyrics"):u,className:"prompt"===a&&e.options.lyrics?"rounded-none border-color-b1 border-t pt-3 sm:border-t-0 sm:border-l sm:pt-0 sm:pl-3":void 0,onChange:e=>i({[a]:e})},a))),d&&(0,r.jsx)(l.A,{model:e,draft:t,onChange:i,stacked:!0})]})}},68621:(e,t,i)=>{i.d(t,{S:()=>l});var r=i(47477);i(2193);var a=i(99988),o=i(59410),n=i(63169);function l({className:e,...t}){return(0,r.jsx)(a.bL,{"data-slot":"checkbox",className:(0,n.cn)("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:(0,r.jsx)(a.C1,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,r.jsx)(o.A,{className:"size-3.5"})})})}},70029:(e,t,i)=>{i.d(t,{AL:()=>a,CK:()=>o});var r=i(13295);function a(e,t){let i=e.supportedTypes||[e.generationType];return"image-to-image"===t?i.some(e=>"image-to-image"===e||"multi-image-to-image"===e):i.includes(t)}function o(e){let t=r.PoO.filter(r.fiZ).filter(t=>a(t,e)),i="image-to-image"===e?"gpt-image-2-edit":"gpt-image-2";return t.find(e=>e.model===i)||t[0]}},82840:(e,t,i)=>{i.d(t,{A:()=>m});var r=i(2193),a=i(21218),o=i(94704),n=i(86046),l=i(73423),s=i(56839),d=i(57791),c=i(37198);function u(e){return e.task_id||e.id}function m({mediaType:e,pageSize:t=30,enabled:i=!0,processingRefresh

1Interval:p=5e3}){let h=(0,s.A)(e=>e.auth),g=h?.access_token||"",x=(0,l.A)(e=>e.processingTasks),f=(0,l.A)(e=>e.add),b=(0,r.useCallback)((r,a)=>i&&g&&(!a||Array.isArray(a.rows)&&!(a.rows.length<t))?["history","infinite",e,t,r+1,g]:null,[g,i,e,t]),{data:v,error:y,isLoading:w,isValidating:j,mutate:N,setSize:k,size:C}=(0,d.Ay)(b,async e=>{let[,,t,i,r,o]=e;return(0,a.J)(o,{media_type:t,pageNum:r,pageSize:i})},{revalidateOnFocus:!1,revalidateFirstPage:!0,revalidateAll:!1,persistSize:!1,dedupingInterval:5e3}),A=(0,r.useMemo)(()=>{let e=new Map;return v?.forEach(t=>{Array.isArray(t?.rows)&&t.rows.forEach(t=>{let i=("processing"===t.status||"submitted"===t.status)&&(0,c.Ch)(t.create_time)?{...t,status:"failed"}:t,r=u(i);e.has(r)||e.set(r,i)})}),Array.from(e.values())},[v]),S=(0,r.useMemo)(()=>Array.from(x.values()).filter(t=>t.type===e).map(t=>({id:t.traceId,model_name:t.modelName||"",task_id:t.traceId,status:"processing",result:"",error:null,create_time:t.createTime||t.submitTime,media_type:e,credit:t.credit||0,prompt:t.prompt||"",ratio:t.ratio})),[e,x]),I=(0,r.useMemo)(()=>{let e=new Map,t=new Map(S.map(e=>[u(e),e]));return A.forEach(i=>{let r=u(i),a=t.get(r);e.set(r,a?{...a,...i,prompt:i.prompt||a.prompt,ratio:i.ratio||a.ratio,aspect_ratio:i.aspect_ratio||a.aspect_ratio,resolution:i.resolution||a.resolution,width:i.width||a.width,height:i.height||a.height}:i)}),S.forEach(t=>{let i=u(t);e.has(i)||e.set(i,t)}),Array.from(e.values()).sort((e,t)=>t.create_time-e.create_time)},[S,A]);(0,r.useEffect)(()=>{A.filter(e=>"submitted"===e.status||"processing"===e.status).forEach(t=>{let i="music"===e?n.A.getState().tasks[t.model_name]:void 0;i?.taskId===t.task_id&&"processing"!==i.status||!t.task_id||x.has(t.task_id)||f(t.task_id,e,void 0,t.model_name,{prompt:t.prompt,createTime:t.create_time,credit:t.credit,ratio:t.ratio||t.aspect_ratio||t.resolution})})},[f,e,x,A]);let M=(0,r.useCallback)(async()=>{await N(e=>e,{revalidate:(t,i)=>Array.isArray(i)&&"history"===i[0]&&"infinite"===i[1]&&i[2]===e&&1===i[4]})},[e,N]);(0,r.useEffect)(()=>{if(i&&g)return(0,o.st)(async t=>{t&&t!==e||await M()})},[g,i,e,M]);let T=I.some(e=>"submitted"===e.status||"processing"===e.status);(0,r.useEffect)(()=>{if(!i||!g||!T||p<=0)return;let e=window.setInterval(()=>{M()},p);return()=>window.clearInterval(e)},[g,i,T,p,M]);let F=v?.[0]?.total||0,L=(0,r.useMemo)(()=>new Set(A.map(e=>u(e))),[A]),R=S.filter(e=>!L.has(u(e))).length,z=v?.[v.length-1],D=!!z&&A.length<F&&(Array.isArray(z?.rows)?z.rows.length:0)>=t,P=j&&C>1&&!!v&&void 0===v?.[C-1],_=(0,r.useCallback)(async()=>{D&&!P&&await k(e=>e+1)},[D,P,k]);return{data:I,total:F+R,error:y,isLoading:w&&!v,isLoadingMore:P,isValidating:j,hasMore:D,hasProcessing:T,loadMore:_,refreshFirstPage:M,refresh:(0,r.useCallback)(async()=>{await k(1),await N()},[N,k])}}},86046:(e,t,i)=>{i.d(t,{A:()=>r});let r=(0,i(88662).vt)(e=>({tasks:{},setTask:(t,i)=>e(e=>({tasks:{...e.tasks,[t]:i}}))}))},96658:(e,t,i)=>{i.d(t,{A:()=>o});var r=i(47477),a=i(63169);function o({label:e,className:t}){return(0,r.jsx)("span",{className:(0,a.cn)("border-color-b1 bg-color-2 inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium tracking-[0.24px] text-white/70",t),children:e})}}}]);