@shumai-one/shumai 0.6.1 → 0.6.2

package/bin/chunk-z1p13dnc.js

@@ -0,0 +1,2 @@
+import{Q,S,G,M,w,Z,Y,a,g,ie,X,ee,Tt,R,z,Gr,K,fs,qe,Be,Mn,jt,Bt,Er,Ue,Ge,B,F,De,Ja,Ne,Fe,de,En,ur,Xs,ei,ti,qm,Ke,lp,Mt,yd,vd,Dr,fp,xx,jx,Ll,gh,xh,a0,l0,Zl,E0,Lh,ms,wo,Bp,_t,yt,vt,bt,wt,Et,xt,Ct,Se,xe,ke,ot,Ce,re,Ie,Xt,Vt,j,co,uo,Wr,gn,ve,ii,An,em}from"./chunk-zarz3sqn.js";import{ai,li,cn,$d,Hd,Ds,Ns,ci,di}from"./chunk-f6avg5qe.js";import{Xl,jd}from"./chunk-r1xer8gn.js";import{Bi}from"./chunk-1ktk6764.js";var tt=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],Ze=z("pencil",tt);Z();Z();function Qe({teamId:d,projectId:r,file:n,onSaveField:l,members:N,onCommentSelect:f,hideAnnotationControl:k=!1,readOnly:h=!1,publicFields:v,isPublic:m=!1,shareId:b,currentTime:L,onTyping:O,selectedCommentId:p,heightPercent:D,onHeightPercentChange:E}){let{canEdit:I}=Xt(r),{fields:s,setFields:H}=cn(),ne=ie(),{ref:J,inView:ae}=Vt(),[o,P]=w(null),[pe,q]=w(!1),[se,Pe]=w(null),V=M(!1),Re=M(0),A=M(D),Ee=(e)=>{V.current=!0,Re.current=e.clientY,A.current=D,e.target.setPointerCapture?.(e.pointerId)},he=Q((e)=>{if(!V.current)return;let x=(Re.current-e.clientY)/window.innerHeight*100,W=Math.min(85,Math.max(10,A.current+x));E(W)},[E]),fe=(e)=>{V.current=!1;try{e.target.releasePointerCapture?.(e.pointerId)}catch{}},{data:U}=X({queryKey:["fields",r],queryFn:async()=>{let e=await R.api.projects[":projectId"].fields.$get({param:{projectId:r}});if(!e.ok)throw Error("Failed to fetch fields");return await e.json()},enabled:!!r&&!v}),y=Ds(n);S(()=>{if(v)H(v,r);else if(U)H(U,r)},[U,v,r,H]);let{data:le,fetchNextPage:_,hasNextPage:ge}=Tt({queryKey:m?["shares",b,"files",n?.id,"comments"]:["files",n?.id,"comments"],queryFn:async({pageParam:e})=>{if(m){let i=localStorage.getItem(`share_pwd_${b}`)||"",x=await R.api.shares[":shareId"].files[":fileId"].comments.$get({param:{shareId:b,fileId:n.id},query:{after:e}},{headers:{"x-share-password":i}});if(!x.ok)throw Error("Failed to fetch comments");return await x.json()}else{let i=await R.api.files[":fileId"].comments.$get({param:{fileId:n.id},query:{after:e}});if(!i.ok)throw Error("Failed to fetch comments");return await i.json()}},enabled:!!n?.id&&(!m||!!b),initialPageParam:"",refetchInterval:2000,getNextPageParam:(e)=>e.pageInfo?.cursor||void 0}),{mutate:we}=ee({mutationFn:async({text:e,attachmentIds:i,annotations:x,replyToId:W,guestUserId:me,second:ce})=>{if(m){let oe=localStorage.getItem(`share_pwd_${b}`)||"",Le=await R.api.shares[":shareId"].files[":fileId"].comments.$post({param:{shareId:b,fileId:n.id},json:{message:e,attachmentIds:i,replyToId:W??void 0,annotations:x,second:ce??void 0}},{headers:{"x-share-password":oe,...me?{"x-guest-user-id":me}:{}}});if(!Le.ok)throw Error("Failed to create comment");return await Le.json()}else{let oe=await R.api.files[":fileId"].comments.$post({param:{fileId:n.id},json:{message:e,attachmentIds:i,replyToId:W??void 0,annotations:x,second:ce??void 0}});if(!oe.ok)throw Error("Failed to create comment");return await oe.json()}},onSuccess:()=>{ne.invalidateQueries({queryKey:m?["shares",b,"files",n?.id,"comments"]:["files",n?.id,"comments"]})},onError:()=>{j.error(jx?.()||"Failed to post comment")}}),be=le?.pages?.[0]?.pageInfo?.total??le?.pages.reduce((e,i)=>e+(i.data?.length||0),0)??0;S(()=>{if(ae&&ge)_()},[ae,_,ge]);let T=G(()=>(n?.fieldValues||[]).reduce((e,i)=>(e[i.fieldId]=i,e),{}),[n?.fieldValues]),te=G(()=>[...s].sort((e,i)=>{let x=e.config?.name?.toLowerCase()||"",W=i.config?.name?.toLowerCase()||"";if(x<W)return-1;if(x>W)return 1;return 0}),[s]),Me=le?.pages.flatMap((e)=>e.data??[])??[],Ae=(e,i,x=[],W,me)=>{if(!e.trim()&&i.length===0&&x.length===0)return;let ce=W||o?.id||null;if(m){let oe=localStorage.getItem(`guest_user_id_${b}`);if(!oe)Pe({text:e,attachmentIds:i,annotations:x,replyToId:ce,second:me}),q(!0);else we({text:e,attachmentIds:i,annotations:x,replyToId:ce,guestUserId:oe,second:me})}else we({text:e,attachmentIds:i,annotations:x,replyToId:ce,second:me});P(null)},Ve=(e)=>{if(se)we({...se,guestUserId:e}),Pe(null),P(null)},ye=(e)=>{let i=N.find((x)=>x.id===e);if(i)return i;return{id:"unknown",name:"Unknown",role:"unknown"}},Te=D<=15;return g("div",{style:{height:`${D}dvh`},className:"shrink-0 flex flex-col bg-background border-t border-border shadow-2xl rounded-t-2xl overflow-hidden select-none z-20","data-testid":"mobile-bottom-sheet",children:[a("div",{onPointerDown:Ee,onPointerMove:he,onPointerUp:fe,onPointerCancel:fe,className:"w-full pt-2 pb-1.5 flex flex-col items-center justify-center cursor-grab active:cursor-grabbing touch-none shrink-0","aria-label":"Drag to resize bottom sheet",children:a("div",{className:"w-10 h-1 rounded-full bg-muted-foreground/30 hover:bg-muted-foreground/50 transition-colors"})}),g(co,{defaultValue:"comments",className:"flex-1 flex flex-col min-h-0 px-2 pb-1 overflow-hidden",children:[g(uo,{className:"w-full shrink-0 h-9 bg-muted/60 p-1",children:[g(Wr,{value:"comments",className:"flex-1 text-xs font-semibold py-1",children:[lp()," ",be>0&&`(${be})`]}),a(Wr,{value:"fields",className:"flex-1 text-xs font-semibold py-1",children:Ll()})]}),g(gn,{value:"comments",className:B("flex-1 flex flex-col overflow-hidden min-h-0 mt-2",Te&&"hidden"),children:[a("div",{className:"flex items-center justify-between px-2 pb-1.5 shrink-0 border-b border-border/50",children:g("span",{className:"text-xs font-bold text-foreground",children:[qm?.()||"All comments",be>0?` (${be})`:""]})}),a(Ie,{className:"flex-1 min-h-0 px-2 py-2 [&>div>div]:block!",children:Me.length===0?a("div",{className:"py-8 text-center text-xs text-muted-foreground",children:l0()}):g("div",{className:"space-y-3",children:[Me.map((e)=>g("div",{children:[a(Xl,{teamId:d,message:e,getUser:ye,onReply:P,hasReplies:!!e.replies?.length,formatTimestamp:y?.commentsConfig?.formatTimestamp,frameRate:y?.commentsConfig?.hasTimestamp?n?.media?.metadata?.frameRate||30:void 0,startTimecode:y?.commentsConfig?.hasTimestamp?n?.media?.metadata?.startTimecode:void 0,isSelected:p===e.id,onSelect:()=>{f?.(e)},readOnly:h,isPublic:m}),e.replies?.map((i,x)=>a("div",{children:a(Xl,{teamId:d,isReply:!0,message:i,getUser:ye,onReply:P,hasReplies:!1,isLastReply:x===(e.replies?.length??0)-1,formatTimestamp:y?.commentsConfig?.formatTimestamp,frameRate:y?.commentsConfig?.hasTimestamp?n?.media?.metadata?.frameRate||30:void 0,startTimecode:y?.commentsConfig?.hasTimestamp?n?.media?.metadata?.startTimecode:void 0,isSelected:p===i.id,onSelect:()=>{f?.(i)},readOnly:h,isPublic:m})},i.id))]},e.id)),a("div",{ref:J})]})}),(!h||m)&&a("div",{className:"mt-auto shrink-0 bg-background border-t border-border pt-1",children:a(jd,{isOpen:pe,onClose:()=>q(!1),onSuccess:Ve,children:a(Bi,{projectId:r,onSendMessage:Ae,replyingTo:o,onCancelReply:()=>P(null),hideAnnotationControl:k,disableMentions:m,currentTime:y?.commentsConfig?.hasTimestamp?L:void 0,formatTimestamp:y?.commentsConfig?.formatTimestamp,frameRate:y?.commentsConfig?.hasTimestamp?n?.media?.metadata?.frameRate||30:void 0,startTimecode:y?.commentsConfig?.hasTimestamp?n?.media?.metadata?.startTimecode:void 0,onTyping:O})})})]}),a(gn,{value:"fields",className:B("flex-1 flex flex-col overflow-hidden min-h-0 mt-2",Te&&"hidden"),children:a(Ie,{className:"flex-1 px-3 py-2 min-h-0 [&>div>div]:block!",children:te&&te.length>0?a("div",{className:"space-y-4 pb-6",children:te.map((e)=>g("div",{className:"space-y-1.5",children:[a("label",{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wide",children:e.config?.name}),a("div",{className:"min-h-[32px]",children:a(di,{fieldId:e.id,config:e.config,value:T[e.id]?.value,onSave:I?(i)=>l(e.id,i):void 0,readOnly:h||e.readOnly||!I})})]},e.id))}):a("div",{className:"py-8 text-center text-xs text-muted-foreground",children:"No custom fields defined"})})})]})]})}function Ye({fileName:d,folderName:r,version:n,versions:l,activeFileId:N,isPublic:f=!1,shareId:k,allowDownload:h=!0,downloadInfo:v,canEdit:m=!1,onBack:b,onPrevFile:L,onNextFile:O,hasPrevFile:p=!1,hasNextFile:D=!1,onSelectVersion:E,onRename:I,onDelete:s,onLinkedTasks:H,linkedTaskCount:ne=0}){let J=async(o)=>{try{let P=f&&k?await R.api.shares[":shareId"].files[":fileId"]["download-url"].$post({param:{shareId:k,fileId:N},json:{key:o}}):await R.api.files["download-url"].$post({json:{key:o,assetId:N}});if(!P.ok)return;let{url:pe}=await P.json(),q=document.createElement("a");q.href=pe,q.download="",document.body.appendChild(q),q.click(),document.body.removeChild(q)}catch{}},ae=(v?.videoTranscodes?.length??0)>0;return g("header",{className:"flex h-12 w-full items-center justify-between border-b border-border bg-card px-2 py-1.5 shrink-0 select-none z-30",children:[a("div",{className:"flex items-center",children:a(F,{variant:"ghost",size:"icon",onClick:b,className:"h-8 w-8 text-foreground hover:bg-accent cursor-pointer","aria-label":Lh(),children:a(Mn,{className:"h-5 w-5"})})}),g("div",{className:"flex flex-1 items-center justify-center gap-1 min-w-0 px-1",children:[g("div",{className:"flex items-center min-w-0 max-w-[65vw]",children:[r&&g(Y,{children:[a("span",{className:"truncate text-xs font-medium text-muted-foreground max-w-[80px]",children:r}),a("span",{className:"text-muted-foreground mx-1 text-xs",children:"/"})]}),l&&l.length>1?g(De,{modal:!1,children:[a(Ne,{asChild:!0,children:g("button",{className:"flex items-center gap-1 min-w-0 truncate text-xs font-medium text-foreground hover:bg-accent rounded px-1 py-0.5 transition-colors cursor-pointer",children:[a("span",{className:"truncate max-w-[120px] font-semibold",children:d}),n!==void 0&&g(ve,{variant:"outline",className:"px-1 py-0 text-[10px] shrink-0 font-normal",children:["v",n]}),a(Be,{className:"h-3 w-3 shrink-0 text-muted-foreground"})]})}),g(Fe,{align:"center",className:"w-48 z-40",children:[a(En,{className:"text-xs",children:Bp()}),l.map((o)=>g(de,{onClick:()=>E?.(o.id),className:B("flex items-center justify-between text-xs cursor-pointer",o.id===N?"bg-accent font-semibold text-accent-foreground":""),children:[g("span",{children:["v",o.version]}),a("span",{className:"text-[11px] text-muted-foreground truncate max-w-[120px]",children:o.name||d})]},o.id))]})]}):g("div",{className:"flex items-center gap-1 min-w-0 truncate",children:[a("span",{className:"truncate text-xs font-semibold text-foreground max-w-[140px]",children:d}),n!==void 0&&g(ve,{variant:"outline",className:"px-1 py-0 text-[10px] shrink-0 font-normal",children:["v",n]})]})]}),(p||D)&&g("div",{className:"flex items-center gap-0.5 shrink-0 bg-muted/60 rounded p-0.5 ml-1",children:[a(F,{variant:"ghost",size:"icon",disabled:!p,onClick:L,className:"h-5 w-5 p-0 text-muted-foreground hover:text-foreground disabled:opacity-30 cursor-pointer",title:E0(),"aria-label":E0(),children:a(Mn,{className:"h-3.5 w-3.5"})}),a(F,{variant:"ghost",size:"icon",disabled:!D,onClick:O,className:"h-5 w-5 p-0 text-muted-foreground hover:text-foreground disabled:opacity-30 cursor-pointer",title:a0(),"aria-label":a0(),children:a(jt,{className:"h-3.5 w-3.5"})})]})]}),a("div",{className:"flex items-center gap-1",children:g(De,{modal:!1,children:[a(Ne,{asChild:!0,children:a(F,{variant:"ghost",size:"icon",className:"h-8 w-8 text-foreground hover:bg-accent cursor-pointer","aria-label":xh(),children:a(Gr,{className:"h-4 w-4"})})}),g(Fe,{align:"end",className:"w-52 z-40",children:[h&&(ae?g(Xs,{children:[g(ei,{className:"flex items-center gap-2 text-xs cursor-pointer",children:[a(Bt,{className:"h-3.5 w-3.5"}),a("span",{children:Dr()})]}),a(Ja,{children:g(ti,{className:"w-48 z-50",children:[a(En,{className:"text-xs",children:Dr()}),v?.videoTranscodes?.map((o)=>{let P=ii(o),pe=o.hdr?`${P} (HDR)`:P;return g(de,{onClick:()=>J(o.key),className:"flex items-center justify-between text-xs cursor-pointer",children:[a("span",{children:pe}),a("span",{className:"text-[10px] text-muted-foreground",children:"MP4"})]},o.key||`${P}-${o.hdr?"hdr":"sdr"}`)}),v?.originalKey&&g(Y,{children:[a(ur,{}),g(de,{onClick:()=>J(v.originalKey),className:"flex items-center justify-between text-xs cursor-pointer",children:[a("span",{children:Zl?.()||"Original"}),a("span",{className:"text-[10px] text-muted-foreground",children:d.split(".").pop()?.toUpperCase()||"RAW"})]})]})]})})]}):g(de,{onClick:()=>v?.originalKey&&J(v.originalKey),disabled:!v?.originalKey,className:"flex items-center gap-2 text-xs cursor-pointer",children:[a(Bt,{className:"h-3.5 w-3.5"}),a("span",{children:Dr()})]})),l&&l.length>1&&E&&g(Xs,{children:[a(ei,{className:"flex items-center gap-2 text-xs cursor-pointer",children:a("span",{children:Bp?.()||"Switch version"})}),a(Ja,{children:g(ti,{className:"w-48 z-50",children:[a(En,{className:"text-xs",children:Bp?.()||"Switch version"}),l.map((o)=>g(de,{onClick:()=>E(o.id),className:B("flex items-center justify-between text-xs cursor-pointer",o.id===N?"bg-accent font-semibold text-accent-foreground":""),children:[g("span",{children:["v",o.version]}),a("span",{className:"text-[10px] text-muted-foreground truncate max-w-[120px]",children:o.name||d})]},o.id))]})})]}),H&&g(de,{onClick:H,className:"flex items-center justify-between text-xs cursor-pointer",children:[g("span",{className:"flex items-center gap-2",children:[a(fs,{className:"h-3.5 w-3.5"}),a("span",{children:gh?.()||"Linked Tasks"})]}),ne>0&&a("span",{className:"inline-flex items-center justify-center px-1.5 py-0.2 text-[10px] font-semibold rounded-full bg-muted-foreground/15 text-foreground",children:ne})]}),m&&I&&g(de,{onClick:I,className:"flex items-center gap-2 text-xs cursor-pointer",children:[a(Ze,{className:"h-3.5 w-3.5"}),a("span",{children:ms()})]}),m&&s&&g(Y,{children:[a(ur,{}),g(de,{onClick:s,className:"flex items-center gap-2 text-xs text-destructive focus:text-destructive cursor-pointer",children:[a(Ue,{className:"h-3.5 w-3.5"}),a("span",{children:Mt()})]})]})]})]})})]})}function pu({projectId:d,teamId:r="",fileId:n,file:l,projectInfo:N,ancestorFolders:f=[],versions:k,activeFileId:h,startTime:v,isPublic:m=!1,shareId:b,allowDownload:L=!0,publicFields:O,siblingFiles:p=[],onNavigateToFile:D,onNavigateBack:E,onRenameFile:I,onDeleteFile:s,onSaveField:H,onSelectVersion:ne}){let{canEdit:J}=Xt(d),{members:ae}=An(),o=M(null),[P,pe]=w(50),[q,se]=w([]),[Pe,V]=w(0),[Re,A]=w(null),[Ee,he]=w(!1),[fe,U]=w(""),y=M(null),[le,_]=w(!1),[ge,we]=w(!1),[be,T]=w(!1),[te,Me]=w(!1),{data:Ae}=X({queryKey:["teams",r,"kanban","assets",h,"tasks"],queryFn:async()=>{if(!r||!h||m)return{data:[],total:0};let c=await R.api.teams[":teamId"].kanban.assets[":assetId"].tasks.$get({param:{teamId:r,assetId:h}});if(!c.ok)return{data:[],total:0};return await c.json()},enabled:!!r&&!!h&&!m}),Ve=Ae?.total??Ae?.data?.length??0,{prevFile:ye,nextFile:Te}=G(()=>{if(!p||p.length===0)return{prevFile:null,nextFile:null};let c=p.findIndex((ue)=>ue.id===n||ue.id===h);if(c===-1)return{prevFile:null,nextFile:null};return{prevFile:c>0?p[c-1]:null,nextFile:c<p.length-1?p[c+1]:null}},[p,n,h]),e=f.length>0?f[0]?.name:N?.name,x=k?.find((c)=>c.id===h)?.version??(k&&k.length>0?k.length:void 0),W=G(()=>({originalKey:l.media?.original?.key,videoTranscodes:l.media?.videoTranscodes?.map((c)=>({key:c.key,width:c.width,height:c.height,resolution:c.resolution,hdr:c.hdr}))}),[l.media]),me=()=>{se([]),A(null)},ce=()=>{se([]),A(null)},oe=(c)=>{A(c.id||null);let ue=c.annotations;if(ue&&ue.length>0)se(ue);else se([]);if(c.second!==null&&c.second!==void 0)o.current?.seekTo(c.second),o.current?.pause();else if(ue&&ue.length>0)o.current?.pause()},Le=async(c)=>{if(c?.preventDefault(),!fe.trim()||!I)return;try{we(!0),await I(fe.trim()),he(!1)}finally{we(!1)}},je=async()=>{if(!s)return;try{_(!0),await s(),T(!1)}finally{_(!1)}};return S(()=>{V(0),A(null),se([])},[l?.id]),g("div",{className:"flex h-[100dvh] w-full flex-col bg-background overflow-hidden relative",children:[a(Ye,{fileName:l.name,folderName:e,version:x,versions:k,activeFileId:h,isPublic:m,shareId:b,allowDownload:L,downloadInfo:W,canEdit:J,onBack:E,hasPrevFile:!!ye,hasNextFile:!!Te,onPrevFile:()=>ye&&D(ye.id),onNextFile:()=>Te&&D(Te.id),onSelectVersion:ne,onRename:()=>{U(l.name),he(!0)},onDelete:()=>T(!0),onLinkedTasks:!m?()=>Me(!0):void 0,linkedTaskCount:Ve}),a("div",{className:"relative flex-1 min-h-0 bg-background overflow-hidden flex flex-col",children:a(Ns,{file:l,mediaControllerRef:o,onPlay:me,onTimeUpdate:V,onSeek:ce,annotations:q,startTime:v,shareId:b,allowDownload:L})}),a(Qe,{teamId:r,projectId:d,file:l,onSaveField:H,members:ae,onCommentSelect:oe,hideAnnotationControl:l.proxyType==="audio",readOnly:m||!J,publicFields:O,isPublic:m,shareId:b,currentTime:Pe,onTyping:()=>o.current?.pause(),selectedCommentId:Re,heightPercent:P,onHeightPercentChange:pe}),!m&&te&&a(em,{teamId:r,assetId:h,assetName:l.name,isOpen:te,onClose:()=>Me(!1)}),!m&&a(Se,{open:Ee,onOpenChange:he,children:a(xe,{children:g("form",{onSubmit:Le,children:[a(ke,{children:a(Ce,{children:ms()})}),a("div",{className:"py-4",children:a(re,{ref:y,value:fe,onChange:(c)=>U(c.target.value),placeholder:fp?.()||"Enter new name",onFocus:()=>{setTimeout(()=>{if(y.current)ci(y.current)},0)},autoFocus:!0})}),g(ot,{children:[a(F,{type:"button",variant:"outline",onClick:()=>he(!1),children:Ke()}),g(F,{type:"submit",disabled:ge||!fe.trim(),children:[ge&&a(K,{className:"mr-2 h-4 w-4 animate-spin"}),wo()]})]})]})})}),!m&&a(_t,{open:be,onOpenChange:T,children:g(yt,{children:[g(vt,{children:[a(wt,{children:vd?.()||"Delete Asset?"}),a(Et,{children:yd?.()||"Deleted items can be recovered for 30 days before being permanently deleted."})]}),g(bt,{children:[a(Ct,{children:Ke()}),g(xt,{onClick:je,disabled:le,className:"bg-destructive text-destructive-foreground hover:bg-destructive/90",children:[le&&a(K,{className:"mr-2 h-4 w-4 animate-spin"}),Mt()]})]})]})})]})}Z();function We({activeState:d,activeAsset:r,previewUrl:n,isFullScreen:l,onTogglePlay:N,onToggleLoop:f,onSeek:k,onVolumeChange:h,onToggleMute:v,onChangePlaybackRate:m,onChangeResolution:b,onZoomIn:L,onZoomOut:O,onFit:p,onDownload:D,onToggleFullScreen:E,allowDownload:I=!0}){if(d?.kind==="video"&&d.video&&r){let s=d.video,H=s.totalFrames/s.frameRate,ne=s.currentFrame/s.frameRate,J={isPlaying:s.isPlaying,progress:H>0?ne/H*100:0,currentTime:ne,duration:H,volume:s.volume,isMuted:s.isMuted,isLooping:s.isLooping,playbackRate:s.playbackRate,isFullScreen:l,showFrames:!1,currentResolution:s.currentResolution,isCurrentHdr:s.isCurrentHdr,activeAutoResolution:s.activeAutoResolution,isHlsManualSupported:s.isHlsManualSupported,isLoading:s.isLoading},ae=n&&!r.media?.videoPreview?{...r,media:{...r.media,videoPreview:{url:n}}}:r;return a($d,{state:J,zoom:d.zoom,isControlsVisible:!0,floatOverlayInFullScreen:!1,buffered:s.buffered,data:ae,resolutions:s.resolutions,togglePlay:N,toggleLoop:f,toggleMute:v,handleVolumeChange:h,changePlaybackRate:m,changeResolution:(o)=>b(o.resolution,o.hdr),handleDownload:(o)=>D(o),toggleFullScreen:E,onZoomChange:(o)=>o>=d.zoom?L():O(),onZoomReset:p,frameRate:s.frameRate,totalFrames:s.totalFrames,currentFrame:s.currentFrame,seekToFrame:k,allowDownload:I})}if(d?.kind==="image")return a(Hd,{zoom:d.zoom,onZoomIn:L,onZoomOut:O,onFit:p,onDownload:()=>D(),canDownload:!!r?.media?.original?.key,fullscreen:{isFullScreen:l,onToggle:E},allowDownload:I});return a("div",{className:"relative z-10 flex items-center justify-end gap-2 border-t border-border bg-card px-4 py-3",children:a("button",{onClick:E,className:"text-foreground transition-colors hover:text-primary",title:"Fullscreen",children:l?a(li,{className:"h-5 w-5"}):a(ai,{className:"h-5 w-5"})})})}function ze({side:d,fileName:r,version:n,activeVersionId:l,versions:N,isActive:f,onActivate:k,onSwitchVersion:h,onExit:v}){let m=B("flex-shrink-0 rounded p-1 transition-colors hover:bg-muted",f?"text-foreground":"text-muted-foreground hover:text-foreground"),b=a("button",{onClick:v,title:xx(),className:m,children:a(Ge,{className:"h-4 w-4"})}),L=g("button",{onClick:k,className:B("flex min-w-0 items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:bg-muted",f?"text-foreground":"text-muted-foreground hover:text-foreground"),children:[a("span",{className:"truncate",children:r}),n!==void 0&&g("span",{className:B("flex-shrink-0 rounded border px-1 py-0 text-xs",f?"border-foreground/40":"border-border"),children:["v",n]})]}),O=g(De,{children:[a(Ne,{onClick:k,title:Bp(),className:m,children:a(Be,{className:"h-4 w-4"})}),a(Fe,{align:d==="left"?"start":"end",className:"w-80 p-1",children:a("div",{className:"flex max-h-96 flex-col gap-1 overflow-y-auto",children:N.map((p)=>{let D=p.id===l;return g(de,{onClick:()=>h(p.id),className:"flex cursor-pointer items-center gap-3 rounded-md px-3 py-2",children:[g("div",{className:"flex min-w-[2rem] flex-shrink-0 items-center justify-center rounded-full bg-muted px-2 py-0.5 text-xs font-semibold text-muted-foreground select-none",children:["v",p.version]}),a("div",{className:"flex h-10 w-16 flex-shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted",children:p.previewUrl?a("img",{src:p.previewUrl,alt:p.name||void 0,className:"h-full w-full object-cover"}):a(Er,{className:"h-4 w-4 text-muted-foreground"})}),g("div",{className:"flex min-w-0 flex-1 flex-col text-left",children:[a("span",{className:"truncate text-sm font-semibold text-foreground",children:p.name}),a("span",{className:"truncate text-xs text-muted-foreground",children:p.creator?.name||"Unknown"})]}),D&&a(qe,{className:"ml-auto h-4 w-4 flex-shrink-0 text-primary"})]},p.id)})})})]});return a("div",{onMouseDown:k,className:B("dark flex h-10 flex-shrink-0 items-center gap-1 border-b bg-background px-2 transition-colors",f?"border-b-2 border-primary":"border-border"),children:d==="left"?g(Y,{children:[b,L,O]}):g(Y,{children:[L,O,a("div",{className:"ml-auto"}),b]})})}function Xe(d,r,n){return X({queryKey:r?["public-share-file",n,d,localStorage.getItem(`share_pwd_${n}`)||""]:["files",d],queryFn:async()=>{if(r){let N=localStorage.getItem(`share_pwd_${n}`)||"",f=await R.api.shares[":shareId"].files[":fileId"].$get({param:{shareId:n,fileId:d}},{headers:{"x-share-password":N}});if(!f.ok)throw Error("Failed to fetch version asset");return await f.json()}let l=await R.api.files[":fileId"].$get({param:{fileId:d}});if(!l.ok)throw Error("Failed to fetch version asset");return await l.json()},enabled:!!d&&(!r||!!n)})}function mu({isPublic:d=!1,shareId:r,versions:n,leftId:l,rightId:N,activeSide:f,annotations:k,seekRequest:h,onActiveSideChange:v,onSwitchVersion:m,onExit:b,onActiveAssetChange:L,onPlay:O,onTimeUpdate:p,allowDownload:D=!0}){let E=M(null),I=M(null),s=M(null),[H,ne]=w(null),[J,ae]=w(null),[o,P]=w(1),[pe,q]=w(!1),[se,Pe]=w(!1),{data:V,isLoading:Re}=Xe(l,d,r),{data:A,isLoading:Ee}=Xe(N,d,r),he=Ds(V),fe=Ds(A),U=!!V&&!!A&&he.id===fe.id,y=f==="left"?V:A,le=f==="left"?H:J,_=Q(()=>f==="left"?I.current:s.current,[f]),ge=Q(()=>f==="left"?s.current:I.current,[f]);S(()=>{L(y??null)},[y,L]),S(()=>{if(!h)return;let t=_();if(t?.seekToSecond(h.second),t?.pause(),U){let u=ge();u?.seekToSecond(h.second),u?.pause()}},[h?.nonce]),S(()=>{let t=()=>Pe(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",t),()=>document.removeEventListener("fullscreenchange",t)},[]);let we=Q((t)=>ne(t),[]),be=Q((t)=>ae(t),[]),T=Q((t)=>{let u=_();if(u)t(u);if(U){let C=ge();if(C)t(C)}},[_,ge,U]),te=Q(()=>{let t=!le?.video?.isPlaying;T((u)=>t?u.play():u.pause())},[le?.video?.isPlaying,T]);S(()=>{let t=(u)=>{let C=document.activeElement;if(C&&(C.tagName==="INPUT"||C.tagName==="TEXTAREA"||C instanceof HTMLElement&&C.isContentEditable))return;let He=u.key===" ",_e=C&&(C.tagName==="BUTTON"||C.tagName==="A"||C.tagName==="SELECT"||C.tagName==="OPTION"||C.getAttribute("role")==="button"||C.getAttribute("role")==="link"||C.getAttribute("role")==="checkbox"||C.getAttribute("role")==="radio"||C.getAttribute("role")==="menuitem");if(He&&_e)return;if(u.key===" "||u.key.toLowerCase()==="k")u.preventDefault(),te()};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[te]);let Me=Q((t)=>T((u)=>u.seekToFrame(t)),[T]),Ae=Q(()=>_()?.toggleLoop(),[_]),Ve=Q((t)=>{P(t),q(t===0)},[]),ye=Q(()=>q((t)=>!t),[]),Te=Q((t)=>T((u)=>u.setPlaybackRate(t)),[T]),e=Q((t,u)=>_()?.changeResolution(t,u),[_]),i=Q(()=>T((t)=>t.zoomBy(1.2)),[T]),x=Q(()=>T((t)=>t.zoomBy(0.8)),[T]),W=Q(()=>T((t)=>t.fit()),[T]),me=Q((t)=>{_()?.download(t)},[_]),ce=Q(()=>{let t=E.current;if(!t||typeof t.requestFullscreen!=="function")return;if(!document.fullscreenElement)t.requestFullscreen().catch(()=>{});else if(document.exitFullscreen)document.exitFullscreen().catch(()=>{})},[]),oe=Q((t,u)=>{if(U)s.current?.panBy(t,u)},[U]),Le=Q((t,u)=>{if(U)I.current?.panBy(t,u)},[U]),je=Q(()=>te(),[te]),c=Q((t)=>n.find((u)=>u.id===t)?.version,[n]),ue=G(()=>y?.media?.videoPreview?.url,[y?.media?.videoPreview?.url]),$e=(t,u)=>{let He=Ds(u)?.comparePane;if(!He)return a("div",{className:"flex flex-1 items-center justify-center bg-gray-100 dark:bg-gray-950",children:a("p",{className:"text-muted-foreground",children:"Preview unavailable"})});let _e=f===t;return a(He,{ref:t==="left"?I:s,file:u,shareId:r,isActive:_e,annotations:_e?k:[],onStateChange:t==="left"?we:be,onUserPan:t==="left"?oe:Le,onActivate:()=>v(t),muted:_e?pe:!0,volume:o,onPlay:O,onTimeUpdate:p,onRequestTogglePlay:je},u.id)},Je=!!V&&!!A,et=Re||Ee;return g("div",{ref:E,className:"flex h-full flex-1 flex-col bg-background",children:[g("div",{className:"flex min-h-0 flex-1",children:[g("div",{className:"flex min-w-0 flex-1 flex-col border-r border-zinc-800",children:[V&&a(ze,{side:"left",fileName:V.name,version:c(l),activeVersionId:l,versions:n,isActive:f==="left",onActivate:()=>v("left"),onSwitchVersion:(t)=>m("left",t),onExit:b}),a("div",{className:"relative flex min-h-0 flex-1",children:V?$e("left",V):a("div",{className:"flex flex-1 items-center justify-center",children:a(K,{className:"h-6 w-6 animate-spin text-foreground"})})})]}),g("div",{className:"flex min-w-0 flex-1 flex-col",children:[A&&a(ze,{side:"right",fileName:A.name,version:c(N),activeVersionId:N,versions:n,isActive:f==="right",onActivate:()=>v("right"),onSwitchVersion:(t)=>m("right",t),onExit:b}),a("div",{className:"relative flex min-h-0 flex-1",children:A?$e("right",A):a("div",{className:"flex flex-1 items-center justify-center",children:a(K,{className:"h-6 w-6 animate-spin text-foreground"})})})]})]}),et&&!Je&&a("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-background/30",children:a(K,{className:"h-8 w-8 animate-spin text-foreground"})}),a(We,{activeState:le,activeAsset:y??null,previewUrl:ue,isFullScreen:se,onTogglePlay:te,onToggleLoop:Ae,onSeek:Me,onVolumeChange:Ve,onToggleMute:ye,onChangePlaybackRate:Te,onChangeResolution:e,onZoomIn:i,onZoomOut:x,onFit:W,onDownload:me,onToggleFullScreen:ce,allowDownload:D})]})}
+export{pu,mu};