https://grokimagineapp.com/assets/_id-CXA6Z3em.js

1import{h as f,p as L,ca as X,r as p,j as r,H as m,M as w,q as Y,aA as J,L as x,fP as W,o as Z,fn as ee,aB as re,a3 as I,fL as C,aC as te,aD as S,I as ne,n as R,ac as g,ei as se,eh as ae,N as oe,aE as E,es as ie,a6 as ce}from"./main-Bel9aniX.js";import{deleteCreation as le}from"./creation-CXM3aVRQ.js";import{I as de}from"./image-placeholder-Ddhr4aEX.js";import{I as ue}from"./image-lightbox-C06tb2-m.js";import{D as me}from"./dashboard-header-BFCfmOTO.js";import{R as pe}from"./result-download-button-DqyZBZeO.js";import{A as fe,a as xe,b as ge}from"./avatar-BbjTSLSW.js";import{b as _e,d as he,c as be}from"./use-creation-favorites-DXFQCtxB.js";import{s as ve}from"./landing-reference-images-Btt731d2.js";import{g as P,a as D}from"./image-workbench-routes-BYXm0J1J.js";import{g as je}from"./view-transitions-BgnTfd7K.js";import{I as Ne}from"./IconDownload-BLA0aU7B.js";import{I as ke}from"./IconTrash-CAZhq_54.js";import{I as ye,c as Ie,a as Ce}from"./IconStarFilled-CGg986ms.js";import{I as we}from"./IconEdit-BslONNTM.js";import{d as Ae,a as Te,c as U,b as ze}from"./admin_tasks_status_processing-B2ZJCSpU.js";import{c as Se}from"./common_download_image-D3AZ--8s.js";import{a as Re}from"./admin_tasks_columns_error-D3XmOaAY.js";import{c as Ee,a as De,b as Le,d as Pe,e as Ue}from"./creation_start_time-DRLZOaWR.js";import{a as Be}from"./ai_page_common_prompt-QrC5txiH.js";import{c as Fe}from"./common_copied-CNAnQ45D.js";import{c as Ge}from"./common_copy_prompt-aArOIOQy.js";import{a as $e}from"./admin_tasks_columns_credits-CguCkwvC.js";import{a as Me}from"./admin_tasks_columns_model-CSCkY5jP.js";import{b as qe,a as Oe}from"./admin_tasks_columns_resolution-CmKoEkPU.js";import{a as Ve}from"./admin_tasks_columns_quality-Bues5lpL.js";import{a as He,c as Ke}from"./common_version_count-BuWNdQ3v.js";import{a as Qe,g as B}from"./generate_reference_viewer-DL0m8I7C.js";import"./IconChevronLeft-Cq3IiC84.js";import"./common_previous_image-DZOH2otw.js";import"./locale-switcher-Db4vHSOr.js";import"./useControlled-BP4BbzZL.js";import"./IconArrowLeft-x2_8TPyE.js";import"./single-download-BARA71tu.js";import"./download-DEdK4HuD.js";import"./useInfiniteQuery-DtRTL6i6.js";import"./favorites_remove_failed-y6m0NyTk.js";const Xe=()=>"Create a variation",Ye=()=>"변형 만들기",Je=()=>"Crear una variación",We=()=>"Créer une variante",Ze=()=>"Variante erstellen",er=()=>"Create a variation",rr=((e={},n={})=>{const t=n.locale??f();return t==="en"?Xe():t==="ko"?Ye():t==="es"?Je():t==="fr"?We():t==="de"?Ze():er()}),tr=()=>"Delete creation",nr=()=>"Delete creation",sr=()=>"Eliminar creacion",ar=()=>"Delete creation",or=()=>"Delete creation",ir=()=>"Delete creation",cr=((e={},n={})=>{const t=n.locale??f();return t==="en"?tr():t==="ko"?nr():t==="es"?sr():t==="fr"?ar():t==="de"?or():ir()}),lr=()=>"Creation is still running in the background.",dr=()=>"Creation is still running in the background.",ur=()=>"La creacion sigue ejecutandose en segundo plano.",mr=()=>"Creation is still running in the background.",pr=()=>"Creation is still running in the background.",fr=()=>"Creation is still running in the background.",xr=((e={},n={})=>{const t=n.locale??f();return t==="en"?lr():t==="ko"?dr():t==="es"?ur():t==="fr"?mr():t==="de"?pr():fr()}),gr=e=>`Prompt #${e?.id}`,_r=e=>`Prompt #${e?.id}`,hr=e=>`Prompt #${e?.id}`,br=e=>`Prompt #${e?.id}`,vr=e=>`Prompt #${e?.id}`,jr=e=>`Prompt #${e?.id}`,Nr=((e,n={})=>{const t=n.locale??f();return t==="en"?gr(e):t==="ko"?_r(e):t==="es"?hr(e):t==="fr"?br(e):t==="de"?vr(e):jr(e)}),kr=()=>"Reference images",yr=()=>"Reference images",Ir=()=>"Imagenes de referencia",Cr=()=>"Reference images",wr=()=>"Reference images",Ar=()=>"Reference images",Tr=((e={},n={})=>{const t=n.locale??f();return t==="en"?kr():t==="ko"?yr():t==="es"?Ir():t==="fr"?Cr():t==="de"?wr():Ar()}),zr=()=>"Source",Sr=()=>"Source",Rr=()=>"Fuente",Er=()=>"Source",Dr=()=>"Source",Lr=()=>"Source",Pr=((e={},n={})=>{const t=n.locale??f();return t==="en"?zr():t==="ko"?Sr():t==="es"?Rr():t==="fr"?Er():t==="de"?Dr():Lr()}),Ur=()=>"Creation",Br=()=>"Creation",Fr=()=>"Creacion",Gr=()=>"Creation",$r=()=>"Creation",Mr=()=>"Creation",qr=((e={},n={})=>{const t=n.locale??f();return t==="en"?Ur():t==="ko"?Br():t==="es"?Fr():t==="fr"?Gr():t==="de"?$r():Mr()}),Or={pending:"bg-amber-100 text-amber-900 dark:bg-amber-500/15 dark:text-amber-200",processing:"bg-sky-100 text-sky-900 dark:bg-sky-500/15 dark:text-sky-200",completed:"bg-emerald-100 text-emerald-900 dark:bg-emerald-500/15 dark:text-emerald-200",failed:"bg-rose-100 text-rose-900 dark:bg-rose-500/15 dark:text-rose-200"};

