@1agh/maude 0.39.1 → 0.40.0

package/apps/studio/dist/comment-mount.js

@@ -1 +1 @@
-import{Component as bQ,createElement as k,Fragment as xQ,useCallback as UJ,useEffect as p,useMemo as vQ,useRef as S,useState as KJ}from"react";import{createRoot as RQ}from"react-dom/client";import{useCallback as T,useEffect as y,useMemo as u,useRef as b,useState as v}from"react";import*as l from"lib0/decoding";import*as m from"lib0/encoding";import{createContext as hJ,useCallback as rQ,useContext as fJ,useEffect as iQ,useMemo as cQ,useReducer as lQ,useRef as aQ,useState as oQ}from"react";import{Awareness as sQ,applyAwarenessUpdate as tQ,encodeAwarenessUpdate as eQ}from"y-protocols/awareness";import{readSyncMessage as QZ,writeSyncStep1 as ZZ,writeUpdate as $Z}from"y-protocols/sync";import*as pJ from"yjs";import{jsx as zZ}from"react/jsx-runtime";var mJ=hJ(null);function FJ(){return fJ(mJ)}import{createContext as uJ,useCallback as h,useContext as o,useEffect as dJ,useMemo as rJ,useRef as iJ,useState as cJ}from"react";import{jsx as a,Fragment as oJ}from"react/jsx-runtime";var i=uJ(null);function f(J){return J.id?`id:${J.id}`:`sel:${J.selector}`}function HJ(J){let Z=[],Q=new Set;for(let $ of J){let z=f($);if(Q.has(z))continue;Q.add(z),Z.push($)}return Z}var lJ=50;function aJ({children:J,postTarget:Z}){let[Q,$]=cJ([]),z=iJ(null),W=h((X)=>{if(z.current)clearTimeout(z.current);z.current=setTimeout(()=>{z.current=null;let Y=Z??(typeof window<"u"?window.parent:null);if(!Y)return;let j=X.length===0?null:X.length===1?X[0]??null:X;try{Y.postMessage({dgn:"select-set",selection:j},"*")}catch{}},lJ)},[Z]);dJ(()=>()=>{if(z.current)clearTimeout(z.current)},[]);let U=h((X)=>{let Y=HJ(Array.isArray(X)?X:[X]);$(Y),W(Y)},[W]),q=h((X)=>{let Y=Array.isArray(X)?X:[X];$((j)=>{let _=HJ([...j,...Y]);return W(_),_})},[W]),G=h((X)=>{let Y=f(X);$((j)=>{let _=j.filter((I)=>f(I)!==Y);return W(_),_})},[W]),F=h((X)=>{let Y=f(X);$((j)=>{let _=j.some((I)=>f(I)===Y)?j.filter((I)=>f(I)!==Y):[...j,X];return W(_),_})},[W]),D=h(()=>{$([]),W([])},[W]),K=rJ(()=>({selected:Q,replace:U,add:q,remove:G,toggle:F,clear:D}),[Q,U,q,G,F,D]);return a(i.Provider,{value:K,children:J})}function PJ({children:J}){if(o(i))return a(oJ,{children:J});return a(aJ,{children:J})}function LJ(){let J=o(i);if(!J)throw Error("useSelectionSet must be used inside <SelectionSetProvider>");return J}function MJ(){return o(i)}import{jsx as N,jsxs as E}from"react/jsx-runtime";var nJ="/_client/comments-overlay.css";function sJ(){if(typeof document>"u")return;if(document.getElementById("cm-overlay-css"))return;let J=document.createElement("link");J.id="cm-overlay-css",J.rel="stylesheet",J.href=nJ,document.head.appendChild(J)}function tJ(){if(typeof window>"u")return null;try{let J=window.location.pathname;if(J==="/_canvas-shell.html"||J==="/_canvas-shell"){let Z=new URLSearchParams(window.location.search),Q=Z.get("canvas")??"",$=(Z.get("designRel")??".design").replace(/^\/+|\/+$/g,"");return Q?`${$}/${Q}`:null}return decodeURIComponent(J).replace(/^\//,"")}catch{return null}}function s(J,Z){if(!J)return null;let Q=null;try{let z=document.querySelectorAll(J),W=Z&&Z>0&&Z<z.length?Z:0;Q=z[W]??z[0]??null}catch{return null}if(!Q?.isConnected)return null;let $=Q.getBoundingClientRect();if($.width===0&&$.height===0)return null;return{x:$.left,y:$.top,w:$.width,h:$.height}}function IJ(){sJ();let J=MJ(),[Z,Q]=v([]),[$,z]=v(null),[W,U]=v(null),q=u(()=>tJ(),[]);y(()=>{if(typeof document>"u")return;let B=document.getElementById("dgn-pin-layer");if(!B)return;let H=B.style.display;return B.style.display="none",()=>{B.style.display=H}},[]);let G=T((B)=>{if(!J)return;if(!B?.selector){J.clear();return}let H=B.selector.match(/data-cd-id="([^"]+)"/),M=H?H[1]:void 0,O,x;try{let P=document.querySelector(B.selector);if(P)O=P.tagName.toLowerCase(),x=(P.getAttribute("class")??"").split(/\s+/).filter((A)=>A&&!A.startsWith("dgn-")&&!A.startsWith("dc-cv-")).join(" ")}catch{}J.replace({file:q??void 0,id:M,selector:B.selector,tag:O,classes:x,bounds:B.bounds??void 0})},[J,q]),F=b(Z);F.current=Z;let D=FJ();y(()=>{if(!D)return;let B=D.doc.getArray("comments"),H=()=>{Q(B.toArray())};if(B.length>0)H();return B.observe(H),()=>{try{B.unobserve(H)}catch{}}},[D]),y(()=>{if(typeof window>"u")return;let B=(H)=>{let M=H.data;if(!M||typeof M!=="object"||!M.dgn)return;if(M.dgn==="comments-set"&&Array.isArray(M.comments))Q(M.comments);else if(M.dgn==="comment-focus"){let O=typeof M.id==="string"?M.id:null;z(O);let x=O?F.current.find((P)=>P.id===O):void 0;G(x)}};return window.addEventListener("message",B),()=>window.removeEventListener("message",B)},[G]),y(()=>{if(typeof document>"u")return;let B=(H)=>{let M=H.detail;if(!M?.selection)return;U({selection:M.selection,clientX:typeof M.clientX==="number"?M.clientX:0,clientY:typeof M.clientY==="number"?M.clientY:0})};return document.addEventListener("cm:open-composer",B),()=>document.removeEventListener("cm:open-composer",B)},[]);let K=T(()=>{if(U(null),typeof window>"u")return;try{window.parent.postMessage({dgn:"force-clear"},"*")}catch{}},[]),X=T((B)=>{if(!W)return;let H=W.selection,M={file:H.file,selector:H.selector,index:H.index,dom_path:H.dom_path,tag:H.tag,classes:H.classes,bounds:H.bounds,html_excerpt:H.html,text:B};if(typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-submit",payload:M},"*")}catch{}K()},[W,K]);y(()=>{if(!q)return;let B=!1;return(async()=>{try{let H=await fetch(`/_comments?file=${encodeURIComponent(q)}`);if(!H.ok)return;let M=await H.json();if(B)return;if(Array.isArray(M.comments))Q((O)=>O.length===0?M.comments??[]:O)}catch{}})(),()=>{B=!0}},[q]);let Y=u(()=>{return Z.slice().sort((H,M)=>H.created.localeCompare(M.created)).filter((H)=>H.status!=="resolved")},[Z]),j=u(()=>{let B=new Map;return Z.slice().sort((M,O)=>M.created.localeCompare(O.created)).forEach((M,O)=>{B.set(M.id,O+1)}),B},[Z]),_=T((B)=>{if(z(B),G(Z.find((H)=>H.id===B)),typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-click",id:B},"*")}catch{}},[Z,G]),I=T((B,H)=>{if(typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-patch",id:B,patch:H},"*")}catch{}},[]),V=T((B)=>{if(typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-delete",id:B},"*")}catch{}z((H)=>H===B?null:H)},[]),L=T(async(B,H)=>{if(typeof fetch>"u")return!1;try{let M=await fetch(`/_api/comments/${encodeURIComponent(B)}/reply`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({body:H})});if(!M.ok)return!1;let O=await M.json();return Q((x)=>x.map((P)=>P.id===O.id?O:P)),!0}catch{return!1}},[]);return E("div",{className:"cm-layer","aria-hidden":!1,children:[Y.map((B)=>{let H=j.get(B.id)??0;return N(QQ,{comment:B,sequence:H,focused:$===B.id,onClick:_},B.id)}),W?N(ZQ,{state:W,onSubmit:X,onCancel:K}):null,(()=>{if(!$)return null;let B=Y.find((H)=>H.id===$);if(!B)return null;return N($Q,{comment:B,sequence:j.get(B.id)??0,onClose:()=>{z(null),J?.clear()},onPatch:(H)=>I(B.id,H),onDelete:()=>V(B.id),onReply:(H)=>L(B.id,H)})})()]})}var n=null;async function eJ(){if(!n)n=(async()=>{try{let J=await fetch("/_api/git-committers");if(!J.ok)return[];let Z=await J.json();return Array.isArray(Z.committers)?Z.committers:[]}catch{return[]}})();return n}function jJ(J){return(J.trim().split(/\s+/)[0]??"").replace(/[^\w.-]/g,"").toLowerCase()}function JQ(J,Z){if(Z<=0||Z>J.length)return null;let Q=Z-1;while(Q>=0){let $=J[Q]??"";if($==="@"){let z=Q>0?J[Q-1]:"";if(Q===0||/\s/.test(z??"")){let W=J.slice(Q+1,Z);return{start:Q,end:Z,query:W}}return null}if(!/[\w.-]/.test($))return null;Q-=1}return null}function AJ({className:J,value:Z,onChange:Q,onKeyDown:$,placeholder:z,rows:W,disabled:U,textareaRef:q,ariaLabel:G}){let F=b(null),D=T((P)=>{if(F.current=P,q)q.current=P},[q]),[K,X]=v([]),[Y,j]=v(null),[_,I]=v(0),V=T(()=>{if(K.length>0)return;eJ().then((P)=>X(P))},[K.length]),L=u(()=>{if(!Y)return[];let P=Y.query.toLowerCase();return(!P?K:K.filter((g)=>g.name.toLowerCase().includes(P)||g.email.toLowerCase().includes(P))).slice(0,8)},[Y,K]),B=T((P)=>{let A=P.selectionStart??P.value.length,g=JQ(P.value,A);j(g),I(0)},[]),H=T((P)=>{Q(P.target.value),B(P.target)},[Q,B]),M=T((P)=>{if(!Y)return;let A=F.current;if(!A)return;let g=`@${jJ(P.name)}`,c=`${Z.slice(0,Y.start)}${g} ${Z.slice(Y.end)}`;Q(c),j(null);let DJ=Y.start+g.length+1;requestAnimationFrame(()=>{A.focus(),A.setSelectionRange(DJ,DJ)})},[Y,Z,Q]),O=T((P)=>{if(Y&&L.length>0){if(P.key==="ArrowDown"){P.preventDefault(),I((A)=>(A+1)%L.length);return}if(P.key==="ArrowUp"){P.preventDefault(),I((A)=>(A-1+L.length)%L.length);return}if(P.key==="Enter"||P.key==="Tab"){P.preventDefault();let A=L[_]??L[0];if(A)M(A);return}if(P.key==="Escape"){P.preventDefault(),j(null);return}}$?.(P)},[Y,L,_,M,$]),x=T((P)=>{B(P.currentTarget)},[B]);return E("div",{style:{position:"relative"},children:[N("textarea",{ref:D,className:J,value:Z,placeholder:z,rows:W,disabled:U,"aria-label":G,onChange:H,onKeyDown:O,onFocus:V,onSelect:x,onClick:x}),Y&&L.length>0?N("ul",{className:"cm-mention-popup",role:"listbox","aria-label":"Mention suggestions",style:{left:0,top:"100%"},children:L.map((P,A)=>{return E("li",{role:"option","aria-selected":A===_,className:"cm-mention-popup__item",onMouseEnter:()=>I(A),onMouseDown:(c)=>{c.preventDefault(),M(P)},children:[E("span",{className:"cm-mention-popup__name",children:["@",jJ(P.name)]}),N("span",{className:"cm-mention-popup__email",children:P.email})]},`${P.name}-${P.email}`)})}):null]})}function QQ({comment:J,sequence:Z,focused:Q,onClick:$}){let z=b(null),W=b(null);y(()=>{let G=()=>{W.current=null;let F=z.current;if(!F)return;let D=s(J.selector,J.index);if(!D&&J.bounds)D={x:J.bounds.x,y:J.bounds.y,w:J.bounds.w,h:J.bounds.h};if(!D){F.style.display="none",W.current=requestAnimationFrame(G);return}F.style.display="grid";let K=Math.round(D.x+D.w-12),X=Math.round(D.y-12);F.style.left=`${K}px`,F.style.top=`${X}px`,W.current=requestAnimationFrame(G)};return W.current=requestAnimationFrame(G),()=>{if(W.current!=null)cancelAnimationFrame(W.current)}},[J.selector,J.bounds,J.index]);let U=J.author?.trim()||"unknown",q=`Comment ${Z} by ${U}`;return N("button",{ref:z,type:"button",className:"cm-pin","data-resolved":J.status==="resolved"?"true":"false","data-focused":Q?"true":"false","data-comment-pin":J.id,"aria-label":q,"aria-expanded":Q,title:J.text.slice(0,200),onClick:(G)=>{G.preventDefault(),G.stopPropagation(),$(J.id)},children:Z})}function ZQ({state:J,onSubmit:Z,onCancel:Q}){let[$,z]=v(""),W=b(null),U=b(null),q=b(null);y(()=>{let K=()=>{q.current=null;let X=U.current;if(!X)return;let Y=WQ(J);X.style.left=`${Math.round(Y.x)}px`,X.style.top=`${Math.round(Y.y)}px`,q.current=requestAnimationFrame(K)};return q.current=requestAnimationFrame(K),()=>{if(q.current!=null)cancelAnimationFrame(q.current)}},[J]),y(()=>{W.current?.focus()},[]);let G=T(()=>{let K=$.trim();if(!K)return;Z(K)},[$,Z]),F=T((K)=>{if(K.key==="Escape"){K.preventDefault(),Q();return}if((K.metaKey||K.ctrlKey)&&K.key==="Enter")K.preventDefault(),G()},[Q,G]),D=u(()=>{let K=J.selection.selector||"";if(!K)return J.selection.tag||"canvas";let X=K.match(/data-cd-id="([^"]+)"/);if(X)return`cd:${X[1]}`;return K.length>36?`${K.slice(0,33)}…`:K},[J.selection]);return E("div",{ref:U,className:"cm-composer",role:"dialog","aria-label":"New comment",onClick:(K)=>K.stopPropagation(),onPointerDown:(K)=>K.stopPropagation(),children:[E("div",{className:"cm-composer__head",children:[N("span",{children:"New comment"}),N("span",{className:"cm-composer__selector",children:D})]}),N(AJ,{textareaRef:W,className:"cm-composer__textarea",value:$,placeholder:"Type a comment. ⌘↵ to save · Esc to cancel · @name to tag",onChange:z,onKeyDown:F,rows:3,ariaLabel:"Comment body"}),E("div",{className:"cm-composer__actions",children:[N("button",{type:"button",className:"cm-btn",onClick:Q,children:"Cancel"}),N("button",{type:"button",className:"cm-btn cm-btn--primary",disabled:!$.trim(),onClick:G,children:"Save"})]})]})}function $Q({comment:J,sequence:Z,onClose:Q,onPatch:$,onDelete:z,onReply:W}){let U=b(null),q=b(null),G=b(null),[F,D]=v(""),[K,X]=v(!1);y(()=>{let V=()=>{G.current=null;let L=U.current;if(!L)return;let B=zQ(J);L.style.left=`${Math.round(B.x)}px`,L.style.top=`${Math.round(B.y)}px`,G.current=requestAnimationFrame(V)};return G.current=requestAnimationFrame(V),()=>{if(G.current!=null)cancelAnimationFrame(G.current)}},[J]),y(()=>{U.current?.focus();let V=J.id;return()=>{document.querySelector(`[data-comment-pin="${V}"]`)?.focus()}},[J.id]),y(()=>{if(typeof document>"u")return;let V=(L)=>{if(L.key!=="Escape")return;let B=U.current;if(!B)return;if(B.contains(L.target)||document.activeElement===B)L.preventDefault(),Q()};return document.addEventListener("keydown",V),()=>document.removeEventListener("keydown",V)},[Q]);let Y=T(async()=>{let V=F.trim();if(!V||K)return;X(!0);let L=await W(V);if(X(!1),L)D(""),q.current?.focus()},[F,K,W]),j=T((V)=>{if((V.metaKey||V.ctrlKey)&&V.key==="Enter")V.preventDefault(),Y()},[Y]),_=`cm-thread-head-${J.id}`,I=VQ(J.selector,"");return E("div",{ref:U,className:"cm-thread",role:"dialog","aria-labelledby":_,tabIndex:-1,onClick:(V)=>V.stopPropagation(),onPointerDown:(V)=>V.stopPropagation(),children:[E("div",{className:"cm-thread__head",id:_,children:[E("div",{className:"cm-thread__head-row",children:[N("span",{className:"cm-thread__seq","aria-hidden":"true",children:Z}),N("span",{className:"cm-thread__author",children:J.author?.trim()||"unknown"}),N("span",{className:"cm-thread__time",children:_J(J.created)}),N("button",{type:"button",className:"cm-thread__close","aria-label":"Close thread",title:"Close · Esc",onClick:Q,children:"×"})]}),I?N("code",{className:"cm-thread__selector",children:I}):null]}),N("div",{className:"cm-thread__body",children:NJ(J.text)}),(J.thread??[]).map((V)=>E("div",{className:"cm-thread__reply",children:[E("div",{className:"cm-thread__reply-head",children:[N("span",{className:"cm-thread__reply-author",children:V.author?.trim()||"unknown"}),N("span",{className:"cm-thread__reply-time",children:_J(V.created)})]}),N("div",{className:"cm-thread__reply-body",children:NJ(V.body)})]},V.id)),E("div",{className:"cm-thread__reply-form",children:[N(AJ,{textareaRef:q,className:"cm-thread__reply-textarea",value:F,placeholder:"Reply… ⌘↵ to send · @name to tag",onChange:D,onKeyDown:j,rows:2,ariaLabel:"Reply",disabled:K}),N("div",{className:"cm-thread__reply-actions",children:N("button",{type:"button",className:"cm-btn cm-btn--primary",disabled:!F.trim()||K,onClick:()=>void Y(),children:"Send"})})]}),E("div",{className:"cm-thread__actions",children:[J.status==="resolved"?N("button",{type:"button",className:"cm-btn",onClick:()=>$({status:"open"}),children:"↺ Reopen"}):N("button",{type:"button",className:"cm-btn cm-btn--primary",onClick:()=>{$({status:"resolved"}),Q()},children:"✓ Resolve"}),N("button",{type:"button",className:"cm-btn cm-btn--danger",onClick:()=>{z(),Q()},children:"Delete"})]})]})}function NJ(J){if(!J)return null;let Z=/(@[\w][\w.-]*)/g;return J.split(Z).map(($,z)=>{let W=`${z}:${$}`;if(z%2===1)return N("strong",{"data-mention":"true",children:$},W);return N("span",{children:$},W)})}function _J(J){if(!J)return"";let Z=Date.parse(J);if(!Number.isFinite(Z))return"";let Q=Math.round((Date.now()-Z)/1000);if(Q<60)return`${Math.max(Q,0)}s ago`;if(Q<3600)return`${Math.round(Q/60)}m ago`;if(Q<86400)return`${Math.round(Q/3600)}h ago`;return`${Math.round(Q/86400)}d ago`}function VQ(J,Z){if(!J)return Z;let Q=J.match(/data-cd-id="([^"]+)"/);if(Q)return`cd:${Q[1]}`;return J.length>36?`${J.slice(0,33)}…`:J}function zQ(J){let Z=J.selector?s(J.selector,J.index):null;if(Z)return{x:Z.x+Z.w-12,y:Z.y+16};if(J.bounds)return{x:J.bounds.x+J.bounds.w-12,y:J.bounds.y+16};return{x:16,y:16}}function WQ(J){if(J.clientX||J.clientY)return{x:J.clientX,y:J.clientY+8};if(J.selection.selector){let Z=s(J.selection.selector,J.selection.index);if(Z)return{x:Z.x,y:Z.y+Z.h+8}}return{x:16,y:16}}function t(){if(typeof window>"u")return;try{let J=window.location.pathname;if(J==="/_canvas-shell.html"||J==="/_canvas-shell"){let Z=new URLSearchParams(window.location.search),Q=Z.get("canvas")??"",$=(Z.get("designRel")??".design").replace(/^\/+|\/+$/g,"");return Q?`${$}/${Q}`:void 0}return decodeURIComponent(J).replace(/^\//,"")}catch{return}}function e(J){if(!J)return"";return(J.getAttribute("class")??"").trim().split(/\s+/).filter((Z)=>Z&&!Z.startsWith("dgn-")&&!Z.startsWith("dc-cv-")).join(" ")}function BQ(J,Z){if(!J)return"";let Q=(J.innerText||J.textContent||"").replace(/\s+/g," ").trim();return Q.length>Z?`${Q.slice(0,Z-1)}…`:Q}function qQ(J){if(!J)return"";let Z=[],Q=J;while(Q&&Q.nodeType===1&&Z.length<8){let $=Q.getAttribute?.("data-dc-element");if($){Z.unshift(`[data-dc-element="${$}"]`);break}let z=Q.getAttribute?.("data-dc-screen");if(z){Z.unshift(`[data-dc-screen="${z}"]`);break}let W=Q.nodeName.toLowerCase();if(Q.id){W=`#${Q.id}`,Z.unshift(W);break}let U=e(Q).split(/\s+/).filter(Boolean).slice(0,2);if(U.length)W+=`.${U.join(".")}`;let q=1,G=Q.previousElementSibling;while(G)q++,G=G.previousElementSibling;W+=`:nth-child(${q})`,Z.unshift(W),Q=Q.parentElement}return Z.join(" > ")}function GQ(J){let Z=[],Q=J;while(Q&&Q.nodeType===1&&Z.length<8){let $=Q.nodeName.toLowerCase(),z=Q.getAttribute?.("data-dc-element"),W=Q.getAttribute?.("data-dc-screen");if(z)$+=`[data-dc-element="${z}"]`;else if(W)$+=`[data-dc-screen="${W}"]`;else if(Q.id)$+=`#${Q.id}`;let U=e(Q).split(/\s+/).filter(Boolean).slice(0,2);if(U.length&&!z&&!W)$+=`.${U.join(".")}`;Z.unshift($),Q=Q.parentElement}return Z}function UQ(J,Z){return Z?`[data-dc-screen="${Z}"] [data-cd-id="${J}"]`:`[data-cd-id="${J}"]`}function KQ(J,Z,Q){if(!Q)return 0;try{let $=J.querySelectorAll(Z);for(let z=0;z<$.length;z++)if($[z]===Q)return z}catch{}return 0}var OJ=["display","flex-direction","align-items","justify-content","gap","font-family","color","font-size","font-weight","line-height","letter-spacing","text-align","margin","margin-top","margin-right","margin-bottom","margin-left","padding","padding-top","padding-right","padding-bottom","padding-left","width","height","max-width","background-color","border-radius","border-top-left-radius","border-top-right-radius","border-bottom-left-radius","border-bottom-right-radius","border-width","border-style","border-color","box-shadow","opacity"],XQ=/^(style|class|data-cd-id|data-dc-|data-dcid$)/;function YQ(J){if(!J||typeof window>"u"||!window.getComputedStyle)return{authored:{},computed:{},customStyles:{},attrs:{}};try{let Z=J.style,Q=window.getComputedStyle(J),$={},z={},W=new Set(OJ);for(let F of OJ){let D=Z.getPropertyValue(F);if(D)$[F]=D.trim();let K=Q.getPropertyValue(F);if(K)z[F]=K.trim()}let U=/^(margin|padding|border)(-|$)/,q={};for(let F=0;F<Z.length;F++){let D=Z.item(F);if(!D||W.has(D)||U.test(D))continue;let K=Z.getPropertyValue(D);if(K)q[D]=K.trim()}let G={};for(let F of Array.from(J.attributes)){if(XQ.test(F.name))continue;G[F.name]=F.value}return{authored:$,computed:z,customStyles:q,attrs:G}}catch{return{authored:{},computed:{},customStyles:{},attrs:{}}}}function TJ(J,Z){let Q=J.el,$=Q&&Q.getBoundingClientRect?Q.getBoundingClientRect():null,z=J.cdId,W=z?UQ(z,J.artboardId):J.artboardId?`[data-dc-screen="${J.artboardId}"]`:qQ(Q),U=z&&typeof document<"u"?KQ(document,W,Q):0;return{file:Z??t(),id:z??void 0,selector:W,artboardId:J.artboardId,index:U,tag:Q?.tagName.toLowerCase()??"",classes:e(Q),text:BQ(Q,240),dom_path:GQ(Q),bounds:$?{x:Math.round($.left),y:Math.round($.top),w:Math.round($.width),h:Math.round($.height)}:null,html:Q?(Q.outerHTML??"").slice(0,4000):"",...YQ(Q)}}import{useEffect as DQ}from"react";var FQ=new Set(["pen","highlighter","shape","rect","ellipse","arrow","sticky","text","section","eraser"]);function EJ(J){return FQ.has(J)}var JJ=(J)=>!!(J.metaKey||J.ctrlKey);function d(J){if(J.type==="keydown"){if(J.isEditable)return{kind:"no-op"};if(J.metaKey||J.ctrlKey||J.altKey){if(J.key==="Escape")return{kind:"escape"};let Q=(J.key||"").toLowerCase();if(!J.altKey&&(J.metaKey||J.ctrlKey)){if(Q==="z"&&J.shiftKey)return{kind:"redo"};if(Q==="z")return{kind:"undo"};if(Q==="y"&&!J.shiftKey)return{kind:"redo"}}return{kind:"no-op"}}let Z=(J.key||"").toLowerCase();if(Z==="v")return{kind:"tool",tool:"move"};if(Z==="h")return{kind:"tool",tool:"hand"};if(Z==="c")return{kind:"tool",tool:"comment"};if(Z==="b")return{kind:"tool",tool:"pen"};if(Z==="i")return{kind:"tool",tool:"highlighter"};if(Z==="r"||Z==="o")return{kind:"tool",tool:"shape"};if(Z==="a")return{kind:"tool",tool:"arrow"};if(Z==="n")return{kind:"tool",tool:"sticky"};if(Z==="t")return{kind:"tool",tool:"text"};if(Z==="s"&&J.shiftKey)return{kind:"tool",tool:"section"};if(Z==="e")return{kind:"tool",tool:"eraser"};if(J.key==="Escape")return{kind:"escape"};return{kind:"no-op"}}if(J.type==="contextmenu")return{kind:"context-menu",clientX:J.clientX??0,clientY:J.clientY??0};if(J.type==="pointermove"){if(EJ(J.activeTool))return{kind:"no-op"};if(J.activeTool==="hand")return{kind:"no-op"};if(J.activeTool==="comment")return{kind:"hover",deep:!0,clientX:J.clientX??0,clientY:J.clientY??0};if(!JJ(J))return{kind:"no-op"};return{kind:"hover",deep:!0,clientX:J.clientX??0,clientY:J.clientY??0}}if(J.type==="pointerdown"){if(J.button===2)return{kind:"context-menu",clientX:J.clientX??0,clientY:J.clientY??0};if(J.button===1||J.spaceHeld)return{kind:"no-op"};if(J.button!==0)return{kind:"no-op"};if(EJ(J.activeTool)&&!JJ(J))return{kind:"no-op"};if(J.activeTool==="comment")return{kind:"drop-comment",clientX:J.clientX??0,clientY:J.clientY??0};if(J.activeTool==="hand")return{kind:"no-op"};if(!JJ(J))return{kind:"no-op"};return{kind:"select",mode:!!J.shiftKey?"add":"replace",deep:!0,clientX:J.clientX??0,clientY:J.clientY??0}}return{kind:"no-op"}}function HQ(J){if(!J||!J.tagName)return!1;let Z=J,Q=Z.tagName;if(Q==="INPUT"||Q==="TEXTAREA"||Q==="SELECT")return!0;if(Z.isContentEditable)return!0;return!1}function QJ(J){if(!J||!J.closest)return!1;return!!J.closest(".cm-composer, .cm-thread, .cm-mention-popup, .cm-pin")}function wJ(J){let{hostRef:Z,getActiveTool:Q,isSpaceHeld:$,callbacks:z,enabled:W=!0,claimableActions:U}=J;DQ(()=>{if(!W)return;let q=Z.current;if(!q)return;let G=(V)=>U&&V.kind!=="no-op"&&!U.has(V.kind)?{kind:"no-op"}:V,F=(V)=>{switch(V.kind){case"hover":z.onHover?.(V);break;case"select":z.onSelect?.(V);break;case"drop-comment":z.onDropComment?.(V);break;case"context-menu":z.onContextMenu?.(V);break;case"tool":z.onTool?.(V);break;case"escape":z.onEscape?.();break;case"undo":z.onUndo?.();break;case"redo":z.onRedo?.();break;case"no-op":break}},D=(V)=>{let L=G(d({type:"pointermove",button:V.button,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,clientX:V.clientX,clientY:V.clientY,spaceHeld:$?.()??!1,activeTool:Q()}));F(L)},K=(V)=>{if(QJ(V.target))return;let L=G(d({type:"pointerdown",button:V.button,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,clientX:V.clientX,clientY:V.clientY,spaceHeld:$?.()??!1,activeTool:Q()}));if(L.kind!=="no-op")V.preventDefault(),V.stopImmediatePropagation();F(L)},X=(V)=>{if(QJ(V.target))return;if(G(d({type:"pointerdown",button:V.button,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,clientX:V.clientX,clientY:V.clientY,spaceHeld:$?.()??!1,activeTool:Q()})).kind!=="no-op")V.preventDefault(),V.stopImmediatePropagation()},Y=(V)=>{if(QJ(V.target))return;let L=Q(),B=V.metaKey||V.ctrlKey,H=L==="comment"?"drop-comment":L==="move"&&B&&V.button===0?"select":V.button===2?"context-menu":null;if(H&&(!U||U.has(H)))V.preventDefault(),V.stopImmediatePropagation()},j=(V)=>{let L=G(d({type:"contextmenu",clientX:V.clientX,clientY:V.clientY,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,activeTool:Q()}));if(L.kind==="no-op")return;V.preventDefault(),V.stopImmediatePropagation(),F(L)},_=(V)=>{let L=G(d({type:"keydown",key:V.key,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,isEditable:HQ(V.target),activeTool:Q()}));if(L.kind==="tool"||L.kind==="escape"||L.kind==="undo"||L.kind==="redo")V.preventDefault();F(L)};q.addEventListener("pointermove",D,{passive:!0}),q.addEventListener("pointerdown",K,{capture:!0}),q.addEventListener("mousedown",X,{capture:!0}),q.addEventListener("click",Y,{capture:!0}),q.addEventListener("contextmenu",j,{capture:!0});let I=q.ownerDocument??document;return I.addEventListener("keydown",_,!0),()=>{q.removeEventListener("pointermove",D),q.removeEventListener("pointerdown",K,{capture:!0}),q.removeEventListener("mousedown",X,{capture:!0}),q.removeEventListener("click",Y,{capture:!0}),q.removeEventListener("contextmenu",j,{capture:!0}),I.removeEventListener("keydown",_,!0)}},[W,Z,Q,$,z,U])}function ZJ(J,Z,Q,$){let z=J.elementFromPoint(Z,Q);if(!z)return null;if(z.closest?.(".dc-mm, .dc-zoom-tb, .dc-tool-palette, .dc-context-menu, .dc-cv-group-bbox"))return null;let W=z.closest?.("[data-dc-screen]")??null,U=W?.getAttribute("data-dc-screen")??null,q=z.closest?.(".dc-artboard-body")??null;if(!q){if(W&&U)return{el:W,cdId:null,artboardId:U};return null}if(z===q){if(W&&U)return{el:W,cdId:null,artboardId:U};return null}if($.deep){let X=z.getAttribute?.("data-cd-id")??null;return{el:z,cdId:X,artboardId:U}}let G=z,F=null;while(G&&G!==q){if(G.hasAttribute?.("data-cd-id"))F=G;G=G.parentElement}let D=F??z,K=D.getAttribute?.("data-cd-id")??null;return{el:D,cdId:K,artboardId:U}}import{createContext as OQ,useCallback as WJ,useContext as kJ,useEffect as TQ,useMemo as EQ,useState as BJ}from"react";function R(J,Z,Q,$){return`url("data:image/svg+xml,${encodeURIComponent(J.trim())}") ${Z} ${Q}, ${$}`}var VJ="width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'",zJ="#1f1f1f",$J="stroke='#ffffff' stroke-linejoin='round' stroke-linecap='round'";function C(J,Z,Q){let $=Q?`<g transform='${Q}'>`:"";return`<svg ${VJ}>${$}<path fill='#ffffff' d='${J}'/><path fill='${zJ}' d='${Z}'/>${Q?"</g>":""}</svg>`}var yJ="translate(0,32) scale(1,-1)",PQ=R(C("M10.25 8.25 L10.05 8.65 10 9 10 23.1 10.05 23.4 10.25 23.75 10.8 24 11.45 23.85 11.6 23.7 11.75 23.45 14.65 19.8 14.85 19.65 14.95 19.5 15.4 19.2 15.95 19.1 21.05 19.1 21.2 19.1 21.35 19.05 21.65 18.9 21.9 18.6 22 18.3 22 17.9 21.9 17.65 21.75 17.35 21.65 17.3 21.55 17.15 11.5 8.25 11.25 8.05 10.95 8 10.6 8.05 10.25 8.25 M9.15 6.6 L9.7 6.25 10 6.15 10.95 6 11.9 6.15 13 6.9 22.9 15.65 23 15.8 23.2 15.95 23.75 16.75 24 17.9 24 18.3 23.9 18.95 23.8 19.25 23.6 19.7 23.1 20.35 22.75 20.6 22.1 20.9 22.05 20.95 22 20.95 21.2 21.1 21.05 21.1 16.2 21.1 16.1 21.25 16.05 21.25 13.4 24.6 13.05 25.15 12.9 25.3 12.55 25.55 Q11.6 26.15 10.55 26 L10.5 26 Q9.65 25.85 9 25.3 L8.45 24.65 8.4 24.5 8.15 24.05 8 23.1 8 9 Q8 8.45 8.15 8.05 L8.25 7.75 8.45 7.35 9.15 6.6","M10.25 8.25 L10.6 8.05 10.95 8 11.25 8.05 11.5 8.25 21.55 17.15 21.65 17.3 21.75 17.35 21.9 17.65 22 17.9 22 18.3 21.9 18.6 21.65 18.9 21.35 19.05 21.2 19.1 21.05 19.1 15.95 19.1 15.4 19.2 14.95 19.5 14.85 19.65 14.65 19.8 11.75 23.45 11.6 23.7 11.45 23.85 10.8 24 10.25 23.75 10.05 23.4 10 23.1 10 9 10.05 8.65 10.25 8.25"),8,5,"default"),LQ=R(C("M28.55 17.8 Q29.4 20.3 28.75 22.8 L28.7 23 28.15 24.55 28.05 24.75 Q26.4 28.2 22.75 29.4 L22.45 29.5 18 29.9 17.75 29.85 Q15.8 29.25 13.8 28.1 L13.45 27.95 Q12 27.05 10.35 26.8 L10.25 26.75 7.9 26.7 7.8 26.7 Q6.1 26.9 4.8 25.8 L4.75 25.8 4.65 25.7 4.6 25.65 Q3.25 24.5 3.05 22.85 L3 22.75 Q2.8 20.95 4 19.5 5.05 18.15 6.75 17.95 L8.4 17.9 7.5 15.55 7.3 15.2 7.2 15 5 10.95 Q3.9 9.15 4.3 7.75 L4.4 7.5 Q4.75 6.15 6.45 5.2 9 3.65 11 5 11.05 4.1 11.5 3.45 12.15 2.1 14.2 1.6 L14.35 1.6 Q18.05 0.6 19.6 4.4 L19.65 4.55 Q20.75 3.65 22.7 3.75 L22.75 3.75 Q26.75 4 27 8.15 L27 8.25 27 8.35 27 8.45 Q26.9 10.75 27.1 12.6 27.15 14.65 28.2 16.75 L28.55 17.8 M26.65 18.4 L26.1 16.8 26.1 16.85 Q24.8 13.7 25 8.35 L25 8.25 Q24.85 5.9 22.6 5.75 20.7 5.65 20.4 7.35 L20.1 7.95 19.5 8.2 18.85 8.05 18.45 7.5 17.75 5.15 Q16.85 2.95 14.7 3.55 L14.65 3.55 Q12.55 4.05 13.15 6.15 L13.85 8.75 13.75 9.45 13.25 9.95 12.55 9.95 12 9.55 10.9 7.7 Q9.5 5.7 7.45 6.9 6.5 7.45 6.25 8.15 6.1 8.9 6.7 9.85 9.2 13.9 10.8 18.65 L10.8 19.3 10.4 19.8 9.75 19.95 Q8.35 19.8 6.95 19.95 6.1 20.05 5.55 20.75 4.9 21.55 5 22.55 5.15 23.55 6 24.2 L6.05 24.25 Q6.75 24.85 7.65 24.7 L7.7 24.7 10.65 24.8 Q12.7 25.15 14.45 26.2 L14.5 26.2 Q16.4 27.35 18.3 27.9 L22.05 27.5 22.1 27.5 Q24.95 26.55 26.25 23.85 L26.8 22.3 Q27.3 20.35 26.65 18.4","M26.65 18.4 Q27.3 20.35 26.8 22.3 L26.25 23.85 Q24.95 26.55 22.1 27.5 L22.05 27.5 18.3 27.9 Q16.4 27.35 14.5 26.2 L14.45 26.2 Q12.7 25.15 10.65 24.8 L7.7 24.7 7.65 24.7 Q6.75 24.85 6.05 24.25 L6 24.2 Q5.15 23.55 5 22.55 4.9 21.55 5.55 20.75 6.1 20.05 6.95 19.95 8.35 19.8 9.75 19.95 L10.4 19.8 10.8 19.3 10.8 18.65 Q9.2 13.9 6.7 9.85 6.1 8.9 6.25 8.15 6.5 7.45 7.45 6.9 9.5 5.7 10.9 7.7 L12 9.55 12.55 9.95 13.25 9.95 13.75 9.45 13.85 8.75 13.15 6.15 Q12.55 4.05 14.65 3.55 L14.7 3.55 Q16.85 2.95 17.75 5.15 L18.45 7.5 18.85 8.05 19.5 8.2 20.1 7.95 20.4 7.35 Q20.7 5.65 22.6 5.75 24.85 5.9 25 8.25 L25 8.35 Q24.8 13.7 26.1 16.85 L26.1 16.8 26.65 18.4"),12,12,"grab"),MQ=R(C("M28 14 Q28 9.85 24.45 6.9 20.95 4 16 4 11.05 4 7.5 6.9 L7.45 7 Q4 9.9 4 14 4 18.15 7.55 21.05 L7.5 21.05 Q9.2 22.45 11.2 23.2 L15.3 27.3 16 27.6 16.7 27.3 20.85 23.2 Q22.7 22.45 24.3 21.15 L24.45 21.05 Q28 18.15 28 14 M25.75 5.35 Q30.05 8.95 30 14 30.05 19.05 25.75 22.6 L25.4 22.85 Q23.8 24.1 22 24.9 L18.1 28.75 18.15 28.75 Q17.2 29.6 16 29.6 14.8 29.6 13.85 28.75 L13.9 28.75 10 24.9 6.6 22.85 6.25 22.6 Q1.95 19.05 2 14 1.95 8.95 6.25 5.35 10.3 2 16 2 21.7 2 25.75 5.35","M28 14 Q28 18.15 24.45 21.05 L24.3 21.15 Q22.7 22.45 20.85 23.2 L16.7 27.3 16 27.6 15.3 27.3 11.2 23.2 Q9.2 22.45 7.5 21.05 L7.55 21.05 Q4 18.15 4 14 4 9.9 7.45 7 L7.5 6.9 Q11.05 4 16 4 20.95 4 24.45 6.9 28 9.85 28 14"),12,21,"crosshair"),jQ=R(C("M4 13.1 L4 6 Q4 5.15 4.6 4.6 5.15 4 6 4 L13.1 4 Q13.95 4 14.55 4.6 L28.65 18.75 Q29.8 19.9 29.75 21.45 L29.75 21.6 29.75 21.7 Q29.75 23.2 28.7 24.35 L24.45 28.65 24.35 28.75 Q23.15 29.85 21.65 29.8 L21.55 29.8 21.4 29.8 Q20.2 29.8 19.25 29.15 L18 29.35 Q16.6 29.4 15.25 28 L15.2 27.95 8.2 20.95 Q7.6 20.35 7.6 19.55 7.6 18.7 8.2 18.1 L4.6 14.5 Q4 13.9 4 13.1 M19.5 26.65 L20.1 27.25 Q20.7 27.85 21.5 27.8 22.35 27.85 23 27.25 L27.25 22.95 Q27.8 22.35 27.75 21.55 27.8 20.75 27.2 20.15 L13.1 6 6 6 6 13.1 12.35 19.45 9.6 19.5 16.65 26.55 Q18.05 28.05 19.5 26.65 M8.05 12.3 L8 8 12.25 8.05 13.8 9.6 9.6 13.85 8.05 12.3 M15.25 11.05 L23 18.8 18.8 23.05 11.05 15.3 15.25 11.05","M15.25 11.05 L11.05 15.3 18.8 23.05 23 18.8 15.25 11.05 M12.35 19.45 L6 13.1 6 6 13.1 6 27.2 20.15 Q27.8 20.75 27.75 21.55 27.8 22.35 27.25 22.95 L23 27.25 Q22.35 27.85 21.5 27.8 20.7 27.85 20.1 27.25 L19.5 26.65 12.35 19.45 M8.05 12.3 L9.6 13.85 13.8 9.6 12.25 8.05 8 8 8.05 12.3",yJ),6,18,"crosshair"),NQ=R(C("M5.15 10.85 Q4 9.65 4 8.1 L4 7.95 4 7.85 Q3.95 6.2 5.1 5.15 6.25 4 7.85 4 L7.95 4 8.1 4 Q9.65 4 10.85 5.15 L11 5.3 14.3 5.25 Q15.15 5.25 15.75 5.85 L29.9 20 Q31 21.15 31 22.75 L31 22.85 31 23 Q31.05 24.5 29.9 25.7 L29.55 25.95 25.65 29.9 25.65 29.95 Q24.45 31.1 22.75 31.1 21.2 31.15 20 29.95 L5.85 15.8 Q5.25 15.2 5.25 14.35 L5.25 10.95 5.15 10.85 M19.95 24.2 L18.55 22.8 22.8 18.55 24.2 19.95 19.95 24.2 M28.45 21.4 L14.3 7.25 10.15 7.3 9.4 6.55 Q8.8 5.95 7.95 6 7.1 5.95 6.5 6.55 5.95 7.1 6 7.95 5.95 8.8 6.55 9.4 L7.25 10.1 7.25 14.35 21.4 28.5 Q22 29.1 22.75 29.1 23.6 29.1 24.2 28.5 L28.45 24.25 Q29.05 23.65 29 22.85 29.05 22 28.45 21.4 M9.25 13.5 L9.25 9.3 13.5 9.25 14.3 10.05 10.05 14.3 9.25 13.5 M17.15 21.4 L11.5 15.75 15.75 11.5 21.4 17.15 17.15 21.4","M17.15 21.4 L21.4 17.15 15.75 11.5 11.5 15.75 17.15 21.4 M28.45 21.4 Q29.05 22 29 22.85 29.05 23.65 28.45 24.25 L24.2 28.5 Q23.6 29.1 22.75 29.1 22 29.1 21.4 28.5 L7.25 14.35 7.25 10.1 6.55 9.4 Q5.95 8.8 6 7.95 5.95 7.1 6.5 6.55 7.1 5.95 7.95 6 8.8 5.95 9.4 6.55 L10.15 7.3 14.3 7.25 28.45 21.4 M19.95 24.2 L24.2 19.95 22.8 18.55 18.55 22.8 19.95 24.2 M9.25 13.5 L10.05 14.3 14.3 10.05 13.5 9.25 9.25 9.3 9.25 13.5",yJ),6,18,"crosshair"),r=R(C("M17 2 Q18.2 2 19.15 2.9 20 3.8 20 5 L20 12 27 12 Q28.2 12 29.15 12.9 30 13.8 30 15 L30 17 Q30 18.2 29.15 19.15 28.2 20 27 20 L20 20 20 27 Q20 28.2 19.15 29.15 18.2 30 17 30 L15 30 Q13.8 30 12.9 29.15 12 28.2 12 27 L12 20 5 20 Q3.8 20 2.9 19.15 2 18.2 2 17 L2 15 Q2 13.8 2.9 12.9 3.8 12 5 12 L12 12 12 5 Q12 3.8 12.9 2.9 13.8 2 15 2 L17 2 M14 27 L14.3 27.7 Q14.6 28 15 28 L17 28 17.7 27.7 18 27 18 18.05 18.05 18 27 18 Q27.4 18 27.7 17.7 L28 17 28 15 27.7 14.3 Q27.4 14 27 14 L18 14 18 5 17.7 4.3 17 4 15 4 Q14.6 4 14.3 4.3 14 4.6 14 5 L14 14 5 14 Q4.6 14 4.3 14.3 4 14.6 4 15 L4 17 Q4 17.4 4.3 17.7 4.6 18 5 18 L14 18 14 27","M14 27 L14 18 5 18 Q4.6 18 4.3 17.7 4 17.4 4 17 L4 15 Q4 14.6 4.3 14.3 4.6 14 5 14 L14 14 14 5 Q14 4.6 14.3 4.3 14.6 4 15 4 L17 4 17.7 4.3 18 5 18 14 27 14 Q27.4 14 27.7 14.3 L28 15 28 17 27.7 17.7 Q27.4 18 27 18 L18.05 18 18 18.05 18 27 17.7 27.7 17 28 15 28 Q14.6 28 14.3 27.7 L14 27"),12,12,"crosshair"),_Q=R(C("M3.9 11.35 Q2.3 12.5 3.7 13.9 L16.4 26.65 Q17.85 28.05 19.45 26.9 L27.65 21.15 Q29.3 20 27.85 18.6 L15.15 5.85 Q13.75 4.45 12.1 5.6 L3.9 11.35 M1.05 12.4 Q1 10.95 2.75 9.75 L10.95 4 10.95 3.95 Q14 1.85 16.6 4.45 L29.3 17.2 Q30.8 18.65 30.55 20.1 30.55 21.55 28.8 22.8 L20.6 28.55 20.65 28.55 Q17.7 30.65 15 28.1 L15 28.05 2.3 15.3 2.3 15.35 Q0.8 13.85 1.05 12.4 M13.5 7 L19.85 13.35 11.65 19.15 5.3 12.75 13.5 7","M13.5 7 L5.3 12.75 11.65 19.15 19.85 13.35 13.5 7 M3.9 11.35 L12.1 5.6 Q13.75 4.45 15.15 5.85 L27.85 18.6 Q29.3 20 27.65 21.15 L19.45 26.9 Q17.85 28.05 16.4 26.65 L3.7 13.9 Q2.3 12.5 3.9 11.35"),6,14,"cell"),IQ=R(`<svg ${VJ}><path d='M16 4V28M11 4H21M11 28H21' fill='none' ${$J} stroke-width='5'/><path d='M16 4V28M11 4H21M11 28H21' fill='none' stroke='${zJ}' stroke-width='2.25' stroke-linecap='round'/></svg>`,12,12,"text"),AQ=R(`<svg ${VJ}><path d='M6 5H21L26 10V27H6Z' fill='${zJ}' ${$J} stroke-width='2.5'/><path d='M21 5V11H26' fill='none' ${$J} stroke-width='2.25'/></svg>`,5,5,"crosshair"),w=Object.freeze({move:PQ,hand:LQ,comment:MQ,pen:jQ,section:r,highlighter:NQ,shape:r,rect:r,ellipse:r,sticky:AQ,arrow:r,text:IQ,eraser:_Q});import{jsx as qJ,Fragment as kQ}from"react/jsx-runtime";var wQ=Object.freeze([{id:"move",label:"Move",shortcut:"V",cursor:w.move},{id:"hand",label:"Hand",shortcut:"H",cursor:w.hand},{id:"comment",label:"Comment",shortcut:"C",cursor:w.comment},{id:"pen",label:"Pen",shortcut:"B",cursor:w.pen},{id:"highlighter",label:"Highlighter",shortcut:"I",cursor:w.highlighter},{id:"shape",label:"Shape",shortcut:"R",cursor:w.shape},{id:"sticky",label:"Sticky",shortcut:"N",cursor:w.sticky},{id:"section",label:"Section",shortcut:"⇧S",cursor:w.shape},{id:"arrow",label:"Arrow",shortcut:"A",cursor:w.arrow},{id:"text",label:"Text",shortcut:"T",cursor:w.text},{id:"eraser",label:"Eraser",shortcut:"E",cursor:w.eraser}]),GJ=OQ(null);function yQ({children:J,tools:Z=wQ,initial:Q="move"}){let[$,z]=BJ(Q),[W,U]=BJ(()=>({tool:null,locked:!1})),q=WJ((Y)=>{z(Y),U((j)=>j.locked&&j.tool===Y?j:{tool:null,locked:!1})},[]),G=WJ((Y)=>{U((j)=>{if(j.locked&&j.tool===Y)return{tool:null,locked:!1};return{tool:Y,locked:!0}}),z(Y)},[]),F=WJ(()=>{U({tool:null,locked:!1})},[]),[D,K]=BJ("rounded");TQ(()=>{if(typeof document>"u")return;let Y=Z.find((I)=>I.id===$);if(!Y)return;let j=document.body.style.cursor;document.body.style.cursor=Y.cursor;let _=document.getElementById("dc-tool-cursor");if(!_)_=document.createElement("style"),_.id="dc-tool-cursor",document.head.appendChild(_);if(_.textContent=`* { cursor: ${Y.cursor} !important; }`,typeof window<"u"&&window.parent&&window.parent!==window)try{window.parent.postMessage({dgn:"tool-cursor",tool:$},"*")}catch{}return()=>{document.body.style.cursor=j;let I=document.getElementById("dc-tool-cursor");if(I)I.textContent=""}},[$,Z]);let X=EQ(()=>({tool:$,setTool:q,tools:Z,sticky:W,toggleSticky:G,clearSticky:F,shapeKind:D,setShapeKind:K}),[$,q,Z,W,G,F,D]);return qJ(GJ.Provider,{value:X,children:J})}function bJ({children:J}){if(kJ(GJ))return qJ(kQ,{children:J});return qJ(yQ,{children:J})}function xJ(){let J=kJ(GJ);if(!J)throw Error("useToolMode must be used inside <ToolProvider>");return J}import{jsx as YJ,jsxs as uQ}from"react/jsx-runtime";var gQ=new Set(["drop-comment","tool","escape","hover"]);function XJ(){return typeof document<"u"&&!document.querySelector(".dc-canvas")}function gJ(J,Z){if(typeof document>"u")return null;let Q=document.elementFromPoint(J,Z);if(!Q)return null;if(Q.closest(".cm-composer, .cm-thread, .cm-mention-popup, .cm-pin, [data-mc-hover-halo]"))return null;let $=Q.tagName;if($==="HTML"||$==="BODY")return null;return Q}function CQ({children:J,file:Z}){let{tool:Q,setTool:$}=xJ(),z=LJ(),W=S(null),[U,q]=KJ(null),G=S(Q);G.current=Q;let F=vQ(()=>()=>G.current,[]);return p(()=>{if(Q!=="comment")q(null)},[Q]),p(()=>{let D=W.current;if(D)D.setAttribute("data-active-tool",Q);if(typeof document<"u"&&document.body)document.body.setAttribute("data-active-tool",Q);return()=>{D?.removeAttribute("data-active-tool")}},[Q]),p(()=>{if(typeof window>"u")return;let D=(K)=>{let X=K.data;if(!X||typeof X!=="object"||X.dgn!=="tool-set")return;if(typeof X.tool==="string")$(X.tool)};return window.addEventListener("message",D),()=>window.removeEventListener("message",D)},[$]),wJ({hostRef:W,getActiveTool:F,claimableActions:gQ,callbacks:{onHover:({clientX:D,clientY:K})=>{if(G.current!=="comment"||!XJ()){q(null);return}let X=gJ(D,K);q((Y)=>Y===X?Y:X)},onTool:({tool:D})=>$(D),onEscape:()=>{if(G.current!=="move")$("move");if(q(null),z.clear(),typeof window<"u")try{window.parent.postMessage({dgn:"force-clear"},"*")}catch{}},onDropComment:({clientX:D,clientY:K})=>hQ(D,K,z,Z)}}),uQ("div",{"data-mc-host":!0,ref:W,style:{display:"contents"},children:[J,U?YJ(SQ,{el:U}):null,YJ(IJ,{})]})}function SQ({el:J}){let Z=S(null),Q=S(J);Q.current=J;let $=S(null);return p(()=>{let z=()=>{$.current=null;let W=Z.current,U=Q.current;if(W&&U?.isConnected){let q=U.getBoundingClientRect();if(q.width===0&&q.height===0)W.style.display="none";else W.style.display="block",W.style.left=`${Math.round(q.left)}px`,W.style.top=`${Math.round(q.top)}px`,W.style.width=`${Math.round(q.width)}px`,W.style.height=`${Math.round(q.height)}px`}else if(W)W.style.display="none";$.current=requestAnimationFrame(z)};return $.current=requestAnimationFrame(z),()=>{if($.current!=null)cancelAnimationFrame($.current)}},[]),YJ("div",{ref:Z,"aria-hidden":"true","data-mc-hover-halo":"",style:{position:"fixed",display:"none",pointerEvents:"none",zIndex:2147483646,border:"2px solid var(--maude-hud-accent, #d63b1f)",borderRadius:"3px",boxSizing:"border-box"}})}function hQ(J,Z,Q,$){if(typeof document>"u")return;let z=ZJ(document,J,Z,{deep:!0});if(!z)z=ZJ(document,J,Z,{deep:!1});if(!z&&!XJ()&&typeof document.elementsFromPoint==="function"){let U=document.elementsFromPoint(J,Z);for(let q of U){let G=q.closest?.("[data-cd-id]");if(!G)continue;if(!G.closest(".dc-artboard-body"))continue;let F=G.closest("[data-dc-screen]");z={el:G,cdId:G.getAttribute("data-cd-id"),artboardId:F?.getAttribute("data-dc-screen")??null};break}}if(!z&&XJ()){let U=gJ(J,Z);if(U)z={el:U,cdId:U.getAttribute("data-cd-id"),artboardId:null}}if(!z){let U={file:$,id:void 0,selector:"",artboardId:null,tag:"",classes:"",text:"",dom_path:[],bounds:{x:J-12,y:Z-12,w:24,h:24},html:""};vJ(U,J,Z);return}let W=TJ(z,$);Q.replace(W),vJ(W,J,Z)}function vJ(J,Z,Q){if(typeof document<"u")try{document.dispatchEvent(new CustomEvent("cm:open-composer",{detail:{selection:J,clientX:Z,clientY:Q}}))}catch{}if(typeof window<"u")try{window.parent.postMessage({dgn:"comment-compose",selection:J},"*")}catch{}}function CJ(J,Z){return k(bJ,null,k(PJ,null,k(CQ,{file:Z},k(J))))}function kZ(J,Z){let Q=RQ(Z.rootEl);if(!Z.commentsEnabled){Q.render(k(J));return}let $=Z.file??t();Q.render(k(mQ,{initialCanvas:J,file:$}))}var RJ="__maudeCanvasRuntime";function fQ({Canvas:J,file:Z,onOk:Q}){return p(()=>{Q()},[]),CJ(J,Z)}class SJ extends bQ{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}componentDidUpdate(J){if(J.attempt!==this.props.attempt&&this.state.hasError)this.setState({hasError:!1})}render(){if(this.state.hasError)return this.props.fallback();return this.props.children}}function pQ({message:J}){return k("div",{className:"dc-hmr-holding",role:"status","aria-live":"polite",title:J?`Holding last working render — ${J}`:"Holding last working render"},"⏸ build error — držím poslední funkční verzi")}function mQ({initialCanvas:J,file:Z}){let[{canvas:Q,attempt:$},z]=KJ({canvas:J,attempt:0}),[W,U]=KJ({on:!1}),q=S(null),G=S(Q);G.current=Q,p(()=>{let X={remount:(Y)=>z((j)=>({canvas:Y,attempt:j.attempt+1})),setHolding:(Y,j)=>U(Y?{on:!0,message:j}:{on:!1})};return window[RJ]=X,()=>{window[RJ]=void 0}},[]);let F=UJ(()=>{q.current=G.current,U((X)=>X.on?{on:!1}:X)},[]),D=UJ(()=>{U({on:!0,message:"render error"})},[]),K=UJ(()=>{let X=q.current;return X?CJ(X,Z):null},[Z]);return k(xQ,null,k(SJ,{attempt:$,onError:D,fallback:K},k(fQ,{key:$,Canvas:Q,file:Z,onOk:F})),W.on?k(pQ,{message:W.message}):null)}export{kZ as mountCanvas,SJ as CanvasErrorBoundary};
+import{Component as bQ,createElement as k,Fragment as xQ,useCallback as UJ,useEffect as p,useMemo as vQ,useRef as S,useState as KJ}from"react";import{createRoot as RQ}from"react-dom/client";import{useCallback as T,useEffect as y,useMemo as u,useRef as b,useState as v}from"react";import*as l from"lib0/decoding";import*as m from"lib0/encoding";import{createContext as hJ,useCallback as rQ,useContext as fJ,useEffect as iQ,useMemo as cQ,useReducer as lQ,useRef as aQ,useState as oQ}from"react";import{Awareness as sQ,applyAwarenessUpdate as tQ,encodeAwarenessUpdate as eQ}from"y-protocols/awareness";import{readSyncMessage as QZ,writeSyncStep1 as ZZ,writeUpdate as $Z}from"y-protocols/sync";import*as pJ from"yjs";import{jsx as zZ}from"react/jsx-runtime";var mJ=hJ(null);function FJ(){return fJ(mJ)}import{createContext as uJ,useCallback as h,useContext as o,useEffect as dJ,useMemo as rJ,useRef as iJ,useState as cJ}from"react";import{jsx as a,Fragment as oJ}from"react/jsx-runtime";var i=uJ(null);function f(J){return J.id?`id:${J.id}`:`sel:${J.selector}`}function HJ(J){let Z=[],Q=new Set;for(let $ of J){let z=f($);if(Q.has(z))continue;Q.add(z),Z.push($)}return Z}var lJ=50;function aJ({children:J,postTarget:Z}){let[Q,$]=cJ([]),z=iJ(null),W=h((X)=>{if(z.current)clearTimeout(z.current);z.current=setTimeout(()=>{z.current=null;let Y=Z??(typeof window<"u"?window.parent:null);if(!Y)return;let j=X.length===0?null:X.length===1?X[0]??null:X;try{Y.postMessage({dgn:"select-set",selection:j},"*")}catch{}},lJ)},[Z]);dJ(()=>()=>{if(z.current)clearTimeout(z.current)},[]);let U=h((X)=>{let Y=HJ(Array.isArray(X)?X:[X]);$(Y),W(Y)},[W]),q=h((X)=>{let Y=Array.isArray(X)?X:[X];$((j)=>{let _=HJ([...j,...Y]);return W(_),_})},[W]),G=h((X)=>{let Y=f(X);$((j)=>{let _=j.filter((I)=>f(I)!==Y);return W(_),_})},[W]),F=h((X)=>{let Y=f(X);$((j)=>{let _=j.some((I)=>f(I)===Y)?j.filter((I)=>f(I)!==Y):[...j,X];return W(_),_})},[W]),D=h(()=>{$([]),W([])},[W]),K=rJ(()=>({selected:Q,replace:U,add:q,remove:G,toggle:F,clear:D}),[Q,U,q,G,F,D]);return a(i.Provider,{value:K,children:J})}function PJ({children:J}){if(o(i))return a(oJ,{children:J});return a(aJ,{children:J})}function LJ(){let J=o(i);if(!J)throw Error("useSelectionSet must be used inside <SelectionSetProvider>");return J}function MJ(){return o(i)}import{jsx as N,jsxs as E}from"react/jsx-runtime";var nJ="/_client/comments-overlay.css";function sJ(){if(typeof document>"u")return;if(document.getElementById("cm-overlay-css"))return;let J=document.createElement("link");J.id="cm-overlay-css",J.rel="stylesheet",J.href=nJ,document.head.appendChild(J)}function tJ(){if(typeof window>"u")return null;try{let J=window.location.pathname;if(J==="/_canvas-shell.html"||J==="/_canvas-shell"){let Z=new URLSearchParams(window.location.search),Q=Z.get("canvas")??"",$=(Z.get("designRel")??".design").replace(/^\/+|\/+$/g,"");return Q?`${$}/${Q}`:null}return decodeURIComponent(J).replace(/^\//,"")}catch{return null}}function s(J,Z){if(!J)return null;let Q=null;try{let z=document.querySelectorAll(J),W=Z&&Z>0&&Z<z.length?Z:0;Q=z[W]??z[0]??null}catch{return null}if(!Q?.isConnected)return null;let $=Q.getBoundingClientRect();if($.width===0&&$.height===0)return null;return{x:$.left,y:$.top,w:$.width,h:$.height}}function IJ(){sJ();let J=MJ(),[Z,Q]=v([]),[$,z]=v(null),[W,U]=v(null),q=u(()=>tJ(),[]);y(()=>{if(typeof document>"u")return;let B=document.getElementById("dgn-pin-layer");if(!B)return;let H=B.style.display;return B.style.display="none",()=>{B.style.display=H}},[]);let G=T((B)=>{if(!J)return;if(!B?.selector){J.clear();return}let H=B.selector.match(/data-cd-id="([^"]+)"/),M=H?H[1]:void 0,O,x;try{let P=document.querySelector(B.selector);if(P)O=P.tagName.toLowerCase(),x=(P.getAttribute("class")??"").split(/\s+/).filter((A)=>A&&!A.startsWith("dgn-")&&!A.startsWith("dc-cv-")).join(" ")}catch{}J.replace({file:q??void 0,id:M,selector:B.selector,tag:O,classes:x,bounds:B.bounds??void 0})},[J,q]),F=b(Z);F.current=Z;let D=FJ();y(()=>{if(!D)return;let B=D.doc.getArray("comments"),H=()=>{Q(B.toArray())};if(B.length>0)H();return B.observe(H),()=>{try{B.unobserve(H)}catch{}}},[D]),y(()=>{if(typeof window>"u")return;let B=(H)=>{let M=H.data;if(!M||typeof M!=="object"||!M.dgn)return;if(M.dgn==="comments-set"&&Array.isArray(M.comments))Q(M.comments);else if(M.dgn==="comment-focus"){let O=typeof M.id==="string"?M.id:null;z(O);let x=O?F.current.find((P)=>P.id===O):void 0;G(x)}};return window.addEventListener("message",B),()=>window.removeEventListener("message",B)},[G]),y(()=>{if(typeof document>"u")return;let B=(H)=>{let M=H.detail;if(!M?.selection)return;U({selection:M.selection,clientX:typeof M.clientX==="number"?M.clientX:0,clientY:typeof M.clientY==="number"?M.clientY:0})};return document.addEventListener("cm:open-composer",B),()=>document.removeEventListener("cm:open-composer",B)},[]);let K=T(()=>{if(U(null),typeof window>"u")return;try{window.parent.postMessage({dgn:"force-clear"},"*")}catch{}},[]),X=T((B)=>{if(!W)return;let H=W.selection,M={file:H.file,selector:H.selector,index:H.index,dom_path:H.dom_path,tag:H.tag,classes:H.classes,bounds:H.bounds,html_excerpt:H.html,text:B};if(typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-submit",payload:M},"*")}catch{}K()},[W,K]);y(()=>{if(!q)return;let B=!1;return(async()=>{try{let H=await fetch(`/_comments?file=${encodeURIComponent(q)}`);if(!H.ok)return;let M=await H.json();if(B)return;if(Array.isArray(M.comments))Q((O)=>O.length===0?M.comments??[]:O)}catch{}})(),()=>{B=!0}},[q]);let Y=u(()=>{return Z.slice().sort((H,M)=>H.created.localeCompare(M.created)).filter((H)=>H.status!=="resolved")},[Z]),j=u(()=>{let B=new Map;return Z.slice().sort((M,O)=>M.created.localeCompare(O.created)).forEach((M,O)=>{B.set(M.id,O+1)}),B},[Z]),_=T((B)=>{if(z(B),G(Z.find((H)=>H.id===B)),typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-click",id:B},"*")}catch{}},[Z,G]),I=T((B,H)=>{if(typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-patch",id:B,patch:H},"*")}catch{}},[]),V=T((B)=>{if(typeof window>"u")return;try{window.parent.postMessage({dgn:"comment-delete",id:B},"*")}catch{}z((H)=>H===B?null:H)},[]),L=T(async(B,H)=>{if(typeof fetch>"u")return!1;try{let M=await fetch(`/_api/comments/${encodeURIComponent(B)}/reply`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({body:H})});if(!M.ok)return!1;let O=await M.json();return Q((x)=>x.map((P)=>P.id===O.id?O:P)),!0}catch{return!1}},[]);return E("div",{className:"cm-layer","aria-hidden":!1,children:[Y.map((B)=>{let H=j.get(B.id)??0;return N(QQ,{comment:B,sequence:H,focused:$===B.id,onClick:_},B.id)}),W?N(ZQ,{state:W,onSubmit:X,onCancel:K}):null,(()=>{if(!$)return null;let B=Y.find((H)=>H.id===$);if(!B)return null;return N($Q,{comment:B,sequence:j.get(B.id)??0,onClose:()=>{z(null),J?.clear()},onPatch:(H)=>I(B.id,H),onDelete:()=>V(B.id),onReply:(H)=>L(B.id,H)})})()]})}var n=null;async function eJ(){if(!n)n=(async()=>{try{let J=await fetch("/_api/git-committers");if(!J.ok)return[];let Z=await J.json();return Array.isArray(Z.committers)?Z.committers:[]}catch{return[]}})();return n}function jJ(J){return(J.trim().split(/\s+/)[0]??"").replace(/[^\w.-]/g,"").toLowerCase()}function JQ(J,Z){if(Z<=0||Z>J.length)return null;let Q=Z-1;while(Q>=0){let $=J[Q]??"";if($==="@"){let z=Q>0?J[Q-1]:"";if(Q===0||/\s/.test(z??"")){let W=J.slice(Q+1,Z);return{start:Q,end:Z,query:W}}return null}if(!/[\w.-]/.test($))return null;Q-=1}return null}function AJ({className:J,value:Z,onChange:Q,onKeyDown:$,placeholder:z,rows:W,disabled:U,textareaRef:q,ariaLabel:G}){let F=b(null),D=T((P)=>{if(F.current=P,q)q.current=P},[q]),[K,X]=v([]),[Y,j]=v(null),[_,I]=v(0),V=T(()=>{if(K.length>0)return;eJ().then((P)=>X(P))},[K.length]),L=u(()=>{if(!Y)return[];let P=Y.query.toLowerCase();return(!P?K:K.filter((g)=>g.name.toLowerCase().includes(P)||g.email.toLowerCase().includes(P))).slice(0,8)},[Y,K]),B=T((P)=>{let A=P.selectionStart??P.value.length,g=JQ(P.value,A);j(g),I(0)},[]),H=T((P)=>{Q(P.target.value),B(P.target)},[Q,B]),M=T((P)=>{if(!Y)return;let A=F.current;if(!A)return;let g=`@${jJ(P.name)}`,c=`${Z.slice(0,Y.start)}${g} ${Z.slice(Y.end)}`;Q(c),j(null);let DJ=Y.start+g.length+1;requestAnimationFrame(()=>{A.focus(),A.setSelectionRange(DJ,DJ)})},[Y,Z,Q]),O=T((P)=>{if(Y&&L.length>0){if(P.key==="ArrowDown"){P.preventDefault(),I((A)=>(A+1)%L.length);return}if(P.key==="ArrowUp"){P.preventDefault(),I((A)=>(A-1+L.length)%L.length);return}if(P.key==="Enter"||P.key==="Tab"){P.preventDefault();let A=L[_]??L[0];if(A)M(A);return}if(P.key==="Escape"){P.preventDefault(),j(null);return}}$?.(P)},[Y,L,_,M,$]),x=T((P)=>{B(P.currentTarget)},[B]);return E("div",{style:{position:"relative"},children:[N("textarea",{ref:D,className:J,value:Z,placeholder:z,rows:W,disabled:U,"aria-label":G,onChange:H,onKeyDown:O,onFocus:V,onSelect:x,onClick:x}),Y&&L.length>0?N("ul",{className:"cm-mention-popup",role:"listbox","aria-label":"Mention suggestions",style:{left:0,top:"100%"},children:L.map((P,A)=>{return E("li",{role:"option","aria-selected":A===_,className:"cm-mention-popup__item",onMouseEnter:()=>I(A),onMouseDown:(c)=>{c.preventDefault(),M(P)},children:[E("span",{className:"cm-mention-popup__name",children:["@",jJ(P.name)]}),N("span",{className:"cm-mention-popup__email",children:P.email})]},`${P.name}-${P.email}`)})}):null]})}function QQ({comment:J,sequence:Z,focused:Q,onClick:$}){let z=b(null),W=b(null);y(()=>{let G=()=>{W.current=null;let F=z.current;if(!F)return;let D=s(J.selector,J.index);if(!D&&J.bounds)D={x:J.bounds.x,y:J.bounds.y,w:J.bounds.w,h:J.bounds.h};if(!D){F.style.display="none",W.current=requestAnimationFrame(G);return}F.style.display="grid";let K=Math.round(D.x+D.w-12),X=Math.round(D.y-12);F.style.left=`${K}px`,F.style.top=`${X}px`,W.current=requestAnimationFrame(G)};return W.current=requestAnimationFrame(G),()=>{if(W.current!=null)cancelAnimationFrame(W.current)}},[J.selector,J.bounds,J.index]);let U=J.author?.trim()||"unknown",q=`Comment ${Z} by ${U}`;return N("button",{ref:z,type:"button",className:"cm-pin","data-resolved":J.status==="resolved"?"true":"false","data-focused":Q?"true":"false","data-comment-pin":J.id,"aria-label":q,"aria-expanded":Q,title:J.text.slice(0,200),onClick:(G)=>{G.preventDefault(),G.stopPropagation(),$(J.id)},children:Z})}function ZQ({state:J,onSubmit:Z,onCancel:Q}){let[$,z]=v(""),W=b(null),U=b(null),q=b(null);y(()=>{let K=()=>{q.current=null;let X=U.current;if(!X)return;let Y=WQ(J);X.style.left=`${Math.round(Y.x)}px`,X.style.top=`${Math.round(Y.y)}px`,q.current=requestAnimationFrame(K)};return q.current=requestAnimationFrame(K),()=>{if(q.current!=null)cancelAnimationFrame(q.current)}},[J]),y(()=>{W.current?.focus()},[]);let G=T(()=>{let K=$.trim();if(!K)return;Z(K)},[$,Z]),F=T((K)=>{if(K.key==="Escape"){K.preventDefault(),Q();return}if((K.metaKey||K.ctrlKey)&&K.key==="Enter")K.preventDefault(),G()},[Q,G]),D=u(()=>{let K=J.selection.selector||"";if(!K)return J.selection.tag||"canvas";let X=K.match(/data-cd-id="([^"]+)"/);if(X)return`cd:${X[1]}`;return K.length>36?`${K.slice(0,33)}…`:K},[J.selection]);return E("div",{ref:U,className:"cm-composer",role:"dialog","aria-label":"New comment",onClick:(K)=>K.stopPropagation(),onPointerDown:(K)=>K.stopPropagation(),children:[E("div",{className:"cm-composer__head",children:[N("span",{children:"New comment"}),N("span",{className:"cm-composer__selector",children:D})]}),N(AJ,{textareaRef:W,className:"cm-composer__textarea",value:$,placeholder:"Type a comment. ⌘↵ to save · Esc to cancel · @name to tag",onChange:z,onKeyDown:F,rows:3,ariaLabel:"Comment body"}),E("div",{className:"cm-composer__actions",children:[N("button",{type:"button",className:"cm-btn",onClick:Q,children:"Cancel"}),N("button",{type:"button",className:"cm-btn cm-btn--primary",disabled:!$.trim(),onClick:G,children:"Save"})]})]})}function $Q({comment:J,sequence:Z,onClose:Q,onPatch:$,onDelete:z,onReply:W}){let U=b(null),q=b(null),G=b(null),[F,D]=v(""),[K,X]=v(!1);y(()=>{let V=()=>{G.current=null;let L=U.current;if(!L)return;let B=zQ(J);L.style.left=`${Math.round(B.x)}px`,L.style.top=`${Math.round(B.y)}px`,G.current=requestAnimationFrame(V)};return G.current=requestAnimationFrame(V),()=>{if(G.current!=null)cancelAnimationFrame(G.current)}},[J]),y(()=>{U.current?.focus();let V=J.id;return()=>{document.querySelector(`[data-comment-pin="${V}"]`)?.focus()}},[J.id]),y(()=>{if(typeof document>"u")return;let V=(L)=>{if(L.key!=="Escape")return;let B=U.current;if(!B)return;if(B.contains(L.target)||document.activeElement===B)L.preventDefault(),Q()};return document.addEventListener("keydown",V),()=>document.removeEventListener("keydown",V)},[Q]);let Y=T(async()=>{let V=F.trim();if(!V||K)return;X(!0);let L=await W(V);if(X(!1),L)D(""),q.current?.focus()},[F,K,W]),j=T((V)=>{if((V.metaKey||V.ctrlKey)&&V.key==="Enter")V.preventDefault(),Y()},[Y]),_=`cm-thread-head-${J.id}`,I=VQ(J.selector,"");return E("div",{ref:U,className:"cm-thread",role:"dialog","aria-labelledby":_,tabIndex:-1,onClick:(V)=>V.stopPropagation(),onPointerDown:(V)=>V.stopPropagation(),children:[E("div",{className:"cm-thread__head",id:_,children:[E("div",{className:"cm-thread__head-row",children:[N("span",{className:"cm-thread__seq","aria-hidden":"true",children:Z}),N("span",{className:"cm-thread__author",children:J.author?.trim()||"unknown"}),N("span",{className:"cm-thread__time",children:_J(J.created)}),N("button",{type:"button",className:"cm-thread__close","aria-label":"Close thread",title:"Close · Esc",onClick:Q,children:"×"})]}),I?N("code",{className:"cm-thread__selector",children:I}):null]}),N("div",{className:"cm-thread__body",children:NJ(J.text)}),(J.thread??[]).map((V)=>E("div",{className:"cm-thread__reply",children:[E("div",{className:"cm-thread__reply-head",children:[N("span",{className:"cm-thread__reply-author",children:V.author?.trim()||"unknown"}),N("span",{className:"cm-thread__reply-time",children:_J(V.created)})]}),N("div",{className:"cm-thread__reply-body",children:NJ(V.body)})]},V.id)),E("div",{className:"cm-thread__reply-form",children:[N(AJ,{textareaRef:q,className:"cm-thread__reply-textarea",value:F,placeholder:"Reply… ⌘↵ to send · @name to tag",onChange:D,onKeyDown:j,rows:2,ariaLabel:"Reply",disabled:K}),N("div",{className:"cm-thread__reply-actions",children:N("button",{type:"button",className:"cm-btn cm-btn--primary",disabled:!F.trim()||K,onClick:()=>void Y(),children:"Send"})})]}),E("div",{className:"cm-thread__actions",children:[J.status==="resolved"?N("button",{type:"button",className:"cm-btn",onClick:()=>$({status:"open"}),children:"↺ Reopen"}):N("button",{type:"button",className:"cm-btn cm-btn--primary",onClick:()=>{$({status:"resolved"}),Q()},children:"✓ Resolve"}),N("button",{type:"button",className:"cm-btn cm-btn--danger",onClick:()=>{z(),Q()},children:"Delete"})]})]})}function NJ(J){if(!J)return null;let Z=/(@[\w][\w.-]*)/g;return J.split(Z).map(($,z)=>{let W=`${z}:${$}`;if(z%2===1)return N("strong",{"data-mention":"true",children:$},W);return N("span",{children:$},W)})}function _J(J){if(!J)return"";let Z=Date.parse(J);if(!Number.isFinite(Z))return"";let Q=Math.round((Date.now()-Z)/1000);if(Q<60)return`${Math.max(Q,0)}s ago`;if(Q<3600)return`${Math.round(Q/60)}m ago`;if(Q<86400)return`${Math.round(Q/3600)}h ago`;return`${Math.round(Q/86400)}d ago`}function VQ(J,Z){if(!J)return Z;let Q=J.match(/data-cd-id="([^"]+)"/);if(Q)return`cd:${Q[1]}`;return J.length>36?`${J.slice(0,33)}…`:J}function zQ(J){let Z=J.selector?s(J.selector,J.index):null;if(Z)return{x:Z.x+Z.w-12,y:Z.y+16};if(J.bounds)return{x:J.bounds.x+J.bounds.w-12,y:J.bounds.y+16};return{x:16,y:16}}function WQ(J){if(J.clientX||J.clientY)return{x:J.clientX,y:J.clientY+8};if(J.selection.selector){let Z=s(J.selection.selector,J.selection.index);if(Z)return{x:Z.x,y:Z.y+Z.h+8}}return{x:16,y:16}}function t(){if(typeof window>"u")return;try{let J=window.location.pathname;if(J==="/_canvas-shell.html"||J==="/_canvas-shell"){let Z=new URLSearchParams(window.location.search),Q=Z.get("canvas")??"",$=(Z.get("designRel")??".design").replace(/^\/+|\/+$/g,"");return Q?`${$}/${Q}`:void 0}return decodeURIComponent(J).replace(/^\//,"")}catch{return}}function e(J){if(!J)return"";return(J.getAttribute("class")??"").trim().split(/\s+/).filter((Z)=>Z&&!Z.startsWith("dgn-")&&!Z.startsWith("dc-cv-")).join(" ")}function BQ(J,Z){if(!J)return"";let Q=(J.innerText||J.textContent||"").replace(/\s+/g," ").trim();return Q.length>Z?`${Q.slice(0,Z-1)}…`:Q}function qQ(J){if(!J)return"";let Z=[],Q=J;while(Q&&Q.nodeType===1&&Z.length<8){let $=Q.getAttribute?.("data-dc-element");if($){Z.unshift(`[data-dc-element="${$}"]`);break}let z=Q.getAttribute?.("data-dc-screen");if(z){Z.unshift(`[data-dc-screen="${z}"]`);break}let W=Q.nodeName.toLowerCase();if(Q.id){W=`#${Q.id}`,Z.unshift(W);break}let U=e(Q).split(/\s+/).filter(Boolean).slice(0,2);if(U.length)W+=`.${U.join(".")}`;let q=1,G=Q.previousElementSibling;while(G)q++,G=G.previousElementSibling;W+=`:nth-child(${q})`,Z.unshift(W),Q=Q.parentElement}return Z.join(" > ")}function GQ(J){let Z=[],Q=J;while(Q&&Q.nodeType===1&&Z.length<8){let $=Q.nodeName.toLowerCase(),z=Q.getAttribute?.("data-dc-element"),W=Q.getAttribute?.("data-dc-screen");if(z)$+=`[data-dc-element="${z}"]`;else if(W)$+=`[data-dc-screen="${W}"]`;else if(Q.id)$+=`#${Q.id}`;let U=e(Q).split(/\s+/).filter(Boolean).slice(0,2);if(U.length&&!z&&!W)$+=`.${U.join(".")}`;Z.unshift($),Q=Q.parentElement}return Z}function UQ(J,Z){return Z?`[data-dc-screen="${Z}"] [data-cd-id="${J}"]`:`[data-cd-id="${J}"]`}function KQ(J,Z,Q){if(!Q)return 0;try{let $=J.querySelectorAll(Z);for(let z=0;z<$.length;z++)if($[z]===Q)return z}catch{}return 0}var OJ=["display","flex-direction","align-items","justify-content","gap","font-family","color","font-size","font-weight","line-height","letter-spacing","text-align","margin","margin-top","margin-right","margin-bottom","margin-left","padding","padding-top","padding-right","padding-bottom","padding-left","width","height","max-width","background-color","border-radius","border-top-left-radius","border-top-right-radius","border-bottom-left-radius","border-bottom-right-radius","border-width","border-style","border-color","box-shadow","opacity"],XQ=/^(style|class|data-cd-id|data-dc-|data-dcid$)/;function YQ(J){if(!J||typeof window>"u"||!window.getComputedStyle)return{authored:{},computed:{},customStyles:{},attrs:{}};try{let Z=J.style,Q=window.getComputedStyle(J),$={},z={},W=new Set(OJ);for(let F of OJ){let D=Z.getPropertyValue(F);if(D)$[F]=D.trim();let K=Q.getPropertyValue(F);if(K)z[F]=K.trim()}let U=/^(margin|padding|border)(-|$)/,q={};for(let F=0;F<Z.length;F++){let D=Z.item(F);if(!D||W.has(D)||U.test(D))continue;let K=Z.getPropertyValue(D);if(K)q[D]=K.trim()}let G={};for(let F of Array.from(J.attributes)){if(XQ.test(F.name))continue;G[F.name]=F.value}return{authored:$,computed:z,customStyles:q,attrs:G}}catch{return{authored:{},computed:{},customStyles:{},attrs:{}}}}function TJ(J,Z){let Q=J.el,$=Q&&Q.getBoundingClientRect?Q.getBoundingClientRect():null,z=J.cdId,W=z?UQ(z,J.artboardId):J.artboardId?`[data-dc-screen="${J.artboardId}"]`:qQ(Q),U=z&&typeof document<"u"?KQ(document,W,Q):0;return{file:Z??t(),id:z??void 0,selector:W,artboardId:J.artboardId,index:U,tag:Q?.tagName.toLowerCase()??"",classes:e(Q),text:BQ(Q,240),dom_path:GQ(Q),bounds:$?{x:Math.round($.left),y:Math.round($.top),w:Math.round($.width),h:Math.round($.height)}:null,html:Q?(Q.outerHTML??"").slice(0,4000):"",...YQ(Q)}}import{useEffect as DQ}from"react";var FQ=new Set(["pen","highlighter","shape","rect","ellipse","arrow","sticky","text","section","eraser"]);function EJ(J){return FQ.has(J)}var JJ=(J)=>!!(J.metaKey||J.ctrlKey);function d(J){if(J.type==="keydown"){if(J.isEditable)return{kind:"no-op"};if(J.metaKey||J.ctrlKey||J.altKey){if(J.key==="Escape")return{kind:"escape"};let Q=(J.key||"").toLowerCase();if(!J.altKey&&(J.metaKey||J.ctrlKey)){if(Q==="z"&&J.shiftKey)return{kind:"redo"};if(Q==="z")return{kind:"undo"};if(Q==="y"&&!J.shiftKey)return{kind:"redo"}}return{kind:"no-op"}}let Z=(J.key||"").toLowerCase();if(Z==="v")return{kind:"tool",tool:"move"};if(Z==="h")return{kind:"tool",tool:"hand"};if(Z==="c")return{kind:"tool",tool:"comment"};if(Z==="b")return{kind:"tool",tool:"pen"};if(Z==="i")return{kind:"tool",tool:"highlighter"};if(Z==="r"||Z==="o")return{kind:"tool",tool:"shape"};if(Z==="a")return{kind:"tool",tool:"arrow"};if(Z==="n")return{kind:"tool",tool:"sticky"};if(Z==="t")return{kind:"tool",tool:"text"};if(Z==="s"&&J.shiftKey)return{kind:"tool",tool:"section"};if(Z==="e")return{kind:"tool",tool:"eraser"};if(J.key==="Escape")return{kind:"escape"};return{kind:"no-op"}}if(J.type==="contextmenu")return{kind:"context-menu",clientX:J.clientX??0,clientY:J.clientY??0};if(J.type==="pointermove"){if(EJ(J.activeTool))return{kind:"no-op"};if(J.activeTool==="hand")return{kind:"no-op"};if(J.activeTool==="comment")return{kind:"hover",deep:!0,clientX:J.clientX??0,clientY:J.clientY??0};if(!JJ(J))return{kind:"no-op"};return{kind:"hover",deep:!0,clientX:J.clientX??0,clientY:J.clientY??0}}if(J.type==="pointerdown"){if(J.button===2)return{kind:"context-menu",clientX:J.clientX??0,clientY:J.clientY??0};if(J.button===1||J.spaceHeld)return{kind:"no-op"};if(J.button!==0)return{kind:"no-op"};if(EJ(J.activeTool)&&!JJ(J))return{kind:"no-op"};if(J.activeTool==="comment")return{kind:"drop-comment",clientX:J.clientX??0,clientY:J.clientY??0};if(J.activeTool==="hand")return{kind:"no-op"};if(!JJ(J))return{kind:"no-op"};return{kind:"select",mode:!!J.shiftKey?"add":"replace",deep:!0,clientX:J.clientX??0,clientY:J.clientY??0}}return{kind:"no-op"}}function HQ(J){if(!J||!J.tagName)return!1;let Z=J,Q=Z.tagName;if(Q==="INPUT"||Q==="TEXTAREA"||Q==="SELECT")return!0;if(Z.isContentEditable)return!0;return!1}function QJ(J){if(!J||!J.closest)return!1;return!!J.closest(".cm-composer, .cm-thread, .cm-mention-popup, .cm-pin, [data-mediaref-player]")}function wJ(J){let{hostRef:Z,getActiveTool:Q,isSpaceHeld:$,callbacks:z,enabled:W=!0,claimableActions:U}=J;DQ(()=>{if(!W)return;let q=Z.current;if(!q)return;let G=(V)=>U&&V.kind!=="no-op"&&!U.has(V.kind)?{kind:"no-op"}:V,F=(V)=>{switch(V.kind){case"hover":z.onHover?.(V);break;case"select":z.onSelect?.(V);break;case"drop-comment":z.onDropComment?.(V);break;case"context-menu":z.onContextMenu?.(V);break;case"tool":z.onTool?.(V);break;case"escape":z.onEscape?.();break;case"undo":z.onUndo?.();break;case"redo":z.onRedo?.();break;case"no-op":break}},D=(V)=>{let L=G(d({type:"pointermove",button:V.button,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,clientX:V.clientX,clientY:V.clientY,spaceHeld:$?.()??!1,activeTool:Q()}));F(L)},K=(V)=>{if(QJ(V.target))return;let L=G(d({type:"pointerdown",button:V.button,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,clientX:V.clientX,clientY:V.clientY,spaceHeld:$?.()??!1,activeTool:Q()}));if(L.kind!=="no-op")V.preventDefault(),V.stopImmediatePropagation();F(L)},X=(V)=>{if(QJ(V.target))return;if(G(d({type:"pointerdown",button:V.button,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,clientX:V.clientX,clientY:V.clientY,spaceHeld:$?.()??!1,activeTool:Q()})).kind!=="no-op")V.preventDefault(),V.stopImmediatePropagation()},Y=(V)=>{if(QJ(V.target))return;let L=Q(),B=V.metaKey||V.ctrlKey,H=L==="comment"?"drop-comment":L==="move"&&B&&V.button===0?"select":V.button===2?"context-menu":null;if(H&&(!U||U.has(H)))V.preventDefault(),V.stopImmediatePropagation()},j=(V)=>{let L=G(d({type:"contextmenu",clientX:V.clientX,clientY:V.clientY,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,activeTool:Q()}));if(L.kind==="no-op")return;V.preventDefault(),V.stopImmediatePropagation(),F(L)},_=(V)=>{let L=G(d({type:"keydown",key:V.key,metaKey:V.metaKey,ctrlKey:V.ctrlKey,shiftKey:V.shiftKey,altKey:V.altKey,isEditable:HQ(V.target),activeTool:Q()}));if(L.kind==="tool"||L.kind==="escape"||L.kind==="undo"||L.kind==="redo")V.preventDefault();F(L)};q.addEventListener("pointermove",D,{passive:!0}),q.addEventListener("pointerdown",K,{capture:!0}),q.addEventListener("mousedown",X,{capture:!0}),q.addEventListener("click",Y,{capture:!0}),q.addEventListener("contextmenu",j,{capture:!0});let I=q.ownerDocument??document;return I.addEventListener("keydown",_,!0),()=>{q.removeEventListener("pointermove",D),q.removeEventListener("pointerdown",K,{capture:!0}),q.removeEventListener("mousedown",X,{capture:!0}),q.removeEventListener("click",Y,{capture:!0}),q.removeEventListener("contextmenu",j,{capture:!0}),I.removeEventListener("keydown",_,!0)}},[W,Z,Q,$,z,U])}function ZJ(J,Z,Q,$){let z=J.elementFromPoint(Z,Q);if(!z)return null;if(z.closest?.(".dc-mm, .dc-zoom-tb, .dc-tool-palette, .dc-context-menu, .dc-cv-group-bbox"))return null;let W=z.closest?.("[data-dc-screen]")??null,U=W?.getAttribute("data-dc-screen")??null,q=z.closest?.(".dc-artboard-body")??null;if(!q){if(W&&U)return{el:W,cdId:null,artboardId:U};return null}if(z===q){if(W&&U)return{el:W,cdId:null,artboardId:U};return null}if($.deep){let X=z.getAttribute?.("data-cd-id")??null;return{el:z,cdId:X,artboardId:U}}let G=z,F=null;while(G&&G!==q){if(G.hasAttribute?.("data-cd-id"))F=G;G=G.parentElement}let D=F??z,K=D.getAttribute?.("data-cd-id")??null;return{el:D,cdId:K,artboardId:U}}import{createContext as OQ,useCallback as WJ,useContext as kJ,useEffect as TQ,useMemo as EQ,useState as BJ}from"react";function R(J,Z,Q,$){return`url("data:image/svg+xml,${encodeURIComponent(J.trim())}") ${Z} ${Q}, ${$}`}var VJ="width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'",zJ="#1f1f1f",$J="stroke='#ffffff' stroke-linejoin='round' stroke-linecap='round'";function C(J,Z,Q){let $=Q?`<g transform='${Q}'>`:"";return`<svg ${VJ}>${$}<path fill='#ffffff' d='${J}'/><path fill='${zJ}' d='${Z}'/>${Q?"</g>":""}</svg>`}var yJ="translate(0,32) scale(1,-1)",PQ=R(C("M10.25 8.25 L10.05 8.65 10 9 10 23.1 10.05 23.4 10.25 23.75 10.8 24 11.45 23.85 11.6 23.7 11.75 23.45 14.65 19.8 14.85 19.65 14.95 19.5 15.4 19.2 15.95 19.1 21.05 19.1 21.2 19.1 21.35 19.05 21.65 18.9 21.9 18.6 22 18.3 22 17.9 21.9 17.65 21.75 17.35 21.65 17.3 21.55 17.15 11.5 8.25 11.25 8.05 10.95 8 10.6 8.05 10.25 8.25 M9.15 6.6 L9.7 6.25 10 6.15 10.95 6 11.9 6.15 13 6.9 22.9 15.65 23 15.8 23.2 15.95 23.75 16.75 24 17.9 24 18.3 23.9 18.95 23.8 19.25 23.6 19.7 23.1 20.35 22.75 20.6 22.1 20.9 22.05 20.95 22 20.95 21.2 21.1 21.05 21.1 16.2 21.1 16.1 21.25 16.05 21.25 13.4 24.6 13.05 25.15 12.9 25.3 12.55 25.55 Q11.6 26.15 10.55 26 L10.5 26 Q9.65 25.85 9 25.3 L8.45 24.65 8.4 24.5 8.15 24.05 8 23.1 8 9 Q8 8.45 8.15 8.05 L8.25 7.75 8.45 7.35 9.15 6.6","M10.25 8.25 L10.6 8.05 10.95 8 11.25 8.05 11.5 8.25 21.55 17.15 21.65 17.3 21.75 17.35 21.9 17.65 22 17.9 22 18.3 21.9 18.6 21.65 18.9 21.35 19.05 21.2 19.1 21.05 19.1 15.95 19.1 15.4 19.2 14.95 19.5 14.85 19.65 14.65 19.8 11.75 23.45 11.6 23.7 11.45 23.85 10.8 24 10.25 23.75 10.05 23.4 10 23.1 10 9 10.05 8.65 10.25 8.25"),8,5,"default"),LQ=R(C("M28.55 17.8 Q29.4 20.3 28.75 22.8 L28.7 23 28.15 24.55 28.05 24.75 Q26.4 28.2 22.75 29.4 L22.45 29.5 18 29.9 17.75 29.85 Q15.8 29.25 13.8 28.1 L13.45 27.95 Q12 27.05 10.35 26.8 L10.25 26.75 7.9 26.7 7.8 26.7 Q6.1 26.9 4.8 25.8 L4.75 25.8 4.65 25.7 4.6 25.65 Q3.25 24.5 3.05 22.85 L3 22.75 Q2.8 20.95 4 19.5 5.05 18.15 6.75 17.95 L8.4 17.9 7.5 15.55 7.3 15.2 7.2 15 5 10.95 Q3.9 9.15 4.3 7.75 L4.4 7.5 Q4.75 6.15 6.45 5.2 9 3.65 11 5 11.05 4.1 11.5 3.45 12.15 2.1 14.2 1.6 L14.35 1.6 Q18.05 0.6 19.6 4.4 L19.65 4.55 Q20.75 3.65 22.7 3.75 L22.75 3.75 Q26.75 4 27 8.15 L27 8.25 27 8.35 27 8.45 Q26.9 10.75 27.1 12.6 27.15 14.65 28.2 16.75 L28.55 17.8 M26.65 18.4 L26.1 16.8 26.1 16.85 Q24.8 13.7 25 8.35 L25 8.25 Q24.85 5.9 22.6 5.75 20.7 5.65 20.4 7.35 L20.1 7.95 19.5 8.2 18.85 8.05 18.45 7.5 17.75 5.15 Q16.85 2.95 14.7 3.55 L14.65 3.55 Q12.55 4.05 13.15 6.15 L13.85 8.75 13.75 9.45 13.25 9.95 12.55 9.95 12 9.55 10.9 7.7 Q9.5 5.7 7.45 6.9 6.5 7.45 6.25 8.15 6.1 8.9 6.7 9.85 9.2 13.9 10.8 18.65 L10.8 19.3 10.4 19.8 9.75 19.95 Q8.35 19.8 6.95 19.95 6.1 20.05 5.55 20.75 4.9 21.55 5 22.55 5.15 23.55 6 24.2 L6.05 24.25 Q6.75 24.85 7.65 24.7 L7.7 24.7 10.65 24.8 Q12.7 25.15 14.45 26.2 L14.5 26.2 Q16.4 27.35 18.3 27.9 L22.05 27.5 22.1 27.5 Q24.95 26.55 26.25 23.85 L26.8 22.3 Q27.3 20.35 26.65 18.4","M26.65 18.4 Q27.3 20.35 26.8 22.3 L26.25 23.85 Q24.95 26.55 22.1 27.5 L22.05 27.5 18.3 27.9 Q16.4 27.35 14.5 26.2 L14.45 26.2 Q12.7 25.15 10.65 24.8 L7.7 24.7 7.65 24.7 Q6.75 24.85 6.05 24.25 L6 24.2 Q5.15 23.55 5 22.55 4.9 21.55 5.55 20.75 6.1 20.05 6.95 19.95 8.35 19.8 9.75 19.95 L10.4 19.8 10.8 19.3 10.8 18.65 Q9.2 13.9 6.7 9.85 6.1 8.9 6.25 8.15 6.5 7.45 7.45 6.9 9.5 5.7 10.9 7.7 L12 9.55 12.55 9.95 13.25 9.95 13.75 9.45 13.85 8.75 13.15 6.15 Q12.55 4.05 14.65 3.55 L14.7 3.55 Q16.85 2.95 17.75 5.15 L18.45 7.5 18.85 8.05 19.5 8.2 20.1 7.95 20.4 7.35 Q20.7 5.65 22.6 5.75 24.85 5.9 25 8.25 L25 8.35 Q24.8 13.7 26.1 16.85 L26.1 16.8 26.65 18.4"),12,12,"grab"),MQ=R(C("M28 14 Q28 9.85 24.45 6.9 20.95 4 16 4 11.05 4 7.5 6.9 L7.45 7 Q4 9.9 4 14 4 18.15 7.55 21.05 L7.5 21.05 Q9.2 22.45 11.2 23.2 L15.3 27.3 16 27.6 16.7 27.3 20.85 23.2 Q22.7 22.45 24.3 21.15 L24.45 21.05 Q28 18.15 28 14 M25.75 5.35 Q30.05 8.95 30 14 30.05 19.05 25.75 22.6 L25.4 22.85 Q23.8 24.1 22 24.9 L18.1 28.75 18.15 28.75 Q17.2 29.6 16 29.6 14.8 29.6 13.85 28.75 L13.9 28.75 10 24.9 6.6 22.85 6.25 22.6 Q1.95 19.05 2 14 1.95 8.95 6.25 5.35 10.3 2 16 2 21.7 2 25.75 5.35","M28 14 Q28 18.15 24.45 21.05 L24.3 21.15 Q22.7 22.45 20.85 23.2 L16.7 27.3 16 27.6 15.3 27.3 11.2 23.2 Q9.2 22.45 7.5 21.05 L7.55 21.05 Q4 18.15 4 14 4 9.9 7.45 7 L7.5 6.9 Q11.05 4 16 4 20.95 4 24.45 6.9 28 9.85 28 14"),12,21,"crosshair"),jQ=R(C("M4 13.1 L4 6 Q4 5.15 4.6 4.6 5.15 4 6 4 L13.1 4 Q13.95 4 14.55 4.6 L28.65 18.75 Q29.8 19.9 29.75 21.45 L29.75 21.6 29.75 21.7 Q29.75 23.2 28.7 24.35 L24.45 28.65 24.35 28.75 Q23.15 29.85 21.65 29.8 L21.55 29.8 21.4 29.8 Q20.2 29.8 19.25 29.15 L18 29.35 Q16.6 29.4 15.25 28 L15.2 27.95 8.2 20.95 Q7.6 20.35 7.6 19.55 7.6 18.7 8.2 18.1 L4.6 14.5 Q4 13.9 4 13.1 M19.5 26.65 L20.1 27.25 Q20.7 27.85 21.5 27.8 22.35 27.85 23 27.25 L27.25 22.95 Q27.8 22.35 27.75 21.55 27.8 20.75 27.2 20.15 L13.1 6 6 6 6 13.1 12.35 19.45 9.6 19.5 16.65 26.55 Q18.05 28.05 19.5 26.65 M8.05 12.3 L8 8 12.25 8.05 13.8 9.6 9.6 13.85 8.05 12.3 M15.25 11.05 L23 18.8 18.8 23.05 11.05 15.3 15.25 11.05","M15.25 11.05 L11.05 15.3 18.8 23.05 23 18.8 15.25 11.05 M12.35 19.45 L6 13.1 6 6 13.1 6 27.2 20.15 Q27.8 20.75 27.75 21.55 27.8 22.35 27.25 22.95 L23 27.25 Q22.35 27.85 21.5 27.8 20.7 27.85 20.1 27.25 L19.5 26.65 12.35 19.45 M8.05 12.3 L9.6 13.85 13.8 9.6 12.25 8.05 8 8 8.05 12.3",yJ),6,18,"crosshair"),NQ=R(C("M5.15 10.85 Q4 9.65 4 8.1 L4 7.95 4 7.85 Q3.95 6.2 5.1 5.15 6.25 4 7.85 4 L7.95 4 8.1 4 Q9.65 4 10.85 5.15 L11 5.3 14.3 5.25 Q15.15 5.25 15.75 5.85 L29.9 20 Q31 21.15 31 22.75 L31 22.85 31 23 Q31.05 24.5 29.9 25.7 L29.55 25.95 25.65 29.9 25.65 29.95 Q24.45 31.1 22.75 31.1 21.2 31.15 20 29.95 L5.85 15.8 Q5.25 15.2 5.25 14.35 L5.25 10.95 5.15 10.85 M19.95 24.2 L18.55 22.8 22.8 18.55 24.2 19.95 19.95 24.2 M28.45 21.4 L14.3 7.25 10.15 7.3 9.4 6.55 Q8.8 5.95 7.95 6 7.1 5.95 6.5 6.55 5.95 7.1 6 7.95 5.95 8.8 6.55 9.4 L7.25 10.1 7.25 14.35 21.4 28.5 Q22 29.1 22.75 29.1 23.6 29.1 24.2 28.5 L28.45 24.25 Q29.05 23.65 29 22.85 29.05 22 28.45 21.4 M9.25 13.5 L9.25 9.3 13.5 9.25 14.3 10.05 10.05 14.3 9.25 13.5 M17.15 21.4 L11.5 15.75 15.75 11.5 21.4 17.15 17.15 21.4","M17.15 21.4 L21.4 17.15 15.75 11.5 11.5 15.75 17.15 21.4 M28.45 21.4 Q29.05 22 29 22.85 29.05 23.65 28.45 24.25 L24.2 28.5 Q23.6 29.1 22.75 29.1 22 29.1 21.4 28.5 L7.25 14.35 7.25 10.1 6.55 9.4 Q5.95 8.8 6 7.95 5.95 7.1 6.5 6.55 7.1 5.95 7.95 6 8.8 5.95 9.4 6.55 L10.15 7.3 14.3 7.25 28.45 21.4 M19.95 24.2 L24.2 19.95 22.8 18.55 18.55 22.8 19.95 24.2 M9.25 13.5 L10.05 14.3 14.3 10.05 13.5 9.25 9.25 9.3 9.25 13.5",yJ),6,18,"crosshair"),r=R(C("M17 2 Q18.2 2 19.15 2.9 20 3.8 20 5 L20 12 27 12 Q28.2 12 29.15 12.9 30 13.8 30 15 L30 17 Q30 18.2 29.15 19.15 28.2 20 27 20 L20 20 20 27 Q20 28.2 19.15 29.15 18.2 30 17 30 L15 30 Q13.8 30 12.9 29.15 12 28.2 12 27 L12 20 5 20 Q3.8 20 2.9 19.15 2 18.2 2 17 L2 15 Q2 13.8 2.9 12.9 3.8 12 5 12 L12 12 12 5 Q12 3.8 12.9 2.9 13.8 2 15 2 L17 2 M14 27 L14.3 27.7 Q14.6 28 15 28 L17 28 17.7 27.7 18 27 18 18.05 18.05 18 27 18 Q27.4 18 27.7 17.7 L28 17 28 15 27.7 14.3 Q27.4 14 27 14 L18 14 18 5 17.7 4.3 17 4 15 4 Q14.6 4 14.3 4.3 14 4.6 14 5 L14 14 5 14 Q4.6 14 4.3 14.3 4 14.6 4 15 L4 17 Q4 17.4 4.3 17.7 4.6 18 5 18 L14 18 14 27","M14 27 L14 18 5 18 Q4.6 18 4.3 17.7 4 17.4 4 17 L4 15 Q4 14.6 4.3 14.3 4.6 14 5 14 L14 14 14 5 Q14 4.6 14.3 4.3 14.6 4 15 4 L17 4 17.7 4.3 18 5 18 14 27 14 Q27.4 14 27.7 14.3 L28 15 28 17 27.7 17.7 Q27.4 18 27 18 L18.05 18 18 18.05 18 27 17.7 27.7 17 28 15 28 Q14.6 28 14.3 27.7 L14 27"),12,12,"crosshair"),_Q=R(C("M3.9 11.35 Q2.3 12.5 3.7 13.9 L16.4 26.65 Q17.85 28.05 19.45 26.9 L27.65 21.15 Q29.3 20 27.85 18.6 L15.15 5.85 Q13.75 4.45 12.1 5.6 L3.9 11.35 M1.05 12.4 Q1 10.95 2.75 9.75 L10.95 4 10.95 3.95 Q14 1.85 16.6 4.45 L29.3 17.2 Q30.8 18.65 30.55 20.1 30.55 21.55 28.8 22.8 L20.6 28.55 20.65 28.55 Q17.7 30.65 15 28.1 L15 28.05 2.3 15.3 2.3 15.35 Q0.8 13.85 1.05 12.4 M13.5 7 L19.85 13.35 11.65 19.15 5.3 12.75 13.5 7","M13.5 7 L5.3 12.75 11.65 19.15 19.85 13.35 13.5 7 M3.9 11.35 L12.1 5.6 Q13.75 4.45 15.15 5.85 L27.85 18.6 Q29.3 20 27.65 21.15 L19.45 26.9 Q17.85 28.05 16.4 26.65 L3.7 13.9 Q2.3 12.5 3.9 11.35"),6,14,"cell"),IQ=R(`<svg ${VJ}><path d='M16 4V28M11 4H21M11 28H21' fill='none' ${$J} stroke-width='5'/><path d='M16 4V28M11 4H21M11 28H21' fill='none' stroke='${zJ}' stroke-width='2.25' stroke-linecap='round'/></svg>`,12,12,"text"),AQ=R(`<svg ${VJ}><path d='M6 5H21L26 10V27H6Z' fill='${zJ}' ${$J} stroke-width='2.5'/><path d='M21 5V11H26' fill='none' ${$J} stroke-width='2.25'/></svg>`,5,5,"crosshair"),w=Object.freeze({move:PQ,hand:LQ,comment:MQ,pen:jQ,section:r,highlighter:NQ,shape:r,rect:r,ellipse:r,sticky:AQ,arrow:r,text:IQ,eraser:_Q});import{jsx as qJ,Fragment as kQ}from"react/jsx-runtime";var wQ=Object.freeze([{id:"move",label:"Move",shortcut:"V",cursor:w.move},{id:"hand",label:"Hand",shortcut:"H",cursor:w.hand},{id:"comment",label:"Comment",shortcut:"C",cursor:w.comment},{id:"pen",label:"Pen",shortcut:"B",cursor:w.pen},{id:"highlighter",label:"Highlighter",shortcut:"I",cursor:w.highlighter},{id:"shape",label:"Shape",shortcut:"R",cursor:w.shape},{id:"sticky",label:"Sticky",shortcut:"N",cursor:w.sticky},{id:"section",label:"Section",shortcut:"⇧S",cursor:w.shape},{id:"arrow",label:"Arrow",shortcut:"A",cursor:w.arrow},{id:"text",label:"Text",shortcut:"T",cursor:w.text},{id:"eraser",label:"Eraser",shortcut:"E",cursor:w.eraser}]),GJ=OQ(null);function yQ({children:J,tools:Z=wQ,initial:Q="move"}){let[$,z]=BJ(Q),[W,U]=BJ(()=>({tool:null,locked:!1})),q=WJ((Y)=>{z(Y),U((j)=>j.locked&&j.tool===Y?j:{tool:null,locked:!1})},[]),G=WJ((Y)=>{U((j)=>{if(j.locked&&j.tool===Y)return{tool:null,locked:!1};return{tool:Y,locked:!0}}),z(Y)},[]),F=WJ(()=>{U({tool:null,locked:!1})},[]),[D,K]=BJ("rounded");TQ(()=>{if(typeof document>"u")return;let Y=Z.find((I)=>I.id===$);if(!Y)return;let j=document.body.style.cursor;document.body.style.cursor=Y.cursor;let _=document.getElementById("dc-tool-cursor");if(!_)_=document.createElement("style"),_.id="dc-tool-cursor",document.head.appendChild(_);if(_.textContent=`* { cursor: ${Y.cursor} !important; }`,typeof window<"u"&&window.parent&&window.parent!==window)try{window.parent.postMessage({dgn:"tool-cursor",tool:$},"*")}catch{}return()=>{document.body.style.cursor=j;let I=document.getElementById("dc-tool-cursor");if(I)I.textContent=""}},[$,Z]);let X=EQ(()=>({tool:$,setTool:q,tools:Z,sticky:W,toggleSticky:G,clearSticky:F,shapeKind:D,setShapeKind:K}),[$,q,Z,W,G,F,D]);return qJ(GJ.Provider,{value:X,children:J})}function bJ({children:J}){if(kJ(GJ))return qJ(kQ,{children:J});return qJ(yQ,{children:J})}function xJ(){let J=kJ(GJ);if(!J)throw Error("useToolMode must be used inside <ToolProvider>");return J}import{jsx as YJ,jsxs as uQ}from"react/jsx-runtime";var gQ=new Set(["drop-comment","tool","escape","hover"]);function XJ(){return typeof document<"u"&&!document.querySelector(".dc-canvas")}function gJ(J,Z){if(typeof document>"u")return null;let Q=document.elementFromPoint(J,Z);if(!Q)return null;if(Q.closest(".cm-composer, .cm-thread, .cm-mention-popup, .cm-pin, [data-mc-hover-halo]"))return null;let $=Q.tagName;if($==="HTML"||$==="BODY")return null;return Q}function CQ({children:J,file:Z}){let{tool:Q,setTool:$}=xJ(),z=LJ(),W=S(null),[U,q]=KJ(null),G=S(Q);G.current=Q;let F=vQ(()=>()=>G.current,[]);return p(()=>{if(Q!=="comment")q(null)},[Q]),p(()=>{let D=W.current;if(D)D.setAttribute("data-active-tool",Q);if(typeof document<"u"&&document.body)document.body.setAttribute("data-active-tool",Q);return()=>{D?.removeAttribute("data-active-tool")}},[Q]),p(()=>{if(typeof window>"u")return;let D=(K)=>{let X=K.data;if(!X||typeof X!=="object"||X.dgn!=="tool-set")return;if(typeof X.tool==="string")$(X.tool)};return window.addEventListener("message",D),()=>window.removeEventListener("message",D)},[$]),wJ({hostRef:W,getActiveTool:F,claimableActions:gQ,callbacks:{onHover:({clientX:D,clientY:K})=>{if(G.current!=="comment"||!XJ()){q(null);return}let X=gJ(D,K);q((Y)=>Y===X?Y:X)},onTool:({tool:D})=>$(D),onEscape:()=>{if(G.current!=="move")$("move");if(q(null),z.clear(),typeof window<"u")try{window.parent.postMessage({dgn:"force-clear"},"*")}catch{}},onDropComment:({clientX:D,clientY:K})=>hQ(D,K,z,Z)}}),uQ("div",{"data-mc-host":!0,ref:W,style:{display:"contents"},children:[J,U?YJ(SQ,{el:U}):null,YJ(IJ,{})]})}function SQ({el:J}){let Z=S(null),Q=S(J);Q.current=J;let $=S(null);return p(()=>{let z=()=>{$.current=null;let W=Z.current,U=Q.current;if(W&&U?.isConnected){let q=U.getBoundingClientRect();if(q.width===0&&q.height===0)W.style.display="none";else W.style.display="block",W.style.left=`${Math.round(q.left)}px`,W.style.top=`${Math.round(q.top)}px`,W.style.width=`${Math.round(q.width)}px`,W.style.height=`${Math.round(q.height)}px`}else if(W)W.style.display="none";$.current=requestAnimationFrame(z)};return $.current=requestAnimationFrame(z),()=>{if($.current!=null)cancelAnimationFrame($.current)}},[]),YJ("div",{ref:Z,"aria-hidden":"true","data-mc-hover-halo":"",style:{position:"fixed",display:"none",pointerEvents:"none",zIndex:2147483646,border:"2px solid var(--maude-hud-accent, #d63b1f)",borderRadius:"3px",boxSizing:"border-box"}})}function hQ(J,Z,Q,$){if(typeof document>"u")return;let z=ZJ(document,J,Z,{deep:!0});if(!z)z=ZJ(document,J,Z,{deep:!1});if(!z&&!XJ()&&typeof document.elementsFromPoint==="function"){let U=document.elementsFromPoint(J,Z);for(let q of U){let G=q.closest?.("[data-cd-id]");if(!G)continue;if(!G.closest(".dc-artboard-body"))continue;let F=G.closest("[data-dc-screen]");z={el:G,cdId:G.getAttribute("data-cd-id"),artboardId:F?.getAttribute("data-dc-screen")??null};break}}if(!z&&XJ()){let U=gJ(J,Z);if(U)z={el:U,cdId:U.getAttribute("data-cd-id"),artboardId:null}}if(!z){let U={file:$,id:void 0,selector:"",artboardId:null,tag:"",classes:"",text:"",dom_path:[],bounds:{x:J-12,y:Z-12,w:24,h:24},html:""};vJ(U,J,Z);return}let W=TJ(z,$);Q.replace(W),vJ(W,J,Z)}function vJ(J,Z,Q){if(typeof document<"u")try{document.dispatchEvent(new CustomEvent("cm:open-composer",{detail:{selection:J,clientX:Z,clientY:Q}}))}catch{}if(typeof window<"u")try{window.parent.postMessage({dgn:"comment-compose",selection:J},"*")}catch{}}function CJ(J,Z){return k(bJ,null,k(PJ,null,k(CQ,{file:Z},k(J))))}function kZ(J,Z){let Q=RQ(Z.rootEl);if(!Z.commentsEnabled){Q.render(k(J));return}let $=Z.file??t();Q.render(k(mQ,{initialCanvas:J,file:$}))}var RJ="__maudeCanvasRuntime";function fQ({Canvas:J,file:Z,onOk:Q}){return p(()=>{Q()},[]),CJ(J,Z)}class SJ extends bQ{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}componentDidUpdate(J){if(J.attempt!==this.props.attempt&&this.state.hasError)this.setState({hasError:!1})}render(){if(this.state.hasError)return this.props.fallback();return this.props.children}}function pQ({message:J}){return k("div",{className:"dc-hmr-holding",role:"status","aria-live":"polite",title:J?`Holding last working render — ${J}`:"Holding last working render"},"⏸ build error — držím poslední funkční verzi")}function mQ({initialCanvas:J,file:Z}){let[{canvas:Q,attempt:$},z]=KJ({canvas:J,attempt:0}),[W,U]=KJ({on:!1}),q=S(null),G=S(Q);G.current=Q,p(()=>{let X={remount:(Y)=>z((j)=>({canvas:Y,attempt:j.attempt+1})),setHolding:(Y,j)=>U(Y?{on:!0,message:j}:{on:!1})};return window[RJ]=X,()=>{window[RJ]=void 0}},[]);let F=UJ(()=>{q.current=G.current,U((X)=>X.on?{on:!1}:X)},[]),D=UJ(()=>{U({on:!0,message:"render error"})},[]),K=UJ(()=>{let X=q.current;return X?CJ(X,Z):null},[Z]);return k(xQ,null,k(SJ,{attempt:$,onError:D,fallback:K},k(fQ,{key:$,Canvas:Q,file:Z,onOk:F})),W.on?k(pQ,{message:W.message}):null)}export{kZ as mountCanvas,SJ as CanvasErrorBoundary};

package/apps/studio/dist/runtime/.min-sizes.json

@@ -12,5 +12,15 @@
   "y-protocols_sync.js": 1000,
   "y-protocols_awareness.js": 3500,
   "lib0_decoding.js": 5500,
-  "lib0_encoding.js": 5500
+  "lib0_encoding.js": 5500,
+  "remotion.js": 134000,
+  "@remotion_media.js": 337000,
+  "@remotion_player.js": 60000,
+  "@remotion_transitions.js": 40000,
+  "@remotion_transitions_fade.js": 400,
+  "@remotion_transitions_slide.js": 900,
+  "@remotion_transitions_wipe.js": 1500,
+  "@remotion_transitions_flip.js": 700,
+  "@remotion_transitions_clock-wipe.js": 36000,
+  "@remotion_transitions_none.js": 300
 }