@lucidcms/core
Version:
The core of the Lucid CMS. It's responsible for spinning up the API and serving the CMS.
2 lines • 71.1 kB
JavaScript
import{C as e,Pn as t,Pt as n,Rn as r,Rt as i,S as a,St as o,dn as s,f as c,fn as l,g as u,m as d,o as ee,r as f,u as te,un as p,y as m}from"./ErrorBlock-CuwX01Wv.js";import{A as h,B as ne,D as g,F as _,H as v,M as y,S as b,V as re,a as x,c as S,h as C,j as w,m as T,o as E,s as D,u as O,y as ie}from"./web-BWdORzMO.js";import{A as ae,F as oe,I as k,at as se,ct as ce,d as le,r as ue,u as A,v as de,vt as fe,y as j}from"./Form-Cbz3dIAq.js";import{dt as pe,ft as M,o as me,st as N}from"./publish-operations-D4J5WbXS.js";import{t as he}from"./DetailsList-DtDwf5Eb.js";var P=e=>{if(!e)return;let t=e.totalCostMinor/100;if(e.currency.toUpperCase()===`USD`)return`$${t.toFixed(2)}`;try{return new Intl.NumberFormat(void 0,{style:`currency`,currency:e.currency,minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}catch{return`${t.toFixed(2)} ${e.currency}`}},ge=r(s(),1),_e=T(`<div class="min-w-0 pt-4 md:hidden">`),F=T(`<div class="relative flex min-w-0 w-full items-start gap-2 rounded-md px-1.5 py-2 text-left text-body"><span class="ai-action-button__surface relative z-10 mt-1 flex h-4 min-w-4 items-center justify-center rounded-full border border-border bg-background-base text-primary-base"data-loading=true data-variant=subtle></span><span class=min-w-0><span class="block truncate text-xs font-semibold text-title">`),I=T(`<div class="hidden min-w-0 overflow-y-auto pr-1 md:block md:py-6"><div class="relative min-w-0"><span class="absolute top-3 bottom-3 left-3 w-px bg-border"></span><div class="relative min-w-0 space-y-1">`),ve=T(`<button type=button><span><span></span></span><span class=min-w-0><span class="block min-w-0 truncate text-xs font-semibold">`),ye=T(`<span class="mt-0.5 block truncate text-[11px] leading-4 text-unfocused">`),be=e=>{let t=w(()=>e.activeItemId??e.items[0]?.id),r=w(()=>e.items.map(e=>({value:e.id,label:e.label})));return[(()=>{var n=_e();return D(n,g(le,{get id(){return e.id},get name(){return e.id},get value(){return t()},onChange:t=>{typeof t==`string`&&e.onSelect(t)},get options(){return r()},noMargin:!0,noClear:!0,hideOptionalText:!0,get ariaLabel(){return e.ariaLabel??l()(`common.history`)},get disabled(){return e.disabled||e.loading}})),n})(),(()=>{var r=I(),i=r.firstChild.firstChild.nextSibling;return D(i,g(ie,{get each(){return e.items},children:n=>{let r=w(()=>n.id===t());return(()=>{var t=ve(),i=t.firstChild,a=i.firstChild,o=i.nextSibling,s=o.firstChild;return t.$$click=()=>e.onSelect(n.id),D(s,()=>n.label),D(o,g(b,{get when(){return n.meta},children:e=>(()=>{var t=ye();return D(t,e),t})()}),null),y(n=>{var o=(0,ge.default)(`relative flex min-w-0 w-full items-start gap-2 rounded-md px-1.5 py-2 text-left transition-colors duration-200 focus:outline-hidden focus-visible:ring-1 focus-visible:ring-primary-base disabled:cursor-not-allowed disabled:opacity-60`,{"text-title":r(),"text-body hover:text-title":!r()}),s=r(),c=e.disabled,l=(0,ge.default)(`relative z-10 mt-1 flex h-4 min-w-4 items-center justify-center rounded-full border bg-background-base transition-colors duration-200`,{"border-primary-base":r(),"border-border":!r()}),u=(0,ge.default)(`h-1.5 w-1.5 rounded-full transition-colors duration-200`,{"bg-primary-base":r(),"bg-icon-fade":!r()});return o!==n.e&&x(t,n.e=o),s!==n.t&&O(t,`aria-pressed`,n.t=s),c!==n.a&&(t.disabled=n.a=c),l!==n.o&&x(i,n.o=l),u!==n.i&&x(a,n.i=u),n},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),t})()}}),null),D(i,g(b,{get when(){return e.loading},get children(){var t=F(),r=t.firstChild,i=r.nextSibling,a=i.firstChild;return D(r,g(n,{size:8,"aria-hidden":`true`})),D(a,()=>e.loadingLabel??l()(`common.loading`)),D(i,g(b,{get when(){return e.loadingMeta},children:e=>(()=>{var t=ye();return D(t,e),t})()}),null),t}}),null),r})()]};E([`click`]);var xe=T(`<div class=min-w-0><div class="flex min-w-0 flex-wrap gap-2">`),Se=T(`<div class="absolute inset-0 z-20 flex items-center justify-center bg-background-base/70 p-6 backdrop-blur-sm"><div class="flex min-w-0 max-w-xs flex-col items-center gap-3 text-center"><span class="ai-action-button__surface flex h-11 min-w-11 items-center justify-center rounded-md border border-border text-primary-base"data-loading=true></span><div class="min-w-0 max-w-60"><p class="text-sm font-semibold text-title"></p><p class="mt-1 text-sm leading-5 text-body">`),Ce=T(`<div class="grid min-w-0 w-full items-stretch gap-0 md:grid-cols-[minmax(24rem,0.5fr)_minmax(0,1fr)]"><form class="flex min-h-130 min-w-0 flex-col gap-4 border-b border-border bg-card-base p-4 md:border-r md:border-b-0 md:p-6"><div class="rectangle-background relative flex min-h-64 min-w-0 flex-1 items-center justify-center overflow-hidden rounded-md border border-border bg-background-base"></div><div></div><div class=mt-auto></div></form><div class="dotted-background relative flex max-h-[min(86vh,820px)] min-h-130 min-w-0 flex-col self-stretch overflow-hidden px-4 md:px-6"><div class="relative min-h-0 min-w-0 flex-1"><div class="relative z-10 flex h-full min-h-0 min-w-0 flex-col gap-3 md:grid md:grid-cols-[116px_minmax(0,1fr)] md:gap-4"><div class="min-h-0 min-w-0 flex-1 space-y-3 overflow-y-auto pt-0 pr-1 pb-0 md:py-6"><div class="min-w-0 space-y-3"></div></div></div></div><div class="relative z-10 -mx-4 flex shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border bg-card-base/95 p-6 backdrop-blur-sm md:-mx-6"><div class="min-w-0 flex-1"></div><div class="flex shrink-0 items-center gap-3">`),we=T(`<div class="relative z-10 flex h-full items-center justify-center px-4 text-center text-sm text-body">`),Te=T(`<img alt class="relative z-10 h-full max-h-80 w-full object-contain p-2">`),L=T(`<span class="text-xs text-unfocused">`),Ee=T(`<div class="mt-3 min-w-0 rounded-md border border-error-base/30 bg-error-base/10 p-3"><p class="text-sm text-error-base">`),De=T(`<button type=button class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-icon-fade transition-colors duration-200 hover:bg-input-base hover:text-title focus-visible:ring-1 focus-visible:ring-primary-base">`),Oe=T(`<div class="min-w-0 overflow-hidden rounded-lg border border-border bg-background-base"><div class="flex min-w-0 items-center justify-between gap-3 border-b border-border px-3 py-2.5"><label class="min-w-0 truncate text-sm font-medium text-body"></label></div><div class=p-3>`),ke=T(`<p class="text-xs text-body">`),R=`current-alt`,Ae=e=>{let[t,r]=_(``);function o(e){return l()(`ai.media.alt.generate.response.item.label`,{count:e+1})}let s=w(()=>e.selectedGenerationId===void 0||e.selectedGenerationId===R),c=w(()=>e.currentAlt??{}),u=w(()=>e.generations.find(t=>t.id===e.selectedGenerationId)),d=w(()=>s()?c():u()?.output??c()),ee=w(()=>s()?R:u()?.id),te=w(()=>e.locales.filter(t=>e.selectedLocales.includes(t.code))),p=w(()=>e.generations.length>0),m=w(()=>{let t=e.generations[0];if(!t)return;let n=t.cost.currency;return P({currency:n,totalCostMinor:e.generations.filter(e=>e.cost.currency===n).reduce((e,t)=>e+t.cost.totalCostMinor,0)})}),ne=(e,t)=>e.output[t]!==e.originalOutput[t],v=t=>e.locales.filter(e=>t[e.code]).length,re=e=>`${e.name??e.code} · ${e.code}`,x=w(()=>[{id:R,label:l()(`ai.media.alt.generate.history.current`),meta:l()(`ai.media.alt.generate.response.locale.count`,{count:v(c()),total:e.locales.length})},...e.generations.map((t,n)=>({id:t.id,label:o(n),meta:P(t.cost)??l()(`ai.media.alt.generate.response.locale.count`,{count:v(t.output),total:e.locales.length})}))]),C=t=>{!t&&e.state.open&&e.callbacks.onClose(),e.state.setOpen(t)},T=n=>{if(n?.preventDefault(),e.selectedLocales.length===0)return;let r=t().trim();e.callbacks.onGenerate({instruction:r||void 0,localeCodes:e.selectedLocales})};return h(()=>{e.state.open&&r(``)}),g(de,{get state(){return{open:e.state.open,setOpen:C}},options:{size:`large`,noPadding:!0},get children(){var o=Ce(),c=o.firstChild,h=c.firstChild,_=h.nextSibling,v=_.nextSibling,E=c.nextSibling.firstChild,ae=E.firstChild,oe=ae.firstChild,k=oe.firstChild,le=E.nextSibling.firstChild,A=le.nextSibling;return c.addEventListener(`submit`,T),D(h,g(b,{get when(){return e.imageUrl},get fallback(){return(()=>{var e=we();return D(e,()=>l()(`ai.media.alt.generate.preview.empty`)),e})()},children:e=>(()=>{var t=Te();return y(()=>O(t,`src`,e())),t})()})),D(c,g(b,{get when(){return e.locales.length>1},get children(){var t=xe(),n=t.firstChild;return D(t,g(ce,{id:`ai-media-alt-generation-locales`,get label(){return l()(`ai.media.alt.generate.locales.label`)},theme:`basic`,hideOptionalText:!0,get rightSlot(){return(()=>{var t=L();return D(t,()=>l()(`ai.media.alt.generate.locales.selected`,{count:e.selectedLocales.length})),t})()}}),n),D(n,g(ie,{get each(){return e.locales},children:t=>{let n=w(()=>e.selectedLocales.includes(t.code));return g(se,{as:`button`,get theme(){return n()?`primary-opaque`:`outline`},get"aria-pressed"(){return n()},get disabled(){return e.isLoading||e.isApplying},onClick:()=>e.callbacks.onToggleLocale(t.code),get children(){return t.name??t.code}})}})),t}}),_),D(_,g(ue,{id:`ai-media-alt-generation-instruction`,name:`ai-media-alt-generation-instruction`,get value(){return t()},onChange:r,onKeyUp:e=>{(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&T()},get copy(){return{label:l()(`ai.media.alt.generate.direction.label`),placeholder:l()(`ai.media.alt.generate.instruction.placeholder`)}},rows:5}),null),D(_,g(b,{get when(){return e.error},children:e=>(()=>{var t=Ee(),n=t.firstChild;return D(n,e),t})()}),null),D(v,g(f,{type:`submit`,theme:`secondary`,size:`medium`,classes:`w-full min-w-0! gap-2`,get loading(){return e.isLoading},get disabled(){return e.selectedLocales.length===0||e.isLoading||e.isApplying},get children(){return[g(i,{size:12,"aria-hidden":`true`}),S(()=>l()(`ai.media.alt.generate.modal.generate`))]}})),D(ae,g(be,{id:`ai-media-alt-generation-history`,get items(){return x()},get activeItemId(){return e.selectedGenerationId},get onSelect(){return e.callbacks.onSelect},get loading(){return e.isLoading},get loadingLabel(){return l()(`ai.media.alt.generate.history.generating`)},get loadingMeta(){return l()(`ai.media.alt.generate.history.generating.meta`)}}),oe),D(k,g(ie,{get each(){return te()},children:t=>{let n=w(()=>{if(!s())return u()}),r=w(()=>{let e=n();return e?ne(e,t.code):!1}),i=w(()=>d()[t.code]??``),o=w(()=>`ai-media-alt-generation-${e.selectedGenerationId??R}-${t.code}`);return(()=>{var s=Oe(),c=s.firstChild,u=c.firstChild,d=c.nextSibling;return D(u,()=>re(t)),D(c,g(b,{get when(){return r()},get children(){var r=De();return r.$$click=()=>{let r=n();r&&e.callbacks.onRevert(r.id,t.code)},D(r,g(a,{size:11,"aria-hidden":`true`})),y(e=>{var t=l()(`ai.media.alt.generate.response.revert`),n=l()(`ai.media.alt.generate.response.revert`);return t!==e.e&&O(r,`title`,e.e=t),n!==e.t&&O(r,`aria-label`,e.t=n),e},{e:void 0,t:void 0}),r}}),null),D(d,g(ue,{get id(){return o()},get name(){return o()},get value(){return i()},onChange:n=>{let r=ee();r&&e.callbacks.onEdit(r,t.code,n)},onBlur:()=>{let t=ee();t&&e.callbacks.onSelect(t)},rows:2,noMargin:!0,hideOptionalText:!0})),y(()=>O(u,`for`,o())),s})()}})),D(E,g(b,{get when(){return e.isLoading},get children(){var e=Se(),t=e.firstChild.firstChild,r=t.nextSibling.firstChild,i=r.nextSibling;return D(t,g(n,{size:16,"aria-hidden":`true`})),D(r,()=>l()(`ai.media.alt.generate.loading`)),D(i,()=>l()(`ai.media.alt.generate.response.generating.description`)),e}}),null),D(le,g(b,{get when(){return m()},children:e=>(()=>{var t=ke();return D(t,()=>l()(`ai.media.image.generate.cost.total`,{cost:e()})),t})()})),D(A,g(f,{type:`button`,theme:`border-outline`,size:`medium`,onClick:()=>C(!1),get children(){return l()(`common.cancel`)}}),null),D(A,g(b,{get when(){return p()||s()},get children(){return g(f,{type:`button`,theme:`primary`,size:`medium`,onClick:()=>{e.callbacks.onAccept()},get disabled(){return e.selectedLocales.length===0||e.isLoading||e.isApplying},get children(){return l()(`ai.media.alt.generate.modal.accept`)}})}}),null),o}})},je=()=>{let[e,t]=_({}),[n,r]=_([]),[i,a]=_(),[o,s]=_([]),[c,d]=_(),[f,p]=_(),ne=0,y,x=ee.ai.useMediaAltGenerate(),S=w(()=>te.get.isAiFeatureEnabled(`altGeneration`)),C=w(()=>M.getModal(`mediaAltGeneration`)),T=w(()=>C()?.data.target),E=w(()=>C()?.data.targetId),D=w(()=>C()!==void 0),O=w(()=>x.action.isPending),ie=w(()=>f()??x.errors()?.message),ae=w(()=>n().find(e=>e.id===i())),oe=w(()=>i()===void 0||i()===R),k=w(()=>oe()?e():ae()?.output??e());function se(e){if(!e)return;let t=e.reduce((e,t)=>(!t.localeCode||!t.value||(e[t.localeCode]=t.value),e),{});return Object.keys(t).length>0?t:void 0}function ce(e){let t=Object.entries(e).reduce((e,[t,n])=>(n&&(e[t]=n),e),{});return Object.keys(t).length>0?t:void 0}function le(e){let t=se(e.media().alt)??{};for(let n of e.locales())t[n.code]??=``;return t}function ue(e,t,n){let r=e.media().alt??[],i=new Set(n);return(e.locales().length>0?e.locales().map(e=>e.code):Object.keys(t)).map(e=>{let n=r.find(t=>t.localeCode===e);return{localeCode:e,value:i.has(e)?t[e]??n?.value??null:n?.value??null}})}let A=()=>{y?.abort(),y=void 0},de=()=>{t({}),r([]),a(void 0),s([]),p(void 0),x.reset(),M.setLoading(!1),M.setApplying(!1)},fe=e=>{e||(A(),de(),M.close())},j=async(e={},t=T(),i=E(),s=e.localeCodes??o())=>{let c=t?.image();if(!(!t||!c||!i||s.length===0))try{A(),y=new AbortController,p(void 0),x.reset(),M.setLoading(!0);let o=await pe(c,{signal:y.signal}),l=t.media(),u=await x.action.mutateAsync({signal:y.signal,shouldToast:()=>M.isOpen(`mediaAltGeneration`),body:{instruction:e.instruction,previousResponses:n().map(e=>({instruction:e.instruction,output:e.output})),image:{data:o.data,mimeType:o.mimeType,detail:`low`,filename:o.filename},media:{id:l.id,name:se(l.name),alt:ce(k())},locale:{source:N(t.locales()),target:s}}});if(!D()||E()!==i)return;let d=`${Date.now()}-${ne}`;ne+=1,r(t=>[...t,{id:d,instruction:e.instruction,output:{...u.data.output},originalOutput:{...u.data.output},cost:u.data.usage.cost}]),a(d)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`||e instanceof u||!D())return;let t=e instanceof Error?e.message:l()(`toasts.ai.media.alt.generate.error.message`);p(t),m({title:l()(`toasts.ai.media.alt.generate.error.title`),message:t,status:`error`})}finally{E()===i&&M.setLoading(!1)}},me=async()=>{let e=T(),t=o();if(!(!e||t.length===0))try{M.setApplying(!0),await e.setAlt(ue(e,k(),t)),fe(!1)}finally{M.setApplying(!1)}},he=(e,n,i)=>{if(e===R){t(e=>({...e,[n]:i}));return}r(t=>t.map(t=>t.id===e?{...t,output:{...t.output,[n]:i}}:t))},P=(e,t)=>{r(n=>n.map(n=>n.id===e?{...n,output:{...n.output,[t]:n.originalOutput[t]??``}}:n))},ge=e=>{if(O()||M.get.isApplying)return;let t=o();if(t.includes(e)){if(t.length===1)return;s(t.filter(t=>t!==e));return}s([...t,e])};return h(()=>{!S()&&D()&&fe(!1)}),h(()=>{let e=T()?.image();if(e?.file){let t=URL.createObjectURL(e.file);d(t),v(()=>URL.revokeObjectURL(t));return}d(e?.url??void 0)}),h(re(E,e=>{let n=T();if(!e||!n)return;de();let r=n.locales().map(e=>e.code);t(le(n)),s(r),a(R);let i=se(n.media().alt);i&&Object.keys(i).length>0||j({},n,e,r)})),v(()=>{A(),M.reset()}),g(b,{get when(){return S()},get children(){return g(Ae,{get state(){return{open:D(),setOpen:fe}},get imageUrl(){return c()},get locales(){return T()?.locales()??[]},get selectedLocales(){return o()},get currentAlt(){return e()},get generations(){return n()},get selectedGenerationId(){return i()},get error(){return ie()},get isLoading(){return O()},get isApplying(){return M.get.isApplying},callbacks:{onGenerate:j,onAccept:me,onClose:()=>{A(),de()},onSelect:a,onToggleLocale:ge,onEdit:he,onRevert:P}})}})};E([`click`]);function Me(e){let t=!1,n,r,i,a=()=>{r&&=(clearTimeout(r),void 0)},o=()=>{if(!t&&n===void 0&&!r&&!i)return;let o=n;t=!1,n=void 0,a(),i?.abort(),i=void 0,e.onStop?.(o)},s=async a=>{if(!t)return;let c=new AbortController;i=c;try{let i=await e.poll(a,c.signal);if(!t||c.signal.aborted)return;if(i.type===`complete`){o();return}n=i.item,e.onContinue?.(i.item),r=setTimeout(()=>{r=void 0,s(i.item)},i.delay)}catch(t){if(t instanceof DOMException&&t.name===`AbortError`)return;e.onError?.(t,a),o()}finally{i===c&&(i=void 0)}};return v(o),{start:(i,a=0)=>{o(),t=!0,n=i,e.onStart?.(i),r=setTimeout(()=>{r=void 0,s(i)},a)},stop:o,isActive:()=>t,getActiveItem:()=>n}}var Ne=e=>c({url:`/lucid/api/v1/ai/media-image/${e.requestId}`,csrf:!0,config:{method:`POST`,signal:e.signal}}),Pe=[{value:`custom`,label:`ai.media.image.generate.resolution.option.custom`},{value:`1024x1024`,label:`ai.media.image.generate.size.option.square`,width:1024,height:1024},{value:`1536x1024`,label:`ai.media.image.generate.size.option.landscape`,width:1536,height:1024},{value:`1024x1536`,label:`ai.media.image.generate.size.option.portrait`,width:1024,height:1536},{value:`2048x1152`,label:`ai.media.image.generate.size.option.wide`,width:2048,height:1152},{value:`2048x2048`,label:`ai.media.image.generate.size.option.square.large`,width:2048,height:2048},{value:`3840x2160`,label:`ai.media.image.generate.size.option.large.wide`,width:3840,height:2160},{value:`2160x3840`,label:`ai.media.image.generate.size.option.large.portrait`,width:2160,height:3840},{value:`auto`,label:`ai.media.image.generate.size.option.auto`}],z=[{key:`natural`,label:`ai.media.image.generate.guidance.option.natural`,instruction:`ai.media.image.generate.guidance.instruction.natural`},{key:`lifestyle`,label:`ai.media.image.generate.guidance.option.lifestyle`,instruction:`ai.media.image.generate.guidance.instruction.lifestyle`},{key:`product`,label:`ai.media.image.generate.guidance.option.product`,instruction:`ai.media.image.generate.guidance.instruction.product`},{key:`illustration`,label:`ai.media.image.generate.guidance.option.illustration`,instruction:`ai.media.image.generate.guidance.instruction.illustration`},{key:`cinematic`,label:`ai.media.image.generate.guidance.option.cinematic`,instruction:`ai.media.image.generate.guidance.instruction.cinematic`}],Fe=`lucid-ai-media-image-generation`,Ie=3600*1e3,Le=2e4,Re=1e4;function ze(e){let t=e.extension||e.outputFormat||`webp`;return`${e.id}.${t.replace(/^\./,``)}`}function Be(e){return e?`${Fe}-${e}`:void 0}function Ve(e){if(!e||typeof e!=`object`)return!1;let t=e,n=typeof t.size==`string`||Array.isArray(t.size)&&t.size.length===2&&t.size.every(e=>typeof e==`number`);return typeof t.id==`string`&&typeof t.requestId==`string`&&typeof t.idempotencyKey==`string`&&typeof t.targetId==`string`&&typeof t.sourceLabel==`string`&&typeof t.instruction==`string`&&(t.guidance===void 0||typeof t.guidance==`string`)&&Array.isArray(t.previousInstructions)&&t.previousInstructions.every(e=>typeof e==`string`)&&typeof t.includeInPreviousInstructions==`boolean`&&n&&typeof t.quality==`string`&&typeof t.outputFormat==`string`&&typeof t.status==`string`&&typeof t.createdAt==`number`&&typeof t.expiresAt==`number`}function He(e){let t=Be(e);if(t)try{let e=sessionStorage.getItem(t);if(!e)return;let n=JSON.parse(e);if(!Ve(n)||n.expiresAt<=Date.now()){sessionStorage.removeItem(t);return}return{...n,storageKey:t}}catch{sessionStorage.removeItem(t);return}}function Ue(e){try{let t={id:e.id,requestId:e.requestId,idempotencyKey:e.idempotencyKey,targetId:e.targetId,instruction:e.instruction,guidance:e.guidance,sourceLabel:e.sourceLabel,previousInstructions:e.previousInstructions,includeInPreviousInstructions:e.includeInPreviousInstructions,size:e.size,quality:e.quality,outputFormat:e.outputFormat,status:e.status,createdAt:e.createdAt,expiresAt:e.createdAt+Ie};sessionStorage.setItem(e.storageKey,JSON.stringify(t))}catch{return}}function We(e,t){let n=e?.storageKey??Be(t);if(n)try{sessionStorage.removeItem(n)}catch{return}}var Ge=T(`<div class="grid min-w-0 w-full items-stretch gap-0 lg:grid-cols-[minmax(27rem,0.72fr)_minmax(0,1fr)]"><div class="flex min-h-130 min-w-0 w-full flex-col gap-4 border-b border-border bg-card-base p-4 md:p-6 lg:border-r lg:border-b-0"><div class=min-w-0><div class="mb-1.5 flex items-center justify-between gap-2"><span class="text-sm text-body"></span></div><input type=file accept=image/* class=hidden></div><div class="grid min-w-0 grid-cols-[minmax(0,1fr)_minmax(78px,0.32fr)_minmax(78px,0.32fr)] gap-3"></div><div class="grid min-w-0 gap-3 sm:grid-cols-2"></div><div class=min-w-0><div class="flex min-w-0 flex-wrap gap-2"></div></div><form class=min-w-0><div class=mt-4></div></form></div><div class="dotted-background relative flex max-h-[min(86vh,820px)] min-h-130 min-w-0 flex-col self-stretch overflow-hidden px-4 md:px-6"><div class="relative min-h-0 min-w-0 flex-1"><div><div class="min-h-0 min-w-0 flex-1 space-y-3 overflow-y-auto pt-0 pr-1 pb-0 md:py-6"></div></div></div><div class="relative z-10 -mx-4 flex shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border bg-card-base/95 p-6 backdrop-blur-sm md:-mx-6"><div class="min-w-0 flex-1"></div><div class="flex shrink-0 items-center gap-3">`),Ke=T(`<div class="grid min-h-20.5 min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 rounded-md border border-dashed border-border bg-background-base p-2"><p class="min-w-0 ml-2 truncate text-sm text-body"></p><div class="flex items-center gap-1">`),qe=T(`<div class="grid min-w-0 grid-cols-[80px_minmax(0,1fr)_auto] items-center gap-3 rounded-md border border-border bg-input-base p-2"><div class="rectangle-background flex h-16 min-w-0 items-center justify-center overflow-hidden rounded-sm border border-border bg-background-base"></div><div class=min-w-0><p class="truncate text-sm font-medium text-title"></p><p class="mt-1 text-xs text-body"></p></div><div class="flex items-center gap-1">`),Je=T(`<img alt class="relative z-10 h-full w-full object-contain">`),Ye=T(`<p class="mb-1 text-sm font-semibold text-title">`),Xe=T(`<p class="text-sm text-card-contrast">`),Ze=T(`<div class="mt-3 min-w-0 rounded-md border border-error-base/30 bg-error-base/10 p-3"><p class="text-sm text-error-base">`),Qe=T(`<div class="min-w-0 space-y-3"><div class="rectangle-background relative flex min-h-72 w-full items-center justify-center overflow-hidden rounded-md border border-border bg-card-base"><img alt class="relative z-10 h-full max-h-96 w-full object-contain p-4"></div><div class=space-y-3><div class="min-w-0 rounded-lg border border-border bg-background-base p-3"></div><div class="flex min-w-0 flex-wrap gap-2">`),$e=T(`<div class="min-w-0 rounded-lg border border-border bg-background-base p-3"><p class="line-clamp-3 text-sm leading-5 text-body">`),B=T(`<div class="min-w-0 space-y-3"><div class="rectangle-background relative flex min-h-72 w-full items-center justify-center overflow-hidden rounded-md border border-border bg-card-base"><span class="skeleton absolute inset-0 z-10 opacity-80"></span><div class="relative z-20 flex min-w-0 max-w-xs flex-col items-center gap-2 px-4 text-center"><span class="ai-action-button__surface flex h-8 min-w-8 items-center justify-center rounded-md border border-border text-primary-base"></span><div class="min-w-0 max-w-60"><p class="text-xs font-medium text-unfocused"></p></div></div></div><div class=space-y-3><div class="min-w-0 rounded-lg border border-border bg-background-base p-3">`),et=T(`<div class="flex min-w-0 flex-wrap gap-2">`),tt=T(`<p class="text-xs text-body">`),nt=()=>{let r=t(),[s,c]=_([]),[T,E]=_(),[A,j]=_(),[me,N]=_(),[ge,_e]=_(),[F,I]=_(),[ve,ye]=_(),[xe,Se]=_(),[Ce,we]=_(),[Te,L]=_(),[Ee,De]=_(``),[Oe,ke]=_(),[R,Ae]=_(`1024x1024`),[je,Fe]=_(`1024`),[Ie,Ve]=_(`1024`),[nt,rt]=_(`medium`),[it,at]=_(`webp`),[ot,st]=_(crypto.randomUUID()),ct,lt,ut=0,V,dt=Me({poll:an,onStart:e=>{_e(e.requestId),M.setLoading(!0)},onContinue:e=>{j(e),Ue(e)},onStop:()=>{_e(void 0),M.setLoading(!1)},onError:on}),H=ee.ai.useMediaImageGenerate(),U=w(()=>te.get.isAiFeatureEnabled(`imageGeneration`)),W=w(()=>M.getModal(`mediaImageGeneration`)),ft=w(()=>W()?.data.target),pt=w(()=>W()?.data.targetId),mt=w(()=>W()!==void 0),ht=w(()=>ge()!==void 0),G=w(()=>H.action.isPending||ht()||T()!==void 0),gt=w(()=>A()!==void 0||T()!==void 0),_t=w(()=>Te()??H.errors()?.message),vt=w(()=>k(oe(`generation`,H.errors))),yt=w(()=>oe(`instruction`,H.errors)),bt=e=>vt()?.[e],xt=w(()=>s().find(e=>e.id===F())),St=w(()=>{let e=A();return e?.id===F()?e:void 0}),Ct=w(()=>{let e=T();return e?.id===F()?e:St()}),wt=w(()=>{let e=St();return e!==void 0&&e.id===me()}),Tt=w(()=>{if(wt())return St()}),Et=w(()=>Ee().trim().length>0),Dt=w(()=>!gt()&&(Et()||Oe()!==void 0&&ve()!==void 0)),Ot=w(()=>R()===`custom`),kt=w(()=>Ot()?[Number(je()),Number(Ie())]:R()),At=w(()=>{let e=s().map((e,t)=>({id:e.id,label:Mt(t),meta:P(e.cost)??Pt(e)})),t=T();if(t)return[...e,{id:t.id,label:Q(t.id,e.length),meta:l()(`ai.media.image.generate.history.generating.meta`)}];let n=A();return n?[...e,{id:n.id,label:Q(n.id,e.length),meta:ht()?l()(`ai.media.image.generate.history.generating.meta`):l()(`ai.media.image.generate.response.inflight.title`)}]:e}),K=w(()=>{let e=s()[0];if(!e)return;let t=e.cost.currency;return P({currency:t,totalCostMinor:s().filter(e=>e.cost.currency===t).reduce((e,t)=>e+t.cost.totalCostMinor,0)})});function q(e){return e===`image/webp`||e===`image/png`||e===`image/jpeg`?e:`image/webp`}function J(e){if(!(!e?.file&&!e?.url))return{id:`target-source`,type:`target`,label:e.filename??e.file?.name??l()(`ai.media.image.generate.source.current`),image:e}}function jt(e){return l()(`ai.media.image.generate.source.generation.label`,{id:e.id.replace(`generation-`,``)})}function Y(){return`generation-${ut+1}`}function X(e){let t=Number(e.replace(`generation-`,``));Number.isFinite(t)&&t>ut&&(ut=t)}function Z(e){return e?e.label:l()(`ai.media.image.generate.source.none`)}function Mt(e){return l()(`ai.media.image.generate.response.item.label`,{count:e+1})}function Q(e,t){let n=Number(e.replace(`generation-`,``));return Mt(Number.isFinite(n)&&n>0?n-1:t)}function Nt(e){let t=z.find(t=>t.key===e);return t?l()(t.label):void 0}function $(e){return e.instruction||Nt(e.guidance)||``}function Pt(e){return[e.output.size,e.output.quality,d.bytesToSize(e.output.byteSize),Lt(e.output.outputFormat)].filter(Boolean).join(` · `)}function Ft(e){return Array.isArray(e)?`${e[0]}x${e[1]}`:e}function It(e){switch(e){case`medium`:return l()(`ai.media.image.generate.quality.option.medium`);case`low`:return l()(`ai.media.image.generate.quality.option.low`);case`high`:return l()(`ai.media.image.generate.quality.option.high`);case`auto`:return l()(`ai.media.image.generate.quality.option.auto`);default:return e}}function Lt(e){switch(e){case`webp`:return l()(`ai.media.image.generate.format.option.webp`);case`png`:return l()(`ai.media.image.generate.format.option.png`);case`jpeg`:return l()(`ai.media.image.generate.format.option.jpeg`);default:return e}}function Rt(e){return[{label:l()(`ai.media.image.generate.source.label`),value:e.sourceLabel,wrap:!0},{label:l()(`ai.media.image.generate.resolution.label`),value:Ft(e.size)},{label:l()(`ai.media.image.generate.quality.label`),value:It(e.quality)},{label:l()(`ai.media.image.generate.format.label`),value:Lt(e.outputFormat)}]}function zt(e){let t=P(e.cost);return[{label:l()(`ai.media.image.generate.source.label`),value:e.sourceLabel,wrap:!0},{label:l()(`ai.media.image.generate.resolution.label`),value:e.output.size},{label:l()(`ai.media.image.generate.quality.label`),value:It(e.output.quality)},{label:l()(`ai.media.image.generate.format.label`),value:Lt(e.output.outputFormat)},{label:l()(`ai.media.image.generate.response.size`),value:d.bytesToSize(e.output.byteSize)},{label:l()(`ai.media.image.generate.cost.label`),value:t,show:t!==void 0}]}function Bt(){return crypto.randomUUID()}function Vt(){st(Bt())}function Ht(e){return`output`in e&&`usage`in e}function Ut(e){return Date.now()-e.createdAt>=6e4?Re:Le}function Wt(e){Ae(e);let t=Pe.find(t=>t.value===e);if(e===`auto`){Fe(``),Ve(``);return}!t?.width||!t.height||(Fe(String(t.width)),Ve(String(t.height)))}function Gt(e){e?.preventDefault();let t=Ee().trim();Dt()&&ln({instruction:t.length>0?t:void 0,guidance:Oe(),size:kt(),quality:nt(),outputFormat:it()})}function Kt(e){let t=e.currentTarget,n=t.files?.[0];n&&(Qt(n),t.value=``)}function qt(){return s().filter(e=>e.includeInPreviousInstructions).map(e=>e.instruction).filter(e=>e.trim().length>0).slice(-10)}async function Jt(e,t){if(!e)return;if(e.type===`generation`&&e.image.url)return{type:`url`,url:e.image.url,detail:`auto`,filename:e.image.filename,mimeType:q(e.image.mimeType)};let n=await pe(e.image,{maxEdge:1536,quality:.9,signal:t});return{type:`base64`,data:n.data,mimeType:n.mimeType,detail:`auto`,filename:n.filename}}let Yt=()=>{dt.stop(),V?.abort(),V=void 0,_e(void 0)},Xt=()=>{c([]),E(void 0),j(void 0),N(void 0),I(void 0),ye(void 0),Se(void 0),L(void 0),H.reset(),M.setLoading(!1),M.setApplying(!1)},Zt=e=>{e||(Yt(),Xt(),M.close())},Qt=e=>{if(!e.type.startsWith(`image/`)){L(l()(`ai.media.image.generate.source.invalid`));return}L(void 0),ye({id:`upload-source-${Date.now()}`,type:`upload`,label:e.name,image:{file:e,filename:e.name,mimeType:q(e.type)}})},$t=e=>{ye({id:`source-${e.id}`,type:`generation`,label:jt(e),image:{url:e.output.url,filename:ze(e.output),mimeType:q(e.output.mimeType)}})},en=()=>{let e=xe();e&&ye(e)};function tn(e,t){return{id:e.id,requestId:t.requestId,instruction:e.instruction,guidance:e.guidance,sourceLabel:e.sourceLabel,source:e.source,previousInstructions:e.previousInstructions,includeInPreviousInstructions:e.includeInPreviousInstructions,size:e.size,quality:e.quality,outputFormat:e.outputFormat,cost:t.usage.cost,output:t.output}}function nn(e,t){let n=tn(e,t);c(e=>[...e,n]),I(n.id),j(void 0),N(void 0),_e(void 0),We(e,pt()),Vt(),M.setLoading(!1),M.isOpen(`mediaImageGeneration`)&&m({title:l()(`toasts.ai.media.image.generate.success.title`),message:l()(`toasts.ai.media.image.generate.success.message`),status:`success`})}function rn(e,t=Ut(e)){dt.start(e,t)}async function an(e,t){if(A()?.requestId!==e.requestId||!M.isOpen(`mediaImageGeneration`))return{type:`complete`};L(void 0);let n=await Ne({requestId:e.requestId,signal:t});if(!M.isOpen(`mediaImageGeneration`))return{type:`complete`};if(Ht(n.data)){nn(e,n.data);for(let e of[`ai.getUsage`,`ai.getUsageChart`])r.invalidateQueries({queryKey:[e]});return{type:`complete`}}let i={...e,status:n.data.status};return{type:`continue`,item:i,delay:Ut(i)}}function on(e,t){let n=e instanceof u||e instanceof Error?e.message:l()(`toasts.ai.media.image.generate.error.message`);L(n),e instanceof u&&(We(t,pt()),j(void 0),N(void 0)),!(e instanceof u)&&M.isOpen(`mediaImageGeneration`)&&m({title:l()(`toasts.ai.media.image.generate.error.title`),message:n,status:`error`})}function sn(e){I(e.id),N(void 0),j(e),rn(e,0)}function cn(e=A()){if(e&&(Yt(),We(e,pt()),j(void 0),N(void 0),F()===e.id)){let e=s();I(e[e.length-1]?.id)}}let ln=async(e,t={},n=ft(),r=pt())=>{if(!n||!r)return;let i=Y(),a=t.source??ve(),o=t.previousInstructions??qt(),c={id:i,instruction:e.instruction??``,guidance:e.guidance,sourceLabel:Z(a),source:a,previousInstructions:o,includeInPreviousInstructions:t.includeInPreviousInstructions??!0,size:e.size,quality:e.quality,outputFormat:e.outputFormat};try{Yt(),E(c),I(i),N(void 0),V=new AbortController,L(void 0),H.reset(),M.setLoading(!0);let t=await Jt(a,V.signal),n=Be(r);if(!n){E(void 0);return}let s=ot(),l=await H.action.mutateAsync({signal:V.signal,shouldToast:()=>!1,idempotencyKey:s,body:{instruction:e.instruction,guidance:e.guidance,previousInstructions:o.length>0?o:void 0,image:t,generation:{size:e.size,quality:e.quality,outputFormat:e.outputFormat}}});if(!M.isOpen(`mediaImageGeneration`))return;let u={...c,requestId:l.data.requestId,idempotencyKey:s,targetId:r,status:l.data.status,createdAt:Date.now(),storageKey:n};X(i),E(void 0),j(u),I(i),Ue(u),rn(u,Le)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)return;let t=e instanceof u||e instanceof Error?e.message:l()(`toasts.ai.media.image.generate.error.message`);if(L(t),E(void 0),F()===i){let e=s();I(e[e.length-1]?.id)}!(e instanceof u)&&M.isOpen(`mediaImageGeneration`)&&m({title:l()(`toasts.ai.media.image.generate.error.title`),message:t,status:`error`})}finally{r===pt()&&(dt.isActive()||M.setLoading(!1),V=void 0)}},un=e=>{ln({instruction:e.instruction,guidance:e.guidance,size:e.size,quality:e.quality,outputFormat:e.outputFormat},{source:e.source,previousInstructions:e.previousInstructions,includeInPreviousInstructions:!1})},dn=async(e=ft())=>{let t=xt();if(!(!t||!e))try{Yt(),V=new AbortController,L(void 0),M.setApplying(!0);let n=await fetch(t.output.url,{signal:V.signal});if(!n.ok)throw Error(l()(`ai.media.image.generate.accept.download.failed`));let r=await n.blob(),i=new File([r],ze(t.output),{type:r.type||t.output.mimeType||`image/webp`});await e.setFile(i,{origin:t.source?`ai_modified`:`ai_generated`,aiGenerationRequestId:t.requestId}),Zt(!1)}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)return;let t=e instanceof Error?e.message:l()(`ai.media.image.generate.accept.download.failed`);L(t),m({title:l()(`toasts.ai.media.image.generate.accept.error.title`),message:t,status:`error`})}finally{M.setApplying(!1),V=void 0}};return h(()=>{mt()&&(De(``),ke(void 0),Wt(`1024x1024`),rt(`medium`),at(`webp`),Vt())}),h(re(()=>[Ee(),Oe()??``,R(),je(),Ie(),nt(),it(),ve()?.id??``,s().map(e=>`${e.id}:${e.includeInPreviousInstructions}:${e.instruction}`).join(`|`)],()=>Vt(),{defer:!0})),h(()=>{!mt()||!F()||requestAnimationFrame(()=>{ct?.scrollTo({top:0,behavior:`smooth`})})}),h(()=>{!U()&&mt()&&Zt(!1)}),h(()=>{let e=ve();if(e?.image.file){let t=URL.createObjectURL(e.image.file);we(t),v(()=>URL.revokeObjectURL(t));return}we(e?.image.url??void 0)}),h(re(pt,e=>{let t=ft();if(!e||!t)return;Yt(),Xt();let n=J(t.image());Se(n),ye(n);let r=He(e);r&&(X(r.id),j(r),N(r.id),I(r.id))})),v(()=>{Yt(),M.reset()}),g(b,{get when(){return U()},get children(){return g(de,{get state(){return{open:mt(),setOpen:Zt}},options:{size:`large`,noPadding:!0},get children(){var t=Ge(),r=t.firstChild,s=r.firstChild,c=s.firstChild,u=c.firstChild,d=c.nextSibling,ee=s.nextSibling,te=ee.nextSibling,m=te.nextSibling,h=m.firstChild,_=m.nextSibling,v=_.firstChild,re=r.nextSibling.firstChild,T=re.firstChild,E=T.firstChild,oe=re.nextSibling.firstChild,k=oe.nextSibling;D(u,()=>l()(`ai.media.image.generate.source.label`)),d.addEventListener(`change`,Kt);var A=lt;typeof A==`function`?C(A,d):lt=d,D(s,g(b,{get when(){return ve()},get fallback(){return(()=>{var t=Ke(),n=t.firstChild,r=n.nextSibling;return D(n,()=>l()(`ai.media.image.generate.source.empty`)),D(r,g(b,{get when(){return S(()=>ve()===void 0)()&&xe()!==void 0},get children(){return g(f,{type:`button`,theme:`secondary-subtle`,size:`icon-subtle`,get title(){return l()(`ai.media.image.generate.source.restore`)},get"aria-label"(){return l()(`ai.media.image.generate.source.restore`)},onClick:en,get children(){return g(a,{size:14})}})}}),null),D(r,g(f,{type:`button`,theme:`secondary-subtle`,size:`icon-subtle`,get title(){return l()(`ai.media.image.generate.source.add`)},get"aria-label"(){return l()(`ai.media.image.generate.source.add`)},onClick:()=>lt?.click(),get children(){return g(e,{size:14})}}),null),t})()},children:t=>(()=>{var n=qe(),r=n.firstChild,i=r.nextSibling,a=i.firstChild,s=a.nextSibling,c=i.nextSibling;return D(r,g(b,{get when(){return Ce()},get fallback(){return g(o,{class:`relative z-10 h-5 w-5 text-icon-fade`,"aria-hidden":`true`})},children:e=>(()=>{var t=Je();return y(()=>O(t,`src`,e())),t})()})),D(a,()=>t().label),D(s,()=>l()(`ai.media.image.generate.source.${t().type}`)),D(c,g(f,{type:`button`,theme:`secondary-subtle`,size:`icon-subtle`,get title(){return l()(`ai.media.image.generate.source.replace`)},get"aria-label"(){return l()(`ai.media.image.generate.source.replace`)},onClick:()=>lt?.click(),get children(){return g(e,{size:14})}}),null),D(c,g(f,{type:`button`,theme:`danger-subtle`,size:`icon-subtle`,get title(){return l()(`common.remove`)},get"aria-label"(){return l()(`common.remove`)},onClick:()=>ye(void 0),get children(){return g(p,{size:14})}}),null),n})()}),null),D(ee,g(le,{id:`ai-media-image-generation-resolution`,get value(){return R()},onChange:e=>Wt(e??`1024x1024`),get options(){return Pe.map(e=>({value:e.value,label:l()(e.label)}))},name:`ai-media-image-generation-resolution`,get copy(){return{label:l()(`ai.media.image.generate.resolution.label`)}},noClear:!0,noMargin:!0,hideOptionalText:!0,get errors(){return bt(`size`)}}),null),D(ee,g(ae,{id:`ai-media-image-generation-width`,name:`ai-media-image-generation-width`,get value(){return je()},onChange:Fe,type:`number`,min:16,max:3840,step:16,get disabled(){return!Ot()},get copy(){return{label:l()(`ai.media.image.generate.resolution.width`)}},noMargin:!0,hideOptionalText:!0}),null),D(ee,g(ae,{id:`ai-media-image-generation-height`,name:`ai-media-image-generation-height`,get value(){return Ie()},onChange:Ve,type:`number`,min:16,max:3840,step:16,get disabled(){return!Ot()},get copy(){return{label:l()(`ai.media.image.generate.resolution.height`)}},noMargin:!0,hideOptionalText:!0}),null),D(te,g(le,{id:`ai-media-image-generation-quality`,get value(){return nt()},onChange:e=>rt(e??`medium`),get options(){return[{value:`medium`,label:l()(`ai.media.image.generate.quality.option.medium`)},{value:`low`,label:l()(`ai.media.image.generate.quality.option.low`)},{value:`high`,label:l()(`ai.media.image.generate.quality.option.high`)},{value:`auto`,label:l()(`ai.media.image.generate.quality.option.auto`)}]},name:`ai-media-image-generation-quality`,get copy(){return{label:l()(`ai.media.image.generate.quality.label`)}},noClear:!0,noMargin:!0,hideOptionalText:!0,get errors(){return bt(`quality`)}}),null),D(te,g(le,{id:`ai-media-image-generation-format`,get value(){return it()},onChange:e=>at(e??`webp`),get options(){return[{value:`webp`,label:l()(`ai.media.image.generate.format.option.webp`)},{value:`png`,label:l()(`ai.media.image.generate.format.option.png`)},{value:`jpeg`,label:l()(`ai.media.image.generate.format.option.jpeg`)}]},name:`ai-media-image-generation-format`,get copy(){return{label:l()(`ai.media.image.generate.format.label`)}},noClear:!0,noMargin:!0,hideOptionalText:!0,get errors(){return bt(`outputFormat`)}}),null),D(m,g(ce,{id:`ai-media-image-generation-guidance`,get label(){return l()(`ai.generation.guidance.label`)},theme:`basic`,hideOptionalText:!0}),h),D(h,g(ie,{each:z,children:e=>{let t=w(()=>Oe()===e.key),n=w(()=>l()(e.label)),r=w(()=>l()(e.instruction));return g(fe.Root,{get children(){return[g(fe.Trigger,{as:e=>g(se,ne(e,{as:`button`})),get theme(){return t()?`primary-opaque`:`outline`},get"aria-pressed"(){return t()},get disabled(){return G()},onClick:()=>ke(t()?void 0:e.key),get children(){return n()}}),g(fe.Portal,{get children(){return g(fe.Content,{class:`z-70 bg-card-base w-80 mt-2 rounded-md border border-border p-3 shadow-xs`,get children(){return[(()=>{var e=Ye();return D(e,n),e})(),(()=>{var e=Xe();return D(e,r),e})()]}})}})]}})}})),_.addEventListener(`submit`,Gt),D(_,g(ue,{id:`ai-media-image-generation-instruction`,name:`ai-media-image-generation-instruction`,get value(){return Ee()},onChange:De,onKeyUp:e=>{(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&Gt()},get copy(){return{label:l()(`ai.generation.instruction.label`),placeholder:l()(`ai.media.image.generate.instruction.placeholder`)}},rows:8,noMargin:!0,hideOptionalText:!0,get errors(){return yt()}}),v),D(_,g(b,{get when(){return _t()},children:e=>(()=>{var t=Ze(),n=t.firstChild;return D(n,e),t})()}),v),D(v,g(f,{type:`submit`,theme:`secondary`,size:`medium`,classes:`w-full min-w-0! gap-2`,get loading(){return G()},get disabled(){return!Dt()},get children(){return[g(i,{size:12,"aria-hidden":`true`}),S(()=>S(()=>!!G())()?l()(`ai.media.image.generate.modal.generating`):l()(`ai.media.image.generate.modal.generate`))]}})),D(T,g(b,{get when(){return At().length>0},get children(){return g(be,{id:`ai-media-image-generation-history`,get items(){return At()},get activeItemId(){return F()},onSelect:I})}}),E);var de=ct;return typeof de==`function`?C(de,E):ct=E,D(E,g(b,{get when(){return Ct()},get fallback(){return g(b,{get when(){return xt()},children:e=>(()=>{var t=Qe(),n=t.firstChild,r=n.firstChild,i=n.nextSibling,s=i.firstChild,c=s.nextSibling;return D(i,g(b,{get when(){return $(e())},children:e=>(()=>{var t=$e(),n=t.firstChild;return D(n,e),t})()}),s),D(s,g(he,{type:`text`,theme:`contained`,get items(){return zt(e())}})),D(c,g(f,{type:`button`,theme:`secondary`,size:`small`,classes:`gap-2`,onClick:()=>$t(e()),get children(){return[g(o,{size:12,"aria-hidden":`true`}),S(()=>l()(`ai.media.image.generate.source.use`))]}}),null),D(c,g(f,{type:`button`,theme:`border-outline`,size:`small`,classes:`gap-2`,get disabled(){return G()},onClick:()=>un(e()),get children(){return[g(a,{size:12,"aria-hidden":`true`}),S(()=>l()(`ai.media.image.generate.response.retry`))]}}),null),y(()=>O(r,`src`,e().output.url)),t})()})},children:e=>(()=>{var t=B(),r=t.firstChild,i=r.firstChild.nextSibling.firstChild,o=i.nextSibling.firstChild,s=r.nextSibling,c=s.firstChild;return D(i,g(n,{size:12,"aria-hidden":`true`})),D(o,()=>l()(`ai.media.image.generate.response.inflight.title`)),D(s,g(b,{get when(){return $(e())},children:e=>(()=>{var t=$e(),n=t.firstChild;return D(n,e),t})()}),c),D(c,g(he,{type:`text`,theme:`contained`,get items(){return Rt(e())}})),D(s,g(b,{get when(){return Tt()},children:e=>(()=>{var t=et();return D(t,g(f,{type:`button`,theme:`border-outline`,size:`small`,classes:`gap-2`,get disabled(){return G()},onClick:()=>sn(e()),get children(){return[g(a,{size:12,"aria-hidden":`true`}),S(()=>l()(`ai.media.image.generate.response.inflight.resume`))]}}),null),D(t,g(f,{type:`button`,theme:`danger-outline`,size:`small`,classes:`gap-2`,get disabled(){return G()},onClick:()=>cn(e()),get children(){return[g(p,{size:12,"aria-hidden":`true`}),S(()=>l()(`ai.media.image.generate.response.inflight.discard`))]}}),null),t})()}),null),y(()=>O(i,`data-loading`,G())),t})()})),D(oe,g(b,{get when(){return K()},children:e=>(()=>{var t=tt();return D(t,()=>l()(`ai.media.image.generate.cost.total`,{cost:e()})),t})()})),D(k,g(f,{type:`button`,theme:`border-outline`,size:`medium`,onClick:()=>Zt(!1),get children(){return l()(`common.cancel`)}}),null),D(k,g(f,{type:`button`,theme:`primary`,size:`medium`,onClick:()=>{dn()},get loading(){return M.get.isApplying},get disabled(){return!xt()||G()},get children(){return l()(`ai.media.image.generate.modal.accept`)}}),null),y(()=>x(T,At().length>0?`relative z-10 flex h-full min-h-0 min-w-0 flex-col gap-3 md:grid md:grid-cols-[116px_minmax(0,1fr)] md:gap-4`:`relative z-10 flex h-full min-h-0 min-w-0 flex-col`)),t}})}})};function rt(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function it(e){if(Array.isArray(e))return e}function at(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t!==0)for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function ot(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function st(e,t){return it(e)||at(e,t)||ct(e,t)||ot()}function ct(e,t){if(e){if(typeof e==`string`)return rt(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?rt(e,t):void 0}}var lt=Object.entries,ut=Object.setPrototypeOf,V=Object.isFrozen,dt=Object.getPrototypeOf,H=Object.getOwnPropertyDescriptor,U=Object.freeze,W=Object.seal,ft=Object.create,pt=typeof Reflect<`u`&&Reflect,mt=pt.apply,ht=pt.construct;U||=function(e){return e},W||=function(e){return e},mt||=function(e,t){var n=[...arguments].slice(2);return e.apply(t,n)},ht||=function(e){return new e(...[...arguments].slice(1))};var G=Y(Array.prototype.forEach),gt=Y(Array.prototype.lastIndexOf),_t=Y(Array.prototype.pop),vt=Y(Array.prototype.push),yt=Y(Array.prototype.splice),bt=Array.isArray,xt=Y(String.prototype.toLowerCase),St=Y(String.prototype.toString),Ct=Y(String.prototype.match),wt=Y(String.prototype.replace),Tt=Y(String.prototype.indexOf),Et=Y(String.prototype.trim),Dt=Y(Number.prototype.toString),Ot=Y(Boolean.prototype.toString),kt=typeof BigInt>`u`?null:Y(BigInt.prototype.toString),At=typeof Symbol>`u`?null:Y(Symbol.prototype.toString),K=Y(Object.prototype.hasOwnProperty),q=Y(Object.prototype.toString),J=Y(RegExp.prototype.test),jt=X(TypeError);function Y(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);var n=[...arguments].slice(1);return mt(e,t,n)}}function X(e){return function(){return ht(e,[...arguments])}}function Z(e,t){let n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:xt;if(ut&&ut(e,null),!bt(t))return e;let r=t.length;for(;r--;){let i=t[r];if(typeof i==`string`){let e=n(i);e!==i&&(V(t)||(t[r]=e),i=e)}e[i]=!0}return e}function Mt(e){for(let t=0;t<e.length;t++)K(e,t)||(e[t]=null);return e}function Q(e){let t=ft(null);for(let r of lt(e)){var n=st(r,2);let i=n[0],a=n[1];K(e,i)&&(bt(a)?t[i]=Mt(a):a&&typeof a==`object`&&a.constructor===Object?t[i]=Q(a):t[i]=a)}return t}function Nt(e){switch(typeof e){case`string`:return e;case`number`:return Dt(e);case`boolean`:return Ot(e);case`bigint`:return kt?kt(e):`0`;case`symbol`:return At?At(e):`Symbol()`;case`undefined`:return q(e);case`function`:case`object`:{if(e===null)return q(e);let t=e,n=$(t,`toString`);if(typeof n==`function`){let e=n(t);return typeof e==`string`?e:q(e)}return q(e)}default:return q(e)}}function $(e,t){for(;e!==null;){let n=H(e,t);if(n){if(n.get)return Y(n.get);if(typeof n.value==`function`)return Y(n.value)}e=dt(e)}function n(){return null}return n}function Pt(e){try{return J(e,``),!0}catch{return!1}}var Ft=U(`a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr`.split(`.`)),It=U(`svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern`.split(`.`)),Lt=U([`feBlend`,`feColorMatrix`,`feComponentTransfer`,`feComposite`,`feConvolveMatrix`,`feDiffuseLighting`,`feDisplacementMap`,`feDistantLight`,`feDropShadow`,`feFlood`,`feFuncA`,`feFuncB`,`feFuncG`,`feFuncR`,`feGaussianBlur`,`feImage`,`feMerge`,`feMergeNode`,`feMorphology`,`feOffset`,`fePointLight`,`feSpecularLighting`,`feSpotLight`,`feTile`,`feTurbulence`]),Rt=U([`animate`,`color-profile`,`cursor`,`discard`,`font-face`,`font-face-format`,`font-face-name`,`font-face-src`,`font-face-uri`,`foreignobject`,`hatch`,`hatchpath`,`mesh`,`meshgradient`,`meshpatch`,`meshrow`,`missing-glyph`,`script`,`set`,`solidcolor`,`unknown`,`use`]),zt=U(`math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts`.split(`.`)),Bt=U([`maction`,`maligngroup`,`malignmark`,`mlongdiv`,`mscarries`,`mscarry`,`msgroup`,`mstack`,`msline`,`msrow`,`semantics`,`annotation`,`annotation-xml`,`mprescripts`,`none`]),Vt=U([`#text`]),Ht=U(`accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns`.split(`.`)),Ut=U(`accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.poin