1function Vr(e){switch(e){case"pending":return ze();case"processing":return U();case"completed":return Te();case"failed":return Ae();default:return e}}function Hr(e){switch(e){case g.NANO_BANANA:case g.NANO_BANANA_2:case g.NANO_BANANA_PRO:return ae;case g.GPT_IMAGE_2_5:case g.GPT_IMAGE_2_5_SUNBURST:case g.GPT_IMAGE_2:return se;default:return null}}function Kr({item:e}){const n=L(),t=X(),a=e.prompt.trim().length>=5,[i,l]=p.useState(!1);async function j(){if(!i){l(!0);try{(await le({data:{id:e.id}})).success&&(t.invalidateQueries({queryKey:["creations"]}),n.navigate({to:"/history"}))}catch{}finally{l(!1)}}}const _=p.useCallback(()=>{n.navigate({to:P(e),search:{creationId:e.id}})},[n,e]);return p.useEffect(()=>{if(!a)return;function o(c){const h=c.target,d=h?.tagName;if(!(d==="INPUT"||d==="TEXTAREA"||d==="SELECT"||h?.isContentEditable)&&c.key==="Enter"){if(d==="A"||d==="BUTTON")return;c.preventDefault(),_()}}return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[_,a]),p.useEffect(()=>{if(typeof document>"u")return;const o=document.documentElement,c=o.style.scrollBehavior;return o.style.scrollBehavior="auto",()=>{o.style.scrollBehavior=c}},[]),r.jsxs("div",{className:"flex min-h-svh flex-col",children:[r.jsx(me,{showBack:!0,center:r.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2",children:[r.jsx("h1",{className:"truncate font-sans font-semibold text-base",children:qr()}),r.jsx("span",{className:m("inline-flex items-center rounded-full px-2.5 py-1 font-medium text-xs capitalize",Or[e.status]),children:Vr(e.status)})]})}),r.jsx("div",{className:"flex-1 px-4 py-6 lg:px-6 lg:py-8",children:r.jsxs("div",{className:"grid gap-6 lg:grid-cols-[minmax(0,1.4fr)_minmax(380px,1fr)] lg:gap-10",children:[r.jsx("div",{children:r.jsx(Qr,{item:e})}),r.jsx("div",{className:"animate-in fade-in slide-in-from-right-6 delay-100 fill-mode-both duration-500 ease-out",children:r.jsx(Xr,{item:e,onDelete:j,deleting:i})})]})})]})}function Qr({item:e}){const n=e.outputUrls&&e.outputUrls.length>0?e.outputUrls:e.outputUrl?[e.outputUrl]:[];return r.jsxs("div",{className:"flex w-full min-w-0 flex-col items-center gap-4 px-4 sm:px-6",children:[n.length>0?r.jsx("div",{className:m("grid max-h-[78vh] w-full gap-3",n.length===1?"grid-cols-1 place-items-center":"grid-cols-2 sm:grid-cols-3"),children:n.map((t,a)=>r.jsxs("div",{className:"relative flex min-h-0 items-center justify-center overflow-hidden rounded-xl border bg-muted/20",children:[r.jsx("img",{src:t,alt:`${e.prompt.slice(0,70)} ${a+1}`,style:a===0?{viewTransitionName:je(e.id)}:void 0,className:"block max-h-[78vh] max-w-full object-contain"}),r.jsx(pe,{ariaLabel:Se(),assetType:"image",checkingContent:r.jsx(w,{className:"size-4 animate-spin"}),className:"absolute right-3 bottom-3 z-10 inline-flex size-9 items-center justify-center rounded-full bg-black/55 text-white shadow-sm backdrop-blur-sm transition-all hover:bg-emerald-500/80 hover:text-white disabled:cursor-not-allowed",cost:e.creditsUsed,filename:`creation-${e.id}-${a+1}.png`,isAuthenticated:!0,model:e.model,onBeforeCheckout:()=>{},onRequireLogin:()=>{},resultId:e.id,url:t,workflow:"creation-detail",children:r.jsx(Ne,{className:"size-4"})})]},t))}):r.jsx("div",{className:"relative flex aspect-video w-full items-center justify-center rounded-2xl border bg-muted/40 text-muted-foreground",children:r.jsx(de,{variant:e.status==="failed"?"failed":"loading",className:"absolute inset-0 rounded-2xl"})}),(e.status==="pending"||e.status==="processing")&&r.jsxs("div",{className:"w-full rounded-xl border border-sky-200 bg-sky-50 px-4 py-3 text-sky-900 text-sm dark:border-sky-500/30 dark:bg-sky-500/10 dark:text-sky-100",children:[r.jsx("p",{className:"font-medium text-xs uppercase",children:U()}),r.jsx("p",{className:"mt-1",children:xr()})]}),e.status==="failed"&&e.errorMessage&&r.jsxs("div",{className:"w-full rounded-xl border border-rose-200 bg-rose-50 px-4 py-3 text-rose-900 text-sm dark:border-rose-500/30 dark:bg-rose-500/10 dark:text-rose-100",children:[r.jsx("p",{className:"font-medium text-xs uppercase",children:Re()}),r.jsx("p",{className:"mt-1",children:e.errorMessage})]})]})}function Xr({item:e,onDelete:n,deleting:t}){const{data:a}=Y.useSession(),i=L(),[l,j]=p.useState(!1),[_,o]=p.useState(null),c=a?.user?.name??Ee(),h=a?.user?.image??void 0,d=_e(e.id,!!a?.user),N=he(),b=d.data?.favorited??!1,[k,A]=p.useState(!1);function F(){if(k||N.isPending)return;A(!0);const s=new Promise(v=>setTimeout(v,100));N.mutate({creationId:e.id,favorited:b},{onSettled:()=>{s.then(()=>A(!1))}})}const T=e.startedAt&&e.completedAt?J(e.completedAt-e.startedAt):void 0,G=e.prompt.trim().length>=5,$=P(e),M=e.status==="failed"?"retry":"continue",q={creationId:e.id,parentGenerationId:e.id,continuationType:M};function O(){const s=y();if(!s)return;E("variant_create",{kind:"image",parentGenerationId:e.id});const v=!!ie(e.model)?.supportsReferenceImages;i.navigate({to:D(e.model),search:{model:v?e.model:void 0,prompt:e.prompt,referenceToken:s,parentGenerationId:e.id,continuationType:"variation"}})}function y(){if(!(!e.outputFileId||!e.outputUrl))return ve([{id:e.outputFileId,originalName:`creation-${e.id}.png`,url:e.outputUrl}])}function V(){const s=y();s&&i.navigate({to:D(e.model),search:{model:e.model,prompt:e.prompt,referenceToken:s}})}function H(){const s=y();s&&i.navigate({to:oe.ImageToVideo,search:{referenceMode:"single",referenceToken:s}})}function K(){E(e.status==="failed"?"retry_failed_generation":"history_continue",{kind:"image",parentGenerationId:e.id})}async function Q(){try{await navigator.clipboard.writeText(e.prompt),j(!0),window.setTimeout(()=>j(!1),1400)}catch{}}const z=Hr(e.model);return r.jsxs("aside",{className:"flex flex-col gap-6",children:[r.jsxs("div",{className:"flex items-center justify-between gap-4",children:[r.jsxs("div",{className:"flex items-center gap-4",children:[r.jsxs(fe,{size:"lg",className:"ring-1 ring-border",children:[h&&r.jsx(xe,{src:h,alt:c}),r.jsx(ge,{className:"font-medium uppercase",children:c.slice(0,2)})]}),r.jsx("div",{className:"min-w-0",children:r.jsx("div",{className:"truncate font-medium text-base",children:c})})]}),r.jsx(x,{type:"button",variant:"ghost",size:"icon-sm",onClick:n,disabled:t,"aria-label":cr(),className:"shrink-0 text-muted-foreground hover:text-destructive",children:t?r.jsx(w,{className:"size-4 animate-spin"}):r.jsx(ke,{className:"size-4"})})]}),r.jsxs("div",{className:"rounded-2xl border bg-card",children:[r.jsxs("div",{className:"flex items-center justify-between gap-2 border-b px-4 py-2.5",children:[r.jsx("h2",{className:"font-medium text-foreground text-sm",children:Be()}),r.jsxs("div",{className:"flex items-center gap-1",children:[r.jsx(x,{type:"button",size:"icon-sm",variant:b?"outline":"ghost",onClick:F,disabled:k||N.isPending,"aria-label":b?be():Ie(),className:m("shrink-0 text-muted-foreground hover:text-amber-600 dar

1k:hover:text-amber-400",b&&"border-amber-500/40 bg-amber-500/10 text-amber-600 hover:border-amber-500/40 hover:bg-amber-500/10 hover:text-amber-600 dark:text-amber-400 dark:hover:text-amber-400"),children:k?r.jsx(w,{className:"size-3.5 animate-spin"}):b?r.jsx(ye,{className:"size-3.5"}):r.jsx(W,{className:"size-3.5"})}),r.jsx(x,{type:"button",size:"icon-sm",variant:l?"outline":"ghost",onClick:Q,"aria-label":l?Fe():Ge(),className:m("shrink-0 text-muted-foreground hover:text-emerald-600 dark:hover:text-emerald-400",l&&"pointer-events-none border-emerald-500/40 bg-emerald-500/10 text-emerald-600 hover:border-emerald-500/40 hover:bg-emerald-500/10 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-400"),children:l?r.jsx(Z,{className:"size-3.5"}):r.jsx(ee,{className:"size-3.5"})})]})]}),r.jsx("div",{className:"max-h-64 overflow-y-auto px-4 py-3",children:r.jsx("p",{className:"whitespace-pre-wrap text-foreground text-sm leading-relaxed",children:e.prompt})})]}),r.jsx(Yr,{item:e,onOpen:s=>o(s)}),r.jsxs("dl",{className:"space-y-6 text-sm",children:[r.jsx(u,{label:$e(),children:r.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-foreground",children:[r.jsx(re,{className:"size-3.5 text-amber-500"}),e.creditsUsed]})}),r.jsx(u,{label:Me(),children:r.jsxs(I,{to:"/history",search:{model:e.model},className:m(C({variant:"outline",size:"sm"}),"h-7 px-2.5 text-xs"),children:[z&&r.jsx(z,{"aria-hidden":"true",className:"size-3.5"}),e.modelLabel]})}),e.sourcePromptId&&r.jsx(u,{label:Pr(),children:r.jsxs(I,{to:"/prompt/$id",params:{id:String(e.sourcePromptId)},className:m(C({variant:"outline",size:"sm"}),"h-7 gap-1.5 px-2.5 text-xs"),children:[r.jsx(Ce,{className:"size-3.5"}),Nr({id:e.sourcePromptId})]})}),r.jsx(u,{label:qe(),children:r.jsx("span",{className:"font-medium text-foreground",children:e.aspectRatio})}),r.jsx(u,{label:Oe(),children:r.jsx("span",{className:"font-medium text-foreground",children:e.resolutionLabel})}),e.quality&&r.jsx(u,{label:Ve(),children:r.jsx("span",{className:"font-medium text-foreground",children:e.quality})}),T&&r.jsx(u,{label:Pe(),children:r.jsxs("span",{className:"inline-flex flex-wrap items-center gap-x-3 gap-y-1",children:[r.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-foreground",children:[r.jsx(te,{className:"size-3.5"}),T]}),e.startedAt&&r.jsx("span",{className:"text-muted-foreground text-xs",children:De({time:S(new Date(e.startedAt))})}),e.completedAt&&r.jsx("span",{className:"text-muted-foreground text-xs",children:Le({time:S(new Date(e.completedAt))})})]})})]}),G&&(e.status==="completed"||e.status==="failed")?r.jsxs("div",{className:"mt-4 space-y-2",children:[e.status==="completed"&&e.outputFileId&&e.outputUrl?r.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[r.jsxs(x,{type:"button",size:"lg",variant:"outline",onClick:V,children:[r.jsx(we,{className:"size-4"}),"Edit image"]}),r.jsxs(x,{type:"button",size:"lg",variant:"outline",onClick:H,children:[r.jsx(ne,{className:"size-4"}),"Turn into video"]})]}):null,r.jsxs(I,{to:$,search:q,onClick:K,className:m(C({size:"lg"}),"w-full"),children:[r.jsx(R,{className:"size-4"}),e.status==="failed"?He():Ue()]}),e.status==="completed"&&e.outputFileId&&e.outputUrl?r.jsxs(x,{type:"button",size:"lg",variant:"outline",className:"w-full",onClick:O,children:[r.jsx(R,{className:"size-4"}),rr()]}):null,e.versionCount>1?r.jsx("p",{className:"text-center text-muted-foreground text-xs",children:Ke({count:e.versionCount})}):null]}):null,_!==null&&e.referenceImages&&e.referenceImages.length>0&&r.jsx(ue,{images:e.referenceImages.map((s,v)=>({url:s.url,alt:s.originalName||B({number:v+1})})),initialIndex:_,onClose:()=>o(null),ariaLabel:Qe()})]})}function Yr({item:e,onOpen:n}){const t=e.referenceImages??[];return t.length===0?null:r.jsxs("div",{className:"rounded-2xl border bg-card",children:[r.jsxs("div",{className:"flex items-center justify-between gap-2 border-b px-4 py-2.5",children:[r.jsx("h2",{className:"font-medium text-foreground text-sm",children:Tr()}),r.jsx("span",{className:"text-muted-foreground text-xs",children:t.length})]}

1),r.jsx("div",{className:"grid grid-cols-5 gap-2 p-3",children:t.map((a,i)=>r.jsx("button",{type:"button",onClick:()=>n(i),className:"group relative aspect-square overflow-hidden rounded-lg border bg-muted/30 transition hover:border-primary/50 hover:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:r.jsx("img",{src:a.url,alt:a.originalName||B({number:i+1}),className:"size-full object-cover transition group-hover:scale-105"})},a.id))})]})}function u({label:e,children:n}){return r.jsxs("div",{className:"grid grid-cols-[100px_minmax(0,1fr)] items-baseline gap-4",children:[r.jsx("dt",{className:"text-muted-foreground text-xs uppercase tracking-wide",children:e}),r.jsx("dd",{className:"min-w-0",children:n})]})}const Jr=ce("/creation/$id");function Wr(){const e=Jr.useLoaderData();return r.jsx(Kr,{item:e})}const Pt=Wr;export{Pt as component};
2//# sourceMappingURL=_id-CXA6Z3em.js.map