@shapio/cms 0.3.0 → 0.3.1

package/dist/admin/assets/{media-WLnWaL7U.js → media-CUfV74JZ.js}

@@ -1,2 +1,2 @@
-import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{F as r,i,j as a,r as o,t as s}from"./cn-BQ3voEft.js";import{c,i as l,l as u,n as d,o as f,r as p,s as ee,t as te,u as ne}from"./media-Xzot1ueY.js";import{T as re,h as ie}from"./auth-pcS9CCXu.js";import{A as ae,O as m,_ as oe,a as se,c as ce,d as le,f as ue,i as de,k as fe,l as pe,m as me,n as h,p as he,r as g,t as ge,u as _e,v as ve}from"./badge-DD0mE96i.js";import{o as ye}from"./RowTitle--uFCpx8n.js";import{t as be}from"./fileRoute-C2tOrKhO.js";import{G as _,R as v,a as xe,c as Se,d as Ce,i as we,n as Te,o as Ee,s as De,u as Oe}from"./InfoHint-GJLRVumb.js";import{N as y,O as ke,i as b,k as Ae,n as je,t as x}from"./skeleton-C3QLIh7W.js";import{a as Me,i as S,o as Ne,r as C,t as Pe}from"./ConfirmDialog-B9nWhIIz.js";import{a as Fe,i as Ie,l as Le,n as Re,o as ze,r as w,s as Be,t as Ve}from"./useMediaUploader-QXSjZStv.js";import{t as He}from"./ellipsis-NK0pWgqU.js";import{t as Ue}from"./external-link-D3Aoi2yX.js";import{a as We,c as T,i as Ge,l as E,n as Ke,o as qe,r as D,s as Je}from"./Thumbnail-CP5mfgNY.js";import{t as Ye}from"./globe-CuElSilX.js";import{t as O}from"./inbox-3iAHL3pC.js";import{t as k}from"./pencil-Bdp2z9D_.js";import{a as A,l as Xe,p as Ze,r as Qe,t as $e}from"./dropdown-menu-gmP2Rp3n.js";import{t as et}from"./switch-BVy02Vc8.js";import{c as tt,n as nt,o as j,r as rt,t as M,u as N}from"./zod-BHAd1wTC.js";import{t as P}from"./settle-LRKtTN_e.js";import{_ as F,g as I,h as L}from"./table-CZYtdoHn.js";import{t as it}from"./useDiscardGuard-34ynGJIk.js";import{i as R,r as at}from"./constants-DCtq_UOe.js";import{t as ot}from"./SuggestAltButton-4rf2xhEJ.js";import{t as st}from"./Panel-iIKjEURi.js";import{t as ct}from"./CopyButton-BoWb-xi1.js";import{t as z}from"./FormTextareaField-DzyOzfZb.js";var B={name:`folder-input`,size:24,node:[[`path`,{d:`M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1`,key:`fm4g5t`}],[`path`,{d:`M2 13h10`,key:`pgb2dq`}],[`path`,{d:`m9 16 3-3-3-3`,key:`6m91ic`}]]};B.node;var lt=i(B),V={name:`folder-open`,size:24,node:[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]]};V.node;var ut=i(V),H={name:`folder`,size:24,node:[[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]};H.node;var U=i(H),W=e(t(),1),dt=I({filename:j().max(255,`validation.tooLong`),alt:F().max(1e3,`validation.tooLong`),caption:F().max(4e3,`validation.tooLong`),focalPoint:I({x:L().min(0).max(1),y:L().min(0).max(1)}).nullable()}),G=e=>({filename:e?.filename??``,alt:e?.alt??``,caption:e?.caption??``,focalPoint:e?.focalPoint??null}),ft=(e,t)=>({expectedVersion:e.version,...t.filename===e.filename?{}:{filename:t.filename.trim()},...t.alt===e.alt?{}:{alt:t.alt},...t.caption===e.caption?{}:{caption:t.caption},...JSON.stringify(t.focalPoint)===JSON.stringify(e.focalPoint)?{}:{focalPoint:t.focalPoint}}),pt=e=>{let t=u(),n=N({resolver:M(dt),defaultValues:G(e)}),{reset:r}=n;return(0,W.useEffect)(()=>{r(G(e)),t.reset()},[e?.id,r]),{form:n,onSubmit:n.handleSubmit(async n=>{if(!e)return;let i=await P(t.mutateAsync({id:e.id,input:ft(e,n)}));i.ok&&(r(G(i.value)),_.success(y.t(`media.details.saved`)))}),pending:t.isPending,error:t.error}},mt=e=>{let t=e instanceof r?e.details:void 0;return typeof t?.usageCount==`number`?t.usageCount:0},ht=(e,t,n)=>{let r=d(),[i,a]=(0,W.useState)(void 0),[o,s]=(0,W.useState)(!1),[c,l]=(0,W.useState)(0),u=e=>{_.success(y.t(`media.delete.done`,{name:e.filename})),n()};return{blockedUsageCount:i&&i.assetId===e?.id?i.usageCount:void 0,confirm:async()=>{if(e){try{await r.mutateAsync({id:e.id,force:!1})}catch(n){if(!ie(n,`MEDIA_IN_USE`))throw n;let i=mt(n);if(!t)throw a({assetId:e.id,usageCount:i}),n;r.reset(),l(i),s(!0);return}u(e)}},force:{open:o,usageCount:c,pending:r.isPending,error:r.error,onOpenChange:s,confirm:()=>{e&&r.mutate({id:e.id,force:!0},{onSuccess:()=>{s(!1),u(e)}})}}}},K=e(n(),1),gt=({asset:e,onDeleted:t})=>{let{t:n}=a(),{isOwner:r}=T(),i=ht(e,r,t),o=i.blockedUsageCount;return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(C,{tone:`danger`,align:`start`,side:`top`,title:n(`media.delete.title`,{name:e.filename}),description:o===void 0?n(`media.delete.description`):`${n(`media.delete.inUseDescription`,{count:o})} ${n(`media.delete.onlyOwners`)}`,confirmLabel:n(`common.delete`),onConfirm:i.confirm,trigger:(0,K.jsxs)(b,{variant:`destructive-ghost`,children:[(0,K.jsx)(v,{"aria-hidden":`true`}),n(`media.delete.action`)]})}),(0,K.jsx)(Pe,{open:i.force.open,onOpenChange:i.force.onOpenChange,title:n(`media.delete.inUseTitle`),description:`${n(`media.delete.inUseDescription`,{count:i.force.usageCount})} ${n(`media.delete.ownerMayForce`)}`,confirmLabel:n(`media.delete.force`),destructive:!0,pending:i.force.pending,error:i.force.error,onConfirm:i.force.confirm})]})},_t=({asset:e,form:t,onSubmit:n,pending:r,error:i,readOnly:o})=>{let{t:s}=a(),c=tt({control:t.control,name:`focalPoint`}),l=D(e.mimeType);return(0,K.jsx)(`form`,{noValidate:!0,"aria-label":s(`media.details.formLabel`),onSubmit:e=>{e.preventDefault(),n()},children:(0,K.jsx)(`fieldset`,{disabled:o,className:`contents`,children:(0,K.jsxs)(Oe,{children:[(0,K.jsx)(nt,{control:t.control,name:`filename`,label:s(`media.fields.filename`),autoComplete:`off`}),l?(0,K.jsx)(z,{control:t.control,name:`alt`,label:s(`media.fields.alt`),rows:2,placeholder:s(`media.details.altHint`)}):null,l&&!o?(0,K.jsx)(ot,{assetId:e.id,mimeType:e.mimeType,onSuggest:e=>t.setValue(`alt`,e,{shouldDirty:!0,shouldValidate:!0})}):null,(0,K.jsx)(z,{control:t.control,name:`caption`,label:s(`media.fields.caption`),rows:2}),l&&!o?(0,K.jsx)(ze,{imageUrl:e.url,value:c.field.value,onChange:e=>c.field.onChange(e)}):null,(0,K.jsx)(S,{error:i}),o?null:(0,K.jsx)(`div`,{className:`flex justify-end`,children:(0,K.jsx)(oe,{pending:r,pendingLabel:s(`common.saving`),disabled:!t.formState.isDirty,children:s(`common.saveChanges`)})})]})})})},vt=e=>e.variants.find(e=>e.name===`w1280`&&e.url)?.url??e.variants.find(e=>e.name===`w640`&&e.url)?.url??e.url,yt=({asset:e})=>{let{t}=a();return D(e.mimeType)?(0,K.jsx)(`img`,{src:vt(e),alt:e.alt||t(`media.details.previewOf`,{name:e.filename}),className:`max-h-72 w-full rounded-lg border bg-muted object-contain`}):e.mimeType.startsWith(`video/`)?(0,K.jsx)(`video`,{src:e.url,controls:!0,preload:`metadata`,className:`max-h-72 w-full rounded-lg border bg-muted`}):e.mimeType.startsWith(`audio/`)?(0,K.jsx)(`audio`,{src:e.url,controls:!0,preload:`metadata`,className:`w-full`}):(0,K.jsxs)(`div`,{className:`flex flex-col items-center gap-3 rounded-lg border bg-muted px-4 py-8`,children:[(0,K.jsx)(Ge,{mimeType:e.mimeType,className:`size-10 text-muted-foreground`}),(0,K.jsx)(b,{asChild:!0,variant:`outline`,size:`sm`,children:(0,K.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,children:[(0,K.jsx)(Ue,{"aria-hidden":`true`}),t(`media.details.openFile`)]})})]})},q=({title:e,children:t})=>(0,K.jsxs)(`section`,{className:`space-y-3`,children:[(0,K.jsx)(`h3`,{className:`text-sm font-semibold`,children:e}),t]}),bt=({assetId:e})=>{let{t}=a(),n=ee(e);return n.isPending?(0,K.jsx)(x,{className:`h-8 w-full`}):n.isError?(0,K.jsx)(g,{error:n.error,onRetry:()=>void n.refetch()}):n.data.total===0?(0,K.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:t(`media.usage.none`)}):(0,K.jsxs)(`div`,{className:`space-y-2`,children:[(0,K.jsx)(`p`,{className:`text-sm`,children:t(`media.usage.count`,{count:n.data.total})}),(0,K.jsx)(`ul`,{className:`divide-y rounded-lg border`,children:n.data.items.map(e=>(0,K.jsxs)(`li`,{className:`flex min-w-0 items-center gap-2 px-3 py-2`,children:[(0,K.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs`,title:e.entryId,children:t(`media.usage.entry`,{id:e.entryId})}),(0,K.jsx)(ge,{variant:`outline`,className:`font-mono`,children:e.locale}),(0,K.jsx)(h,{size:`sm`,tone:e.state===`published`?`success`:`neutral`,label:e.state===`published`?t(`media.usage.published`):t(`media.usage.draft`)})]},`${e.entryId}:${e.fieldId}:${e.locale}:${e.state}`))})]})},xt=({asset:e,canManage:t})=>{let{t:n}=a(),r=u(),[i,o]=(0,W.useState)(!1),s=e.visibility===`private`,c=s?`public`:`private`,l=n(s?`media.visibility.privateExplanation`:`media.visibility.publicExplanation`);return(0,K.jsxs)(Ee,{orientation:`horizontal`,children:[(0,K.jsxs)(De,{children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[s?(0,K.jsx)(ae,{"aria-hidden":`true`,className:`size-4 text-muted-foreground`}):(0,K.jsx)(Ye,{"aria-hidden":`true`,className:`size-4 text-muted-foreground`}),(0,K.jsx)(Ce,{htmlFor:`asset-private`,children:n(`media.visibility.privateLabel`)})]}),(0,K.jsx)(Se,{id:`asset-private-description`,children:t?l:`${l} ${n(`media.visibility.needsManage`)}`})]}),(0,K.jsx)(C,{tone:c===`public`?`danger`:`default`,open:i,onOpenChange:o,title:n(c===`private`?`media.visibility.makePrivateTitle`:`media.visibility.makePublicTitle`),description:n(c===`private`?`media.visibility.makePrivateDescription`:`media.visibility.makePublicDescription`),confirmLabel:n(c===`private`?`media.visibility.makePrivate`:`media.visibility.makePublic`),onConfirm:()=>r.mutateAsync({id:e.id,input:{expectedVersion:e.version,visibility:c}}).then(()=>_.success(n(`media.visibility.changed`))),children:(0,K.jsx)(et,{id:`asset-private`,checked:s,disabled:!t||r.isPending,"aria-describedby":`asset-private-description`,onCheckedChange:()=>o(!0)})})]})},St=({assetId:e,onClose:t,onReplace:n})=>{let{t:r}=a(),i=l(e),o=i.data,{canWrite:s,canManage:c}=T(),u=pt(o),{requestOpenChange:d,discardPrompt:f}=it({dirty:u.form.formState.isDirty,pending:u.pending,onOpenChange:e=>{e||(u.form.reset(),t())}}),p=o?qe[o.status]:void 0;return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(ce,{open:e!==void 0,onOpenChange:d,children:(0,K.jsxs)(_e,{size:`sm`,children:[(0,K.jsxs)(he,{children:[(0,K.jsx)(me,{className:`pr-8 break-all`,children:o?.filename??r(`media.details.title`)}),(0,K.jsx)(le,{className:`text-meta`,children:o?[Ke(o.filename,o.mimeType),Je(o.sizeBytes),o.width&&o.height?r(`media.dimensions`,{width:o.width,height:o.height}):``].filter(Boolean).join(` · `):r(`common.loading`)}),o&&p?(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 pt-1`,children:[(0,K.jsx)(h,{tone:p.tone,label:r(p.labelKey)}),o.visibility===`private`?(0,K.jsx)(h,{tone:`muted`,label:r(`media.visibility.private`)}):null,(0,K.jsx)(`span`,{className:`ml-auto`,children:(0,K.jsx)(ct,{value:o.url})})]}):null]}),(0,K.jsxs)(pe,{className:`space-y-6`,children:[i.isPending?(0,K.jsx)(ve,{rows:3}):null,i.isError?(0,K.jsx)(g,{error:i.error,onRetry:()=>void i.refetch()}):null,o&&p?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(`div`,{className:`space-y-3`,children:[(0,K.jsx)(yt,{asset:o}),o.urlExpiresAt?(0,K.jsx)(`p`,{className:`text-meta text-muted-foreground`,children:r(`media.details.signedLinkNote`)}):null,o.processingError?(0,K.jsxs)(Me,{variant:`destructive`,children:[(0,K.jsx)(fe,{"aria-hidden":`true`}),(0,K.jsx)(Ne,{children:o.processingError})]}):null]}),(0,K.jsx)(q,{title:r(`media.details.metadata`),children:(0,K.jsx)(_t,{asset:o,form:u.form,onSubmit:()=>void u.onSubmit(),pending:u.pending,error:u.error,readOnly:!s})}),(0,K.jsx)(q,{title:r(`media.usage.title`),children:(0,K.jsx)(bt,{assetId:o.id})}),(0,K.jsx)(q,{title:r(`media.visibility.title`),children:(0,K.jsx)(xt,{asset:o,canManage:c})}),(0,K.jsx)(q,{title:r(`media.variants.title`),children:(0,K.jsx)(We,{asset:o})})]}):null]}),o&&(s||c)?(0,K.jsxs)(ue,{className:`flex-row flex-wrap justify-between`,children:[c?(0,K.jsx)(gt,{asset:o,onDeleted:t}):null,s?(0,K.jsx)(w,{variant:`outline`,multiple:!1,label:r(`media.details.replace`),onFiles:([e])=>e?n(o.id,e):void 0,className:`ml-auto`}):null]}):null]})}),f]})},J=e=>e.dataTransfer.types.includes(`Files`),Ct=({enabled:e,onFiles:t,children:n,className:r})=>{let{t:i}=a(),[o,c]=(0,W.useState)(!1),l=(0,W.useRef)(0);return e?(0,K.jsxs)(`div`,{className:s(`relative`,r),onDragEnter:e=>{J(e)&&(l.current+=1,c(!0))},onDragLeave:()=>{l.current=Math.max(0,l.current-1),l.current===0&&c(!1)},onDragOver:e=>{J(e)&&(e.preventDefault(),e.dataTransfer.dropEffect=`copy`)},onDrop:e=>{e.preventDefault(),l.current=0,c(!1);let n=[...e.dataTransfer.files];n.length>0&&t(n)},children:[n,o?(0,K.jsxs)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-0 z-20 flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-primary bg-background/90 text-primary`,children:[(0,K.jsx)(Be,{className:`size-8`}),(0,K.jsx)(`p`,{className:`font-semibold`,children:i(`media.upload.dropHere`)})]}):null]}):(0,K.jsx)(`div`,{className:r,children:n})},Y=e=>{let t=Map.groupBy(e,t=>t.parentId&&e.some(e=>e.id===t.parentId)?t.parentId:null),n=(e,r)=>[...t.get(e)??[]].sort((e,t)=>e.name.localeCompare(t.name)).map(e=>({...e,depth:r,children:n(e.id,r+1)}));return n(null,0)},X=e=>e.flatMap(e=>[e,...X(e.children)]),wt=I({name:j().max(255,`validation.tooLong`)}),Tt=(e,t)=>{let n=te(),r=ne(),i=e.mode===`rename`?e.folder.name:``,a=N({resolver:M(wt),defaultValues:{name:i}}),o=a.handleSubmit(async({name:i})=>{let a=i.trim();if(e.mode===`rename`&&a===e.folder.name){t();return}(await P(e.mode===`rename`?r.mutateAsync({id:e.folder.id,input:{expectedVersion:e.folder.version,name:a}}):n.mutateAsync({name:a,parentId:e.parentId}))).ok&&(_.success(y.t(e.mode===`rename`?`media.folders.renamed`:`media.folders.created`,{name:a})),t())}),s=e.mode===`rename`?r:n;return{form:a,onSubmit:o,initialName:i,pending:s.isPending,error:s.error}},Z=({edit:e,onDone:t})=>{let{t:n}=a(),r=(0,W.useId)(),{form:i,onSubmit:s,initialName:c,pending:l,error:u}=Tt(e,()=>t(!0)),{setFocus:d}=i;(0,W.useEffect)(()=>{d(`name`,{shouldSelect:!0})},[d]);let f=i.formState.errors.name?.message??(u?Ae(u):void 0),p=e.mode===`create`;return(0,K.jsxs)(`div`,{children:[(0,K.jsxs)(`form`,{noValidate:!0,onSubmit:e=>void s(e),onKeyDown:e=>{e.key===`Escape`&&!l&&(e.preventDefault(),e.stopPropagation(),t(!0))},onBlur:e=>{let n=e.relatedTarget;n instanceof Node&&e.currentTarget.contains(n)||!l&&i.getValues(`name`).trim()===c&&t(!1)},className:`flex items-center gap-1 py-0.5 pl-1`,children:[p?(0,K.jsx)(E,{"aria-hidden":`true`,className:`size-4 shrink-0 text-muted-foreground`}):(0,K.jsx)(k,{"aria-hidden":`true`,className:`size-4 shrink-0 text-muted-foreground`}),(0,K.jsx)(je,{...i.register(`name`),inputSize:`sm`,autoComplete:`off`,spellCheck:!1,readOnly:l,"aria-label":p?n(`media.folders.newName`):n(`media.folders.renameLabel`,{name:e.folder.name}),"aria-invalid":f?!0:void 0,"aria-describedby":f?r:void 0,className:`h-8 px-2`}),(0,K.jsx)(b,{type:`submit`,variant:`ghost`,size:`icon-xs`,disabled:l,"aria-label":n(p?`media.folders.create`:`media.folders.saveName`),children:l?(0,K.jsx)(o,{"aria-hidden":`true`,className:`animate-spin`}):(0,K.jsx)(ke,{"aria-hidden":`true`})}),(0,K.jsx)(b,{type:`button`,variant:`ghost`,size:`icon-xs`,disabled:l,"aria-label":n(`common.cancel`),onClick:()=>t(!0),children:(0,K.jsx)(m,{"aria-hidden":`true`})})]}),(0,K.jsx)(`div`,{className:`pl-6`,children:(0,K.jsx)(rt,{id:r,message:f})})]})},Q=`flex h-9 min-w-0 items-center gap-2.5 rounded-lg text-left text-sm font-medium text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-[current=true]:bg-accent aria-[current=true]:font-semibold aria-[current=true]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0`,Et=({folder:e,canManage:t,actions:n})=>{let{t:r}=a(),i=(0,W.useRef)(!1),o=e=>()=>{i.current=!0,e()};return(0,K.jsxs)($e,{children:[(0,K.jsx)(C,{tone:`danger`,open:n.deletingId===e.id,onOpenChange:t=>n.onDeleteOpenChange(e,t),title:r(`media.folders.deleteTitle`,{name:e.name}),description:r(`media.folders.deleteDescription`),confirmLabel:r(`common.delete`),onConfirm:()=>n.onDelete(e),children:(0,K.jsx)(Ze,{asChild:!0,children:(0,K.jsx)(b,{variant:`ghost`,size:`icon-xs`,"aria-label":r(`media.folders.actions`,{name:e.name}),className:`absolute right-1.5`,"data-folder-menu":e.id,children:(0,K.jsx)(He,{"aria-hidden":`true`})})})}),(0,K.jsxs)(Qe,{align:`end`,onCloseAutoFocus:e=>{i.current&&(i.current=!1,e.preventDefault())},children:[(0,K.jsxs)(A,{onSelect:o(()=>n.onCreate(e.id)),children:[(0,K.jsx)(E,{"aria-hidden":`true`}),r(`media.folders.newSubfolder`)]}),(0,K.jsxs)(A,{onSelect:o(()=>n.onRename(e)),children:[(0,K.jsx)(k,{"aria-hidden":`true`}),r(`media.folders.rename`)]}),t?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(Xe,{}),(0,K.jsxs)(A,{variant:`destructive`,onSelect:o(()=>n.onDeleteOpenChange(e,!0)),children:[(0,K.jsx)(v,{"aria-hidden":`true`}),r(`common.delete`)]})]}):null]})]})},Dt=({node:e,currentId:t,canWrite:n,canManage:r,actions:i,editing:a,onEditDone:o,onSelect:c})=>{let l=e.id===t,u=l?ut:U,d=a?.mode===`rename`&&a.folder.id===e.id?a:void 0,f=a?.mode===`create`&&a.parentId===e.id?a:void 0;return(0,K.jsxs)(`li`,{children:[d?(0,K.jsx)(Z,{edit:d,onDone:o}):(0,K.jsxs)(`div`,{className:`relative flex items-center`,children:[(0,K.jsxs)(`button`,{type:`button`,"aria-current":l?`true`:void 0,onClick:()=>c(e.id),className:s(Q,`flex-1 pl-2.5`,n?`pr-9`:`pr-2.5`),children:[(0,K.jsx)(u,{"aria-hidden":`true`}),(0,K.jsx)(`span`,{className:`truncate`,children:e.name}),(0,K.jsx)(`span`,{className:`ml-auto text-xs font-medium text-muted-foreground tabular-nums`,children:e.assetCount})]}),n?(0,K.jsx)(Et,{folder:e,canManage:r,actions:i}):null]}),e.children.length>0||f?(0,K.jsxs)(`ul`,{className:`mt-0.5 ml-4 space-y-0.5 border-l pl-1.5`,children:[f?(0,K.jsx)(`li`,{children:(0,K.jsx)(Z,{edit:f,onDone:o})}):null,e.children.map(e=>(0,K.jsx)(Dt,{node:e,currentId:t,canWrite:n,canManage:r,actions:i,editing:a,onEditDone:o,onSelect:c},e.id))]}):null]})},Ot=({current:e,icon:t,label:n,onClick:r})=>(0,K.jsxs)(`button`,{type:`button`,"aria-current":e?`true`:void 0,onClick:r,className:s(Q,`w-full px-2.5`),children:[t,(0,K.jsx)(`span`,{className:`truncate`,children:n})]}),kt=({folders:e,current:t,canWrite:n,canManage:r,actions:i,editing:o,onEditDone:s,onSelect:c,className:l})=>{let{t:u}=a(),d=(0,W.useMemo)(()=>Y(e??[]),[e]),f=o?.mode===`create`&&o.parentId===null?o:void 0;return(0,K.jsx)(st,{title:u(`media.folders.title`),flush:!0,className:l,bodyClassName:`p-2`,children:(0,K.jsxs)(`nav`,{"aria-label":u(`media.folders.title`),className:`space-y-1`,children:[(0,K.jsxs)(`ul`,{className:`space-y-0.5`,children:[(0,K.jsx)(`li`,{children:(0,K.jsx)(Ot,{current:t===void 0,icon:(0,K.jsx)(Le,{"aria-hidden":`true`}),label:u(`media.folders.all`),onClick:()=>c(void 0)})}),(0,K.jsx)(`li`,{children:(0,K.jsx)(Ot,{current:t===R,icon:(0,K.jsx)(O,{"aria-hidden":`true`}),label:u(`media.folders.unfiled`),onClick:()=>c(R)})})]}),e===void 0?(0,K.jsx)(x,{className:`h-8 w-full`}):d.length>0||f?(0,K.jsxs)(`ul`,{className:`space-y-0.5 border-t pt-1`,children:[f?(0,K.jsx)(`li`,{children:(0,K.jsx)(Z,{edit:f,onDone:s})}):null,d.map(e=>(0,K.jsx)(Dt,{node:e,currentId:t,canWrite:n,canManage:r,actions:i,editing:o,onEditDone:s,onSelect:c},e.id))]}):null]})})},At=()=>{let[e,t]=(0,W.useState)(new Set);return{selected:e,toggle:(0,W.useCallback)((e,n)=>t(t=>{let r=new Set(t);return n?r.add(e):r.delete(e),r}),[]),clear:(0,W.useCallback)(()=>t(new Set),[])}},jt=e=>{let t=e.mode===`rename`?e.folder.id:e.parentId,n=t===null?`[data-new-folder]`:`[data-folder-menu="${CSS.escape(t)}"]`;return document.querySelector(n)},Mt=e=>{let[t,n]=(0,W.useState)(void 0),[r,i]=(0,W.useState)(void 0),a=p();return{actions:{onCreate:e=>n({mode:`create`,parentId:e}),onRename:e=>n({mode:`rename`,folder:e}),deletingId:r,onDeleteOpenChange:(e,t)=>i(t?e.id:void 0),onDelete:t=>a.mutateAsync(t.id).then(()=>{_.success(y.t(`media.folders.deleted`,{name:t.name})),e(t)})},editing:t,stopEditing:e=>{let r=t;n(void 0),r&&e&&requestAnimationFrame(()=>jt(r)?.focus())}}},Nt=()=>{let e=ye({from:`/app/media`}),t=re({from:`/media`});return{search:e,setSearch:(e,n=!1)=>void t({search:t=>({...t,...e}),replace:n}),assetQuery:{...e.folder?{folder:e.folder}:{},...e.q?{search:e.q}:{},...e.type?{mimeType:at[e.type]}:{}}}},Pt=e=>{if(![`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key))return;let t=[...e.currentTarget.querySelectorAll(`button:not(:disabled)`)];if(t.length===0)return;e.preventDefault();let n=t.findIndex(e=>e===document.activeElement),r=t.length-1;t[e.key===`Home`?0:e.key===`End`?r:e.key===`ArrowDown`?Math.min(n+1,r):Math.max(n-1,0)]?.focus()},Ft=(e,t)=>{let n=c(),[r,i]=(0,W.useState)(void 0);return{target:n.isPending?r:void 0,pending:n.isPending,error:n.error,reset:n.reset,moveTo:async r=>{i(r);let a=await P(n.mutateAsync({assetIds:[...e],folderId:r}));a.ok&&(_.success(y.t(`media.move.done`,{count:a.value.moved.length})),t())}}},$=({icon:e,label:t,depth:n,pending:r,disabled:i,onClick:a})=>(0,K.jsx)(`li`,{children:(0,K.jsxs)(`button`,{type:`button`,disabled:i,"aria-busy":r||void 0,onClick:a,style:{"--depth":n},className:s(Q,`w-full pr-2.5 pl-[calc(0.625rem+var(--depth)*1rem)] disabled:opacity-50`),children:[r?(0,K.jsx)(o,{"aria-hidden":`true`,className:`animate-spin`}):e,(0,K.jsx)(`span`,{className:`truncate`,children:t})]})}),It=({assetIds:e,onMoved:t})=>{let{t:n}=a(),r=(0,W.useId)(),[i,o]=(0,W.useState)(!1),s=f(),c=(0,W.useMemo)(()=>X(Y(s.data??[])),[s.data]),l=Ft(e,()=>{o(!1),t()});return(0,K.jsxs)(Te,{open:i,onOpenChange:e=>{l.pending||(e&&l.reset(),o(e))},modal:!0,children:[(0,K.jsx)(xe,{asChild:!0,children:(0,K.jsxs)(b,{size:`sm`,variant:`outline`,children:[(0,K.jsx)(lt,{"aria-hidden":`true`}),n(`media.move.action`)]})}),(0,K.jsxs)(we,{align:`end`,"aria-labelledby":r,className:`w-72 space-y-2 p-2`,children:[(0,K.jsx)(`p`,{id:r,className:`px-2.5 pt-1 text-sm font-semibold`,children:n(`media.move.title`,{count:e.length})}),(0,K.jsxs)(`ul`,{className:`max-h-72 space-y-0.5 overflow-y-auto`,onKeyDown:Pt,children:[(0,K.jsx)($,{icon:(0,K.jsx)(O,{"aria-hidden":`true`}),label:n(`media.folders.none`),depth:0,pending:l.target===null,disabled:l.pending,onClick:()=>void l.moveTo(null)}),c.map(e=>(0,K.jsx)($,{icon:(0,K.jsx)(U,{"aria-hidden":`true`}),label:e.name,depth:e.depth,pending:l.target===e.id,disabled:l.pending,onClick:()=>void l.moveTo(e.id)},e.id))]}),s.isPending?(0,K.jsx)(x,{className:`h-8 w-full`}):null,(0,K.jsx)(S,{error:l.error})]})]})},Lt=({selected:e,onClear:t})=>{let{t:n}=a();return(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 rounded-xl border bg-accent py-1.5 pr-1.5 pl-4 text-accent-foreground`,children:[(0,K.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:`mr-auto text-sm font-medium`,children:n(`media.selectedCount`,{count:e.size})}),(0,K.jsx)(It,{assetIds:[...e],onMoved:t}),(0,K.jsxs)(b,{size:`sm`,variant:`ghost`,onClick:t,children:[(0,K.jsx)(m,{"aria-hidden":`true`}),n(`media.clearSelection`)]})]})},Rt=be(`/app/media`)({component:()=>{let{t:e}=a(),{search:t,setSearch:n,assetQuery:r}=Nt(),i=f(),{canWrite:o,canManage:s}=T(),c=Ve(),l=At(),u=Mt(e=>{t.folder===e.id&&n({folder:void 0})}),d=t.folder&&t.folder!==`root`?t.folder:null,p=e=>c.enqueue(e,{folderId:d,visibility:`public`});return(0,K.jsxs)(se,{width:`full`,children:[(0,K.jsx)(de,{title:e(`media.title`),actions:o?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(b,{variant:`outline`,"data-new-folder":!0,onClick:()=>u.actions.onCreate(null),children:[(0,K.jsx)(E,{"aria-hidden":`true`}),e(`media.folders.new`)]}),(0,K.jsx)(w,{label:e(`media.upload.action`),onFiles:p})]}):null}),(0,K.jsxs)(`div`,{className:`grid gap-6 lg:grid-cols-[13.75rem_minmax(0,1fr)]`,children:[(0,K.jsx)(kt,{folders:i.data,current:t.folder,canWrite:o,canManage:s,actions:u.actions,editing:u.editing,onEditDone:u.stopEditing,onSelect:e=>{l.clear(),n({folder:e})},className:`lg:self-start`}),(0,K.jsxs)(Ct,{enabled:o,onFiles:p,className:`min-h-96 min-w-0 space-y-4`,children:[(0,K.jsx)(Re,{onRetry:c.retry,onDismiss:c.dismiss}),(0,K.jsx)(Ie,{query:t.q,type:t.type,view:t.view??`grid`,onQueryChange:e=>n({q:e},!0),onTypeChange:e=>n({type:e}),onViewChange:e=>n({view:e})}),l.selected.size>0?(0,K.jsx)(Lt,{selected:l.selected,onClear:l.clear}):null,(0,K.jsx)(Fe,{query:r,filtered:!!(t.q||t.type),view:t.view??`grid`,selected:l.selected,selectable:o,activeId:t.asset,onSelectChange:l.toggle,onOpen:e=>n({asset:e.id})})]})]}),(0,K.jsx)(St,{assetId:t.asset,onClose:()=>n({asset:void 0}),onReplace:(e,t)=>c.enqueue([t],{folderId:null,visibility:`public`,replaceAssetId:e})})]})}});export{Rt as mediaLazyRoute};
-//# sourceMappingURL=media-WLnWaL7U.js.map
+import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{F as r,i,j as a,r as o,t as s}from"./cn-M4_WHiur.js";import{c,i as l,l as u,n as d,o as f,r as p,s as ee,t as te,u as ne}from"./media-CKTs3j83.js";import{T as re,h as ie}from"./auth-BaVAo0u_.js";import{A as ae,O as m,_ as oe,a as se,c as ce,d as le,f as ue,i as de,k as fe,l as pe,m as me,n as h,p as he,r as g,t as ge,u as _e,v as ve}from"./badge-IBeVOhKd.js";import{o as ye}from"./RowTitle-BD8QPs_v.js";import{t as be}from"./fileRoute-Buucm0CU.js";import{G as _,R as v,a as xe,c as Se,d as Ce,i as we,n as Te,o as Ee,s as De,u as Oe}from"./InfoHint-Bz_yvehr.js";import{N as y,O as ke,i as b,k as Ae,n as je,t as x}from"./skeleton-CCwdO9oq.js";import{a as Me,i as S,o as Ne,r as C,t as Pe}from"./ConfirmDialog-Tu-gjEwm.js";import{a as Fe,i as Ie,l as Le,n as Re,o as ze,r as w,s as Be,t as Ve}from"./useMediaUploader-CLHmKCwq.js";import{t as He}from"./ellipsis-xDmHl1SK.js";import{t as Ue}from"./external-link-DtJAaOWk.js";import{a as We,c as T,i as Ge,l as E,n as Ke,o as qe,r as D,s as Je}from"./Thumbnail-CTpKlrxR.js";import{t as Ye}from"./globe-CAhrwBgv.js";import{t as O}from"./inbox-CukkApHK.js";import{t as k}from"./pencil-BqAgKC9v.js";import{a as A,l as Xe,p as Ze,r as Qe,t as $e}from"./dropdown-menu-Cl20LCvY.js";import{t as et}from"./switch-JmfyFAQG.js";import{c as tt,n as nt,o as j,r as rt,t as M,u as N}from"./zod-Gtw4e0qi.js";import{t as P}from"./settle-LRKtTN_e.js";import{_ as F,g as I,h as L}from"./table-BEDv9IRM.js";import{t as it}from"./useDiscardGuard-t_N3l9TQ.js";import{i as R,r as at}from"./constants-DCtq_UOe.js";import{t as ot}from"./SuggestAltButton-DEsbHvs4.js";import{t as st}from"./Panel-BdjqCkKs.js";import{t as ct}from"./CopyButton-BuBaIlCk.js";import{t as z}from"./FormTextareaField-BXidSgIE.js";var B={name:`folder-input`,size:24,node:[[`path`,{d:`M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1`,key:`fm4g5t`}],[`path`,{d:`M2 13h10`,key:`pgb2dq`}],[`path`,{d:`m9 16 3-3-3-3`,key:`6m91ic`}]]};B.node;var lt=i(B),V={name:`folder-open`,size:24,node:[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]]};V.node;var ut=i(V),H={name:`folder`,size:24,node:[[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]};H.node;var U=i(H),W=e(t(),1),dt=I({filename:j().max(255,`validation.tooLong`),alt:F().max(1e3,`validation.tooLong`),caption:F().max(4e3,`validation.tooLong`),focalPoint:I({x:L().min(0).max(1),y:L().min(0).max(1)}).nullable()}),G=e=>({filename:e?.filename??``,alt:e?.alt??``,caption:e?.caption??``,focalPoint:e?.focalPoint??null}),ft=(e,t)=>({expectedVersion:e.version,...t.filename===e.filename?{}:{filename:t.filename.trim()},...t.alt===e.alt?{}:{alt:t.alt},...t.caption===e.caption?{}:{caption:t.caption},...JSON.stringify(t.focalPoint)===JSON.stringify(e.focalPoint)?{}:{focalPoint:t.focalPoint}}),pt=e=>{let t=u(),n=N({resolver:M(dt),defaultValues:G(e)}),{reset:r}=n;return(0,W.useEffect)(()=>{r(G(e)),t.reset()},[e?.id,r]),{form:n,onSubmit:n.handleSubmit(async n=>{if(!e)return;let i=await P(t.mutateAsync({id:e.id,input:ft(e,n)}));i.ok&&(r(G(i.value)),_.success(y.t(`media.details.saved`)))}),pending:t.isPending,error:t.error}},mt=e=>{let t=e instanceof r?e.details:void 0;return typeof t?.usageCount==`number`?t.usageCount:0},ht=(e,t,n)=>{let r=d(),[i,a]=(0,W.useState)(void 0),[o,s]=(0,W.useState)(!1),[c,l]=(0,W.useState)(0),u=e=>{_.success(y.t(`media.delete.done`,{name:e.filename})),n()};return{blockedUsageCount:i&&i.assetId===e?.id?i.usageCount:void 0,confirm:async()=>{if(e){try{await r.mutateAsync({id:e.id,force:!1})}catch(n){if(!ie(n,`MEDIA_IN_USE`))throw n;let i=mt(n);if(!t)throw a({assetId:e.id,usageCount:i}),n;r.reset(),l(i),s(!0);return}u(e)}},force:{open:o,usageCount:c,pending:r.isPending,error:r.error,onOpenChange:s,confirm:()=>{e&&r.mutate({id:e.id,force:!0},{onSuccess:()=>{s(!1),u(e)}})}}}},K=e(n(),1),gt=({asset:e,onDeleted:t})=>{let{t:n}=a(),{isOwner:r}=T(),i=ht(e,r,t),o=i.blockedUsageCount;return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(C,{tone:`danger`,align:`start`,side:`top`,title:n(`media.delete.title`,{name:e.filename}),description:o===void 0?n(`media.delete.description`):`${n(`media.delete.inUseDescription`,{count:o})} ${n(`media.delete.onlyOwners`)}`,confirmLabel:n(`common.delete`),onConfirm:i.confirm,trigger:(0,K.jsxs)(b,{variant:`destructive-ghost`,children:[(0,K.jsx)(v,{"aria-hidden":`true`}),n(`media.delete.action`)]})}),(0,K.jsx)(Pe,{open:i.force.open,onOpenChange:i.force.onOpenChange,title:n(`media.delete.inUseTitle`),description:`${n(`media.delete.inUseDescription`,{count:i.force.usageCount})} ${n(`media.delete.ownerMayForce`)}`,confirmLabel:n(`media.delete.force`),destructive:!0,pending:i.force.pending,error:i.force.error,onConfirm:i.force.confirm})]})},_t=({asset:e,form:t,onSubmit:n,pending:r,error:i,readOnly:o})=>{let{t:s}=a(),c=tt({control:t.control,name:`focalPoint`}),l=D(e.mimeType);return(0,K.jsx)(`form`,{noValidate:!0,"aria-label":s(`media.details.formLabel`),onSubmit:e=>{e.preventDefault(),n()},children:(0,K.jsx)(`fieldset`,{disabled:o,className:`contents`,children:(0,K.jsxs)(Oe,{children:[(0,K.jsx)(nt,{control:t.control,name:`filename`,label:s(`media.fields.filename`),autoComplete:`off`}),l?(0,K.jsx)(z,{control:t.control,name:`alt`,label:s(`media.fields.alt`),rows:2,placeholder:s(`media.details.altHint`)}):null,l&&!o?(0,K.jsx)(ot,{assetId:e.id,mimeType:e.mimeType,onSuggest:e=>t.setValue(`alt`,e,{shouldDirty:!0,shouldValidate:!0})}):null,(0,K.jsx)(z,{control:t.control,name:`caption`,label:s(`media.fields.caption`),rows:2}),l&&!o?(0,K.jsx)(ze,{imageUrl:e.url,value:c.field.value,onChange:e=>c.field.onChange(e)}):null,(0,K.jsx)(S,{error:i}),o?null:(0,K.jsx)(`div`,{className:`flex justify-end`,children:(0,K.jsx)(oe,{pending:r,pendingLabel:s(`common.saving`),disabled:!t.formState.isDirty,children:s(`common.saveChanges`)})})]})})})},vt=e=>e.variants.find(e=>e.name===`w1280`&&e.url)?.url??e.variants.find(e=>e.name===`w640`&&e.url)?.url??e.url,yt=({asset:e})=>{let{t}=a();return D(e.mimeType)?(0,K.jsx)(`img`,{src:vt(e),alt:e.alt||t(`media.details.previewOf`,{name:e.filename}),className:`max-h-72 w-full rounded-lg border bg-muted object-contain`}):e.mimeType.startsWith(`video/`)?(0,K.jsx)(`video`,{src:e.url,controls:!0,preload:`metadata`,className:`max-h-72 w-full rounded-lg border bg-muted`}):e.mimeType.startsWith(`audio/`)?(0,K.jsx)(`audio`,{src:e.url,controls:!0,preload:`metadata`,className:`w-full`}):(0,K.jsxs)(`div`,{className:`flex flex-col items-center gap-3 rounded-lg border bg-muted px-4 py-8`,children:[(0,K.jsx)(Ge,{mimeType:e.mimeType,className:`size-10 text-muted-foreground`}),(0,K.jsx)(b,{asChild:!0,variant:`outline`,size:`sm`,children:(0,K.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,children:[(0,K.jsx)(Ue,{"aria-hidden":`true`}),t(`media.details.openFile`)]})})]})},q=({title:e,children:t})=>(0,K.jsxs)(`section`,{className:`space-y-3`,children:[(0,K.jsx)(`h3`,{className:`text-sm font-semibold`,children:e}),t]}),bt=({assetId:e})=>{let{t}=a(),n=ee(e);return n.isPending?(0,K.jsx)(x,{className:`h-8 w-full`}):n.isError?(0,K.jsx)(g,{error:n.error,onRetry:()=>void n.refetch()}):n.data.total===0?(0,K.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:t(`media.usage.none`)}):(0,K.jsxs)(`div`,{className:`space-y-2`,children:[(0,K.jsx)(`p`,{className:`text-sm`,children:t(`media.usage.count`,{count:n.data.total})}),(0,K.jsx)(`ul`,{className:`divide-y rounded-lg border`,children:n.data.items.map(e=>(0,K.jsxs)(`li`,{className:`flex min-w-0 items-center gap-2 px-3 py-2`,children:[(0,K.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-xs`,title:e.entryId,children:t(`media.usage.entry`,{id:e.entryId})}),(0,K.jsx)(ge,{variant:`outline`,className:`font-mono`,children:e.locale}),(0,K.jsx)(h,{size:`sm`,tone:e.state===`published`?`success`:`neutral`,label:e.state===`published`?t(`media.usage.published`):t(`media.usage.draft`)})]},`${e.entryId}:${e.fieldId}:${e.locale}:${e.state}`))})]})},xt=({asset:e,canManage:t})=>{let{t:n}=a(),r=u(),[i,o]=(0,W.useState)(!1),s=e.visibility===`private`,c=s?`public`:`private`,l=n(s?`media.visibility.privateExplanation`:`media.visibility.publicExplanation`);return(0,K.jsxs)(Ee,{orientation:`horizontal`,children:[(0,K.jsxs)(De,{children:[(0,K.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[s?(0,K.jsx)(ae,{"aria-hidden":`true`,className:`size-4 text-muted-foreground`}):(0,K.jsx)(Ye,{"aria-hidden":`true`,className:`size-4 text-muted-foreground`}),(0,K.jsx)(Ce,{htmlFor:`asset-private`,children:n(`media.visibility.privateLabel`)})]}),(0,K.jsx)(Se,{id:`asset-private-description`,children:t?l:`${l} ${n(`media.visibility.needsManage`)}`})]}),(0,K.jsx)(C,{tone:c===`public`?`danger`:`default`,open:i,onOpenChange:o,title:n(c===`private`?`media.visibility.makePrivateTitle`:`media.visibility.makePublicTitle`),description:n(c===`private`?`media.visibility.makePrivateDescription`:`media.visibility.makePublicDescription`),confirmLabel:n(c===`private`?`media.visibility.makePrivate`:`media.visibility.makePublic`),onConfirm:()=>r.mutateAsync({id:e.id,input:{expectedVersion:e.version,visibility:c}}).then(()=>_.success(n(`media.visibility.changed`))),children:(0,K.jsx)(et,{id:`asset-private`,checked:s,disabled:!t||r.isPending,"aria-describedby":`asset-private-description`,onCheckedChange:()=>o(!0)})})]})},St=({assetId:e,onClose:t,onReplace:n})=>{let{t:r}=a(),i=l(e),o=i.data,{canWrite:s,canManage:c}=T(),u=pt(o),{requestOpenChange:d,discardPrompt:f}=it({dirty:u.form.formState.isDirty,pending:u.pending,onOpenChange:e=>{e||(u.form.reset(),t())}}),p=o?qe[o.status]:void 0;return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(ce,{open:e!==void 0,onOpenChange:d,children:(0,K.jsxs)(_e,{size:`sm`,children:[(0,K.jsxs)(he,{children:[(0,K.jsx)(me,{className:`pr-8 break-all`,children:o?.filename??r(`media.details.title`)}),(0,K.jsx)(le,{className:`text-meta`,children:o?[Ke(o.filename,o.mimeType),Je(o.sizeBytes),o.width&&o.height?r(`media.dimensions`,{width:o.width,height:o.height}):``].filter(Boolean).join(` · `):r(`common.loading`)}),o&&p?(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 pt-1`,children:[(0,K.jsx)(h,{tone:p.tone,label:r(p.labelKey)}),o.visibility===`private`?(0,K.jsx)(h,{tone:`muted`,label:r(`media.visibility.private`)}):null,(0,K.jsx)(`span`,{className:`ml-auto`,children:(0,K.jsx)(ct,{value:o.url})})]}):null]}),(0,K.jsxs)(pe,{className:`space-y-6`,children:[i.isPending?(0,K.jsx)(ve,{rows:3}):null,i.isError?(0,K.jsx)(g,{error:i.error,onRetry:()=>void i.refetch()}):null,o&&p?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(`div`,{className:`space-y-3`,children:[(0,K.jsx)(yt,{asset:o}),o.urlExpiresAt?(0,K.jsx)(`p`,{className:`text-meta text-muted-foreground`,children:r(`media.details.signedLinkNote`)}):null,o.processingError?(0,K.jsxs)(Me,{variant:`destructive`,children:[(0,K.jsx)(fe,{"aria-hidden":`true`}),(0,K.jsx)(Ne,{children:o.processingError})]}):null]}),(0,K.jsx)(q,{title:r(`media.details.metadata`),children:(0,K.jsx)(_t,{asset:o,form:u.form,onSubmit:()=>void u.onSubmit(),pending:u.pending,error:u.error,readOnly:!s})}),(0,K.jsx)(q,{title:r(`media.usage.title`),children:(0,K.jsx)(bt,{assetId:o.id})}),(0,K.jsx)(q,{title:r(`media.visibility.title`),children:(0,K.jsx)(xt,{asset:o,canManage:c})}),(0,K.jsx)(q,{title:r(`media.variants.title`),children:(0,K.jsx)(We,{asset:o})})]}):null]}),o&&(s||c)?(0,K.jsxs)(ue,{className:`flex-row flex-wrap justify-between`,children:[c?(0,K.jsx)(gt,{asset:o,onDeleted:t}):null,s?(0,K.jsx)(w,{variant:`outline`,multiple:!1,label:r(`media.details.replace`),onFiles:([e])=>e?n(o.id,e):void 0,className:`ml-auto`}):null]}):null]})}),f]})},J=e=>e.dataTransfer.types.includes(`Files`),Ct=({enabled:e,onFiles:t,children:n,className:r})=>{let{t:i}=a(),[o,c]=(0,W.useState)(!1),l=(0,W.useRef)(0);return e?(0,K.jsxs)(`div`,{className:s(`relative`,r),onDragEnter:e=>{J(e)&&(l.current+=1,c(!0))},onDragLeave:()=>{l.current=Math.max(0,l.current-1),l.current===0&&c(!1)},onDragOver:e=>{J(e)&&(e.preventDefault(),e.dataTransfer.dropEffect=`copy`)},onDrop:e=>{e.preventDefault(),l.current=0,c(!1);let n=[...e.dataTransfer.files];n.length>0&&t(n)},children:[n,o?(0,K.jsxs)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-0 z-20 flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-primary bg-background/90 text-primary`,children:[(0,K.jsx)(Be,{className:`size-8`}),(0,K.jsx)(`p`,{className:`font-semibold`,children:i(`media.upload.dropHere`)})]}):null]}):(0,K.jsx)(`div`,{className:r,children:n})},Y=e=>{let t=Map.groupBy(e,t=>t.parentId&&e.some(e=>e.id===t.parentId)?t.parentId:null),n=(e,r)=>[...t.get(e)??[]].sort((e,t)=>e.name.localeCompare(t.name)).map(e=>({...e,depth:r,children:n(e.id,r+1)}));return n(null,0)},X=e=>e.flatMap(e=>[e,...X(e.children)]),wt=I({name:j().max(255,`validation.tooLong`)}),Tt=(e,t)=>{let n=te(),r=ne(),i=e.mode===`rename`?e.folder.name:``,a=N({resolver:M(wt),defaultValues:{name:i}}),o=a.handleSubmit(async({name:i})=>{let a=i.trim();if(e.mode===`rename`&&a===e.folder.name){t();return}(await P(e.mode===`rename`?r.mutateAsync({id:e.folder.id,input:{expectedVersion:e.folder.version,name:a}}):n.mutateAsync({name:a,parentId:e.parentId}))).ok&&(_.success(y.t(e.mode===`rename`?`media.folders.renamed`:`media.folders.created`,{name:a})),t())}),s=e.mode===`rename`?r:n;return{form:a,onSubmit:o,initialName:i,pending:s.isPending,error:s.error}},Z=({edit:e,onDone:t})=>{let{t:n}=a(),r=(0,W.useId)(),{form:i,onSubmit:s,initialName:c,pending:l,error:u}=Tt(e,()=>t(!0)),{setFocus:d}=i;(0,W.useEffect)(()=>{d(`name`,{shouldSelect:!0})},[d]);let f=i.formState.errors.name?.message??(u?Ae(u):void 0),p=e.mode===`create`;return(0,K.jsxs)(`div`,{children:[(0,K.jsxs)(`form`,{noValidate:!0,onSubmit:e=>void s(e),onKeyDown:e=>{e.key===`Escape`&&!l&&(e.preventDefault(),e.stopPropagation(),t(!0))},onBlur:e=>{let n=e.relatedTarget;n instanceof Node&&e.currentTarget.contains(n)||!l&&i.getValues(`name`).trim()===c&&t(!1)},className:`flex items-center gap-1 py-0.5 pl-1`,children:[p?(0,K.jsx)(E,{"aria-hidden":`true`,className:`size-4 shrink-0 text-muted-foreground`}):(0,K.jsx)(k,{"aria-hidden":`true`,className:`size-4 shrink-0 text-muted-foreground`}),(0,K.jsx)(je,{...i.register(`name`),inputSize:`sm`,autoComplete:`off`,spellCheck:!1,readOnly:l,"aria-label":p?n(`media.folders.newName`):n(`media.folders.renameLabel`,{name:e.folder.name}),"aria-invalid":f?!0:void 0,"aria-describedby":f?r:void 0,className:`h-8 px-2`}),(0,K.jsx)(b,{type:`submit`,variant:`ghost`,size:`icon-xs`,disabled:l,"aria-label":n(p?`media.folders.create`:`media.folders.saveName`),children:l?(0,K.jsx)(o,{"aria-hidden":`true`,className:`animate-spin`}):(0,K.jsx)(ke,{"aria-hidden":`true`})}),(0,K.jsx)(b,{type:`button`,variant:`ghost`,size:`icon-xs`,disabled:l,"aria-label":n(`common.cancel`),onClick:()=>t(!0),children:(0,K.jsx)(m,{"aria-hidden":`true`})})]}),(0,K.jsx)(`div`,{className:`pl-6`,children:(0,K.jsx)(rt,{id:r,message:f})})]})},Q=`flex h-9 min-w-0 items-center gap-2.5 rounded-lg text-left text-sm font-medium text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-[current=true]:bg-accent aria-[current=true]:font-semibold aria-[current=true]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0`,Et=({folder:e,canManage:t,actions:n})=>{let{t:r}=a(),i=(0,W.useRef)(!1),o=e=>()=>{i.current=!0,e()};return(0,K.jsxs)($e,{children:[(0,K.jsx)(C,{tone:`danger`,open:n.deletingId===e.id,onOpenChange:t=>n.onDeleteOpenChange(e,t),title:r(`media.folders.deleteTitle`,{name:e.name}),description:r(`media.folders.deleteDescription`),confirmLabel:r(`common.delete`),onConfirm:()=>n.onDelete(e),children:(0,K.jsx)(Ze,{asChild:!0,children:(0,K.jsx)(b,{variant:`ghost`,size:`icon-xs`,"aria-label":r(`media.folders.actions`,{name:e.name}),className:`absolute right-1.5`,"data-folder-menu":e.id,children:(0,K.jsx)(He,{"aria-hidden":`true`})})})}),(0,K.jsxs)(Qe,{align:`end`,onCloseAutoFocus:e=>{i.current&&(i.current=!1,e.preventDefault())},children:[(0,K.jsxs)(A,{onSelect:o(()=>n.onCreate(e.id)),children:[(0,K.jsx)(E,{"aria-hidden":`true`}),r(`media.folders.newSubfolder`)]}),(0,K.jsxs)(A,{onSelect:o(()=>n.onRename(e)),children:[(0,K.jsx)(k,{"aria-hidden":`true`}),r(`media.folders.rename`)]}),t?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(Xe,{}),(0,K.jsxs)(A,{variant:`destructive`,onSelect:o(()=>n.onDeleteOpenChange(e,!0)),children:[(0,K.jsx)(v,{"aria-hidden":`true`}),r(`common.delete`)]})]}):null]})]})},Dt=({node:e,currentId:t,canWrite:n,canManage:r,actions:i,editing:a,onEditDone:o,onSelect:c})=>{let l=e.id===t,u=l?ut:U,d=a?.mode===`rename`&&a.folder.id===e.id?a:void 0,f=a?.mode===`create`&&a.parentId===e.id?a:void 0;return(0,K.jsxs)(`li`,{children:[d?(0,K.jsx)(Z,{edit:d,onDone:o}):(0,K.jsxs)(`div`,{className:`relative flex items-center`,children:[(0,K.jsxs)(`button`,{type:`button`,"aria-current":l?`true`:void 0,onClick:()=>c(e.id),className:s(Q,`flex-1 pl-2.5`,n?`pr-9`:`pr-2.5`),children:[(0,K.jsx)(u,{"aria-hidden":`true`}),(0,K.jsx)(`span`,{className:`truncate`,children:e.name}),(0,K.jsx)(`span`,{className:`ml-auto text-xs font-medium text-muted-foreground tabular-nums`,children:e.assetCount})]}),n?(0,K.jsx)(Et,{folder:e,canManage:r,actions:i}):null]}),e.children.length>0||f?(0,K.jsxs)(`ul`,{className:`mt-0.5 ml-4 space-y-0.5 border-l pl-1.5`,children:[f?(0,K.jsx)(`li`,{children:(0,K.jsx)(Z,{edit:f,onDone:o})}):null,e.children.map(e=>(0,K.jsx)(Dt,{node:e,currentId:t,canWrite:n,canManage:r,actions:i,editing:a,onEditDone:o,onSelect:c},e.id))]}):null]})},Ot=({current:e,icon:t,label:n,onClick:r})=>(0,K.jsxs)(`button`,{type:`button`,"aria-current":e?`true`:void 0,onClick:r,className:s(Q,`w-full px-2.5`),children:[t,(0,K.jsx)(`span`,{className:`truncate`,children:n})]}),kt=({folders:e,current:t,canWrite:n,canManage:r,actions:i,editing:o,onEditDone:s,onSelect:c,className:l})=>{let{t:u}=a(),d=(0,W.useMemo)(()=>Y(e??[]),[e]),f=o?.mode===`create`&&o.parentId===null?o:void 0;return(0,K.jsx)(st,{title:u(`media.folders.title`),flush:!0,className:l,bodyClassName:`p-2`,children:(0,K.jsxs)(`nav`,{"aria-label":u(`media.folders.title`),className:`space-y-1`,children:[(0,K.jsxs)(`ul`,{className:`space-y-0.5`,children:[(0,K.jsx)(`li`,{children:(0,K.jsx)(Ot,{current:t===void 0,icon:(0,K.jsx)(Le,{"aria-hidden":`true`}),label:u(`media.folders.all`),onClick:()=>c(void 0)})}),(0,K.jsx)(`li`,{children:(0,K.jsx)(Ot,{current:t===R,icon:(0,K.jsx)(O,{"aria-hidden":`true`}),label:u(`media.folders.unfiled`),onClick:()=>c(R)})})]}),e===void 0?(0,K.jsx)(x,{className:`h-8 w-full`}):d.length>0||f?(0,K.jsxs)(`ul`,{className:`space-y-0.5 border-t pt-1`,children:[f?(0,K.jsx)(`li`,{children:(0,K.jsx)(Z,{edit:f,onDone:s})}):null,d.map(e=>(0,K.jsx)(Dt,{node:e,currentId:t,canWrite:n,canManage:r,actions:i,editing:o,onEditDone:s,onSelect:c},e.id))]}):null]})})},At=()=>{let[e,t]=(0,W.useState)(new Set);return{selected:e,toggle:(0,W.useCallback)((e,n)=>t(t=>{let r=new Set(t);return n?r.add(e):r.delete(e),r}),[]),clear:(0,W.useCallback)(()=>t(new Set),[])}},jt=e=>{let t=e.mode===`rename`?e.folder.id:e.parentId,n=t===null?`[data-new-folder]`:`[data-folder-menu="${CSS.escape(t)}"]`;return document.querySelector(n)},Mt=e=>{let[t,n]=(0,W.useState)(void 0),[r,i]=(0,W.useState)(void 0),a=p();return{actions:{onCreate:e=>n({mode:`create`,parentId:e}),onRename:e=>n({mode:`rename`,folder:e}),deletingId:r,onDeleteOpenChange:(e,t)=>i(t?e.id:void 0),onDelete:t=>a.mutateAsync(t.id).then(()=>{_.success(y.t(`media.folders.deleted`,{name:t.name})),e(t)})},editing:t,stopEditing:e=>{let r=t;n(void 0),r&&e&&requestAnimationFrame(()=>jt(r)?.focus())}}},Nt=()=>{let e=ye({from:`/app/media`}),t=re({from:`/media`});return{search:e,setSearch:(e,n=!1)=>void t({search:t=>({...t,...e}),replace:n}),assetQuery:{...e.folder?{folder:e.folder}:{},...e.q?{search:e.q}:{},...e.type?{mimeType:at[e.type]}:{}}}},Pt=e=>{if(![`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key))return;let t=[...e.currentTarget.querySelectorAll(`button:not(:disabled)`)];if(t.length===0)return;e.preventDefault();let n=t.findIndex(e=>e===document.activeElement),r=t.length-1;t[e.key===`Home`?0:e.key===`End`?r:e.key===`ArrowDown`?Math.min(n+1,r):Math.max(n-1,0)]?.focus()},Ft=(e,t)=>{let n=c(),[r,i]=(0,W.useState)(void 0);return{target:n.isPending?r:void 0,pending:n.isPending,error:n.error,reset:n.reset,moveTo:async r=>{i(r);let a=await P(n.mutateAsync({assetIds:[...e],folderId:r}));a.ok&&(_.success(y.t(`media.move.done`,{count:a.value.moved.length})),t())}}},$=({icon:e,label:t,depth:n,pending:r,disabled:i,onClick:a})=>(0,K.jsx)(`li`,{children:(0,K.jsxs)(`button`,{type:`button`,disabled:i,"aria-busy":r||void 0,onClick:a,style:{"--depth":n},className:s(Q,`w-full pr-2.5 pl-[calc(0.625rem+var(--depth)*1rem)] disabled:opacity-50`),children:[r?(0,K.jsx)(o,{"aria-hidden":`true`,className:`animate-spin`}):e,(0,K.jsx)(`span`,{className:`truncate`,children:t})]})}),It=({assetIds:e,onMoved:t})=>{let{t:n}=a(),r=(0,W.useId)(),[i,o]=(0,W.useState)(!1),s=f(),c=(0,W.useMemo)(()=>X(Y(s.data??[])),[s.data]),l=Ft(e,()=>{o(!1),t()});return(0,K.jsxs)(Te,{open:i,onOpenChange:e=>{l.pending||(e&&l.reset(),o(e))},modal:!0,children:[(0,K.jsx)(xe,{asChild:!0,children:(0,K.jsxs)(b,{size:`sm`,variant:`outline`,children:[(0,K.jsx)(lt,{"aria-hidden":`true`}),n(`media.move.action`)]})}),(0,K.jsxs)(we,{align:`end`,"aria-labelledby":r,className:`w-72 space-y-2 p-2`,children:[(0,K.jsx)(`p`,{id:r,className:`px-2.5 pt-1 text-sm font-semibold`,children:n(`media.move.title`,{count:e.length})}),(0,K.jsxs)(`ul`,{className:`max-h-72 space-y-0.5 overflow-y-auto`,onKeyDown:Pt,children:[(0,K.jsx)($,{icon:(0,K.jsx)(O,{"aria-hidden":`true`}),label:n(`media.folders.none`),depth:0,pending:l.target===null,disabled:l.pending,onClick:()=>void l.moveTo(null)}),c.map(e=>(0,K.jsx)($,{icon:(0,K.jsx)(U,{"aria-hidden":`true`}),label:e.name,depth:e.depth,pending:l.target===e.id,disabled:l.pending,onClick:()=>void l.moveTo(e.id)},e.id))]}),s.isPending?(0,K.jsx)(x,{className:`h-8 w-full`}):null,(0,K.jsx)(S,{error:l.error})]})]})},Lt=({selected:e,onClear:t})=>{let{t:n}=a();return(0,K.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 rounded-xl border bg-accent py-1.5 pr-1.5 pl-4 text-accent-foreground`,children:[(0,K.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:`mr-auto text-sm font-medium`,children:n(`media.selectedCount`,{count:e.size})}),(0,K.jsx)(It,{assetIds:[...e],onMoved:t}),(0,K.jsxs)(b,{size:`sm`,variant:`ghost`,onClick:t,children:[(0,K.jsx)(m,{"aria-hidden":`true`}),n(`media.clearSelection`)]})]})},Rt=be(`/app/media`)({component:()=>{let{t:e}=a(),{search:t,setSearch:n,assetQuery:r}=Nt(),i=f(),{canWrite:o,canManage:s}=T(),c=Ve(),l=At(),u=Mt(e=>{t.folder===e.id&&n({folder:void 0})}),d=t.folder&&t.folder!==`root`?t.folder:null,p=e=>c.enqueue(e,{folderId:d,visibility:`public`});return(0,K.jsxs)(se,{width:`full`,children:[(0,K.jsx)(de,{title:e(`media.title`),actions:o?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(b,{variant:`outline`,"data-new-folder":!0,onClick:()=>u.actions.onCreate(null),children:[(0,K.jsx)(E,{"aria-hidden":`true`}),e(`media.folders.new`)]}),(0,K.jsx)(w,{label:e(`media.upload.action`),onFiles:p})]}):null}),(0,K.jsxs)(`div`,{className:`grid gap-6 lg:grid-cols-[13.75rem_minmax(0,1fr)]`,children:[(0,K.jsx)(kt,{folders:i.data,current:t.folder,canWrite:o,canManage:s,actions:u.actions,editing:u.editing,onEditDone:u.stopEditing,onSelect:e=>{l.clear(),n({folder:e})},className:`lg:self-start`}),(0,K.jsxs)(Ct,{enabled:o,onFiles:p,className:`min-h-96 min-w-0 space-y-4`,children:[(0,K.jsx)(Re,{onRetry:c.retry,onDismiss:c.dismiss}),(0,K.jsx)(Ie,{query:t.q,type:t.type,view:t.view??`grid`,onQueryChange:e=>n({q:e},!0),onTypeChange:e=>n({type:e}),onViewChange:e=>n({view:e})}),l.selected.size>0?(0,K.jsx)(Lt,{selected:l.selected,onClear:l.clear}):null,(0,K.jsx)(Fe,{query:r,filtered:!!(t.q||t.type),view:t.view??`grid`,selected:l.selected,selectable:o,activeId:t.asset,onSelectChange:l.toggle,onOpen:e=>n({asset:e.id})})]})]}),(0,K.jsx)(St,{assetId:t.asset,onClose:()=>n({asset:void 0}),onReplace:(e,t)=>c.enqueue([t],{folderId:null,visibility:`public`,replaceAssetId:e})})]})}});export{Rt as mediaLazyRoute};
+//# sourceMappingURL=media-CUfV74JZ.js.map