https://flaq.ai/_next/static/chunks/9194-cca8f3681adc2b26.js?dpl=v0_1_0-20260926-59b909b4

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9194],{23040:(e,s,a)=>{a.d(s,{q:()=>n});let t=[{match:["mureka"],name:"Mureka",icon:"/images/model-provider/mureka.png",whiteIcon:"/images/model-provider/mureka_white.svg",background:"dark"},{match:["meshy"],name:"Meshy",icon:"/images/model-provider/meshy_coloured.svg",whiteIcon:"/images/model-provider/meshy_white.svg"},{match:["tripo3d","tripo"],name:"Tripo3D AI",icon:"/images/model-provider/tripo3d.webp",whiteIcon:"/images/model-provider/tripo3d_white.svg"},{match:["deepseek"],name:"DeepSeek",icon:"/images/model-provider/deepseek.svg",whiteIcon:"/images/model-provider/deepseek_white.svg"},{match:["anthropic","claude"],name:"Anthropic",icon:"/images/model-provider/claude.svg",whiteIcon:"/images/model-provider/claude_white.svg"},{match:["gemini","google","nano-banana","veo"],name:"Google",icon:"/images/model-provider/google.svg",whiteIcon:"/images/model-provider/google_white.png"},{match:["grok","x-ai","xai"],name:"Grok",icon:"/images/model-provider/grok.svg",whiteIcon:"/images/model-provider/grok_white.svg",background:"light"},{match:["glm","zhipu","z-ai","z.ai","zai"],name:"GLM",icon:"/images/model-provider/glm.svg",whiteIcon:"/images/model-provider/glm_white.svg"},{match:["happyhorse","happy-horse"],name:"Happy Horse",icon:"/images/model-provider/happy_horse.svg",whiteIcon:"/images/model-provider/happy_horse_white.png"},{match:["moonshot","kimi"],name:"Kimi",icon:"/images/model-provider/kimi.webp",whiteIcon:"/images/model-provider/kimi_white.svg"},{match:["minimax"],name:"MiniMax",icon:"/images/model-provider/minimax.svg",whiteIcon:"/images/model-provider/minimax_white.svg"},{match:["kling","kuaishou"],name:"Kling",icon:"/images/model-provider/kling.svg",whiteIcon:"/images/model-provider/kling_white.png"},{match:["openai","gpt","chatgpt"],name:"OpenAI",icon:"/images/model-provider/openai.svg",whiteIcon:"/images/model-provider/openai_white.png"},{match:["pixverse"],name:"Pixverse",icon:"/images/model-provider/pixverse.svg",whiteIcon:"/images/model-provider/pixverse_white.svg"},{match:["qwen","z-image"],name:"Qwen",icon:"/images/model-provider/wan.svg",whiteIcon:"/images/model-provider/wan_white.png"},{match:["wan"],name:"Wan",icon:"/images/model-provider/wan.svg",whiteIcon:"/images/model-provider/wan_white.png"},{match:["alibaba"],name:"Alibaba",icon:"/images/model-provider/wan.svg",whiteIcon:"/images/model-provider/wan_white.png"},{match:["seedance"],name:"Seedance",icon:"/images/model-provider/bytedance.svg",whiteIcon:"/images/model-provider/bytedance_white.png"},{match:["seedream"],name:"Seedream",icon:"/images/model-provider/bytedance.svg",whiteIcon:"/images/model-provider/bytedance_white.png"},{match:["bytedance"],name:"ByteDance",icon:"/images/model-provider/bytedance.svg",whiteIcon:"/images/model-provider/bytedance_white.png"},{match:["vidu"],name:"Vidu",icon:"/images/model-provider/vidu.svg",whiteIcon:"/images/model-provider/vidu_white.svg"},{match:["flux","black-forest-labs"],name:"Black Forest Labs",icon:"/images/model-provider/flux.svg",whiteIcon:"/images/model-provider/flux_white.svg",background:"light"},{match:["flaq-ai","flaqai"],name:"Flaq AI",icon:"/images/model-provider/flaq.svg",whiteIcon:"/images/model-provider/flaq_white.svg"}];function n(e){let s=e.toLowerCase();return t.find(e=>e.match.some(e=>s.startsWith(e)))}},27876:(e,s,a)=>{a.d(s,{A:()=>F});var t=a(47477),n=a(2193),i=a(59938),r=a(50072),o=a(78953),l=a(96127),c=a(98187),d=a(46687),m=a(39853),h=a(62940),p=a(57137),u=a(74834),g=a(88030),x=a(40578),b=a(50242),v=a(94414),f=a(46477),w=a(13313),j=a(59410),N=a(13889),y=a(63169),k=a(44903),A=a(86226),I=a(19617),C=a(3646);function z(e){return e.pageConfig.vendor||e.provider}function _(e){return e.pageConfig.vendorName||e.provider}function S(e,s){return{provider:_(e),modelName:"label"===s?e.name:e.model}}function D({type:e}){return"text"===e?(0,t.jsx)(r.A,{className:"size-4"}):"image"===e?(0,t.jsx)(o.A,{className:"size-4"}):"reference"===e?(0,t.jsx)(l.A,{className:"size-4"}):"video-edit"===e?(0,t.jsx)(c.A,{className:"size-4"}):(0,t.jsx)(d.A,{className:"size-4"})}function T({iconSrc:e,alt:s,value:a}){let n="light"===(0,k.DS)(a).background;return(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md",children:(0,t.jsx)(i.default,{src:e,alt:s,width:24,height:24,className:(0,y.cn)("overflow-hidden rounded-md object-contain",n?"size-[22px] bg-white":"h-full w-full")})})}function M({parts:e,className:s}){return(0,t.jsx)("span",{className:(0,y.cn)("min-w-0 truncate",s),children:(0,t.jsx)("span",{className:"text-white",children:e.modelName})})}function $({provider:e}){let s="light"===(0,k.DS)(e.iconValue).background;return(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md",children:(0,t.jsx)(i.default,{src:e.iconSrc,alt:"",width:24,height:24,className:(0,y.cn)("overflow-hidden rounded-md object-contain",s?"size-[22px] bg-white":"h-full w-full")})})}

1function F({models:e,selectedModel:s,onModelChange:a,compact:i=!1}){let r=(0,N.c)("components.video-tool-form"),[l,d]=(0,n.useState)(!1),[V,q]=(0,n.useState)(!1),[E,U]=(0,n.useState)("all"),[O,P]=(0,n.useState)(!1),[B,R]=(0,n.useState)("all"),[L,Z]=(0,n.useState)("model"),G=(0,n.useRef)(null),[H,W]=(0,n.useState)(!1),[K,Q]=(0,n.useState)(!1),J=(0,n.useMemo)(()=>{let s=new Map;return e.forEach(e=>{let a=z(e);s.has(a)||s.set(a,{value:a,label:_(e),iconSrc:(0,k.$w)(a),iconValue:a})}),Array.from(s.values())},[e]),X=(0,n.useMemo)(()=>{let a=("all"===E?e:e.filter(e=>z(e)===E)).filter(e=>(function(e,s){if("all"===s)return!0;let a=e.supportedTypes||[e.generationType];return"text"===s?a.includes("text-to-video"):"image"===s?a.includes("image-to-video"):"reference"===s?a.includes("reference-to-video"):a.includes("video-edit")})(e,B));if(!s)return a;let t=z(s),n=a.find(e=>e.model===s.model);return[...n?[n]:[],...a.filter(e=>z(e)===t&&e.model!==s.model),...a.filter(e=>z(e)!==t)]},[e,E,s,B]),Y=(0,k.ZI)(s.modelVersion)||(0,k.ZI)(s.model),ee=S(s,L),es=J.find(e=>e.value===E),ea="model"===L?r("showLabels"):r("showModelNames"),et={all:r("allTypes"),text:r("textType"),image:r("imageType"),reference:r("referenceType"),"video-edit":r("videoEditType")},en=(0,n.useCallback)(()=>{let e=G.current;if(!e)return;let s=e.scrollHeight-e.clientHeight;W(e.scrollTop>1),Q(e.scrollTop<s-1)},[]),ei=(0,n.useCallback)(e=>{let s=G.current;s&&s.scrollBy({top:"up"===e?-160:160,behavior:"smooth"})},[]);return(0,n.useEffect)(()=>{if(!l)return;let e=requestAnimationFrame(en);return()=>cancelAnimationFrame(e)},[l,E,X.length,en]),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[!i&&(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsx)("span",{className:"text-sm text-white",children:r("model")}),(0,t.jsxs)("button",{type:"button","aria-label":ea,title:ea,onClick:()=>Z(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,t.jsx)(b.A,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"sr-only",children:ea})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)(I.AM,{open:l,onOpenChange:d,children:[(0,t.jsx)(I.Wv,{asChild:!0,children:(0,t.jsxs)(A.$,{type:"button",variant:"outline",className:(0,y.cn)("flex h-9 min-w-0 flex-1 justify-between rounded-lg px-3 text-sm text-[#b8b8b8] !shadow-none hover:text-[#b8b8b8]",i?"!border-0 !bg-color-c3 hover:!bg-color-c4":"border-color-b1 !bg-color-1 hover:!bg-color-2"),children:[(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-2.5",children:[Y?(0,t.jsx)(T,{iconSrc:Y,alt:s.name,value:s.modelVersion}):(0,t.jsx)("span",{className:"size-6 shrink-0"}),(0,t.jsx)(M,{parts:ee})]}),(0,t.jsx)(v.A,{className:"size-4 shrink-0 text-white/50"})]})}),(0,t.jsxs)(I.hl,{align:"start",onInteractOutside:e=>{let s=e.target;(V||O||s.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,t.jsx)("div",{className:"border-color-b1 border-b p-2",children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)(C.l6,{open:V,onOpenChange:q,value:E,onValueChange:U,children:[(0,t.jsx)(C.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,t.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[es?(0,t.jsx)($,{provider:es}):(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(f.A,{className:"size-4"})}),(0,t.jsx)("span",{className:"truncate",children:es?.label||r("allProviders")})]})}),(0,t.jsxs)(C.gC,{className:"flex rounded-xl border-color-b1 bg-color-1",children:[(0,t.jsx)(C.eb,{value:"all",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(f.A,{className:"size-4"})}),(0,t.jsx)("span",{className:"truncate",children:r("allProviders")})]})}),J.map(e=>(0,t.jsx)(C.eb,{value:e.value,className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)($,{provider:e}),(0,t.jsx)("span",{className:"truncate",children:e.label})]})},e.value))]})]}

1),i?(0,t.jsxs)(C.l6,{open:O,onOpenChange:P,value:B,onValueChange:e=>R(e),children:[(0,t.jsx)(C.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,t.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(D,{type:B})}),(0,t.jsx)("span",{className:"truncate",children:et[B]})]})}),(0,t.jsxs)(C.gC,{className:"flex rounded-xl border-color-b1 bg-color-1",children:[(0,t.jsx)(C.eb,{value:"all",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(D,{type:"all"})}),(0,t.jsx)("span",{className:"truncate",children:r("allTypes")})]})}),(0,t.jsx)(C.eb,{value:"text",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(D,{type:"text"})}),(0,t.jsx)("span",{className:"truncate",children:r("textType")})]})}),(0,t.jsx)(C.eb,{value:"image",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(D,{type:"image"})}),(0,t.jsx)("span",{className:"truncate",children:r("imageType")})]})}),(0,t.jsx)(C.eb,{value:"reference",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(D,{type:"reference"})}),(0,t.jsx)("span",{className:"truncate",children:r("referenceType")})]})}),(0,t.jsx)(C.eb,{value:"video-edit",className:"cursor-pointer rounded-md text-[#b8b8b8] focus:bg-color-3",children:(0,t.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:"flex size-6 shrink-0 items-center justify-center text-[#b8b8b8]",children:(0,t.jsx)(D,{type:"video-edit"})}),(0,t.jsx)("span",{className:"truncate",children:r("videoEditType")})]})})]})]}):null]})}),(0,t.jsxs)("div",{className:"relative",children:[H&&(0,t.jsx)("button",{type:"button","aria-label":"Scroll up",onClick:()=>ei("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,t.jsx)(w.A,{className:"size-4"})}),(0,t.jsx)("div",{ref:G,onScroll:en,className:"no-scrollbar max-h-[360px] overflow-y-auto",children:X.map(e=>{var n;let i,l,b,v=(0,k.ZI)(e.modelVersion)||(0,k.ZI)(e.model),f=e.model===s.model,w=(n={seed:r("tagSeed"),ratio:r("tagRatio"),image:r("tagImage"),endFrame:r("tagEndFrame"),sound:r("tagSound"),bgm:r("tagBGM"),videoEdit:r("tagVideoEdit"),duration:e=>r("tagDuration",{value:e})},i=[],l=function(e){let s=e.options.durationRange;if(s)return`${s.min}-${s.max}s`;let a=e.options.duration||[];return a.length?1===a.length?`${a[0]}s`:`${a[0]}-${a[a.length-1]}s`:null}(e),b=function(e){let s=e.options.resolution?.map(e=>e.toUpperCase())||[];if(!s.length)return null;let a=[...new Set(s)].map(e=>({raw:e,order:parseInt(e.replace(/\D/g,""),10)})).filter(e=>!Number.isNaN(e.order)).sort((e,s)=>e.order-s.order);return a.length?1===a.length?a[0].raw:`${a[0].raw}-${a[a.length-1].raw}`:s[0]||null}(e),e.options.ratio?.length&&i.push({icon:(0,t.jsx)(m.A,{className:"h-3.5 w-3.5"}),label:n.ratio}),l&&i.push({icon:(0,t.jsx)(h.A,{className:"h-3.5 w-3.5"}),label:n.duration(l)}),b&&i.push({icon:(0,t.jsx)(p.A,{className:"h-3.5 w-3.5"}),label:b}),e.options.startFrame?.isSupported&&i.push({icon:(0,t.jsx)(o.A,{className:"h-3.5 w-3.5"}),label:n.image}),e.options.endFrame?.isSupported&&i.push({icon:(0,t.jsx)(o.A,{className:"h-3.5 w-3.5"}),label:n.endFrame}),"video-edit"===e.generationType&&i.push({icon:(0,t.jsx)(c.A,{className:"h-3.5 w-3.5"}),label:n.videoEdit}),e.options.sound&&i.push({icon:(0,t.jsx)(u.A,{className:"h-3.5 w-3.5"}),label:n.sound}),e.options.bgm&&i.push({icon:(0,t.jsx)(g.A,{className:"h-3.5 w-3.5"}),label:n.bgm}),e.options.seed&&i.push({icon:(0,t.jsx)(x.A,{className:"h-3.5 w-3.5"}),label:n.seed}),i),N=S(e,L);return(0,t.jsxs)("button",{type:"button",disabled:e.disabled,onClick:()=>{a(e),d(!1)},className:(0,y.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",f&&"bg-color-main/10 hover:bg-color-main/10"),

1children:[(0,t.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-2.5",children:[v?(0,t.jsx)(T,{iconSrc:v,alt:e.name,value:e.modelVersion}):(0,t.jsx)("span",{className:"size-6 shrink-0"}),(0,t.jsx)(M,{parts:N,className:"text-base font-medium"})]}),(0,t.jsx)("span",{className:(0,y.cn)("flex h-5 w-5 shrink-0 items-center justify-center rounded-full border",f?"border-color-main bg-color-main":"border-white/25"),children:f&&(0,t.jsx)(j.A,{className:"size-3 text-white"})})]}),w.length>0&&(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:w.map(e=>(0,t.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,t.jsx)("span",{children:e.label})]},e.label))})]},e.model)})}),K&&(0,t.jsx)("button",{type:"button","aria-label":"Scroll down",onClick:()=>ei("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,t.jsx)(v.A,{className:"size-4"})})]})]})]}),i&&(0,t.jsxs)("button",{type:"button","aria-label":ea,title:ea,onClick:()=>Z(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,t.jsx)(b.A,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"sr-only",children:ea})]})]})]})}},44903:(e,s,a)=>{a.d(s,{$w:()=>r,DS:()=>n,ZI:()=>i});var t=a(23040);function n(e){let s=e.toLowerCase(),a=(0,t.q)(s);return{src:a?.icon||`/images/model-provider/${s}.svg`,background:a?.background||"dark"}}function i(e){return n(e).src}function r(e){return i(e)}},60689:(e,s,a)=>{function t(e,s,a){for(let t=0;t<a.length;t+=1)e.setUint8(s+t,a.charCodeAt(t))}async function n(e,s,a){let n=new(window.AudioContext||window.webkitAudioContext),i=await e.arrayBuffer(),r=await n.decodeAudioData(i),o=r.sampleRate,l=Math.floor(s*o),c=Math.floor(a*o)-l,d=n.createBuffer(r.numberOfChannels,c,o);for(let e=0;e<r.numberOfChannels;e+=1){let s=r.getChannelData(e),a=d.getChannelData(e);for(let e=0;e<c;e+=1)a[e]=s[l+e]}let m=function(e){let s=e.numberOfChannels,a=e.sampleRate,n=2*s,i=function(e){let s=e.numberOfChannels,a=new Float32Array(e.length*s),t=0;for(let n=0;n<e.length;n+=1)for(let i=0;i<s;i+=1)a[t]=e.getChannelData(i)[n],t+=1;return a}(e),r=2*i.length,o=44+r,l=new ArrayBuffer(o),c=new DataView(l);t(c,0,"RIFF"),c.setUint32(4,o-8,!0),t(c,8,"WAVE"),t(c,12,"fmt "),c.setUint32(16,16,!0),c.setUint16(20,1,!0),c.setUint16(22,s,!0),c.setUint32(24,a,!0),c.setUint32(28,a*n,!0),c.setUint16(32,n,!0),c.setUint16(34,16,!0),t(c,36,"data"),c.setUint32(40,r,!0);let d=44;for(let e=0;e<i.length;e+=1){let s=Math.max(-1,Math.min(1,i[e])),a=s<0?32768*s:32767*s;c.setInt16(d,+a,!0),d+=2}return new Blob([l],{type:"audio/wav"})}(d),h=e.type,p="audio/wav",u=".wav";("audio/mpeg"===h||"audio/mp3"===h)&&(p="audio/mpeg",u=".mp3");let g=e.name.replace(/\.[^/.]+$/,""),x=new File([m],`${g}_trimmed${u}`,{type:p});return n.close(),x}a.d(s,{A:()=>n})}}]);