1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3904],{9001:function(e,s,n){n.d(s,{f:function(){return l}});var r=n(77455),a=n(65258),t=n(98365),i="horizontal",o=["horizontal","vertical"],c=r.forwardRef((e,s)=>{let{decorative:n,orientation:r=i,...c}=e,l=o.includes(r)?r:i;return(0,t.jsx)(a.WV.div,{"data-orientation":l,...n?{role:"none"}:{"aria-orientation":"vertical"===l?l:void 0,role:"separator"},...c,ref:s})});c.displayName="Separator";var l=c},13904:function(e,s,n){n.r(s),n.d(s,{SceneSwapExpressionSettings:function(){return SceneSwapExpressionSettings}});var r=n(98365),a=n(99544),t=n(61892),i=n(35080),o=n(30418),c=n(26633),l=n(52793),d=n(79423),p=n(8434),x=n(80379),m=n(92939),u=n.n(m);let h=u()(()=>n.e(5380).then(n.bind(n,55380)),{loadableGenerated:{webpack:()=>[55380]},loading:()=>(0,r.jsx)("div",{className:"animate-pulse h-[300px] bg-muted rounded-md"}),ssr:!1});function SceneSwapExpressionSettings(e){var s;let{config:n,onChange:m,subscription:u}=e;if(!(null==n?void 0:n.expression_config))return null;null==u||null===(s=u.plan)||void 0===s||s.type;let handlePromptChange=e=>{(0,a.E)(n.expression_config,"Scene Swap")&&m({...n,expression_config:{...n.expression_config,prompt:e}})},handleNegativePromptChange=e=>{(0,a.E)(n.expression_config,"Scene Swap")&&m({...n,expression_config:{...n.expression_config,negative_prompt:e}})};return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between rounded-md border border-dashed border-muted-foreground/50 p-4 bg-black/30",children:[(0,r.jsx)("div",{className:"flex items-center space-x-2",children:n.expression_config.removal_mode?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.Z,{className:"h-5 w-5 text-green-500"}
1),(0,r.jsx)("span",{className:"text-sm",children:"Background will be removed and made transparent."})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.Z,{className:"h-5 w-5 text-muted-foreground"}),(0,r.jsx)("span",{className:"text-sm",children:"Looking for transparent background?"})]})}),(0,r.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,r.jsx)(t._,{htmlFor:"removal-mode",className:"cursor-pointer text-sm",children:"Enable"}),(0,r.jsx)(l.r,{id:"removal-mode",checked:!!n.expression_config.removal_mode,onCheckedChange:e=>{(0,a.E)(n.expression_config,"Scene Swap")&&m({...n,expression_config:{...n.expression_config,removal_mode:e}})}})]})]}),!n.expression_config.removal_mode&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.Z,{className:"bg-white/10"}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("div",{className:"flex items-center justify-between",children:(0,r.jsx)(t._,{})}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"For best results, describe the scene you want the subject to appear in."}),(0,r.jsx)(i.g,{value:(0,a.E)(n.expression_config,"Scene Swap")?n.expression_config.prompt:"",onChange:e=>handlePromptChange(e.target.value),placeholder:"In a futuristic cyberpunk city with neon lights and flying cars",className:"resize-none",rows:2}),n.expression_config.prompt?(0,r.jsx)(o.r,{currentPrompt:n.expression_config.prompt||"",onPromptUpdate:handlePromptChange,featureType:"scene"}):(0,r.jsxs)("div",{className:"mt-5 p-4 rounded-md bg-secondary",children:[(0,r.jsx)(t._,{className:"text-sm text-muted-foreground mb-2 block",children:"Click to try these example prompts"}),(0,r.jsx)(h,{onPromptSelect:handlePromptChange,expressionType:"Scene Swap"})]})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("div",{className:"flex items-center justify-between",children:(0,r.jsx)(t._,{children:"Negative Prompt"})}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"This is used to instruct the AI what not to include in an image or other output."}),(0,r.jsx)(i.g,{value:(0,a.E)(n.expression_config,"Scene Swap")?n.expression_config.negative_prompt:"",onChange:e=>handleNegativePromptChange(e.target.value),placeholder:"blurry, distorted, unnatural edges, artifacts, watermark, low quality, pixelated, overexposed, underexposed, incorrect lighting, shadows mismatch, unrealistic reflections, deformed, stretched, cut-off parts, inconsistent perspective, chromatic aberration, noise",className:"resize-none",rows:2})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("div",{className:"flex flex-col",children:(0,r.jsxs)("div",{className:"flex justify-between items-center",children:[(0,r.jsx)(t._,{children:"Steps"}),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:n.expression_config.steps||20})]})}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"Choose the number of steps for the scene swap."}),(0,r.jsx)(c.i,{value:[n.expression_config.steps||20],min:1,max:50,step:1,onValueChange:e=>{m({...n,expression_config:{...n.expression_config,steps:e[0]}})}})]}),(0,r.jsxs)("div",{className:"space-y-2",children:[(0,r.jsx)("div",{className:"flex flex-col",children:(0,r.jsxs)("div",{className:"flex justify-between items-center",children:[(0,r.jsx)(t._,{children:"Guidance Scale"}),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:n.expression_config.guidance_scale||5})]})}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground",children:"Choose the scale for the guidance scale."}),(0,r.jsx)(c.i,{value:[n.expression_config.guidance_scale||5],min:1,max:20,step:1,onValueChange:e=>{m({...n,expression_config:{...n.expression_config,guidance_scale:e[0]}})}})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-row gap-2 bg-secondary rounded-md p-2 my-5 align-top items-start",children:[(0,r.jsx)(x.Z,{className:"h-4 w-4 text-muted-foreground shrink-0"}),(0,r.jsx)("span",{className:"text-xs text-muted-foreground",children:"Due to an unexpected price increase from our API provider, Scene Swap will be adjusted to 20 credits per request starting June 15. This change is essential to maintain the continued operation of our service. We appreciate your understanding and support."})]})]})})}},79423:function(e,s,n){n.d(s,{Z:function(){return o}});var r=n(98365),a=n(77455),t=n(9001),i=n(2161);let o=a.forwardRef((e,s)=>{let{className:n,orientation:a="horizontal",decorative:o=!0,...c}=e;return(0,r.jsx)(t.f,{ref:s,decorative:o,orientation:a,className:(0,i.cn)("shrink-0 bg-border","horizontal"===a?"h-[1px] w-full":"h-full w-[1px]",n),...c})});o.displayName=t.f.displayName}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.