@inkandswitch/patchwork-pkg-base 0.0.98 → 0.0.100

package/packages/sideboard/dist/{chunk-QLI3ZN4W.js → chunk-73XN2I2U.js}

@@ -1,4 +1,4 @@
-import{a as $e,b as de,c as Pe,d as Ce}from"./chunk-3HE5SPGR.js";import{a as C,b as N,c as B,d as _e,e as L,f as Fe,g as ae,h as Le,i as Ae,j as ie,k as le,l as U,m as j,n as Ke}from"./chunk-RZPTJTVZ.js";import{b as z,c as S,d as K,g as J,h as G,i as Me,j as ke,k as Q,l as He,m as T,n as k,o as Z,p as H,q as Ie,r as Ue,s as Re,t as _,u as I}from"./chunk-YZ573CYO.js";import{b as X,c as Ne}from"./chunk-FEMULUBJ.js";import{template as Ft}from"solid-js/web";import{delegateEvents as Pr}from"solid-js/web";import{setAttribute as Cr}from"solid-js/web";import{insert as Y}from"solid-js/web";import{effect as St}from"solid-js/web";import{createComponent as E}from"solid-js/web";import{use as Nr}from"solid-js/web";import{createEffect as _t,createMemo as Or,createSelector as qr,createSignal as Wr,lazy as Yr,onCleanup as Te,Show as Se,Suspense as Vr}from"solid-js";import{render as Xr}from"solid-js/web";var se=new WeakMap;function Ye(e,t){let n=se.get(e);return n||se.set(e,n=new Map),n.set(t,(n.get(t)??0)+1),()=>{let s=n.get(t)-1;s?n.set(t,s):n.delete(t)}}function Ve(e,t){return!!se.get(e)?.has(t)}var O=new Map,je=new Map,Oe=new WeakSet;function qe(e,t){let n=new Set(t?.map(i=>i.url)),s=je.get(e);if(s)for(let i of s){if(n.has(i))continue;let c=O.get(i);c?.delete(e),c?.size||O.delete(i)}for(let i of n){let c=O.get(i);c||O.set(i,c=new Set),c.add(e)}je.set(e,n)}var ee=new Map;function q(e){Oe.has(e)||(Oe.add(e),qe(e.url,e.doc()?.docs),e.on("change",()=>{qe(e.url,e.doc()?.docs),ee.clear()}))}function We(e,t){let n=new Set,s=[],i=new Map([[e,!0]]);function c(l){let f=i.get(l);if(f!==void 0)return f;i.set(l,!1);let u=!1;for(let a of O.get(l)??[])c(a)&&(n.add(a),u=!0);return i.set(l,u),u}for(let l of t)l!==e&&!c(l)&&s.push(l);return{folders:n,unreached:s}}async function Lt(e,t,n){let s=new Set(n),i=new Set,c=!1;async function l(f){if(!s.size||i.has(f))return;i.add(f);let u;try{let a=await e.find(f);q(a),u=a.doc()?.docs??[]}catch{c=!0;return}for(let a of u)s.delete(a.url);await Promise.all(u.filter(a=>a.type==="folder").map(a=>l(a.url)))}return await l(t),!s.size||!c}async function Xe(e,t,n){let s=We(t,n),i=ee.get(t),c=s.unreached.filter(a=>!i?.has(a));if(!c.length)return s.folders;let l=await Lt(e,t,new Set(c)),{folders:f,unreached:u}=We(t,n);if(l&&u.length){let a=ee.get(t)??new Set;for(let g of u)a.add(g);ee.set(t,a)}return f}import{template as be}from"solid-js/web";import{effect as vr}from"solid-js/web";import{memo as pt}from"solid-js/web";import{insert as ve}from"solid-js/web";import{createComponent as D}from"solid-js/web";import{deleteAt as Er,updateText as ht}from"@automerge/automerge-repo/slim";import{getRegistry as yt,isLoadedPlugin as Tr}from"@inkandswitch/patchwork-plugins";import{createEffect as wt,createMemo as Sr,createSignal as _r,For as Fr,lazy as Lr,Match as vt,onCleanup as xe,Show as De,Suspense as Ar,Switch as $r,untrack as xt}from"solid-js";import{template as gt}from"solid-js/web";import{style as ut}from"solid-js/web";import{setAttribute as pe}from"solid-js/web";import{effect as mr}from"solid-js/web";import{insert as he}from"solid-js/web";import{createComponent as F}from"solid-js/web";import{addEventListener as fr}from"solid-js/web";import"solid-js/web";import{updateText as mt}from"@automerge/automerge-repo/slim";import{createEffect as ye,createSignal as hr,onCleanup as yr,Show as ft,Suspense as wr}from"solid-js";import{template as Yt}from"solid-js/web";import{delegateEvents as Vt}from"solid-js/web";import{setAttribute as A}from"solid-js/web";import{effect as Xt}from"solid-js/web";import{insert as Bt}from"solid-js/web";import{addEventListener as ue}from"solid-js/web";import{use as zt}from"solid-js/web";import{createEffect as Gt,onCleanup as ot}from"solid-js";import{isValidAutomergeUrl as ce}from"@automerge/automerge-repo/slim";var At=["text/x-patchwork-dnd","text/x-patchwork-urls","text/uri-list","text/plain"];function Be(e){return!!(e&&At.some(t=>e.types.includes(t)))}function $t(e){let t=e.trim();if(ce(t))return t;let n=t.match(/#doc=([^&\s]+)/)?.[1];return n&&ce(`automerge:${n}`)?`automerge:${n}`:null}function ze(e){let t=e.dataTransfer;if(!t)return null;let n=t.getData("text/x-patchwork-dnd");if(n)try{let l=JSON.parse(n);if(Array.isArray(l?.items)&&l.items.length>0)return{source:l.source??"",items:l.items}}catch{}let s=t.getData("text/x-patchwork-urls");if(s)try{let l=JSON.parse(s),f=(Array.isArray(l)?l:[]).filter(u=>ce(u)).map(u=>({url:u}));if(f.length>0)return{source:"",items:f}}catch{}let c=(t.getData("text/uri-list")||t.getData("text/plain")).split(/\r?\n/).map($t).filter(l=>l!==null).map(l=>({url:l}));return c.length>0?{source:"",items:c}:null}var Mt=new Set(["amtext","knitout","k","js","mjs","cjs","jsx","ts","mts","cts","tsx","json","jsonc","md","markdown","txt","csv","tsv","html","htm","css","svg","xml","yaml","yml","toml","ini","sh","py","log"]),kt=new Set(["application/json","application/javascript","application/ecmascript","application/xml","application/x-sh"]),Ht=e=>{let t=e.split(";")[0].trim();return t.startsWith("text/")||kt.has(t)||t.endsWith("+json")||t.endsWith("+xml")};async function Je(e,t,n,s){let i=[],c=[],l=s;for(let f of e)try{let u=f.name.split("."),a=u.length>1?u.pop():"",g=u.join("."),v=Ht(f.type)||Mt.has(a.toLowerCase()),m=v?await f.text():new Uint8Array(await f.arrayBuffer()),o=v?"text/plain":"application/octet-stream",d=f.type!=="application/octet-stream"&&f.type,r=await n.create2({"@patchwork":{type:"file"},content:m,extension:a,mimeType:d||o,name:g}),p=Math.min(l,t.doc()?.docs?.length??0);t.change(h=>{h.docs.splice(p,0,{url:r.url,name:f.name,type:"file"})}),i.push({folderUrl:t.url,index:p,url:r.url}),l=p+1,U("FileDrop: Created file document:",f.name,r.url)}catch(u){U("FileDrop: Failed to create file document:",u),c.push(f.name)}return{landed:i,failed:c}}var It=5e3,Ut=700;async function R(e,t){let n=ke();if(_(),!n)return;let s=J(e),i=[...e.dataTransfer?.files??[]],c=i.length?null:ze(e),l=He(t.element),f=S();if(s){n.position==="inside"&&t.expand?.(),N({containerUrl:n.folderUrl,index:n.index});return}try{if(i.length){let a=await Rt(t,n),{landed:g,failed:v}=await Je(i,a,t.repo,n.index);if(Qe(g),v.length)throw new j(`Couldn't add ${v.join(", ")}.`);return}if(!c)throw U("No dnd data in drop event. types:",e.dataTransfer?.types),new j("That isn't something the list can hold.");let u=await Ke({draggedIds:c.items.map(a=>a.id??a.url),draggedUrls:c.items.map(a=>a.url),draggedItems:c.items,sourceToolId:c.source,copyMode:f},n,t.repo,t.rootFolderHandle,l);u&&Qe(u)}catch(u){U("Drop failed:",u),Pt(t.element,u instanceof j?u.message:"That drop didn't work.")}}async function Rt(e,t){if(t.folderUrl===e.rootFolderHandle.url)return e.rootFolderHandle;try{return await e.repo.find(t.folderUrl)}catch{throw new j("Couldn't open the folder to drop into.")}}var Ge;function Pt(e,t){clearTimeout(Ge),le({element:e,message:t}),Ge=setTimeout(()=>le(null),It)}function Ct({folderUrl:e,index:t,url:n}){return`[data-dnd-parent="${CSS.escape(e)}"][data-dnd-index="${t}"][data-doc-url="${CSS.escape(n)}"]`}function Qe(e,t=10){if(!e.length)return;let n=e.map(Ct).join(",");requestAnimationFrame(function s(){let i=document.querySelectorAll(n);if(i.length<e.length&&t-- >0){requestAnimationFrame(s);return}if(i.length){i.forEach(Ze);return}let c=[...new Set(e.map(l=>l.folderUrl))];for(let l of c)document.querySelectorAll(`[data-dnd-item="${CSS.escape(l)}"]`).forEach(Ze)})}function Ze(e){e.removeAttribute("data-dnd-landed"),e.offsetWidth,e.setAttribute("data-dnd-landed",""),setTimeout(()=>e.removeAttribute("data-dnd-landed"),Ut)}import{parseAutomergeUrl as Nt}from"@automerge/automerge-repo/slim";function et(e,t,n,s){let i=e.dataTransfer;T.has(t.id)||(H(),k(t.id,t));let c=[...T.values()],l=c.map(a=>a.url),f=c.map(a=>a.id);K(e.altKey),i.effectAllowed="all";let u=l.map(a=>location.protocol+"//"+location.host+`/#doc=${Nt(a).documentId}`).join(`\r
+import{a as $e,b as de,c as Pe,d as Ce}from"./chunk-OFWMAVKQ.js";import{a as C,b as N,c as B,d as _e,e as L,f as Fe,g as ae,h as Le,i as Ae,j as ie,k as le,l as U,m as j,n as Ke}from"./chunk-RZPTJTVZ.js";import{b as z,c as S,d as K,g as J,h as G,i as Me,j as ke,k as Q,l as He,m as T,n as k,o as Z,p as H,q as Ie,r as Ue,s as Re,t as _,u as I}from"./chunk-YZ573CYO.js";import{b as X,c as Ne}from"./chunk-FEMULUBJ.js";import{template as Ft}from"solid-js/web";import{delegateEvents as Pr}from"solid-js/web";import{setAttribute as Cr}from"solid-js/web";import{insert as Y}from"solid-js/web";import{effect as St}from"solid-js/web";import{createComponent as E}from"solid-js/web";import{use as Nr}from"solid-js/web";import{createEffect as _t,createMemo as Or,createSelector as qr,createSignal as Wr,lazy as Yr,onCleanup as Te,Show as Se,Suspense as Vr}from"solid-js";import{render as Xr}from"solid-js/web";var se=new WeakMap;function Ye(e,t){let n=se.get(e);return n||se.set(e,n=new Map),n.set(t,(n.get(t)??0)+1),()=>{let s=n.get(t)-1;s?n.set(t,s):n.delete(t)}}function Ve(e,t){return!!se.get(e)?.has(t)}var O=new Map,je=new Map,Oe=new WeakSet;function qe(e,t){let n=new Set(t?.map(i=>i.url)),s=je.get(e);if(s)for(let i of s){if(n.has(i))continue;let c=O.get(i);c?.delete(e),c?.size||O.delete(i)}for(let i of n){let c=O.get(i);c||O.set(i,c=new Set),c.add(e)}je.set(e,n)}var ee=new Map;function q(e){Oe.has(e)||(Oe.add(e),qe(e.url,e.doc()?.docs),e.on("change",()=>{qe(e.url,e.doc()?.docs),ee.clear()}))}function We(e,t){let n=new Set,s=[],i=new Map([[e,!0]]);function c(l){let f=i.get(l);if(f!==void 0)return f;i.set(l,!1);let u=!1;for(let a of O.get(l)??[])c(a)&&(n.add(a),u=!0);return i.set(l,u),u}for(let l of t)l!==e&&!c(l)&&s.push(l);return{folders:n,unreached:s}}async function Lt(e,t,n){let s=new Set(n),i=new Set,c=!1;async function l(f){if(!s.size||i.has(f))return;i.add(f);let u;try{let a=await e.find(f);q(a),u=a.doc()?.docs??[]}catch{c=!0;return}for(let a of u)s.delete(a.url);await Promise.all(u.filter(a=>a.type==="folder").map(a=>l(a.url)))}return await l(t),!s.size||!c}async function Xe(e,t,n){let s=We(t,n),i=ee.get(t),c=s.unreached.filter(a=>!i?.has(a));if(!c.length)return s.folders;let l=await Lt(e,t,new Set(c)),{folders:f,unreached:u}=We(t,n);if(l&&u.length){let a=ee.get(t)??new Set;for(let g of u)a.add(g);ee.set(t,a)}return f}import{template as be}from"solid-js/web";import{effect as vr}from"solid-js/web";import{memo as pt}from"solid-js/web";import{insert as ve}from"solid-js/web";import{createComponent as D}from"solid-js/web";import{deleteAt as Er,updateText as ht}from"@automerge/automerge-repo/slim";import{getRegistry as yt,isLoadedPlugin as Tr}from"@inkandswitch/patchwork-plugins";import{createEffect as wt,createMemo as Sr,createSignal as _r,For as Fr,lazy as Lr,Match as vt,onCleanup as xe,Show as De,Suspense as Ar,Switch as $r,untrack as xt}from"solid-js";import{template as gt}from"solid-js/web";import{style as ut}from"solid-js/web";import{setAttribute as pe}from"solid-js/web";import{effect as mr}from"solid-js/web";import{insert as he}from"solid-js/web";import{createComponent as F}from"solid-js/web";import{addEventListener as fr}from"solid-js/web";import"solid-js/web";import{updateText as mt}from"@automerge/automerge-repo/slim";import{createEffect as ye,createSignal as hr,onCleanup as yr,Show as ft,Suspense as wr}from"solid-js";import{template as Yt}from"solid-js/web";import{delegateEvents as Vt}from"solid-js/web";import{setAttribute as A}from"solid-js/web";import{effect as Xt}from"solid-js/web";import{insert as Bt}from"solid-js/web";import{addEventListener as ue}from"solid-js/web";import{use as zt}from"solid-js/web";import{createEffect as Gt,onCleanup as ot}from"solid-js";import{isValidAutomergeUrl as ce}from"@automerge/automerge-repo/slim";var At=["text/x-patchwork-dnd","text/x-patchwork-urls","text/uri-list","text/plain"];function Be(e){return!!(e&&At.some(t=>e.types.includes(t)))}function $t(e){let t=e.trim();if(ce(t))return t;let n=t.match(/#doc=([^&\s]+)/)?.[1];return n&&ce(`automerge:${n}`)?`automerge:${n}`:null}function ze(e){let t=e.dataTransfer;if(!t)return null;let n=t.getData("text/x-patchwork-dnd");if(n)try{let l=JSON.parse(n);if(Array.isArray(l?.items)&&l.items.length>0)return{source:l.source??"",items:l.items}}catch{}let s=t.getData("text/x-patchwork-urls");if(s)try{let l=JSON.parse(s),f=(Array.isArray(l)?l:[]).filter(u=>ce(u)).map(u=>({url:u}));if(f.length>0)return{source:"",items:f}}catch{}let c=(t.getData("text/uri-list")||t.getData("text/plain")).split(/\r?\n/).map($t).filter(l=>l!==null).map(l=>({url:l}));return c.length>0?{source:"",items:c}:null}var Mt=new Set(["amtext","knitout","k","js","mjs","cjs","jsx","ts","mts","cts","tsx","json","jsonc","md","markdown","txt","csv","tsv","html","htm","css","svg","xml","yaml","yml","toml","ini","sh","py","log"]),kt=new Set(["application/json","application/javascript","application/ecmascript","application/xml","application/x-sh"]),Ht=e=>{let t=e.split(";")[0].trim();return t.startsWith("text/")||kt.has(t)||t.endsWith("+json")||t.endsWith("+xml")};async function Je(e,t,n,s){let i=[],c=[],l=s;for(let f of e)try{let u=f.name.split("."),a=u.length>1?u.pop():"",g=u.join("."),v=Ht(f.type)||Mt.has(a.toLowerCase()),m=v?await f.text():new Uint8Array(await f.arrayBuffer()),o=v?"text/plain":"application/octet-stream",d=f.type!=="application/octet-stream"&&f.type,r=await n.create2({"@patchwork":{type:"file"},content:m,extension:a,mimeType:d||o,name:g}),p=Math.min(l,t.doc()?.docs?.length??0);t.change(h=>{h.docs.splice(p,0,{url:r.url,name:f.name,type:"file"})}),i.push({folderUrl:t.url,index:p,url:r.url}),l=p+1,U("FileDrop: Created file document:",f.name,r.url)}catch(u){U("FileDrop: Failed to create file document:",u),c.push(f.name)}return{landed:i,failed:c}}var It=5e3,Ut=700;async function R(e,t){let n=ke();if(_(),!n)return;let s=J(e),i=[...e.dataTransfer?.files??[]],c=i.length?null:ze(e),l=He(t.element),f=S();if(s){n.position==="inside"&&t.expand?.(),N({containerUrl:n.folderUrl,index:n.index});return}try{if(i.length){let a=await Rt(t,n),{landed:g,failed:v}=await Je(i,a,t.repo,n.index);if(Qe(g),v.length)throw new j(`Couldn't add ${v.join(", ")}.`);return}if(!c)throw U("No dnd data in drop event. types:",e.dataTransfer?.types),new j("That isn't something the list can hold.");let u=await Ke({draggedIds:c.items.map(a=>a.id??a.url),draggedUrls:c.items.map(a=>a.url),draggedItems:c.items,sourceToolId:c.source,copyMode:f},n,t.repo,t.rootFolderHandle,l);u&&Qe(u)}catch(u){U("Drop failed:",u),Pt(t.element,u instanceof j?u.message:"That drop didn't work.")}}async function Rt(e,t){if(t.folderUrl===e.rootFolderHandle.url)return e.rootFolderHandle;try{return await e.repo.find(t.folderUrl)}catch{throw new j("Couldn't open the folder to drop into.")}}var Ge;function Pt(e,t){clearTimeout(Ge),le({element:e,message:t}),Ge=setTimeout(()=>le(null),It)}function Ct({folderUrl:e,index:t,url:n}){return`[data-dnd-parent="${CSS.escape(e)}"][data-dnd-index="${t}"][data-doc-url="${CSS.escape(n)}"]`}function Qe(e,t=10){if(!e.length)return;let n=e.map(Ct).join(",");requestAnimationFrame(function s(){let i=document.querySelectorAll(n);if(i.length<e.length&&t-- >0){requestAnimationFrame(s);return}if(i.length){i.forEach(Ze);return}let c=[...new Set(e.map(l=>l.folderUrl))];for(let l of c)document.querySelectorAll(`[data-dnd-item="${CSS.escape(l)}"]`).forEach(Ze)})}function Ze(e){e.removeAttribute("data-dnd-landed"),e.offsetWidth,e.setAttribute("data-dnd-landed",""),setTimeout(()=>e.removeAttribute("data-dnd-landed"),Ut)}import{parseAutomergeUrl as Nt}from"@automerge/automerge-repo/slim";function et(e,t,n,s){let i=e.dataTransfer;T.has(t.id)||(H(),k(t.id,t));let c=[...T.values()],l=c.map(a=>a.url),f=c.map(a=>a.id);K(e.altKey),i.effectAllowed="all";let u=l.map(a=>location.protocol+"//"+location.host+`/#doc=${Nt(a).documentId}`).join(`\r
 `)+`\r
 `;i.items.add(u,"text/uri-list"),i.items.add(JSON.stringify(f),"text/x-sideboard-ids"),i.items.add(JSON.stringify(l),"text/x-patchwork-urls"),i.items.add(JSON.stringify({source:n.toolId,items:c}),"text/x-patchwork-dnd"),c.length===1&&s.addTo(i),i.setDragImage(Kt(c.length,t.name,e.altKey),10,10),Ie(f),Q(n),z(!0)}function Kt(e,t,n){let s=document.createElement("div");s.style.cssText=`
     position: absolute;
@@ -11,5 +11,5 @@ import{a as $e,b as de,c as Pe,d as Ce}from"./chunk-3HE5SPGR.js";import{a as C,b
     pointer-events: none;
     color: var(--document-list-primary-line);
     box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-  `;let i=n?" (copy)":"";return s.textContent=e===1?t+i:`${e} items${i}`,document.body.appendChild(s),setTimeout(()=>s.remove(),0),s}import{getImportableUrlFromAutomergeUrl as jt}from"@inkandswitch/patchwork-filesystem";var Ot={png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",webp:"image/webp",avif:"image/avif",bmp:"image/bmp",tiff:"image/tiff",svg:"image/svg+xml",pdf:"application/pdf",mp4:"video/mp4",webm:"video/webm",mov:"video/quicktime",mp3:"audio/mpeg",wav:"audio/wav",ogg:"audio/ogg",txt:"text/plain",md:"text/markdown",csv:"text/csv",json:"application/json",html:"text/html",zip:"application/zip"};function tt(e){let t=e.includes(".")?e.split(".").pop().toLowerCase():"";return t?Ot[t]:void 0}function rt(e){let t=null,n=!1;return{prefetch(){n||e.type!=="file"||(n=!0,e.repo.find(e.url).then(s=>{let i=s?.doc();if(!i)return;let c=String(i.name??e.name??"file"),l=i.extension?`.${String(i.extension).replace(/^\.+/,"")}`:"",f=l&&!c.endsWith(l)?`${c}${l}`:c;t={mime:String(i.mimeType||tt(f)||"application/octet-stream"),filename:f}}).catch(()=>{}))},addTo(s){if(e.type!=="file")return;let i=t?.filename??e.name,c=t?.mime??tt(i)??"application/octet-stream";try{let l=new URL(jt(e.url),location.origin).href;s.setData("DownloadURL",`${c}:${i}:${l}`)}catch{}}}}function te(e,t){let n,s=!1;return{start(){return n||s?!1:(n=setTimeout(()=>{n=void 0,s=!0,t()},e),!0)},stop(){clearTimeout(n),n=void 0,s=!1}}}function qt(e){for(let t=e.parentElement;t;t=t.parentElement){let n=getComputedStyle(t).overflowY;if((n==="auto"||n==="scroll")&&t.scrollHeight>t.clientHeight)return t}return document.scrollingElement??document.body}function Wt(e){let t=qt(e),n=t.getBoundingClientRect(),s=t.querySelectorAll('.document-list-item[aria-selected="true"]');for(let i of s){let c=i.getBoundingClientRect();if(c.top>=n.top&&c.bottom<=n.bottom)return!0}return!1}function nt(e){Wt(e)||e.scrollIntoViewIfNeeded?.()}var Jt=Yt('<div role=treeitem tabindex=-1 aria-haspopup=menu class="popmenu__trigger document-list-item"draggable=true>'),Qt=1500;function W(e){let t,n=()=>e.type==="folder",s=()=>(e.parentFolderHandle??e.rootFolderHandle).url,i=rt(e);Gt(o=>(e.pressed&&!o&&t&&nt(t),e.pressed));let c=()=>({id:e.id,type:e.type,url:e.url,name:e.name,source:e.element.toolId}),l=te(Qt,()=>{t?.removeAttribute("data-dnd-springload"),e.openWith()});function f(){n()||T.has(e.id)||l.start()&&t?.setAttribute("data-dnd-springload","")}function u(){l.stop(),t?.removeAttribute("data-dnd-springload")}ot(u);function a(o,d){Ae({x:o,y:d,element:t,id:e.id,url:e.url,name:e.name,type:e.type,openWith:e.openWith,startRenaming:e.startRenaming,remove:e.remove,createInside:e.createInside})}let g,v=()=>clearTimeout(g);ot(v);function m(){H(),e.openWith()}return(()=>{var o=Jt();o.$$keydown=r=>{if(r.target!==t)return;let p=!(r.altKey||r.shiftKey||r.metaKey||r.ctrlKey);if(p&&(r.key==="Enter"||r.key===" ")){r.preventDefault(),m();return}if(p&&n()&&e.onToggleExpand&&(r.key==="ArrowRight"&&!e.isExpanded||r.key==="ArrowLeft"&&e.isExpanded)){r.preventDefault(),e.onToggleExpand();return}if(r.key=="Enter"&&r.ctrlKey&&!(r.altKey||r.shiftKey||r.metaKey)){r.preventDefault(),r.stopPropagation();let h=t.getBoundingClientRect();a(h.x+10,h.y+h.height-10)}},ue(o,"dblclick",r=>{r.target.closest("input")||e.startRenaming()}),ue(o,"click",r=>{r.ctrlKey||r.metaKey||r.target.closest(".document-list-folder__toggle, .create-new-button, input")||m()}),o.$$mousedown=r=>{i.prefetch(),r.ctrlKey||r.metaKey?(T.has(e.id)?Z(e.id):k(e.id,c()),r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation()):T.has(e.id)||H()},o.addEventListener("drop",r=>{r.preventDefault(),r.stopPropagation(),u(),R(r,{repo:e.repo,rootFolderHandle:e.rootFolderHandle,element:e.element,expand:e.expand})}),o.addEventListener("dragleave",r=>{let p=r.relatedTarget;(!p||!t.contains(p))&&(u(),_())}),o.addEventListener("dragover",r=>{r.preventDefault(),r.dataTransfer.dropEffect=S()?"copy":"move";let p=t.getBoundingClientRect(),h;if(n()){let y=(r.clientY-p.top)/p.height;h=y<.25?"above":y>.75?"below":"inside"}else h=Re(r.clientY,t)?"above":"below";h!=="inside"&&r.stopPropagation(),I(G({id:e.id,url:e.url,parentUrl:s(),index:e.itemIndex??0},h)),f()}),o.addEventListener("dragend",()=>{u(),_(),Ue(),H(),K(!1),Q(null),z(!1)}),o.addEventListener("drag",r=>{r.altKey!==S()&&K(r.altKey)}),o.addEventListener("dragstart",r=>{v(),et(r,c(),e.element,i)}),o.addEventListener("pointercancel",v),o.$$pointerup=v,o.$$pointerdown=r=>{(r.pointerType==="touch"||r.pointerType==="pen")&&(g=setTimeout(()=>a(r.clientX,r.clientY),700))},ue(o,"contextmenu",r=>{r.preventDefault(),r.stopPropagation(),a(r.clientX,r.clientY)});var d=t;return typeof d=="function"?zt(d,o):t=o,Bt(o,()=>e.children),Xt(r=>{var p=e["aria-label"],h=e.pressed?"true":void 0,y=n()?!!e.isExpanded:void 0,w=e.id,x=s(),b=e.itemIndex,$=e.url,M=e.type;return p!==r.e&&A(o,"aria-label",r.e=p),h!==r.t&&A(o,"aria-selected",r.t=h),y!==r.a&&A(o,"aria-expanded",r.a=y),w!==r.o&&A(o,"data-dnd-item",r.o=w),x!==r.i&&A(o,"data-dnd-parent",r.i=x),b!==r.n&&A(o,"data-dnd-index",r.n=b),$!==r.s&&A(o,"data-doc-url",r.s=$),M!==r.h&&A(o,"data-doc-type",r.h=M),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0}),o})()}Vt(["pointerdown","pointerup","mousedown","keydown"]);import{template as it}from"solid-js/web";import{delegateEvents as Zt}from"solid-js/web";import{insert as er}from"solid-js/web";import{createComponent as me}from"solid-js/web";import{effect as tr}from"solid-js/web";import{use as rr}from"solid-js/web";import{createSelector as ar,createSignal as ir,Match as at,Switch as lr}from"solid-js";var nr=it("<form style=display:contents><input autofocus class=document-list-item__name>"),or=it("<span class=document-list-item__name>");function re(e){let t=ar(_e),[n,s]=ir(e.name),i=!1;function c(l,f){if(i)return;i=!0,l&&e.rename(n()??"");let u=f?.closest('[role="treeitem"]');t(e.id)&&L(""),u?.focus()}return me(lr,{get children(){return[me(at,{get when(){return t(e.id)},get children(){var l=nr(),f=l.firstChild;return l.addEventListener("submit",u=>{u.preventDefault(),c(!0,u.currentTarget.querySelector("input"))}),f.$$input=u=>s(u.target.value),f.$$keydown=u=>{(u.key=="Escape"||u.key=="g"&&u.ctrlKey)&&(u.preventDefault(),u.stopPropagation(),c(!1,u.currentTarget))},f.addEventListener("blur",()=>c(!0)),rr(u=>{i=!1,s(e.name),setTimeout(()=>{u.focus(),u.select()},80)},f),tr(()=>f.value=n()),l}}),me(at,{get when(){return!t(e.id)},get children(){var l=or();return er(l,()=>e.name),l}})]}})}Zt(["keydown","input"]);import{template as dt}from"solid-js/web";import{insert as dr}from"solid-js/web";import{createComponent as sr}from"solid-js/web";import{setStyleProperty as fe}from"solid-js/web";import{effect as st}from"solid-js/web";import{For as ur}from"solid-js";var ct=dt('<div class="document-list-item document-list-item--loading"aria-hidden=true><span class=document-list-item__skeleton>'),cr=dt('<div class=document-list__loading aria-busy=true aria-label="Loading documents">');function ne(e){return(()=>{var t=ct();return st(n=>fe(t,"--depth",e.depth??0)),t})()}var lt=["11rem","7rem","9.5rem","6rem","10rem","8rem"];function ge(e){let t=()=>Array.from({length:e.count??5},(n,s)=>s);return(()=>{var n=cr();return dr(n,sr(ur,{get each(){return t()},children:s=>(()=>{var i=ct(),c=i.firstChild;return st(l=>{var f=e.depth??0,u=lt[s%lt.length];return f!==l.e&&fe(i,"--depth",l.e=f),u!==l.t&&fe(c,"width",l.t=u),l},{e:void 0,t:void 0}),i})()})),n})()}var gr=gt("<span aria-hidden=true class=document-list-folder__toggle>"),pr=gt("<div class=document-list-folder role=none><div role=group class=document-list-folder__contents>");function we(e){let[t,n]=hr(!1),[s,i]=X(()=>e.url,e);ye(()=>{i.latest&&q(i.latest)});let c=new Set(e.visitedFolders??[]);c.add(e.url);let l=()=>e.depth??1,f=()=>({"--depth":l()+1}),u=()=>({"--depth":l()});ye(m=>(!m&&e.filter&&B(e.filter,s()?.title??e.name)&&n(!0),e.filter)),ye(()=>{Fe().has(e.url)&&n(!0)});let a=te(1e3,()=>n(!0));yr(a.stop);function g(m){i()?.change(d=>mt(d,["title"],m));let o=e.itemIndex;e.parentFolderHandle?.change(d=>{o!=null&&d.docs[o]?.url===e.url&&mt(d,["docs",o,"name"],m)})}async function v(m){let o=i();if(!o)return;let d=await Pe(e.repo,m),r=0;o.change(p=>{p.docs.push(d),r=p.docs.length-1}),e.clearFilter(),n(!0),e.open(d),L(o.url+"/"+r)}return(()=>{var m=pr(),o=m.firstChild;return m.addEventListener("drop",d=>{d.preventDefault(),d.stopPropagation(),a.stop(),R(d,{repo:e.repo,rootFolderHandle:e.rootFolderHandle,element:e.element,expand:()=>n(!0)})}),m.addEventListener("dragleave",d=>{let r=d.relatedTarget;(!r||!d.currentTarget.contains(r))&&(a.stop(),_())}),m.addEventListener("dragover",d=>{d.preventDefault(),d.stopPropagation(),d.dataTransfer.dropEffect=S()?"copy":"move";let r=d.target.closest(".document-list-item");r||I(G({id:e.url,url:e.url,parentUrl:e.parentFolderHandle?.url??e.url,index:e.itemIndex??0},"inside")),r?.getAttribute("data-dnd-item")===e.url&&!t()&&a.start()}),he(m,F(W,{get"aria-label"(){return s()?.title??e.name??""},startRenaming:()=>{L(e.url)},get remove(){return e.removeFromParent},get id(){return e.url},get url(){return e.url},get name(){return s()?.title??e.name??""},get pressed(){return e.isSelected(e.url)},type:"folder",get element(){return e.element},get repo(){return e.repo},get rootFolderHandle(){return e.rootFolderHandle},get parentFolderHandle(){return e.parentFolderHandle},get itemIndex(){return e.itemIndex},get isExpanded(){return t()},onToggleExpand:()=>n(d=>!d),expand:()=>n(!0),createInside:v,openWith:d=>{e.open({url:e.url,toolId:d,title:s()?.title??e.name,type:"folder"})},get children(){return[(()=>{var d=gr();return fr(d,"click",r=>{r.stopImmediatePropagation(),n(p=>!p)}),he(d,F(ft,{get when(){return t()},get fallback(){return F(de,{})},get children(){return F(de,{style:{rotate:"90deg"}})}})),d})(),F(re,{get name(){return s()?.title??e.name},get id(){return e.url},rename:g})]}}),o),he(o,F(ft,{get when(){return t()||!!e.filter},get children(){return F(wr,{get fallback(){return F(ne,{get depth(){return l()+1}})},get children(){return F(oe,{get docs(){return s()?.docs},get repo(){return e.repo},get depth(){return l()+1},get handle(){return i.latest},get open(){return e.open},get isSelected(){return e.isSelected},visitedFolders:c,get element(){return e.element},get rootFolderHandle(){return e.rootFolderHandle},get filter(){return e.filter},get clearFilter(){return e.clearFilter}})}})}})),mr(d=>{var r=l(),p=u(),h=e.url,y=!t()&&!e.filter,w=l(),x=f();return r!==d.e&&pe(m,"data-depth",d.e=r),d.t=ut(m,p,d.t),h!==d.a&&pe(m,"data-dnd-container",d.a=h),y!==d.o&&o.classList.toggle("document-list-folder__contents--hidden",d.o=y),w!==d.i&&pe(o,"data-depth",d.i=w),d.n=ut(o,x,d.n),d},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),m})()}var xr=be('<div class="document-list__item document-list__item--visible">'),Dr=be("<div class=document-list__item>"),br=be('<div class=document-list-folder__circular-ref style="padding-left:calc(var(--depth) * 1rem)"><span> (i contain myself eventually)'),Mr=Lr(()=>import("./create-new-menu-PDAHMB7O.js").then(e=>({default:e.NewDocPlaceholder}))),Dt=40,kr=8;function oe(e){let t=e.visitedFolders??new Set,[n,s]=_r(Dt);wt(()=>{let a=e.docs?.length??0;if(xt(n)>=a)return;let g=requestAnimationFrame(function v(){let m=performance.now(),o=xt(n);do s(o+=Dt);while(o<a&&performance.now()-m<kr);o<a&&(g=requestAnimationFrame(v))});xe(()=>cancelAnimationFrame(g))});let i=Sr(()=>{let a=e.docs??[];return a.length>n()?a.slice(0,n()):a});function c(a){e.handle.change(g=>Er(g.docs,a))}let l=()=>!!e.handle&&C()?.containerUrl===e.handle.url,f=a=>{let g=C();if(!g)return;let v=g.index;N(null),e.handle.change(m=>m.docs.splice(v,0,a)),e.open(a),L(e.handle.url+"/"+v)},u=()=>(()=>{var a=xr();return ve(a,D(Mr,{get repo(){return e.repo},onCreate:f,onDismiss:()=>N(null),get clearFilter(){return e.clearFilter}})),a})();return[D(Fr,{get each(){return i()},children:(a,g)=>{let v=()=>!e.filter.length||B(e.filter,a.name),m=()=>c(g()),o=()=>e.handle.url+"/"+g();xe(Ye(e.element,a.url));let d=r=>{e.handle.change(h=>{ht(h,["docs",g(),"name"],r)});let p=yt("patchwork:datatype");e.repo.find(a.url).then(async h=>{let{"@patchwork":y}=h.doc();if(y){let w=p.get(y.type);w&&(await p.load(w.id),h.change(x=>w.module.setTitle?.(x,r)))}})};return wt(()=>{if(!e.isSelected(a.url))return;let r=!1,p;e.repo.find(a.url).then(async h=>{if(r)return;let y=yt("patchwork:datatype");async function w(){let b=h.doc();if(!b)return;let $=b["@patchwork"];if(!$?.type)return;let M=y.get($.type);if(!M||(await y.load(M.id),r)||!Tr(M))return;let P=M.module.getTitle(b);if(!P)return;e.handle.doc()?.docs?.[g()]?.name!==P&&e.handle.change(V=>{ht(V,["docs",g(),"name"],P)}),$.title!==P&&h.change(V=>{V["@patchwork"]&&(V["@patchwork"].title=P)})}if(await w(),r)return;let x=()=>w();h.on("change",x),p=()=>h.off("change",x)}),xe(()=>{r=!0,p?.()})}),[D(De,{get when(){return pt(()=>!!l())()&&C().index===g()},get children(){return u()}}),(()=>{var r=Dr();return ve(r,D(Ar,{get fallback(){return D(ne,{get depth(){return e.depth}})},get children(){return D($r,{get children(){return[D(vt,{get when(){return a.type=="folder"},get children(){return D(De,{get when(){return!t.has(a.url)},get fallback(){return(()=>{var p=br(),h=p.firstChild,y=h.firstChild;return ve(h,()=>a.name,y),p})()},get children(){return D(we,{get url(){return a.url},get depth(){return e.depth},get repo(){return e.repo},removeFromParent:m,get parentFolderHandle(){return e.handle},get itemIndex(){return g()},get open(){return e.open},get name(){return a.name},get isSelected(){return e.isSelected},visitedFolders:t,get element(){return e.element},get rootFolderHandle(){return e.rootFolderHandle},get filter(){return e.filter},get clearFilter(){return e.clearFilter}})}})}}),D(vt,{get when(){return a.type!="folder"},get children(){return D(W,{get"aria-label"(){return a.name},get url(){return a.url},get name(){return a.name},get id(){return o()},startRenaming:()=>L(o()),remove:m,get pressed(){return e.isSelected(a.url)},get type(){return a.type},get element(){return e.element},get repo(){return e.repo},get rootFolderHandle(){return e.rootFolderHandle},get parentFolderHandle(){return e.handle},get itemIndex(){return g()},openWith:p=>e.open({url:a.url,toolId:p,title:a.name,type:a.type}),get children(){return D(re,{get name(){return a.name},get id(){return o()},rename:d})}})}})]}})}})),vr(p=>{var h=!!v(),y=!v();return h!==p.e&&r.classList.toggle("document-list__item--visible",p.e=h),y!==p.t&&r.classList.toggle("document-list__item--invisible",p.t=y),p},{e:void 0,t:void 0}),r})()]}}),D(De,{get when(){return pt(()=>!!l())()&&C().index>=(e.docs?.length??0)},get children(){return u()}})]}import{createEffect as Po,createSignal as Hr,onCleanup as Ir,onMount as Ur}from"solid-js";import{createStore as No,reconcile as Ko}from"solid-js/store";import*as Ee from"@inkandswitch/patchwork-providers";function Rr(e){return typeof e=="function"?e():e}function bt(e,t,n){let[s,i]=Hr(n);return Ur(()=>{let c=Rr(e);if(!c)return;let l=Ee.subscribe(c,t,i);Ir(l)}),s}function Et(e){let t=0,n=0,s=!1,i=new Set,c=new Set;function l(g){return{id:g.getAttribute("data-dnd-item"),url:g.getAttribute("data-doc-url"),type:g.getAttribute("data-doc-type")??"",name:(g.textContent??"").trim(),source:e.source()}}function f(g){let v=g.clientX-t,m=g.clientY-n;if(!s){if(Math.hypot(v,m)<5)return;s=!0}g.preventDefault();let o=Math.min(t,g.clientX),d=Math.min(n,g.clientY),r=Math.max(t,g.clientX),p=Math.max(n,g.clientY),h=e.container();if(!h)return;let y=new Set;for(let w of h.querySelectorAll("[data-dnd-item]")){if(w.offsetParent===null)continue;let x=w.getAttribute("data-dnd-item");if(!x||i.has(x))continue;let b=w.getBoundingClientRect();b.right<o||b.left>r||b.bottom<d||b.top>p||(y.add(x),T.has(x)||k(x,l(w)))}for(let w of c)y.has(w)||Z(w);c=y}function u(){window.removeEventListener("mousemove",f,!0),window.removeEventListener("mouseup",u,!0),s=!1,c=new Set,i=new Set}function a(g){g.button!==0||!(g.metaKey||g.ctrlKey)||g.target.closest(".document-list__toolbar")||(t=g.clientX,n=g.clientY,s=!1,c=new Set,i=new Set(T.keys()),window.addEventListener("mousemove",f,!0),window.addEventListener("mouseup",u,!0))}return{onMouseDown:a}}function Tt(e){let t='[role="treeitem"]',n=null,s=m=>m.offsetParent!==null,i=()=>[...e.querySelectorAll(t)].filter(s);function c(m){n!==m&&(n&&(n.tabIndex=-1),m.tabIndex=0,n=m)}function l(m){m&&(c(m),m.focus())}function f(){if(n?.isConnected&&s(n)&&n.tabIndex===0)return;n?.isConnected&&(n.tabIndex=-1),n=null;let m=i(),o=m.find(d=>d.getAttribute("aria-selected")==="true")??m[0];o&&c(o)}function u(m){let o=m.parentElement?.closest('[role="group"]');return!o||!e.contains(o)?null:o.parentElement?.querySelector(`:scope > ${t}`)}function a(m){if(m.defaultPrevented||m.altKey||m.ctrlKey||m.metaKey)return;let o=m.target;if(o.closest("input, textarea"))return;let d=o.closest(t);if(!d||!e.contains(d))return;let r=i(),p=r.indexOf(d),h;switch(m.key){case"ArrowDown":h=r[p+1];break;case"ArrowUp":h=r[p-1];break;case"Home":h=r[0];break;case"End":h=r[r.length-1];break;case"ArrowRight":if(d.getAttribute("aria-expanded")!=="true")return;h=r[p+1],h&&u(h)!==d&&(h=null);break;case"ArrowLeft":h=u(d);break;default:return}m.preventDefault(),l(h)}function g(m){let o=m.target.closest(t);o&&e.contains(o)&&o===m.target&&c(o)}let v=new MutationObserver(f);return v.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class","aria-selected"]}),e.addEventListener("keydown",a),e.addEventListener("focusin",g),f(),()=>{v.disconnect(),e.removeEventListener("keydown",a),e.removeEventListener("focusin",g)}}var Kr=Ft("<p class=document-list__error role=alert>"),jr=Ft('<aside class=document-list><nav class="document-list__doclist document-list-widget"role=tree aria-multiselectable=true><div class=document-list__toolbar><div class=document-list__filter-container><input name=filter class=document-list__filter placeholder="Filter by title">'),Br=Yr(()=>import("./item-menu-VIMMKF26.js").then(e=>({default:e.ItemMenu})));function zr(e){let[t,n]=X(()=>e.folderUrl,{repo:e.repo}),[s,i]=Wr(""),c=()=>n.state==="ready"||n.state==="refreshing";_t(()=>{n.latest&&q(n.latest)});let l=bt(e.element,{type:"patchwork:selected-doc"},[]),f=Or(()=>new Set(l())),u=qr(f,(o,d)=>d.has(o));_t(()=>{if(!c())return;let o=l();if(!o.length){ae(new Set);return}if(o.every(r=>Ve(e.element,r)))return;let d=!1;Xe(e.repo,e.folderUrl,o).then(r=>{d||ae(r)}),Te(()=>{d=!0})});function a(o){e.element.dispatchEvent(Ne(o))}let g,v=Et({container:()=>g,source:()=>e.element.toolId??""}),m=o=>{g=o,o.addEventListener("mousedown",v.onMouseDown,!0),Te(()=>o.removeEventListener("mousedown",v.onMouseDown,!0)),Te(Tt(o))};return(()=>{var o=jr(),d=o.firstChild,r=d.firstChild,p=r.firstChild,h=p.firstChild;return d.addEventListener("drop",y=>{y.preventDefault();let w=n.latest;w&&R(y,{repo:e.repo,rootFolderHandle:w,element:e.element})}),d.addEventListener("dragleave",y=>{let w=y.relatedTarget;(!w||!y.currentTarget.contains(w))&&_()}),d.addEventListener("dragover",y=>{let w=y.dataTransfer?.types.includes("Files");if(!w&&!Be(y.dataTransfer)&&!J(y))return;y.preventDefault(),y.dataTransfer.dropEffect=w||S()?"copy":"move";let x=n.latest;x&&I(Me(x.url,x.doc()?.docs?.length??0))}),Nr(m,d),Y(r,E(Ce,{square:!0,draggable:!0,clearFilter:()=>i(""),changeFolder:y=>n()?.change(y),get repo(){return e.repo},open:a}),p),Y(p,E($e,{}),h),h.$$input=y=>i(y.target.value.toLowerCase()),Y(d,E(Se,{get when(){return c()},get fallback(){return E(ge,{depth:0})},get children(){return[E(Vr,{get fallback(){return E(ge,{depth:0})},get children(){return E(oe,{depth:0,get repo(){return e.repo},get docs(){return t()?.docs},get handle(){return n.latest},open:a,isSelected:u,get element(){return e.element},get rootFolderHandle(){return n.latest},get filter(){return s()},clearFilter:()=>i("")})}}),E(Se,{get when(){return Le()},get children(){return E(Br,{get repo(){return e.repo},get rootFolderHandle(){return n.latest},get element(){return e.element}})}})]}}),null),Y(d,E(Se,{get when(){return ie()?.element===e.element},get children(){var y=Kr();return Y(y,()=>ie().message),y}}),null),St(()=>Cr(d,"data-dnd-container",e.folderUrl)),St(()=>h.value=s()),o})()}function pa(e,t){return Xr(()=>E(zr,{folderUrl:e,get repo(){return t.repo},element:t}),t)}Pr(["input"]);export{ge as a,zr as b,pa as c};
-//# sourceMappingURL=chunk-QLI3ZN4W.js.map
+  `;let i=n?" (copy)":"";return s.textContent=e===1?t+i:`${e} items${i}`,document.body.appendChild(s),setTimeout(()=>s.remove(),0),s}import{getImportableUrlFromAutomergeUrl as jt}from"@inkandswitch/patchwork-filesystem";var Ot={png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",webp:"image/webp",avif:"image/avif",bmp:"image/bmp",tiff:"image/tiff",svg:"image/svg+xml",pdf:"application/pdf",mp4:"video/mp4",webm:"video/webm",mov:"video/quicktime",mp3:"audio/mpeg",wav:"audio/wav",ogg:"audio/ogg",txt:"text/plain",md:"text/markdown",csv:"text/csv",json:"application/json",html:"text/html",zip:"application/zip"};function tt(e){let t=e.includes(".")?e.split(".").pop().toLowerCase():"";return t?Ot[t]:void 0}function rt(e){let t=null,n=!1;return{prefetch(){n||e.type!=="file"||(n=!0,e.repo.find(e.url).then(s=>{let i=s?.doc();if(!i)return;let c=String(i.name??e.name??"file"),l=i.extension?`.${String(i.extension).replace(/^\.+/,"")}`:"",f=l&&!c.endsWith(l)?`${c}${l}`:c;t={mime:String(i.mimeType||tt(f)||"application/octet-stream"),filename:f}}).catch(()=>{}))},addTo(s){if(e.type!=="file")return;let i=t?.filename??e.name,c=t?.mime??tt(i)??"application/octet-stream";try{let l=new URL(jt(e.url),location.origin).href;s.setData("DownloadURL",`${c}:${i}:${l}`)}catch{}}}}function te(e,t){let n,s=!1;return{start(){return n||s?!1:(n=setTimeout(()=>{n=void 0,s=!0,t()},e),!0)},stop(){clearTimeout(n),n=void 0,s=!1}}}function qt(e){for(let t=e.parentElement;t;t=t.parentElement){let n=getComputedStyle(t).overflowY;if((n==="auto"||n==="scroll")&&t.scrollHeight>t.clientHeight)return t}return document.scrollingElement??document.body}function Wt(e){let t=qt(e),n=t.getBoundingClientRect(),s=t.querySelectorAll('.document-list-item[aria-selected="true"]');for(let i of s){let c=i.getBoundingClientRect();if(c.top>=n.top&&c.bottom<=n.bottom)return!0}return!1}function nt(e){Wt(e)||e.scrollIntoViewIfNeeded?.()}var Jt=Yt('<div role=treeitem tabindex=-1 aria-haspopup=menu class="popmenu__trigger document-list-item"draggable=true>'),Qt=1500;function W(e){let t,n=()=>e.type==="folder",s=()=>(e.parentFolderHandle??e.rootFolderHandle).url,i=rt(e);Gt(o=>(e.pressed&&!o&&t&&nt(t),e.pressed));let c=()=>({id:e.id,type:e.type,url:e.url,name:e.name,source:e.element.toolId}),l=te(Qt,()=>{t?.removeAttribute("data-dnd-springload"),e.openWith()});function f(){n()||T.has(e.id)||l.start()&&t?.setAttribute("data-dnd-springload","")}function u(){l.stop(),t?.removeAttribute("data-dnd-springload")}ot(u);function a(o,d){Ae({x:o,y:d,element:t,id:e.id,url:e.url,name:e.name,type:e.type,openWith:e.openWith,startRenaming:e.startRenaming,remove:e.remove,createInside:e.createInside})}let g,v=()=>clearTimeout(g);ot(v);function m(){H(),e.openWith()}return(()=>{var o=Jt();o.$$keydown=r=>{if(r.target!==t)return;let p=!(r.altKey||r.shiftKey||r.metaKey||r.ctrlKey);if(p&&(r.key==="Enter"||r.key===" ")){r.preventDefault(),m();return}if(p&&n()&&e.onToggleExpand&&(r.key==="ArrowRight"&&!e.isExpanded||r.key==="ArrowLeft"&&e.isExpanded)){r.preventDefault(),e.onToggleExpand();return}if(r.key=="Enter"&&r.ctrlKey&&!(r.altKey||r.shiftKey||r.metaKey)){r.preventDefault(),r.stopPropagation();let h=t.getBoundingClientRect();a(h.x+10,h.y+h.height-10)}},ue(o,"dblclick",r=>{r.target.closest("input")||e.startRenaming()}),ue(o,"click",r=>{r.ctrlKey||r.metaKey||r.target.closest(".document-list-folder__toggle, .create-new-button, input")||m()}),o.$$mousedown=r=>{i.prefetch(),r.ctrlKey||r.metaKey?(T.has(e.id)?Z(e.id):k(e.id,c()),r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation()):T.has(e.id)||H()},o.addEventListener("drop",r=>{r.preventDefault(),r.stopPropagation(),u(),R(r,{repo:e.repo,rootFolderHandle:e.rootFolderHandle,element:e.element,expand:e.expand})}),o.addEventListener("dragleave",r=>{let p=r.relatedTarget;(!p||!t.contains(p))&&(u(),_())}),o.addEventListener("dragover",r=>{r.preventDefault(),r.dataTransfer.dropEffect=S()?"copy":"move";let p=t.getBoundingClientRect(),h;if(n()){let y=(r.clientY-p.top)/p.height;h=y<.25?"above":y>.75?"below":"inside"}else h=Re(r.clientY,t)?"above":"below";h!=="inside"&&r.stopPropagation(),I(G({id:e.id,url:e.url,parentUrl:s(),index:e.itemIndex??0},h)),f()}),o.addEventListener("dragend",()=>{u(),_(),Ue(),H(),K(!1),Q(null),z(!1)}),o.addEventListener("drag",r=>{r.altKey!==S()&&K(r.altKey)}),o.addEventListener("dragstart",r=>{v(),et(r,c(),e.element,i)}),o.addEventListener("pointercancel",v),o.$$pointerup=v,o.$$pointerdown=r=>{(r.pointerType==="touch"||r.pointerType==="pen")&&(g=setTimeout(()=>a(r.clientX,r.clientY),700))},ue(o,"contextmenu",r=>{r.preventDefault(),r.stopPropagation(),a(r.clientX,r.clientY)});var d=t;return typeof d=="function"?zt(d,o):t=o,Bt(o,()=>e.children),Xt(r=>{var p=e["aria-label"],h=e.pressed?"true":void 0,y=n()?!!e.isExpanded:void 0,w=e.id,x=s(),b=e.itemIndex,$=e.url,M=e.type;return p!==r.e&&A(o,"aria-label",r.e=p),h!==r.t&&A(o,"aria-selected",r.t=h),y!==r.a&&A(o,"aria-expanded",r.a=y),w!==r.o&&A(o,"data-dnd-item",r.o=w),x!==r.i&&A(o,"data-dnd-parent",r.i=x),b!==r.n&&A(o,"data-dnd-index",r.n=b),$!==r.s&&A(o,"data-doc-url",r.s=$),M!==r.h&&A(o,"data-doc-type",r.h=M),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0}),o})()}Vt(["pointerdown","pointerup","mousedown","keydown"]);import{template as it}from"solid-js/web";import{delegateEvents as Zt}from"solid-js/web";import{insert as er}from"solid-js/web";import{createComponent as me}from"solid-js/web";import{effect as tr}from"solid-js/web";import{use as rr}from"solid-js/web";import{createSelector as ar,createSignal as ir,Match as at,Switch as lr}from"solid-js";var nr=it("<form style=display:contents><input autofocus class=document-list-item__name>"),or=it("<span class=document-list-item__name>");function re(e){let t=ar(_e),[n,s]=ir(e.name),i=!1;function c(l,f){if(i)return;i=!0,l&&e.rename(n()??"");let u=f?.closest('[role="treeitem"]');t(e.id)&&L(""),u?.focus()}return me(lr,{get children(){return[me(at,{get when(){return t(e.id)},get children(){var l=nr(),f=l.firstChild;return l.addEventListener("submit",u=>{u.preventDefault(),c(!0,u.currentTarget.querySelector("input"))}),f.$$input=u=>s(u.target.value),f.$$keydown=u=>{(u.key=="Escape"||u.key=="g"&&u.ctrlKey)&&(u.preventDefault(),u.stopPropagation(),c(!1,u.currentTarget))},f.addEventListener("blur",()=>c(!0)),rr(u=>{i=!1,s(e.name),setTimeout(()=>{u.focus(),u.select()},80)},f),tr(()=>f.value=n()),l}}),me(at,{get when(){return!t(e.id)},get children(){var l=or();return er(l,()=>e.name),l}})]}})}Zt(["keydown","input"]);import{template as dt}from"solid-js/web";import{insert as dr}from"solid-js/web";import{createComponent as sr}from"solid-js/web";import{setStyleProperty as fe}from"solid-js/web";import{effect as st}from"solid-js/web";import{For as ur}from"solid-js";var ct=dt('<div class="document-list-item document-list-item--loading"aria-hidden=true><span class=document-list-item__skeleton>'),cr=dt('<div class=document-list__loading aria-busy=true aria-label="Loading documents">');function ne(e){return(()=>{var t=ct();return st(n=>fe(t,"--depth",e.depth??0)),t})()}var lt=["11rem","7rem","9.5rem","6rem","10rem","8rem"];function ge(e){let t=()=>Array.from({length:e.count??5},(n,s)=>s);return(()=>{var n=cr();return dr(n,sr(ur,{get each(){return t()},children:s=>(()=>{var i=ct(),c=i.firstChild;return st(l=>{var f=e.depth??0,u=lt[s%lt.length];return f!==l.e&&fe(i,"--depth",l.e=f),u!==l.t&&fe(c,"width",l.t=u),l},{e:void 0,t:void 0}),i})()})),n})()}var gr=gt("<span aria-hidden=true class=document-list-folder__toggle>"),pr=gt("<div class=document-list-folder role=none><div role=group class=document-list-folder__contents>");function we(e){let[t,n]=hr(!1),[s,i]=X(()=>e.url,e);ye(()=>{i.latest&&q(i.latest)});let c=new Set(e.visitedFolders??[]);c.add(e.url);let l=()=>e.depth??1,f=()=>({"--depth":l()+1}),u=()=>({"--depth":l()});ye(m=>(!m&&e.filter&&B(e.filter,s()?.title??e.name)&&n(!0),e.filter)),ye(()=>{Fe().has(e.url)&&n(!0)});let a=te(1e3,()=>n(!0));yr(a.stop);function g(m){i()?.change(d=>mt(d,["title"],m));let o=e.itemIndex;e.parentFolderHandle?.change(d=>{o!=null&&d.docs[o]?.url===e.url&&mt(d,["docs",o,"name"],m)})}async function v(m){let o=i();if(!o)return;let d=await Pe(e.repo,m),r=0;o.change(p=>{p.docs.push(d),r=p.docs.length-1}),e.clearFilter(),n(!0),e.open(d),L(o.url+"/"+r)}return(()=>{var m=pr(),o=m.firstChild;return m.addEventListener("drop",d=>{d.preventDefault(),d.stopPropagation(),a.stop(),R(d,{repo:e.repo,rootFolderHandle:e.rootFolderHandle,element:e.element,expand:()=>n(!0)})}),m.addEventListener("dragleave",d=>{let r=d.relatedTarget;(!r||!d.currentTarget.contains(r))&&(a.stop(),_())}),m.addEventListener("dragover",d=>{d.preventDefault(),d.stopPropagation(),d.dataTransfer.dropEffect=S()?"copy":"move";let r=d.target.closest(".document-list-item");r||I(G({id:e.url,url:e.url,parentUrl:e.parentFolderHandle?.url??e.url,index:e.itemIndex??0},"inside")),r?.getAttribute("data-dnd-item")===e.url&&!t()&&a.start()}),he(m,F(W,{get"aria-label"(){return s()?.title??e.name??""},startRenaming:()=>{L(e.url)},get remove(){return e.removeFromParent},get id(){return e.url},get url(){return e.url},get name(){return s()?.title??e.name??""},get pressed(){return e.isSelected(e.url)},type:"folder",get element(){return e.element},get repo(){return e.repo},get rootFolderHandle(){return e.rootFolderHandle},get parentFolderHandle(){return e.parentFolderHandle},get itemIndex(){return e.itemIndex},get isExpanded(){return t()},onToggleExpand:()=>n(d=>!d),expand:()=>n(!0),createInside:v,openWith:d=>{e.open({url:e.url,toolId:d,title:s()?.title??e.name,type:"folder"})},get children(){return[(()=>{var d=gr();return fr(d,"click",r=>{r.stopImmediatePropagation(),n(p=>!p)}),he(d,F(ft,{get when(){return t()},get fallback(){return F(de,{})},get children(){return F(de,{style:{rotate:"90deg"}})}})),d})(),F(re,{get name(){return s()?.title??e.name},get id(){return e.url},rename:g})]}}),o),he(o,F(ft,{get when(){return t()||!!e.filter},get children(){return F(wr,{get fallback(){return F(ne,{get depth(){return l()+1}})},get children(){return F(oe,{get docs(){return s()?.docs},get repo(){return e.repo},get depth(){return l()+1},get handle(){return i.latest},get open(){return e.open},get isSelected(){return e.isSelected},visitedFolders:c,get element(){return e.element},get rootFolderHandle(){return e.rootFolderHandle},get filter(){return e.filter},get clearFilter(){return e.clearFilter}})}})}})),mr(d=>{var r=l(),p=u(),h=e.url,y=!t()&&!e.filter,w=l(),x=f();return r!==d.e&&pe(m,"data-depth",d.e=r),d.t=ut(m,p,d.t),h!==d.a&&pe(m,"data-dnd-container",d.a=h),y!==d.o&&o.classList.toggle("document-list-folder__contents--hidden",d.o=y),w!==d.i&&pe(o,"data-depth",d.i=w),d.n=ut(o,x,d.n),d},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),m})()}var xr=be('<div class="document-list__item document-list__item--visible">'),Dr=be("<div class=document-list__item>"),br=be('<div class=document-list-folder__circular-ref style="padding-left:calc(var(--depth) * 1rem)"><span> (i contain myself eventually)'),Mr=Lr(()=>import("./create-new-menu-4VNS2UFI.js").then(e=>({default:e.NewDocPlaceholder}))),Dt=40,kr=8;function oe(e){let t=e.visitedFolders??new Set,[n,s]=_r(Dt);wt(()=>{let a=e.docs?.length??0;if(xt(n)>=a)return;let g=requestAnimationFrame(function v(){let m=performance.now(),o=xt(n);do s(o+=Dt);while(o<a&&performance.now()-m<kr);o<a&&(g=requestAnimationFrame(v))});xe(()=>cancelAnimationFrame(g))});let i=Sr(()=>{let a=e.docs??[];return a.length>n()?a.slice(0,n()):a});function c(a){e.handle.change(g=>Er(g.docs,a))}let l=()=>!!e.handle&&C()?.containerUrl===e.handle.url,f=a=>{let g=C();if(!g)return;let v=g.index;N(null),e.handle.change(m=>m.docs.splice(v,0,a)),e.open(a),L(e.handle.url+"/"+v)},u=()=>(()=>{var a=xr();return ve(a,D(Mr,{get repo(){return e.repo},onCreate:f,onDismiss:()=>N(null),get clearFilter(){return e.clearFilter}})),a})();return[D(Fr,{get each(){return i()},children:(a,g)=>{let v=()=>!e.filter.length||B(e.filter,a.name),m=()=>c(g()),o=()=>e.handle.url+"/"+g();xe(Ye(e.element,a.url));let d=r=>{e.handle.change(h=>{ht(h,["docs",g(),"name"],r)});let p=yt("patchwork:datatype");e.repo.find(a.url).then(async h=>{let{"@patchwork":y}=h.doc();if(y){let w=p.get(y.type);w&&(await p.load(w.id),h.change(x=>w.module.setTitle?.(x,r)))}})};return wt(()=>{if(!e.isSelected(a.url))return;let r=!1,p;e.repo.find(a.url).then(async h=>{if(r)return;let y=yt("patchwork:datatype");async function w(){let b=h.doc();if(!b)return;let $=b["@patchwork"];if(!$?.type)return;let M=y.get($.type);if(!M||(await y.load(M.id),r)||!Tr(M))return;let P=M.module.getTitle(b);if(!P)return;e.handle.doc()?.docs?.[g()]?.name!==P&&e.handle.change(V=>{ht(V,["docs",g(),"name"],P)}),$.title!==P&&h.change(V=>{V["@patchwork"]&&(V["@patchwork"].title=P)})}if(await w(),r)return;let x=()=>w();h.on("change",x),p=()=>h.off("change",x)}),xe(()=>{r=!0,p?.()})}),[D(De,{get when(){return pt(()=>!!l())()&&C().index===g()},get children(){return u()}}),(()=>{var r=Dr();return ve(r,D(Ar,{get fallback(){return D(ne,{get depth(){return e.depth}})},get children(){return D($r,{get children(){return[D(vt,{get when(){return a.type=="folder"},get children(){return D(De,{get when(){return!t.has(a.url)},get fallback(){return(()=>{var p=br(),h=p.firstChild,y=h.firstChild;return ve(h,()=>a.name,y),p})()},get children(){return D(we,{get url(){return a.url},get depth(){return e.depth},get repo(){return e.repo},removeFromParent:m,get parentFolderHandle(){return e.handle},get itemIndex(){return g()},get open(){return e.open},get name(){return a.name},get isSelected(){return e.isSelected},visitedFolders:t,get element(){return e.element},get rootFolderHandle(){return e.rootFolderHandle},get filter(){return e.filter},get clearFilter(){return e.clearFilter}})}})}}),D(vt,{get when(){return a.type!="folder"},get children(){return D(W,{get"aria-label"(){return a.name},get url(){return a.url},get name(){return a.name},get id(){return o()},startRenaming:()=>L(o()),remove:m,get pressed(){return e.isSelected(a.url)},get type(){return a.type},get element(){return e.element},get repo(){return e.repo},get rootFolderHandle(){return e.rootFolderHandle},get parentFolderHandle(){return e.handle},get itemIndex(){return g()},openWith:p=>e.open({url:a.url,toolId:p,title:a.name,type:a.type}),get children(){return D(re,{get name(){return a.name},get id(){return o()},rename:d})}})}})]}})}})),vr(p=>{var h=!!v(),y=!v();return h!==p.e&&r.classList.toggle("document-list__item--visible",p.e=h),y!==p.t&&r.classList.toggle("document-list__item--invisible",p.t=y),p},{e:void 0,t:void 0}),r})()]}}),D(De,{get when(){return pt(()=>!!l())()&&C().index>=(e.docs?.length??0)},get children(){return u()}})]}import{createEffect as Po,createSignal as Hr,onCleanup as Ir,onMount as Ur}from"solid-js";import{createStore as No,reconcile as Ko}from"solid-js/store";import*as Ee from"@inkandswitch/patchwork-providers";function Rr(e){return typeof e=="function"?e():e}function bt(e,t,n){let[s,i]=Hr(n);return Ur(()=>{let c=Rr(e);if(!c)return;let l=Ee.subscribe(c,t,i);Ir(l)}),s}function Et(e){let t=0,n=0,s=!1,i=new Set,c=new Set;function l(g){return{id:g.getAttribute("data-dnd-item"),url:g.getAttribute("data-doc-url"),type:g.getAttribute("data-doc-type")??"",name:(g.textContent??"").trim(),source:e.source()}}function f(g){let v=g.clientX-t,m=g.clientY-n;if(!s){if(Math.hypot(v,m)<5)return;s=!0}g.preventDefault();let o=Math.min(t,g.clientX),d=Math.min(n,g.clientY),r=Math.max(t,g.clientX),p=Math.max(n,g.clientY),h=e.container();if(!h)return;let y=new Set;for(let w of h.querySelectorAll("[data-dnd-item]")){if(w.offsetParent===null)continue;let x=w.getAttribute("data-dnd-item");if(!x||i.has(x))continue;let b=w.getBoundingClientRect();b.right<o||b.left>r||b.bottom<d||b.top>p||(y.add(x),T.has(x)||k(x,l(w)))}for(let w of c)y.has(w)||Z(w);c=y}function u(){window.removeEventListener("mousemove",f,!0),window.removeEventListener("mouseup",u,!0),s=!1,c=new Set,i=new Set}function a(g){g.button!==0||!(g.metaKey||g.ctrlKey)||g.target.closest(".document-list__toolbar")||(t=g.clientX,n=g.clientY,s=!1,c=new Set,i=new Set(T.keys()),window.addEventListener("mousemove",f,!0),window.addEventListener("mouseup",u,!0))}return{onMouseDown:a}}function Tt(e){let t='[role="treeitem"]',n=null,s=m=>m.offsetParent!==null,i=()=>[...e.querySelectorAll(t)].filter(s);function c(m){n!==m&&(n&&(n.tabIndex=-1),m.tabIndex=0,n=m)}function l(m){m&&(c(m),m.focus())}function f(){if(n?.isConnected&&s(n)&&n.tabIndex===0)return;n?.isConnected&&(n.tabIndex=-1),n=null;let m=i(),o=m.find(d=>d.getAttribute("aria-selected")==="true")??m[0];o&&c(o)}function u(m){let o=m.parentElement?.closest('[role="group"]');return!o||!e.contains(o)?null:o.parentElement?.querySelector(`:scope > ${t}`)}function a(m){if(m.defaultPrevented||m.altKey||m.ctrlKey||m.metaKey)return;let o=m.target;if(o.closest("input, textarea"))return;let d=o.closest(t);if(!d||!e.contains(d))return;let r=i(),p=r.indexOf(d),h;switch(m.key){case"ArrowDown":h=r[p+1];break;case"ArrowUp":h=r[p-1];break;case"Home":h=r[0];break;case"End":h=r[r.length-1];break;case"ArrowRight":if(d.getAttribute("aria-expanded")!=="true")return;h=r[p+1],h&&u(h)!==d&&(h=null);break;case"ArrowLeft":h=u(d);break;default:return}m.preventDefault(),l(h)}function g(m){let o=m.target.closest(t);o&&e.contains(o)&&o===m.target&&c(o)}let v=new MutationObserver(f);return v.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class","aria-selected"]}),e.addEventListener("keydown",a),e.addEventListener("focusin",g),f(),()=>{v.disconnect(),e.removeEventListener("keydown",a),e.removeEventListener("focusin",g)}}var Kr=Ft("<p class=document-list__error role=alert>"),jr=Ft('<aside class=document-list><nav class="document-list__doclist document-list-widget"role=tree aria-multiselectable=true><div class=document-list__toolbar><div class=document-list__filter-container><input name=filter class=document-list__filter placeholder="Filter by title">'),Br=Yr(()=>import("./item-menu-3JUJN3MS.js").then(e=>({default:e.ItemMenu})));function zr(e){let[t,n]=X(()=>e.folderUrl,{repo:e.repo}),[s,i]=Wr(""),c=()=>n.state==="ready"||n.state==="refreshing";_t(()=>{n.latest&&q(n.latest)});let l=bt(e.element,{type:"patchwork:selected-doc"},[]),f=Or(()=>new Set(l())),u=qr(f,(o,d)=>d.has(o));_t(()=>{if(!c())return;let o=l();if(!o.length){ae(new Set);return}if(o.every(r=>Ve(e.element,r)))return;let d=!1;Xe(e.repo,e.folderUrl,o).then(r=>{d||ae(r)}),Te(()=>{d=!0})});function a(o){e.element.dispatchEvent(Ne(o))}let g,v=Et({container:()=>g,source:()=>e.element.toolId??""}),m=o=>{g=o,o.addEventListener("mousedown",v.onMouseDown,!0),Te(()=>o.removeEventListener("mousedown",v.onMouseDown,!0)),Te(Tt(o))};return(()=>{var o=jr(),d=o.firstChild,r=d.firstChild,p=r.firstChild,h=p.firstChild;return d.addEventListener("drop",y=>{y.preventDefault();let w=n.latest;w&&R(y,{repo:e.repo,rootFolderHandle:w,element:e.element})}),d.addEventListener("dragleave",y=>{let w=y.relatedTarget;(!w||!y.currentTarget.contains(w))&&_()}),d.addEventListener("dragover",y=>{let w=y.dataTransfer?.types.includes("Files");if(!w&&!Be(y.dataTransfer)&&!J(y))return;y.preventDefault(),y.dataTransfer.dropEffect=w||S()?"copy":"move";let x=n.latest;x&&I(Me(x.url,x.doc()?.docs?.length??0))}),Nr(m,d),Y(r,E(Ce,{square:!0,draggable:!0,clearFilter:()=>i(""),changeFolder:y=>n()?.change(y),get repo(){return e.repo},open:a}),p),Y(p,E($e,{}),h),h.$$input=y=>i(y.target.value.toLowerCase()),Y(d,E(Se,{get when(){return c()},get fallback(){return E(ge,{depth:0})},get children(){return[E(Vr,{get fallback(){return E(ge,{depth:0})},get children(){return E(oe,{depth:0,get repo(){return e.repo},get docs(){return t()?.docs},get handle(){return n.latest},open:a,isSelected:u,get element(){return e.element},get rootFolderHandle(){return n.latest},get filter(){return s()},clearFilter:()=>i("")})}}),E(Se,{get when(){return Le()},get children(){return E(Br,{get repo(){return e.repo},get rootFolderHandle(){return n.latest},get element(){return e.element}})}})]}}),null),Y(d,E(Se,{get when(){return ie()?.element===e.element},get children(){var y=Kr();return Y(y,()=>ie().message),y}}),null),St(()=>Cr(d,"data-dnd-container",e.folderUrl)),St(()=>h.value=s()),o})()}function pa(e,t){return Xr(()=>E(zr,{folderUrl:e,get repo(){return t.repo},element:t}),t)}Pr(["input"]);export{ge as a,zr as b,pa as c};
+//# sourceMappingURL=chunk-73XN2I2U.js.map

package/packages/sideboard/dist/chunk-NS3ADG2Z.js

@@ -0,0 +1,2 @@
+import{getRegistry as w,getSupportedToolsForType as D}from"@inkandswitch/patchwork-plugins";import{createEffect as T,createRoot as C,onCleanup as g}from"solid-js";import{createStore as h,reconcile as v}from"solid-js/store";function tt(n){let o=w("patchwork:datatype"),[r,e]=h(o.filter(n)),i=o.on("changed",()=>e(v(o.filter(n))));return g(i),r}function M(n){let o=new Map;return r=>{if(!o.has(r)){let i,s=C(c=>(i=c,n(r)));o.set(r,{value:s,refCount:0,dispose:i})}let e=o.get(r);return e.refCount++,g(()=>{e.refCount--,e.refCount===0&&(e.dispose(),o.delete(r))}),e.value}}var R=M(n=>{let o=w("patchwork:tool"),[r,e]=h([]),i=()=>{let c=D(n);e(v(c))};i();let s=o.on("changed",i);return g(s),r});function et(n,o){let r=typeof n=="function"?n():n,e=R(r);if(o?.includeUnlisted)return e;let[i,s]=h([]);return T(()=>{s(v(e.filter(c=>!c.unlisted)))}),i}import{template as b}from"solid-js/web";import{delegateEvents as E}from"solid-js/web";import{setAttribute as S}from"solid-js/web";import{spread as A}from"solid-js/web";import{mergeProps as O}from"solid-js/web";import{createComponent as f}from"solid-js/web";import{setStyleProperty as F}from"solid-js/web";import{className as I}from"solid-js/web";import{effect as k}from"solid-js/web";import{insert as $}from"solid-js/web";import{use as P}from"solid-js/web";import{createContext as L,createSignal as N,createUniqueId as q,onCleanup as B,onMount as G,Show as W,splitProps as z,useContext as x}from"solid-js";import{Portal as K}from"solid-js/web";var U=b("<div role=menu tabindex=-1 data-expanded style=position:fixed>"),V=b("<div role=menuitem tabindex=-1 class=popmenu__item>"),H=b("<div role=menuitem aria-haspopup=menu tabindex=-1 class=popmenu__sub-trigger>"),y=2,p=4,m=L(),j='[role="menuitem"]:not([aria-disabled="true"])';function _(n){return[...n.querySelectorAll(j)]}function J(n,o,r){let e="width"in o?o:new DOMRect(o.x,o.y,0,0),{width:i,height:s}=n.getBoundingClientRect(),c=r==="right-start"?e.right+y:e.left,t=r==="right-start"?e.top:e.bottom+y;c+i>innerWidth-p&&(c=r==="right-start"?e.left-i-y:innerWidth-p-i),t+s>innerHeight-p&&(t=innerHeight-p-s),c=Math.max(p,c),t=Math.max(p,t),n.style.left=`${c}px`,n.style.top=`${t}px`;let u=r==="right-start"?c<e.left?e.left:e.right:e.left,a=r==="right-start"?e.top:e.bottom;n.style.transformOrigin=`${u-c}px ${a-t}px`}function Q(n){let o=x(m),[r,e]=N(null),i,s={closeRoot:o?.closeRoot??n.onClose,openSub:r,setOpenSub:e,depth:(o?.depth??-1)+1};G(()=>{J(i,n.anchor,n.placement??"bottom-start"),n.autofocus!==!1&&i.focus({preventScroll:!0});let t=u=>{u.target?.closest?.('[role="menu"]')||s.closeRoot()};document.addEventListener("pointerdown",t,!0),B(()=>document.removeEventListener("pointerdown",t,!0))});function c(t){if(t.target!==i&&!_(i).includes(t.target)){t.key==="Escape"&&s.closeRoot();return}let u=_(i),a=u.indexOf(document.activeElement),l=d=>u.at((d%u.length+u.length)%u.length)?.focus();switch(t.key){case"Escape":s.closeRoot();break;case"ArrowDown":l(a+1);break;case"ArrowUp":l(a<0?-1:a-1);break;case"Home":l(0);break;case"End":l(-1);break;case"ArrowLeft":o&&o.setOpenSub(null);break;case"Enter":case" ":a>=0&&u[a].click();break;default:return}t.preventDefault(),t.stopPropagation()}return f(K,{get children(){return f(m.Provider,{value:s,get children(){var t=U();t.$$focusout=a=>a.target.removeAttribute("data-highlighted"),t.$$focusin=a=>a.target.setAttribute("data-highlighted",""),t.$$keydown=c;var u=i;return typeof u=="function"?P(u,t):i=t,$(t,()=>n.children),k(a=>{var l=n.class??"popmenu__content",d=2+s.depth;return l!==a.e&&I(t,a.e=l),d!==a.t&&F(t,"z-index",a.t=d),a},{e:void 0,t:void 0}),t}})}})}function ht(n){let o=x(m),[r,e]=z(n,["onSelect","children","onPointerMove"]);return(()=>{var i=V();return A(i,O(e,{onPointerMove:s=>{s.currentTarget.focus(),o.setOpenSub(null),typeof r.onPointerMove=="function"&&r.onPointerMove(s)},onClick:()=>{r.onSelect(),o.closeRoot()}}),!1,!0),$(i,()=>r.children),i})()}function vt(n){let o=x(m),r=q(),e,i=()=>o.openSub()===r;return[(()=>{var s=H();s.$$keydown=t=>{t.key!=="ArrowRight"&&t.key!=="Enter"&&t.key!==" "||(o.setOpenSub(r),t.preventDefault(),t.stopPropagation())},s.$$click=()=>o.setOpenSub(r),s.$$pointermove=t=>{t.currentTarget.focus(),o.setOpenSub(r)};var c=e;return typeof c=="function"?P(c,s):e=s,$(s,()=>n.label),k(t=>{var u=i(),a=i()?"":void 0;return u!==t.e&&S(s,"aria-expanded",t.e=u),a!==t.t&&S(s,"data-expanded",t.t=a),t},{e:void 0,t:void 0}),s})(),f(W,{get when(){return i()},get children(){return f(Q,{get anchor(){return e.getBoundingClientRect()},placement:"right-start",class:"popmenu__sub-content",onClose:()=>{o.setOpenSub(null),e.focus()},get children(){return n.children}})}})]}E(["keydown","focusin","focusout","pointermove","click"]);export{tt as a,et as b,Q as c,ht as d,vt as e};
+//# sourceMappingURL=chunk-NS3ADG2Z.js.map

package/packages/sideboard/dist/chunk-NS3ADG2Z.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/sideboard/lib/solid-plugins.ts", "../src/sideboard/popmenu.tsx"],
+  "sourcesContent": ["import type {\n  ToolDescription,\n  DatatypeDescription,\n  Plugin,\n} from \"@inkandswitch/patchwork-plugins\";\nimport {\n  getRegistry,\n  getSupportedToolsForType,\n} from \"@inkandswitch/patchwork-plugins\";\nimport { createEffect, createRoot, onCleanup } from \"solid-js\";\nimport { createStore, reconcile } from \"solid-js/store\";\n\nexport type MaybeAccessor<T> = T | (() => T);\n\n/**\n * Hook to get filtered datatype plugins\n */\nexport function useFilteredDatatypes(\n  filter: (item: DatatypeDescription) => boolean\n): Plugin<DatatypeDescription>[] {\n  const datatypeRegistry =\n    getRegistry<DatatypeDescription>(\"patchwork:datatype\");\n  const [plugins, setPlugins] = createStore(datatypeRegistry.filter(filter));\n  const dispose = datatypeRegistry.on(\"changed\", () =>\n    setPlugins(reconcile(datatypeRegistry.filter(filter)))\n  );\n  onCleanup(dispose);\n  return plugins;\n}\n\n/**\n * Create a ref-counted shared reactive resource keyed by a string.\n * The factory runs once per unique key (inside its own reactive root).\n * When the last consumer unmounts, the root is disposed and the\n * entry is removed from the cache.\n */\nfunction createShared<V>(factory: (key: string) => V): (key: string) => V {\n  const cache = new Map<\n    string,\n    { value: V; refCount: number; dispose: () => void }\n  >();\n\n  return (key: string) => {\n    if (!cache.has(key)) {\n      let dispose!: () => void;\n      const value = createRoot((d) => {\n        dispose = d;\n        return factory(key);\n      });\n      cache.set(key, { value, refCount: 0, dispose });\n    }\n\n    const entry = cache.get(key)!;\n    entry.refCount++;\n    onCleanup(() => {\n      entry.refCount--;\n      if (entry.refCount === 0) {\n        entry.dispose();\n        cache.delete(key);\n      }\n    });\n\n    return entry.value;\n  };\n}\n\nconst useSharedToolsForType = createShared((type) => {\n  const toolRegistry = getRegistry<ToolDescription>(\"patchwork:tool\");\n  const [plugins, setPlugins] = createStore<Plugin<ToolDescription>[]>([]);\n\n  const update = () => {\n    const tools = getSupportedToolsForType(type);\n    setPlugins(reconcile(tools));\n  };\n  update();\n\n  const dispose = toolRegistry.on(\"changed\", update);\n  onCleanup(dispose);\n\n  return plugins;\n});\n\n/**\n * Hook to get tools that support a specific data type.\n * Shared across all callers for the same type \u2014 only one\n * store/listener exists per unique type string.\n */\nexport function useSupportedToolsForType(\n  type: MaybeAccessor<string>,\n  options?: { includeUnlisted?: boolean }\n): Plugin<ToolDescription>[] {\n  const key = typeof type === \"function\" ? type() : type;\n  const all = useSharedToolsForType(key);\n  if (options?.includeUnlisted) return all;\n  const [filtered, setFiltered] = createStore<Plugin<ToolDescription>[]>([]);\n  createEffect(() => {\n    setFiltered(reconcile(all.filter((t) => !t.unlisted)));\n  });\n  return filtered;\n}\n", "import { template as _$template } from \"solid-js/web\";\nimport { delegateEvents as _$delegateEvents } from \"solid-js/web\";\nimport { setAttribute as _$setAttribute } from \"solid-js/web\";\nimport { spread as _$spread } from \"solid-js/web\";\nimport { mergeProps as _$mergeProps } from \"solid-js/web\";\nimport { createComponent as _$createComponent } from \"solid-js/web\";\nimport { setStyleProperty as _$setStyleProperty } from \"solid-js/web\";\nimport { className as _$className } from \"solid-js/web\";\nimport { effect as _$effect } from \"solid-js/web\";\nimport { insert as _$insert } from \"solid-js/web\";\nimport { use as _$use } from \"solid-js/web\";\nvar _tmpl$ = /*#__PURE__*/_$template(`<div role=menu tabindex=-1 data-expanded style=position:fixed>`),\n  _tmpl$2 = /*#__PURE__*/_$template(`<div role=menuitem tabindex=-1 class=popmenu__item>`),\n  _tmpl$3 = /*#__PURE__*/_$template(`<div role=menuitem aria-haspopup=menu tabindex=-1 class=popmenu__sub-trigger>`);\nimport { createContext, createSignal, createUniqueId, onCleanup, onMount, Show, splitProps, useContext } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nconst GUTTER = 2;\nconst MARGIN = 4;\nconst Ctx = createContext();\nconst ITEMS = '[role=\"menuitem\"]:not([aria-disabled=\"true\"])';\nfunction ownItems(menu) {\n  return [...menu.querySelectorAll(ITEMS)];\n}\nfunction position(el, anchor, placement) {\n  const a = \"width\" in anchor ? anchor : new DOMRect(anchor.x, anchor.y, 0, 0);\n  const {\n    width,\n    height\n  } = el.getBoundingClientRect();\n  let left = placement === \"right-start\" ? a.right + GUTTER : a.left;\n  let top = placement === \"right-start\" ? a.top : a.bottom + GUTTER;\n  if (left + width > innerWidth - MARGIN) {\n    left = placement === \"right-start\" ? a.left - width - GUTTER : innerWidth - MARGIN - width;\n  }\n  if (top + height > innerHeight - MARGIN) top = innerHeight - MARGIN - height;\n  left = Math.max(MARGIN, left);\n  top = Math.max(MARGIN, top);\n  el.style.left = `${left}px`;\n  el.style.top = `${top}px`;\n  const x = placement === \"right-start\" ? left < a.left ? a.left : a.right : a.left;\n  const y = placement === \"right-start\" ? a.top : a.bottom;\n  el.style.transformOrigin = `${x - left}px ${y - top}px`;\n}\nexport function Menu(props) {\n  const parent = useContext(Ctx);\n  const [openSub, setOpenSub] = createSignal(null);\n  let el;\n  const ctx = {\n    closeRoot: parent?.closeRoot ?? props.onClose,\n    openSub,\n    setOpenSub,\n    depth: (parent?.depth ?? -1) + 1\n  };\n  onMount(() => {\n    position(el, props.anchor, props.placement ?? \"bottom-start\");\n    if (props.autofocus !== false) el.focus({\n      preventScroll: true\n    });\n    const onPointerDown = e => {\n      const t = e.target;\n      if (t?.closest?.('[role=\"menu\"]')) return;\n      ctx.closeRoot();\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    onCleanup(() => document.removeEventListener(\"pointerdown\", onPointerDown, true));\n  });\n  function onKeyDown(e) {\n    if (e.target !== el && !ownItems(el).includes(e.target)) {\n      if (e.key === \"Escape\") ctx.closeRoot();\n      return;\n    }\n    const items = ownItems(el);\n    const i = items.indexOf(document.activeElement);\n    const focus = n => items.at((n % items.length + items.length) % items.length)?.focus();\n    switch (e.key) {\n      case \"Escape\":\n        ctx.closeRoot();\n        break;\n      case \"ArrowDown\":\n        focus(i + 1);\n        break;\n      case \"ArrowUp\":\n        focus(i < 0 ? -1 : i - 1);\n        break;\n      case \"Home\":\n        focus(0);\n        break;\n      case \"End\":\n        focus(-1);\n        break;\n      case \"ArrowLeft\":\n        if (parent) parent.setOpenSub(null);\n        break;\n      case \"Enter\":\n      case \" \":\n        if (i >= 0) items[i].click();\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n  }\n  return _$createComponent(Portal, {\n    get children() {\n      return _$createComponent(Ctx.Provider, {\n        value: ctx,\n        get children() {\n          var _el$ = _tmpl$();\n          _el$.$$focusout = e => e.target.removeAttribute(\"data-highlighted\");\n          _el$.$$focusin = e => e.target.setAttribute(\"data-highlighted\", \"\");\n          _el$.$$keydown = onKeyDown;\n          var _ref$ = el;\n          typeof _ref$ === \"function\" ? _$use(_ref$, _el$) : el = _el$;\n          _$insert(_el$, () => props.children);\n          _$effect(_p$ => {\n            var _v$ = props.class ?? \"popmenu__content\",\n              _v$2 = 2 + ctx.depth;\n            _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);\n            _v$2 !== _p$.t && _$setStyleProperty(_el$, \"z-index\", _p$.t = _v$2);\n            return _p$;\n          }, {\n            e: undefined,\n            t: undefined\n          });\n          return _el$;\n        }\n      });\n    }\n  });\n}\nexport function MenuItem(props) {\n  const ctx = useContext(Ctx);\n  const [local, rest] = splitProps(props, [\"onSelect\", \"children\", \"onPointerMove\"]);\n  return (() => {\n    var _el$2 = _tmpl$2();\n    _$spread(_el$2, _$mergeProps(rest, {\n      \"onPointerMove\": e => {\n        e.currentTarget.focus();\n        ctx.setOpenSub(null);\n        if (typeof local.onPointerMove === \"function\") local.onPointerMove(e);\n      },\n      \"onClick\": () => {\n        local.onSelect();\n        ctx.closeRoot();\n      }\n    }), false, true);\n    _$insert(_el$2, () => local.children);\n    return _el$2;\n  })();\n}\nexport function SubMenu(props) {\n  const ctx = useContext(Ctx);\n  const id = createUniqueId();\n  let trigger;\n  const open = () => ctx.openSub() === id;\n  return [(() => {\n    var _el$3 = _tmpl$3();\n    _el$3.$$keydown = e => {\n      if (e.key !== \"ArrowRight\" && e.key !== \"Enter\" && e.key !== \" \") return;\n      ctx.setOpenSub(id);\n      e.preventDefault();\n      e.stopPropagation();\n    };\n    _el$3.$$click = () => ctx.setOpenSub(id);\n    _el$3.$$pointermove = e => {\n      e.currentTarget.focus();\n      ctx.setOpenSub(id);\n    };\n    var _ref$2 = trigger;\n    typeof _ref$2 === \"function\" ? _$use(_ref$2, _el$3) : trigger = _el$3;\n    _$insert(_el$3, () => props.label);\n    _$effect(_p$ => {\n      var _v$3 = open(),\n        _v$4 = open() ? \"\" : void 0;\n      _v$3 !== _p$.e && _$setAttribute(_el$3, \"aria-expanded\", _p$.e = _v$3);\n      _v$4 !== _p$.t && _$setAttribute(_el$3, \"data-expanded\", _p$.t = _v$4);\n      return _p$;\n    }, {\n      e: undefined,\n      t: undefined\n    });\n    return _el$3;\n  })(), _$createComponent(Show, {\n    get when() {\n      return open();\n    },\n    get children() {\n      return _$createComponent(Menu, {\n        get anchor() {\n          return trigger.getBoundingClientRect();\n        },\n        placement: \"right-start\",\n        \"class\": \"popmenu__sub-content\",\n        onClose: () => {\n          ctx.setOpenSub(null);\n          trigger.focus();\n        },\n        get children() {\n          return props.children;\n        }\n      });\n    }\n  })];\n}\n_$delegateEvents([\"keydown\", \"focusin\", \"focusout\", \"pointermove\", \"click\"]);"],
+  "mappings": "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",
+  "names": ["getRegistry", "getSupportedToolsForType", "createEffect", "createRoot", "onCleanup", "createStore", "reconcile", "useFilteredDatatypes", "filter", "datatypeRegistry", "plugins", "setPlugins", "dispose", "createShared", "factory", "cache", "key", "value", "d", "entry", "useSharedToolsForType", "type", "toolRegistry", "update", "tools", "useSupportedToolsForType", "options", "all", "filtered", "setFiltered", "t", "_$template", "_$delegateEvents", "_$setAttribute", "_$spread", "_$mergeProps", "_$createComponent", "_$setStyleProperty", "_$className", "_$effect", "_$insert", "_$use", "createContext", "createSignal", "createUniqueId", "onCleanup", "onMount", "Show", "splitProps", "useContext", "Portal", "_tmpl$", "_tmpl$2", "_tmpl$3", "GUTTER", "MARGIN", "Ctx", "ITEMS", "ownItems", "menu", "position", "el", "anchor", "placement", "a", "width", "height", "left", "top", "x", "y", "Menu", "props", "parent", "openSub", "setOpenSub", "ctx", "onPointerDown", "e", "onKeyDown", "items", "i", "focus", "n", "_el$", "_ref$", "_p$", "_v$", "_v$2", "MenuItem", "local", "rest", "_el$2", "SubMenu", "id", "trigger", "open", "_el$3", "_ref$2", "_v$3", "_v$4"]
+}

package/packages/sideboard/dist/{chunk-3HE5SPGR.js → chunk-OFWMAVKQ.js}

@@ -1,4 +1,4 @@
-import{a as v,e as _,f as m,t as k}from"./chunk-YZ573CYO.js";import{template as f}from"solid-js/web";import{spread as b}from"solid-js/web";var T=f('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=search-icon><path d="m21 21-4.34-4.34"></path><circle cx=11 cy=11 r=8>');var L=f('<svg xmlns=http://www.w3.org/2000/svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="new-doc-icon icon"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M9 15h6"></path><path d="M12 18v-6">'),M=f('<svg xmlns=http://www.w3.org/2000/svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">');function G(){return T()}function x(t){return(()=>{var r=L();return b(r,t,!0,!0),r})()}function J(t){return(()=>{var r=M();return b(r,t,!0,!0),r})()}import{template as D}from"solid-js/web";import{delegateEvents as N}from"solid-js/web";import{setAttribute as I}from"solid-js/web";import{effect as S}from"solid-js/web";import{insert as p}from"solid-js/web";import{createComponent as l}from"solid-js/web";import{addEventListener as C}from"solid-js/web";import{use as q}from"solid-js/web";import{isValidAutomergeUrl as F}from"@automerge/automerge-repo/slim";import{createDocOfDatatype2 as P,getRegistry as j,isLoadablePlugin as U,isLoadedPlugin as O}from"@inkandswitch/patchwork-plugins";import{createSignal as z,lazy as H,onCleanup as $,onMount as R,Show as y}from"solid-js";var A=D("<span class=create-new-button__text>Create new"),B=D('<div class=create-new-button-anchor><button type=button class=create-new-button aria-label="create new">');async function V(t,r){if(U(r)&&(r=await j("patchwork:datatype").load(r.id)??r),!O(r))throw new Error("plugin not loaded after loading");let o=await P(r,t),c=o.doc();return{name:r.module.getTitle(c),type:r.id,url:o.url}}var s=H(()=>import("./create-new-menu-PDAHMB7O.js").then(t=>({default:t.CreateNewMenu})));function W(t){let[r,o]=z(!1);R(()=>{let n=()=>void s.preload();if(typeof requestIdleCallback=="function"){let e=requestIdleCallback(n);$(()=>cancelIdleCallback(e))}else{let e=setTimeout(n,0);$(()=>clearTimeout(e))}});async function c(n){let e=await V(t.repo,n);t.changeFolder(a=>{a.docs.push(e)}),t.clearFilter(),t.open(e),o(!1)}async function h(n){let e=n.trim();if(!F(e))return;let a=await v(t.repo,e);t.changeFolder(i=>{i.docs.push(a)}),t.clearFilter(),t.open(a),o(!1)}let d=0;function E(n){o(!1),m(!0),n.dataTransfer.setData(_,"1"),n.dataTransfer.effectAllowed="all";let e=document.createElement("div");e.style.cssText=`
+import{a as v,e as _,f as m,t as k}from"./chunk-YZ573CYO.js";import{template as f}from"solid-js/web";import{spread as b}from"solid-js/web";var T=f('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=search-icon><path d="m21 21-4.34-4.34"></path><circle cx=11 cy=11 r=8>');var L=f('<svg xmlns=http://www.w3.org/2000/svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="new-doc-icon icon"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M9 15h6"></path><path d="M12 18v-6">'),M=f('<svg xmlns=http://www.w3.org/2000/svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">');function G(){return T()}function x(t){return(()=>{var r=L();return b(r,t,!0,!0),r})()}function J(t){return(()=>{var r=M();return b(r,t,!0,!0),r})()}import{template as D}from"solid-js/web";import{delegateEvents as N}from"solid-js/web";import{setAttribute as I}from"solid-js/web";import{effect as S}from"solid-js/web";import{insert as p}from"solid-js/web";import{createComponent as l}from"solid-js/web";import{addEventListener as C}from"solid-js/web";import{use as q}from"solid-js/web";import{isValidAutomergeUrl as F}from"@automerge/automerge-repo/slim";import{createDocOfDatatype2 as P,getRegistry as j,isLoadablePlugin as U,isLoadedPlugin as O}from"@inkandswitch/patchwork-plugins";import{createSignal as z,lazy as H,onCleanup as $,onMount as R,Show as y}from"solid-js";var A=D("<span class=create-new-button__text>Create new"),B=D('<div class=create-new-button-anchor><button type=button class=create-new-button aria-label="create new">');async function V(t,r){if(U(r)&&(r=await j("patchwork:datatype").load(r.id)??r),!O(r))throw new Error("plugin not loaded after loading");let o=await P(r,t),c=o.doc();return{name:r.module.getTitle(c),type:r.id,url:o.url}}var s=H(()=>import("./create-new-menu-4VNS2UFI.js").then(t=>({default:t.CreateNewMenu})));function W(t){let[r,o]=z(!1);R(()=>{let n=()=>void s.preload();if(typeof requestIdleCallback=="function"){let e=requestIdleCallback(n);$(()=>cancelIdleCallback(e))}else{let e=setTimeout(n,0);$(()=>clearTimeout(e))}});async function c(n){let e=await V(t.repo,n);t.changeFolder(a=>{a.docs.push(e)}),t.clearFilter(),t.open(e),o(!1)}async function h(n){let e=n.trim();if(!F(e))return;let a=await v(t.repo,e);t.changeFolder(i=>{i.docs.push(a)}),t.clearFilter(),t.open(a),o(!1)}let d=0;function E(n){o(!1),m(!0),n.dataTransfer.setData(_,"1"),n.dataTransfer.effectAllowed="all";let e=document.createElement("div");e.style.cssText=`
       position: absolute;
       top: -1000px;
       background: var(--document-list-primary);
@@ -10,4 +10,4 @@ import{a as v,e as _,f as m,t as k}from"./chunk-YZ573CYO.js";import{template as
       color: var(--document-list-primary-line);
       box-shadow: 0 2px 8px rgba(0,0,0,0.1);
     `,e.textContent="new doc",document.body.appendChild(e),n.dataTransfer.setDragImage(e,10,10),setTimeout(()=>e.remove(),0)}let u;return(()=>{var n=B(),e=n.firstChild,a=u;return typeof a=="function"?q(a,n):u=n,C(e,"dragend",()=>{m(!1),k()}),C(e,"dragstart",t.draggable?E:void 0),e.$$click=()=>{performance.now()-d>200&&o(!0)},e.addEventListener("focus",()=>void s.preload()),e.addEventListener("pointerenter",()=>void s.preload()),p(e,l(x,{class:"create-new-button__icon"}),null),p(e,l(y,{get when(){return!t.square},get children(){return[" ",A()]}}),null),p(n,l(y,{get when(){return r()},get children(){return l(s,{get anchor(){return u.getBoundingClientRect()},onClose:()=>{o(!1),d=performance.now()},onPickDatatype:c,onSubmitUrl:h})}}),null),S(i=>{var w=!!t.square,g=t.draggable;return w!==i.e&&e.classList.toggle("create-new-button--square",i.e=w),g!==i.t&&I(e,"draggable",i.t=g),i},{e:void 0,t:void 0}),n})()}N(["click"]);export{G as a,J as b,V as c,W as d};
-//# sourceMappingURL=chunk-3HE5SPGR.js.map
+//# sourceMappingURL=chunk-OFWMAVKQ.js.map

package/packages/sideboard/dist/{create-new-menu-PDAHMB7O.js → create-new-menu-4VNS2UFI.js}

@@ -1,2 +1,2 @@
-import{a as y,c as g,d as p}from"./chunk-6LWWNFKU.js";import{c as w}from"./chunk-3HE5SPGR.js";import{a as _}from"./chunk-YZ573CYO.js";import"./chunk-FW4363Y4.js";import{template as v}from"solid-js/web";import{delegateEvents as P}from"solid-js/web";import{createComponent as c}from"solid-js/web";import{use as k}from"solid-js/web";import{effect as S}from"solid-js/web";import{isValidAutomergeUrl as h}from"@automerge/automerge-repo/slim";import{createSignal as D,For as L,Show as M}from"solid-js";var b=v('<div class=create-new-filter><input class=create-new-filter__input placeholder="Filter or paste automerge url\u2026">'),x=v('<div class="document-list-item document-list-placeholder"><span class=document-list-item__name>New document'),d=e=>typeof e.name=="string"?e.name:String(e.id);function C(e){let s=y(o=>!o.unlisted),[l,m]=D(""),[i,r]=D(0),u=()=>h(l().trim()),f=()=>{let o=l().toLowerCase();return[...o?s.filter(t=>d(t).toLowerCase().includes(o)):s].sort((t,a)=>d(t).localeCompare(d(a)))},$=()=>(u()?1:0)+f().length;function U(){let o=i();if(u()){if(o===0){e.onSubmitUrl(l());return}let n=f()[o-1];n&&e.onPickDatatype(n)}else{let n=f()[o];n&&e.onPickDatatype(n)}}return[(()=>{var o=b(),n=o.firstChild;return k(t=>{requestAnimationFrame(()=>t.focus())},n),n.addEventListener("paste",t=>{let a=t.clipboardData?.getData("text/plain")??"";h(a.trim())&&(t.preventDefault(),m(a.trim()),r(0))}),n.$$keydown=t=>{if(t.key==="Enter")t.preventDefault(),U();else if(t.key==="ArrowDown")t.preventDefault(),r(a=>Math.min(a+1,$()-1));else if(t.key==="ArrowUp")t.preventDefault(),r(a=>Math.max(a-1,0));else if(t.key==="Escape")return;t.stopPropagation()},n.$$input=t=>{m(t.target.value),r(0)},S(()=>n.value=l()),o})(),c(M,{get when(){return u()},get children(){return c(p,{get classList(){return{"popmenu__item--highlighted":i()===0}},onSelect:()=>e.onSubmitUrl(l()),onPointerMove:()=>r(0),children:"Add by URL"})}}),c(L,{get each(){return f()},children:(o,n)=>c(p,{get classList(){return{"popmenu__item--highlighted":i()===n()+(u()?1:0)}},onSelect:()=>e.onPickDatatype(o),onPointerMove:()=>r(n()+(u()?1:0)),get children(){return d(o)}})})]}function j(e){return c(g,{get anchor(){return e.anchor},class:"popmenu__content create-new-menu__content",autofocus:!1,get onClose(){return e.onClose},get children(){return c(C,{get onPickDatatype(){return e.onPickDatatype},get onSubmitUrl(){return e.onSubmitUrl}})}})}function z(e){let s;async function l(i){let r=await w(e.repo,i);e.clearFilter(),e.onCreate(r)}async function m(i){let r=i.trim();if(!h(r))return;let u=await _(e.repo,r);e.clearFilter(),e.onCreate(u)}return[(()=>{var i=x(),r=s;return typeof r=="function"?k(r,i):s=i,i})(),c(g,{get anchor(){return s.getBoundingClientRect()},class:"popmenu__content create-new-menu__content",autofocus:!1,get onClose(){return e.onDismiss},get children(){return c(C,{onPickDatatype:l,onSubmitUrl:m})}})]}P(["input","keydown"]);export{j as CreateNewMenu,z as NewDocPlaceholder};
-//# sourceMappingURL=create-new-menu-PDAHMB7O.js.map
+import{a as y,c as g,d as p}from"./chunk-NS3ADG2Z.js";import{c as w}from"./chunk-OFWMAVKQ.js";import{a as _}from"./chunk-YZ573CYO.js";import"./chunk-FW4363Y4.js";import{template as v}from"solid-js/web";import{delegateEvents as P}from"solid-js/web";import{createComponent as c}from"solid-js/web";import{use as k}from"solid-js/web";import{effect as S}from"solid-js/web";import{isValidAutomergeUrl as h}from"@automerge/automerge-repo/slim";import{createSignal as D,For as L,Show as M}from"solid-js";var b=v('<div class=create-new-filter><input class=create-new-filter__input placeholder="Filter or paste automerge url\u2026">'),x=v('<div class="document-list-item document-list-placeholder"><span class=document-list-item__name>New document'),d=e=>typeof e.name=="string"?e.name:String(e.id);function C(e){let s=y(o=>!o.unlisted),[l,m]=D(""),[i,r]=D(0),u=()=>h(l().trim()),f=()=>{let o=l().toLowerCase();return[...o?s.filter(t=>d(t).toLowerCase().includes(o)):s].sort((t,a)=>d(t).localeCompare(d(a)))},$=()=>(u()?1:0)+f().length;function U(){let o=i();if(u()){if(o===0){e.onSubmitUrl(l());return}let n=f()[o-1];n&&e.onPickDatatype(n)}else{let n=f()[o];n&&e.onPickDatatype(n)}}return[(()=>{var o=b(),n=o.firstChild;return k(t=>{requestAnimationFrame(()=>t.focus())},n),n.addEventListener("paste",t=>{let a=t.clipboardData?.getData("text/plain")??"";h(a.trim())&&(t.preventDefault(),m(a.trim()),r(0))}),n.$$keydown=t=>{if(t.key==="Enter")t.preventDefault(),U();else if(t.key==="ArrowDown")t.preventDefault(),r(a=>Math.min(a+1,$()-1));else if(t.key==="ArrowUp")t.preventDefault(),r(a=>Math.max(a-1,0));else if(t.key==="Escape")return;t.stopPropagation()},n.$$input=t=>{m(t.target.value),r(0)},S(()=>n.value=l()),o})(),c(M,{get when(){return u()},get children(){return c(p,{get classList(){return{"popmenu__item--highlighted":i()===0}},onSelect:()=>e.onSubmitUrl(l()),onPointerMove:()=>r(0),children:"Add by URL"})}}),c(L,{get each(){return f()},children:(o,n)=>c(p,{get classList(){return{"popmenu__item--highlighted":i()===n()+(u()?1:0)}},onSelect:()=>e.onPickDatatype(o),onPointerMove:()=>r(n()+(u()?1:0)),get children(){return d(o)}})})]}function j(e){return c(g,{get anchor(){return e.anchor},class:"popmenu__content create-new-menu__content",autofocus:!1,get onClose(){return e.onClose},get children(){return c(C,{get onPickDatatype(){return e.onPickDatatype},get onSubmitUrl(){return e.onSubmitUrl}})}})}function z(e){let s;async function l(i){let r=await w(e.repo,i);e.clearFilter(),e.onCreate(r)}async function m(i){let r=i.trim();if(!h(r))return;let u=await _(e.repo,r);e.clearFilter(),e.onCreate(u)}return[(()=>{var i=x(),r=s;return typeof r=="function"?k(r,i):s=i,i})(),c(g,{get anchor(){return s.getBoundingClientRect()},class:"popmenu__content create-new-menu__content",autofocus:!1,get onClose(){return e.onDismiss},get children(){return c(C,{onPickDatatype:l,onSubmitUrl:m})}})]}P(["input","keydown"]);export{j as CreateNewMenu,z as NewDocPlaceholder};
+//# sourceMappingURL=create-new-menu-4VNS2UFI.js.map

package/packages/sideboard/dist/document-list-panel-SCICIJCF.js

@@ -0,0 +1,2 @@
+import{b as a,c as b}from"./chunk-73XN2I2U.js";import"./chunk-OFWMAVKQ.js";import"./chunk-RZPTJTVZ.js";import"./chunk-YZ573CYO.js";import"./chunk-FEMULUBJ.js";import"./chunk-TCL6SLDB.js";import"./chunk-FW4363Y4.js";export{a as DocumentListPanel,b as renderDocumentListPanel};
+//# sourceMappingURL=document-list-panel-SCICIJCF.js.map

package/packages/sideboard/dist/index.css

@@ -1,2 +1,2 @@
-@layer package{:root,:host,[theme]{--document-list-fill: var( --studio-chrome, light-dark( color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%), black ) );--document-list-fill-offset: color-mix( in oklab, var(--document-list-fill), oklch(1 0 0 / 1) 10% );--document-list-line: var(--studio-line, black);--document-list-line-offset-20: var(--studio-line-offset-20, #333);--document-list-widget-fill: var(--studio-fill, white);--document-list-widget-line: var(--document-list-line);--document-list-padding-x: .5rem;--document-list-radius: .275rem;--placeholder-line: var(--studio-line-offset-50, #808e80);--document-list-search-line: var(--studio-line, #000);--document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));--document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));--document-list-selection-fill: var(--document-list-primary);--document-list-selection-line: var(--document-list-primary-line);--document-list-create-new-fill: var(--studio-fill, white);--document-list-create-new-line: color-mix( in oklch, var(--document-list-primary), var(--studio-line, black) 30% );--document-list-create-new-border-line: color-mix( in oklch, var(--document-list-primary), var(--document-list-create-new-fill) 50% );--document-list-create-new-shadow-color: color-mix( in oklch, var(--document-list-fill), var(--document-list-line) 10% );--document-list-family: var(--studio-family-sans, system-ui, sans-serif);--document-list-family-code: var(--studio-family-code, ui-monospace, monospace);--document-list-muted: var(--studio-line-offset-40, #666);--document-list-border: var(--studio-fill-offset-10, #e5e5e5);--document-list-border-strong: var(--studio-fill-offset-20, #ccc);--document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);--document-list-added: var(--studio-added, #35f7ca);--document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));--document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);--account-bar-fill: var(--studio-chrome-offset-10);--account-bar-line: var(--studio-chrome-line, var(--studio-line, black))}}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.document-list,.document-list *{box-sizing:border-box}.document-list{background:var(--document-list-fill);display:flex;height:100%;flex-direction:column;gap:.75rem;font-family:var(--document-list-family);padding-inline:var(--document-list-padding-x);padding-top:var(--document-list-top-margin, env(safe-area-inset-top, 0px));padding-bottom:env(safe-area-inset-bottom);--depth: 0;.document-list-close-button{display:flex;align-items:center;align-self:flex-start;padding:.25rem;margin-top:12px;margin-left:-2px;background:transparent;border:none;cursor:pointer;opacity:.5;color:var(--document-list-line)}.document-list-close-button:hover{opacity:1}}.create-new-button{display:flex;padding-inline:.75rem;padding-block:.375rem;border:none;border-radius:var(--document-list-radius);background:var(--document-list-create-new-fill);color:var(--document-list-line);font-weight:400;align-items:center;justify-content:start;white-space:nowrap;font-size:.9rem;text-align:left;gap:1ex;position:relative;flex-shrink:0}.create-new-button__icon{stroke:var(--document-list-line-offset-20)}.create-new-button--square{width:2rem;height:2rem;padding:0;justify-content:center;cursor:grab;color:color-mix(in oklch,var(--document-list-line),transparent 35%);transition:color .12s ease,box-shadow .12s ease}.create-new-button--square:hover{color:var(--document-list-line);box-shadow:var(--studio-shadow, 0 1px 3px rgb(0 0 0 / .1), 0 1px 2px rgb(0 0 0 / .06))}.create-new-button--square:active{cursor:grabbing}.create-new-button-anchor{position:relative;display:flex;flex-shrink:0}.document-list__toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:.375rem;padding:.375rem;background:var(--document-list-widget-fill);border-bottom:1px solid var(--document-list-divider)}.document-list__toolbar .document-list__filter-container{flex:1;min-width:0}.icon{height:1em}.document-list__filter-container{position:relative;font-size:.875rem;border-radius:var(--document-list-radius);.search-icon{height:1em;top:.4lh;left:2px;position:absolute;z-index:1;stroke:var(--placeholder-line)}&:focus-within{.search-icon{stroke:var(--document-list-line)}}}.document-list__filter{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);padding-left:2em;padding-right:.75rem;padding-top:.375rem;padding-bottom:.375rem;border:none;border-radius:var(--document-list-radius);&::placeholder{color:var(--placeholder-line)}&:focus-visible{outline-color:var(--sidebar-widget-line);outline-offset:1px;box-shadow:0 0 0 4px #fff;border-radius:var(--document-list-radius)}}.document-list__doclist{--doclist-padding-x: .75rem;display:flex;flex-direction:column;border-radius:var(--document-list-radius);box-shadow:0 1px 2px #0014320d;width:100%;max-height:100%;overflow:scroll;transition:background-color .2s ease,box-shadow .2s ease;&::-webkit-scrollbar{display:none}}.document-list__doclist[data-drop-state=end]:after{content:"";flex:none;height:2px;margin-inline:var(--doclist-padding-x);background:var(--document-list-line)}.document-list__error{position:sticky;bottom:.5rem;margin:.5rem;padding:.5rem .75rem;border-radius:var(--document-list-radius);background:var(--document-list-widget-fill);color:var(--document-list-danger);box-shadow:0 0 0 1px currentColor inset,0 2px 8px #0000001a;font-size:.875rem}.document-list-item{display:flex;gap:.25ch;padding-inline:var(--doclist-padding-x);padding-block:.5rem;font-weight:400;color:var(--sidebar-widget-line);cursor:default;position:relative;&:focus-visible{outline-color:#000;outline-offset:-2px;box-shadow:0 0 0 4px var(--document-list-widget-fill);border-radius:var(--document-list-radius)}&:active{outline:0;box-shadow:0}&[aria-selected=true]{background:var(--document-list-selection-fill);color:var(--document-list-selection-line);.document-list-folder__toggle path{stroke:var(--document-list-selection-line)}.document-list__doclist>&:first-child{border-top-left-radius:var(--document-list-radius);border-top-right-radius:var(--document-list-radius)}.document-list__doclist>&:last-child{border-bottom-left-radius:var(--document-list-radius);border-bottom-right-radius:var(--document-list-radius)}}&[aria-checked=true]{outline:2px dashed color-mix(in oklch,var(--document-list-line),transparent 50%);outline-offset:-4px}&[data-dnd-dragging]{opacity:.4}&[data-dnd-springload]{animation:doclist-springload .75s ease-out .75s both}&[data-dnd-droplist-state]:before{content:"";position:absolute;left:0;margin-left:calc(var(--depth) * 1.75rem);right:0;height:2px;background:var(--document-list-line)}&[data-dnd-droplist-state=above]:before{top:-1px}&[data-dnd-droplist-state=below]:before{bottom:-1px}&[data-dnd-landed]{animation:doclist-landed .6s ease-out both}}@keyframes doclist-landed{0%{background:transparent}30%{background:color-mix(in oklch,var(--document-list-primary),transparent 30%)}to{background:transparent}}@keyframes doclist-landed-still{0%{background:color-mix(in oklch,var(--document-list-primary),transparent 40%)}to{background:transparent}}@media (prefers-reduced-motion: reduce){.document-list-item[data-dnd-landed]{animation:doclist-landed-still .6s linear both}}@keyframes doclist-springload{0%{background:transparent}to{background:color-mix(in oklch,var(--document-list-primary),transparent 40%)}}.document-list-folder[data-drop-state=inside]{outline:2px solid var(--document-list-primary);outline-offset:-2px;border-radius:var(--document-list-radius);background:color-mix(in oklch,var(--document-list-primary),transparent 50%);>.document-list-item:before{content:"";position:absolute;left:0;right:0;height:2px;background:var(--document-list-line);bottom:0}[data-dnd-droplist-state]:before{display:none}}.document-list__loading{display:flex;flex-direction:column}.document-list-item--loading{pointer-events:none;padding-left:calc(1.8rem * var(--depth) + var(--doclist-padding-x))}.document-list__loading .document-list-item__skeleton{flex:0 0 auto}.document-list-item__skeleton{flex:1;min-width:0;max-width:12rem;height:.75em;border-radius:4px;background:linear-gradient(90deg,var(--placeholder-line) 25%,color-mix(in oklch,var(--placeholder-line),transparent 65%) 50%,var(--placeholder-line) 75%);background-size:200% 100%;opacity:.35;animation:doclist-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes doclist-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.document-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1;min-width:0;&:is(input){padding:4px;margin:-4px}}.document-list-folder__toggle{display:inline-flex;align-items:center;cursor:pointer;margin-left:-.75ch;padding-inline:.25ch;&:hover{background:var(--document-list-toggle-hover)}& svg{width:14px;height:14px}& path{stroke:var(--document-list-line-offset-20)}}.document-list-folder__contents--hidden{display:none}.document-list-folder__circular-ref{padding:.5rem;padding-left:calc(2.2rem * var(--depth));color:var(--document-list-muted);font-style:italic;font-size:.9em}.document-list__item{content-visibility:auto;contain-intrinsic-size:auto 2.25rem}.document-list__item--invisible{display:none}.document-list__item--visible,.document-list__item--invisible:has(.document-list__item--visible){display:block}.document-list-folder__contents .document-list-item{padding-left:calc(1.8rem * var(--depth))}.document-list-widget{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line)}.document-list-widget:empty{display:none}.document-list-placeholder{font-style:italic;color:var(--placeholder-line)}.popmenu__content,.popmenu__sub-content,.popmenu__content *,.popmenu__sub-content *{box-sizing:border-box}.popmenu__trigger,.popmenu__sub-trigger{cursor:default;user-select:none;width:100%;text-align:left}.popmenu__sub-content,.popmenu__content{z-index:2;min-width:220px;max-height:min(400px,50vh);overflow-y:auto;padding:4px;background-color:var(--document-list-widget-fill);font-size:.8rem;border-radius:6px;border:1px solid var(--document-list-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;outline:none;transform-origin:var(--kb-menu-content-transform-origin);animation:contentHide .25s ease-in forwards}.popmenu__content[data-expanded],.popmenu__sub-content[data-expanded]{animation:contentShow .25s ease-out}.popmenu__item,.popmenu__checkbox-item,.popmenu__radio-item,.popmenu__sub-trigger{font-size:.8rem;line-height:1;color:var(--document-list-widget-line);border-radius:4px;display:flex;align-items:center;height:32px;padding-inline:12px;padding-block:6px;position:relative;user-select:none;outline:none;cursor:default}.popmenu__sub-trigger[data-expanded]{background-color:var(--document-list-fill-offset);color:var(--document-list-line)}.popmenu__item[data-disabled],.popmenu__checkbox-item[data-disabled],.popmenu__radio-item[data-disabled],.popmenu__sub-trigger[data-disabled]{color:var(--document-list-muted);opacity:.5;pointer-events:none}.popmenu__item[data-highlighted],.popmenu__checkbox-item[data-highlighted],.popmenu__radio-item[data-highlighted],.popmenu__sub-trigger[data-highlighted]{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}@keyframes contentShow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes contentHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.popmenu__item--highlighted{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}.create-new-menu__content{scrollbar-gutter:stable;scrollbar-color:var(--document-list-border-strong) var(--document-list-widget-fill);scrollbar-width:thin}.create-new-menu__content::-webkit-scrollbar{width:10px}.create-new-menu__content::-webkit-scrollbar-track{background:var(--document-list-widget-fill)}.create-new-menu__content::-webkit-scrollbar-thumb{background:var(--document-list-border-strong);border:2px solid var(--document-list-widget-fill);border-radius:999px}.create-new-menu__content::-webkit-scrollbar-thumb:hover{background:var(--document-list-muted)}.create-new-filter{padding:4px}.create-new-filter__input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:.8rem;border:1px solid var(--document-list-border-strong);border-radius:4px;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);outline:none}.create-new-filter__input:focus{border-color:var(--document-list-primary)}.create-new-filter__input::placeholder{color:var(--document-list-muted)}.sideboard{display:flex;flex-direction:column;height:100%;min-height:0}.sideboard>.document-list{flex:1;height:auto;min-height:0;padding-bottom:0}.account-bar{container-type:inline-size;display:flex;align-items:center;gap:1rem;min-height:4rem;background:var(--account-bar-fill);color:var(--account-bar-line);border-top:1px solid var(--document-list-divider);padding-block:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom));padding-left:calc(env(safe-area-inset-left) + var(--document-list-padding-x));padding-right:calc(env(safe-area-inset-right) + var(--document-list-padding-x));justify-content:space-between}.account-bar__button{display:flex;align-items:center;border:1px solid transparent;padding-inline:.25rem;padding-block:.125rem;border-radius:3px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.account-bar__button:hover{border-color:var(--document-list-divider)}.account-bar__avatar patchwork-view{display:block;width:100%;height:100%}
+@layer package{:root,:host,[theme]{--document-list-fill: var( --studio-chrome, light-dark( color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%), black ) );--document-list-fill-offset: color-mix( in oklab, var(--document-list-fill), oklch(1 0 0 / 1) 10% );--document-list-line: var(--studio-line, black);--document-list-line-offset-20: var(--studio-line-offset-20, #333);--document-list-widget-fill: var(--studio-fill, white);--document-list-widget-line: var(--document-list-line);--document-list-padding-x: .5rem;--document-list-radius: .275rem;--placeholder-line: var(--studio-line-offset-50, #808e80);--document-list-search-line: var(--studio-line, #000);--document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));--document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));--document-list-selection-fill: var(--document-list-primary);--document-list-selection-line: var(--document-list-primary-line);--document-list-create-new-fill: var(--studio-fill, white);--document-list-create-new-line: color-mix( in oklch, var(--document-list-primary), var(--studio-line, black) 30% );--document-list-create-new-border-line: color-mix( in oklch, var(--document-list-primary), var(--document-list-create-new-fill) 50% );--document-list-create-new-shadow-color: color-mix( in oklch, var(--document-list-fill), var(--document-list-line) 10% );--document-list-family: var(--studio-family-sans, system-ui, sans-serif);--document-list-family-code: var(--studio-family-code, ui-monospace, monospace);--document-list-muted: var(--studio-line-offset-40, #666);--document-list-border: var(--studio-fill-offset-10, #e5e5e5);--document-list-border-strong: var(--studio-fill-offset-20, #ccc);--document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);--document-list-added: var(--studio-added, #35f7ca);--document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));--document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);--account-bar-fill: var(--studio-chrome-offset-10);--account-bar-line: var(--studio-chrome-line, var(--studio-line, black))}}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.document-list,.document-list *{box-sizing:border-box}.document-list{background:var(--document-list-fill);display:flex;height:100%;flex-direction:column;gap:.75rem;font-family:var(--document-list-family);padding-inline:var(--document-list-padding-x);padding-top:var(--document-list-top-margin, env(safe-area-inset-top, 0px));padding-bottom:env(safe-area-inset-bottom);--depth: 0;.document-list-close-button{display:flex;align-items:center;align-self:flex-start;padding:.25rem;margin-top:12px;margin-left:-2px;background:transparent;border:none;cursor:pointer;opacity:.5;color:var(--document-list-line)}.document-list-close-button:hover{opacity:1}}.create-new-button{display:flex;padding-inline:.75rem;padding-block:.375rem;border:none;border-radius:var(--document-list-radius);background:var(--document-list-create-new-fill);color:var(--document-list-line);font-weight:400;align-items:center;justify-content:start;white-space:nowrap;font-size:.9rem;text-align:left;gap:1ex;position:relative;flex-shrink:0}.create-new-button__icon{stroke:var(--document-list-line-offset-20)}.create-new-button--square{width:2rem;height:2rem;padding:0;justify-content:center;cursor:grab;color:color-mix(in oklch,var(--document-list-line),transparent 35%);transition:color .12s ease,box-shadow .12s ease}.create-new-button--square:hover{color:var(--document-list-line);box-shadow:var(--studio-shadow, 0 1px 3px rgb(0 0 0 / .1), 0 1px 2px rgb(0 0 0 / .06))}.create-new-button--square:active{cursor:grabbing}.create-new-button-anchor{position:relative;display:flex;flex-shrink:0}.document-list__toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:.375rem;padding:.375rem;background:var(--document-list-widget-fill);border-bottom:1px solid var(--document-list-divider)}.document-list__toolbar .document-list__filter-container{flex:1;min-width:0}.icon{height:1em}.document-list__filter-container{position:relative;font-size:.875rem;border-radius:var(--document-list-radius);.search-icon{height:1em;top:.4lh;left:2px;position:absolute;z-index:1;stroke:var(--placeholder-line)}&:focus-within{.search-icon{stroke:var(--document-list-line)}}}.document-list__filter{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);padding-left:2em;padding-right:.75rem;padding-top:.375rem;padding-bottom:.375rem;border:none;border-radius:var(--document-list-radius);&::placeholder{color:var(--placeholder-line)}&:focus-visible{outline-color:var(--sidebar-widget-line);outline-offset:1px;box-shadow:0 0 0 4px #fff;border-radius:var(--document-list-radius)}}.document-list__doclist{--doclist-padding-x: .75rem;display:flex;flex-direction:column;border-radius:var(--document-list-radius);box-shadow:0 1px 2px #0014320d;width:100%;max-height:100%;overflow:scroll;transition:background-color .2s ease,box-shadow .2s ease;&::-webkit-scrollbar{display:none}}.document-list__doclist[data-drop-state=end]:after{content:"";flex:none;height:2px;margin-inline:var(--doclist-padding-x);background:var(--document-list-line)}.document-list__error{position:sticky;bottom:.5rem;margin:.5rem;padding:.5rem .75rem;border-radius:var(--document-list-radius);background:var(--document-list-widget-fill);color:var(--document-list-danger);box-shadow:0 0 0 1px currentColor inset,0 2px 8px #0000001a;font-size:.875rem}.document-list-item{display:flex;gap:.25ch;padding-inline:var(--doclist-padding-x);padding-block:.5rem;font-weight:400;color:var(--sidebar-widget-line);cursor:default;position:relative;&:focus-visible{outline-color:#000;outline-offset:-2px;box-shadow:0 0 0 4px var(--document-list-widget-fill);border-radius:var(--document-list-radius)}&:active{outline:0;box-shadow:0}&[aria-selected=true]{background:var(--document-list-selection-fill);color:var(--document-list-selection-line);.document-list-folder__toggle path{stroke:var(--document-list-selection-line)}.document-list__doclist>&:first-child{border-top-left-radius:var(--document-list-radius);border-top-right-radius:var(--document-list-radius)}.document-list__doclist>&:last-child{border-bottom-left-radius:var(--document-list-radius);border-bottom-right-radius:var(--document-list-radius)}}&[aria-checked=true]{outline:2px dashed color-mix(in oklch,var(--document-list-line),transparent 50%);outline-offset:-4px}&[data-dnd-dragging]{opacity:.4}&[data-dnd-springload]{animation:doclist-springload .75s ease-out .75s both}&[data-dnd-droplist-state]:before{content:"";position:absolute;left:0;margin-left:calc(var(--depth) * 1.75rem);right:0;height:2px;background:var(--document-list-line)}&[data-dnd-droplist-state=above]:before{top:-1px}&[data-dnd-droplist-state=below]:before{bottom:-1px}&[data-dnd-landed]{animation:doclist-landed .6s ease-out both}}@keyframes doclist-landed{0%{background:transparent}30%{background:color-mix(in oklch,var(--document-list-primary),transparent 30%)}to{background:transparent}}@keyframes doclist-landed-still{0%{background:color-mix(in oklch,var(--document-list-primary),transparent 40%)}to{background:transparent}}@media (prefers-reduced-motion: reduce){.document-list-item[data-dnd-landed]{animation:doclist-landed-still .6s linear both}}@keyframes doclist-springload{0%{background:transparent}to{background:color-mix(in oklch,var(--document-list-primary),transparent 40%)}}.document-list-folder[data-drop-state=inside]{outline:2px solid var(--document-list-primary);outline-offset:-2px;border-radius:var(--document-list-radius);background:color-mix(in oklch,var(--document-list-primary),transparent 50%);>.document-list-item:before{content:"";position:absolute;left:0;right:0;height:2px;background:var(--document-list-line);bottom:0}[data-dnd-droplist-state]:before{display:none}}.document-list__loading{display:flex;flex-direction:column}.document-list-item--loading{pointer-events:none;padding-left:calc(1.8rem * var(--depth) + var(--doclist-padding-x))}.document-list__loading .document-list-item__skeleton{flex:0 0 auto}.document-list-item__skeleton{flex:1;min-width:0;max-width:12rem;height:.75em;border-radius:4px;background:linear-gradient(90deg,var(--placeholder-line) 25%,color-mix(in oklch,var(--placeholder-line),transparent 65%) 50%,var(--placeholder-line) 75%);background-size:200% 100%;opacity:.35;animation:doclist-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes doclist-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.document-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1;min-width:0;&:is(input){padding:4px;margin:-4px}}.document-list-folder__toggle{display:inline-flex;align-items:center;cursor:pointer;margin-left:-.75ch;padding-inline:.25ch;&:hover{background:var(--document-list-toggle-hover)}& svg{width:14px;height:14px}& path{stroke:var(--document-list-line-offset-20)}}.document-list-folder__contents--hidden{display:none}.document-list-folder__circular-ref{padding:.5rem;padding-left:calc(2.2rem * var(--depth));color:var(--document-list-muted);font-style:italic;font-size:.9em}.document-list__item{content-visibility:auto;contain-intrinsic-size:auto 2.25rem}.document-list__item--invisible{display:none}.document-list__item--visible,.document-list__item--invisible:has(.document-list__item--visible){display:block}.document-list-folder__contents .document-list-item{padding-left:calc(1.8rem * var(--depth))}.document-list-widget{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line)}.document-list-widget:empty{display:none}.document-list-placeholder{font-style:italic;color:var(--placeholder-line)}.popmenu__content,.popmenu__sub-content,.popmenu__content *,.popmenu__sub-content *{box-sizing:border-box}.popmenu__trigger,.popmenu__sub-trigger{cursor:default;user-select:none;width:100%;text-align:left}.popmenu__sub-content,.popmenu__content{z-index:2;min-width:220px;max-height:min(400px,50vh);overflow-y:auto;padding:4px;background-color:var(--document-list-widget-fill);font-size:.8rem;border-radius:6px;border:1px solid var(--document-list-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;outline:none}.popmenu__content{transition:opacity .15s var(--studio-ease-out, cubic-bezier(.23, 1, .32, 1)),scale .15s var(--studio-ease-out, cubic-bezier(.23, 1, .32, 1))}@starting-style{.popmenu__content{opacity:0;scale:.97}}.popmenu__item,.popmenu__checkbox-item,.popmenu__radio-item,.popmenu__sub-trigger{font-size:.8rem;line-height:1;color:var(--document-list-widget-line);border-radius:4px;display:flex;align-items:center;height:32px;padding-inline:12px;padding-block:6px;position:relative;user-select:none;outline:none;cursor:default}.popmenu__sub-trigger[data-expanded]{background-color:var(--document-list-fill-offset);color:var(--document-list-line)}.popmenu__item[data-disabled],.popmenu__checkbox-item[data-disabled],.popmenu__radio-item[data-disabled],.popmenu__sub-trigger[data-disabled]{color:var(--document-list-muted);opacity:.5;pointer-events:none}.popmenu__item[data-highlighted],.popmenu__checkbox-item[data-highlighted],.popmenu__radio-item[data-highlighted],.popmenu__sub-trigger[data-highlighted],.popmenu__item--highlighted{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}.create-new-menu__content{scrollbar-gutter:stable;scrollbar-color:var(--document-list-border-strong) var(--document-list-widget-fill);scrollbar-width:thin}.create-new-menu__content::-webkit-scrollbar{width:10px}.create-new-menu__content::-webkit-scrollbar-track{background:var(--document-list-widget-fill)}.create-new-menu__content::-webkit-scrollbar-thumb{background:var(--document-list-border-strong);border:2px solid var(--document-list-widget-fill);border-radius:999px}.create-new-menu__content::-webkit-scrollbar-thumb:hover{background:var(--document-list-muted)}.create-new-filter{padding:4px}.create-new-filter__input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:.8rem;border:1px solid var(--document-list-border-strong);border-radius:4px;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);outline:none}.create-new-filter__input:focus{border-color:var(--document-list-primary)}.create-new-filter__input::placeholder{color:var(--document-list-muted)}.sideboard{display:flex;flex-direction:column;height:100%;min-height:0}.sideboard>.document-list{flex:1;height:auto;min-height:0;padding-bottom:0}.account-bar{container-type:inline-size;display:flex;align-items:center;gap:1rem;min-height:4rem;background:var(--account-bar-fill);color:var(--account-bar-line);border-top:1px solid var(--document-list-divider);padding-block:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom));padding-left:calc(env(safe-area-inset-left) + var(--document-list-padding-x));padding-right:calc(env(safe-area-inset-right) + var(--document-list-padding-x));justify-content:space-between}.account-bar__button{display:flex;align-items:center;border:1px solid transparent;padding-inline:.25rem;padding-block:.125rem;border-radius:3px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.account-bar__button:hover{border-color:var(--document-list-divider)}.account-bar__avatar patchwork-view{display:block;width:100%;height:100%}
 /*# sourceMappingURL=index.css.map */

package/packages/sideboard/dist/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/index.css"],
-  "sourcesContent": ["@layer package {\n:root,\n:host,\n[theme] {\n  --document-list-fill: var(\n    --studio-chrome,\n    light-dark(\n      color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%),\n      black\n    )\n  );\n  --document-list-fill-offset: color-mix(\n    in oklab,\n    var(--document-list-fill),\n    oklch(1 0 0 / 1) 10%\n  );\n  --document-list-line: var(--studio-line, black);\n  --document-list-line-offset-20: var(--studio-line-offset-20, #333);\n  --document-list-widget-fill: var(--studio-fill, white);\n  --document-list-widget-line: var(--document-list-line);\n\n  --document-list-padding-x: 0.5rem;\n\n  --document-list-radius: 0.275rem;\n  --placeholder-line: var(--studio-line-offset-50, #808e80);\n  --document-list-search-line: var(--studio-line, #000);\n\n  --document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n  --document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));\n  --document-list-selection-fill: var(--document-list-primary);\n  --document-list-selection-line: var(--document-list-primary-line);\n\n  --document-list-create-new-fill: var(--studio-fill, white);\n  --document-list-create-new-line: color-mix(\n    in oklch,\n    var(--document-list-primary),\n    var(--studio-line, black) 30%\n  );\n  --document-list-create-new-border-line: color-mix(\n    in oklch,\n    var(--document-list-primary),\n    var(--document-list-create-new-fill) 50%\n  );\n  --document-list-create-new-shadow-color: color-mix(\n    in oklch,\n    var(--document-list-fill),\n    var(--document-list-line) 10%\n  );\n\n  --document-list-family: var(--studio-family-sans, system-ui, sans-serif);\n  --document-list-family-code: var(--studio-family-code, ui-monospace, monospace);\n  --document-list-muted: var(--studio-line-offset-40, #666);\n  --document-list-border: var(--studio-fill-offset-10, #e5e5e5);\n  --document-list-border-strong: var(--studio-fill-offset-20, #ccc);\n  /* subtle divider on the document-list's chrome surface - the same base-theme\n     token the patchwork-frame sidebar divider uses (chrome mixed toward the\n     chrome ink, so it tracks the palette and reads correctly light/dark). */\n  --document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);\n  --document-list-added: var(--studio-added, #35f7ca);\n  --document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));\n  --document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);\n  --account-bar-fill: var(--studio-chrome-offset-10);\n  /* ink on the account-bar's chrome surface: rides the chrome ink ramp, not\n     --document-list-line (which is content ink and tracks the list surface). */\n  --account-bar-line: var(--studio-chrome-line, var(--studio-line, black));\n}\n}\n\nbutton {\n  background: none;\n  border: none;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  padding: 0;\n}\n\n.document-list,\n.document-list * {\n  box-sizing: border-box;\n}\n\n.document-list {\n  background: var(--document-list-fill);\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  gap: 0.75rem;\n  font-family: var(--document-list-family);\n  padding-inline: var(--document-list-padding-x);\n  /* Space above the doclist. Defaults to just the top safe-area inset; hosts\n     like patchwork-frame override --document-list-top-margin to also clear their\n     own header. Declared via the var() fallback (not on :host) so an ancestor's\n     value can cascade in. */\n  padding-top: var(--document-list-top-margin, env(safe-area-inset-top, 0px));\n  padding-bottom: env(safe-area-inset-bottom);\n  --depth: 0;\n  .document-list-close-button {\n    display: flex;\n    align-items: center;\n    align-self: flex-start;\n    padding: 0.25rem;\n    margin-top: 12px;\n    margin-left: -2px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    opacity: 0.5;\n    color: var(--document-list-line);\n  }\n\n  .document-list-close-button:hover {\n    opacity: 1;\n  }\n}\n\n.create-new-button {\n  display: flex;\n  padding-inline: 0.75rem;\n  padding-block: 0.375rem;\n  border: none;\n  border-radius: var(--document-list-radius);\n  background: var(--document-list-create-new-fill);\n  color: var(--document-list-line);\n  font-weight: 400;\n  align-items: center;\n  justify-content: start;\n  white-space: nowrap;\n  font-size: 0.9rem;\n  text-align: left;\n  gap: 1ex;\n  position: relative;\n  flex-shrink: 0;\n}\n\n.create-new-button__icon {\n  stroke: var(--document-list-line-offset-20);\n}\n\n/* square, icon-only variant used in the doclist toolbar; also the drag handle\n   for creating a doc at a specific spot. */\n.create-new-button--square {\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  justify-content: center;\n  cursor: grab;\n  /* icon rides a little paler than the full ink at rest */\n  color: color-mix(in oklch, var(--document-list-line), transparent 35%);\n  transition:\n    color 0.12s ease,\n    box-shadow 0.12s ease;\n}\n\n/* darken and grow a little buttony shadow on hover */\n.create-new-button--square:hover {\n  color: var(--document-list-line);\n  box-shadow: var(--studio-shadow, 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px rgb(0 0 0 / 0.06));\n}\n\n.create-new-button--square:active {\n  cursor: grabbing;\n}\n\n/* the visible button handles click + drag; a 0-size aria-hidden Kobalte trigger\n   overlays it purely to anchor the dropdown menu. */\n.create-new-button-anchor {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n}\n\n\n/* sticky toolbar pinned to the top of the scrolling doclist: square new-doc\n   button + filter, laid out horizontally. */\n.document-list__toolbar {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem;\n  background: var(--document-list-widget-fill);\n  border-bottom: 1px solid var(--document-list-divider);\n}\n\n.document-list__toolbar .document-list__filter-container {\n  flex: 1;\n  min-width: 0;\n}\n\n.icon {\n  height: 1em;\n}\n\n.document-list__filter-container {\n  position: relative;\n  font-size: 0.875rem;\n  border-radius: var(--document-list-radius);\n  .search-icon {\n    height: 1em;\n    top: 0.4lh;\n    left: 2px;\n    position: absolute;\n    z-index: 1;\n    stroke: var(--placeholder-line);\n  }\n  &:focus-within {\n    .search-icon {\n      stroke: var(--document-list-line);\n    }\n  }\n}\n\n.document-list__filter {\n  width: 100%;\n\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-widget-line);\n\n  padding-left: 2em;\n  padding-right: 0.75rem;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  border: none;\n  border-radius: var(--document-list-radius);\n\n  &::placeholder {\n    color: var(--placeholder-line);\n  }\n\n  &:focus-visible {\n    outline-color: var(--sidebar-widget-line);\n    outline-offset: 1px;\n    box-shadow: 0 0 0 4px #fff;\n    border-radius: var(--document-list-radius);\n  }\n}\n\n.document-list__doclist {\n  --doclist-padding-x: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--document-list-radius);\n  box-shadow: 0 1px 2px rgba(0, 20, 50, 0.05);\n  width: 100%;\n  max-height: 100%;\n  overflow: scroll;\n  transition:\n    background-color 0.2s ease,\n    box-shadow 0.2s ease;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n/* a drag past the last row: the line goes after it (see endSpot in dnd.ts) */\n.document-list__doclist[data-drop-state=\"end\"]::after {\n  content: \"\";\n  flex: none;\n  height: 2px;\n  margin-inline: var(--doclist-padding-x);\n  background: var(--document-list-line);\n}\n\n/* why a drop didn't happen. sticks to the bottom of the list so it's seen\n   wherever the list is scrolled to. */\n.document-list__error {\n  position: sticky;\n  bottom: 0.5rem;\n  margin: 0.5rem;\n  padding: 0.5rem 0.75rem;\n  border-radius: var(--document-list-radius);\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-danger);\n  box-shadow: 0 0 0 1px currentColor inset, 0 2px 8px rgba(0, 0, 0, 0.1);\n  font-size: 0.875rem;\n}\n\n.document-list-item {\n  display: flex;\n  gap: 0.25ch;\n  padding-inline: var(--doclist-padding-x);\n  padding-block: 0.5rem;\n  font-weight: 400;\n  color: var(--sidebar-widget-line);\n  cursor: default;\n  position: relative;\n\n  &:focus-visible {\n    outline-color: #000;\n    outline-offset: -2px;\n    box-shadow: 0 0 0 4px var(--document-list-widget-fill);\n    border-radius: var(--document-list-radius);\n  }\n\n  &:active {\n    outline: 0;\n    box-shadow: 0;\n  }\n\n  &[aria-selected=\"true\"] {\n    background: var(--document-list-selection-fill);\n    color: var(--document-list-selection-line);\n    .document-list-folder__toggle path {\n      stroke: var(--document-list-selection-line);\n    }\n    .document-list__doclist > &:first-child {\n      border-top-left-radius: var(--document-list-radius);\n      border-top-right-radius: var(--document-list-radius);\n    }\n    .document-list__doclist > &:last-child {\n      border-bottom-left-radius: var(--document-list-radius);\n      border-bottom-right-radius: var(--document-list-radius);\n    }\n  }\n  &[aria-checked=\"true\"] {\n    outline: 2px dashed\n      color-mix(in oklch, var(--document-list-line), transparent 50%);\n    outline-offset: -4px;\n  }\n  &[data-dnd-dragging] {\n    opacity: 0.4;\n  }\n  /* Spring-load: hovering a drag over this row opens the document after\n     SPRING_LOAD_MS (see item.tsx). The highlight only fades in for the second\n     half of the hold, so quick pass-overs never flash an animation. */\n  &[data-dnd-springload] {\n    animation: doclist-springload 0.75s ease-out 0.75s both;\n  }\n  &[data-dnd-droplist-state]::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    margin-left: calc(var(--depth) * 1.75rem);\n    right: 0;\n    height: 2px;\n    background: var(--document-list-line);\n  }\n  &[data-dnd-droplist-state=\"above\"]::before {\n    top: -1px;\n  }\n  &[data-dnd-droplist-state=\"below\"]::before {\n    bottom: -1px;\n  }\n  /* the rows a drop just put here (see flashLanded in drop-into.ts) */\n  &[data-dnd-landed] {\n    animation: doclist-landed 600ms ease-out both;\n  }\n}\n\n@keyframes doclist-landed {\n  0% {\n    background: transparent;\n  }\n  30% {\n    background: color-mix(in oklch, var(--document-list-primary), transparent 30%);\n  }\n  100% {\n    background: transparent;\n  }\n}\n\n/* no pulse: it's lit when it lands, then fades */\n@keyframes doclist-landed-still {\n  from {\n    background: color-mix(in oklch, var(--document-list-primary), transparent 40%);\n  }\n  to {\n    background: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .document-list-item[data-dnd-landed] {\n    animation: doclist-landed-still 600ms linear both;\n  }\n}\n\n@keyframes doclist-springload {\n  from {\n    background: transparent;\n  }\n  to {\n    background: color-mix(\n      in oklch,\n      var(--document-list-primary),\n      transparent 40%\n    );\n  }\n}\n\n.document-list-folder[data-drop-state=\"inside\"] {\n  outline: 2px solid var(--document-list-primary);\n  outline-offset: -2px;\n  border-radius: var(--document-list-radius);\n  background: color-mix(in oklch, var(--document-list-primary), transparent 50%);\n  > .document-list-item::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: var(--document-list-line);\n    bottom: 0;\n  }\n  [data-dnd-droplist-state]::before {\n    display: none;\n  }\n}\n\n.document-list__loading {\n  display: flex;\n  flex-direction: column;\n}\n\n.document-list-item--loading {\n  pointer-events: none;\n  padding-left: calc(1.8rem * var(--depth) + var(--doclist-padding-x));\n}\n\n/* In the loading-box, each skeleton keeps its own (inline) width so the stack\n   reads as a list of distinct items rather than identical full-width bars. */\n.document-list__loading .document-list-item__skeleton {\n  flex: 0 0 auto;\n}\n\n.document-list-item__skeleton {\n  flex: 1;\n  min-width: 0;\n  max-width: 12rem;\n  height: 0.75em;\n  border-radius: 4px;\n  background: linear-gradient(\n    90deg,\n    var(--placeholder-line) 25%,\n    color-mix(in oklch, var(--placeholder-line), transparent 65%) 50%,\n    var(--placeholder-line) 75%\n  );\n  background-size: 200% 100%;\n  opacity: 0.35;\n  animation: doclist-skeleton-shimmer 1.2s ease-in-out infinite;\n}\n\n@keyframes doclist-skeleton-shimmer {\n  from {\n    background-position: 200% 0;\n  }\n  to {\n    background-position: -200% 0;\n  }\n}\n\n.document-list-item__name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  flex: 1;\n  min-width: 0;\n  &:is(input) {\n    padding: 4px;\n    margin: -4px;\n  }\n}\n\n.document-list-folder__toggle {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  margin-left: -0.75ch;\n  padding-inline: 0.25ch;\n  &:hover {\n    background: var(--document-list-toggle-hover);\n  }\n\n  & svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  & path {\n    stroke: var(--document-list-line-offset-20);\n  }\n}\n\n.document-list-folder__contents--hidden {\n  display: none;\n}\n\n.document-list-folder__circular-ref {\n  padding: 0.5rem;\n  padding-left: calc(2.2rem * var(--depth));\n  color: var(--document-list-muted);\n  font-style: italic;\n  font-size: 0.9em;\n}\n\n.document-list__item {\n  content-visibility: auto;\n  contain-intrinsic-size: auto 2.25rem;\n}\n\n.document-list__item--invisible {\n  display: none;\n}\n\n.document-list__item--visible,\n.document-list__item--invisible:has(.document-list__item--visible) {\n  display: block;\n}\n\n.document-list-folder__contents .document-list-item {\n  padding-left: calc(1.8rem * var(--depth));\n}\n\n.document-list-widget {\n  width: 100%;\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-widget-line);\n}\n\n.document-list-widget:empty {\n  display: none;\n}\n\n/* the pending \"New document\" row created by dropping the new-doc button:\n   renders like a normal list item, but italic and faded. */\n.document-list-placeholder {\n  font-style: italic;\n  color: var(--placeholder-line);\n}\n\n/* The menu content is portalled to document.body, so it misses the\n   .document-list border-box rule. Without it, width:100% + padding makes\n   sub-triggers overflow the menu horizontally, and hover-focus then scrolls\n   the (overflow:auto) menu sideways, shifting its content to the left. */\n.popmenu__content,\n.popmenu__sub-content,\n.popmenu__content *,\n.popmenu__sub-content * {\n  box-sizing: border-box;\n}\n\n.popmenu__trigger,\n.popmenu__sub-trigger {\n  cursor: default;\n  user-select: none;\n  width: 100%;\n  text-align: left;\n}\n\n.popmenu__sub-content,\n.popmenu__content {\n  z-index: 2;\n  min-width: 220px;\n  max-height: min(400px, 50vh);\n  overflow-y: auto;\n  padding: 4px;\n  background-color: var(--document-list-widget-fill);\n  font-size: 0.8rem;\n  border-radius: 6px;\n  border: 1px solid var(--document-list-border);\n  box-shadow:\n    0 4px 6px -1px rgb(0 0 0 / 0.1),\n    0 2px 4px -2px rgb(0 0 0 / 0.1);\n  outline: none;\n  transform-origin: var(--kb-menu-content-transform-origin);\n  animation: contentHide 250ms ease-in forwards;\n}\n.popmenu__content[data-expanded],\n.popmenu__sub-content[data-expanded] {\n  animation: contentShow 250ms ease-out;\n}\n.popmenu__item,\n.popmenu__checkbox-item,\n.popmenu__radio-item,\n.popmenu__sub-trigger {\n  font-size: 0.8rem;\n  line-height: 1;\n  color: var(--document-list-widget-line);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  height: 32px;\n  padding-inline: 12px;\n  padding-block: 6px;\n  position: relative;\n  user-select: none;\n  outline: none;\n  cursor: default;\n}\n.popmenu__sub-trigger[data-expanded] {\n  background-color: var(--document-list-fill-offset);\n  color: var(--document-list-line);\n}\n.popmenu__item[data-disabled],\n.popmenu__checkbox-item[data-disabled],\n.popmenu__radio-item[data-disabled],\n.popmenu__sub-trigger[data-disabled] {\n  color: var(--document-list-muted);\n  opacity: 0.5;\n  pointer-events: none;\n}\n.popmenu__item[data-highlighted],\n.popmenu__checkbox-item[data-highlighted],\n.popmenu__radio-item[data-highlighted],\n.popmenu__sub-trigger[data-highlighted] {\n  outline: none;\n  background-color: var(--document-list-selection-fill);\n  color: var(--document-list-selection-line);\n}\n@keyframes contentShow {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes contentHide {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n}\n\n.popmenu__item--highlighted {\n  outline: none;\n  background-color: var(--document-list-selection-fill);\n  color: var(--document-list-selection-line);\n}\n\n.create-new-menu__content {\n  scrollbar-gutter: stable;\n  scrollbar-color: var(--document-list-border-strong) var(--document-list-widget-fill);\n  scrollbar-width: thin;\n}\n\n.create-new-menu__content::-webkit-scrollbar {\n  width: 10px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-track {\n  background: var(--document-list-widget-fill);\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb {\n  background: var(--document-list-border-strong);\n  border: 2px solid var(--document-list-widget-fill);\n  border-radius: 999px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb:hover {\n  background: var(--document-list-muted);\n}\n\n.create-new-filter {\n  padding: 4px;\n}\n\n.create-new-filter__input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  font-size: 0.8rem;\n  border: 1px solid var(--document-list-border-strong);\n  border-radius: 4px;\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-widget-line);\n  outline: none;\n}\n\n.create-new-filter__input:focus {\n  border-color: var(--document-list-primary);\n}\n\n.create-new-filter__input::placeholder {\n  color: var(--document-list-muted);\n}\n\n/* Combined chee/sideboard tool: the document list with the account bar pinned\n   below it. The document-list panel fills; the bar sits at the bottom. */\n.sideboard {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.sideboard > .document-list {\n  flex: 1;\n  height: auto;\n  min-height: 0;\n  padding-bottom: 0;\n}\n\n/* The account bar: avatar (account picker), packages, settings. Usable as its\n   own tool or pinned to the bottom of the combined sideboard. */\n.account-bar {\n  container-type: inline-size;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  min-height: 4rem;\n  background: var(--account-bar-fill);\n  color: var(--account-bar-line);\n  border-top: 1px solid var(--document-list-divider);\n  padding-block: 0.25rem;\n  padding-bottom: calc(0.25rem + env(safe-area-inset-bottom));\n  padding-left: calc(env(safe-area-inset-left) + var(--document-list-padding-x));\n  padding-right: calc(env(safe-area-inset-right) + var(--document-list-padding-x));\n  justify-content: space-between;\n}\n\n.account-bar__button {\n  display: flex;\n  align-items: center;\n  border: 1px solid transparent;\n  padding-inline: 0.25rem;\n  padding-block: 0.125rem;\n  border-radius: 3px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.account-bar__button:hover {\n  border-color: var(--document-list-divider);\n}\n\n.account-bar__avatar patchwork-view {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["@layer package {\n:root,\n:host,\n[theme] {\n  --document-list-fill: var(\n    --studio-chrome,\n    light-dark(\n      color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%),\n      black\n    )\n  );\n  --document-list-fill-offset: color-mix(\n    in oklab,\n    var(--document-list-fill),\n    oklch(1 0 0 / 1) 10%\n  );\n  --document-list-line: var(--studio-line, black);\n  --document-list-line-offset-20: var(--studio-line-offset-20, #333);\n  --document-list-widget-fill: var(--studio-fill, white);\n  --document-list-widget-line: var(--document-list-line);\n\n  --document-list-padding-x: 0.5rem;\n\n  --document-list-radius: 0.275rem;\n  --placeholder-line: var(--studio-line-offset-50, #808e80);\n  --document-list-search-line: var(--studio-line, #000);\n\n  --document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n  --document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));\n  --document-list-selection-fill: var(--document-list-primary);\n  --document-list-selection-line: var(--document-list-primary-line);\n\n  --document-list-create-new-fill: var(--studio-fill, white);\n  --document-list-create-new-line: color-mix(\n    in oklch,\n    var(--document-list-primary),\n    var(--studio-line, black) 30%\n  );\n  --document-list-create-new-border-line: color-mix(\n    in oklch,\n    var(--document-list-primary),\n    var(--document-list-create-new-fill) 50%\n  );\n  --document-list-create-new-shadow-color: color-mix(\n    in oklch,\n    var(--document-list-fill),\n    var(--document-list-line) 10%\n  );\n\n  --document-list-family: var(--studio-family-sans, system-ui, sans-serif);\n  --document-list-family-code: var(--studio-family-code, ui-monospace, monospace);\n  --document-list-muted: var(--studio-line-offset-40, #666);\n  --document-list-border: var(--studio-fill-offset-10, #e5e5e5);\n  --document-list-border-strong: var(--studio-fill-offset-20, #ccc);\n  /* subtle divider on the document-list's chrome surface - the same base-theme\n     token the patchwork-frame sidebar divider uses (chrome mixed toward the\n     chrome ink, so it tracks the palette and reads correctly light/dark). */\n  --document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);\n  --document-list-added: var(--studio-added, #35f7ca);\n  --document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));\n  --document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);\n  --account-bar-fill: var(--studio-chrome-offset-10);\n  /* ink on the account-bar's chrome surface: rides the chrome ink ramp, not\n     --document-list-line (which is content ink and tracks the list surface). */\n  --account-bar-line: var(--studio-chrome-line, var(--studio-line, black));\n}\n}\n\nbutton {\n  background: none;\n  border: none;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  padding: 0;\n}\n\n.document-list,\n.document-list * {\n  box-sizing: border-box;\n}\n\n.document-list {\n  background: var(--document-list-fill);\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  gap: 0.75rem;\n  font-family: var(--document-list-family);\n  padding-inline: var(--document-list-padding-x);\n  /* Space above the doclist. Defaults to just the top safe-area inset; hosts\n     like patchwork-frame override --document-list-top-margin to also clear their\n     own header. Declared via the var() fallback (not on :host) so an ancestor's\n     value can cascade in. */\n  padding-top: var(--document-list-top-margin, env(safe-area-inset-top, 0px));\n  padding-bottom: env(safe-area-inset-bottom);\n  --depth: 0;\n  .document-list-close-button {\n    display: flex;\n    align-items: center;\n    align-self: flex-start;\n    padding: 0.25rem;\n    margin-top: 12px;\n    margin-left: -2px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    opacity: 0.5;\n    color: var(--document-list-line);\n  }\n\n  .document-list-close-button:hover {\n    opacity: 1;\n  }\n}\n\n.create-new-button {\n  display: flex;\n  padding-inline: 0.75rem;\n  padding-block: 0.375rem;\n  border: none;\n  border-radius: var(--document-list-radius);\n  background: var(--document-list-create-new-fill);\n  color: var(--document-list-line);\n  font-weight: 400;\n  align-items: center;\n  justify-content: start;\n  white-space: nowrap;\n  font-size: 0.9rem;\n  text-align: left;\n  gap: 1ex;\n  position: relative;\n  flex-shrink: 0;\n}\n\n.create-new-button__icon {\n  stroke: var(--document-list-line-offset-20);\n}\n\n/* square, icon-only variant used in the doclist toolbar; also the drag handle\n   for creating a doc at a specific spot. */\n.create-new-button--square {\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  justify-content: center;\n  cursor: grab;\n  /* icon rides a little paler than the full ink at rest */\n  color: color-mix(in oklch, var(--document-list-line), transparent 35%);\n  transition:\n    color 0.12s ease,\n    box-shadow 0.12s ease;\n}\n\n/* darken and grow a little buttony shadow on hover */\n.create-new-button--square:hover {\n  color: var(--document-list-line);\n  box-shadow: var(--studio-shadow, 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px rgb(0 0 0 / 0.06));\n}\n\n.create-new-button--square:active {\n  cursor: grabbing;\n}\n\n/* the visible button handles click + drag; a 0-size aria-hidden Kobalte trigger\n   overlays it purely to anchor the dropdown menu. */\n.create-new-button-anchor {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n}\n\n\n/* sticky toolbar pinned to the top of the scrolling doclist: square new-doc\n   button + filter, laid out horizontally. */\n.document-list__toolbar {\n  position: sticky;\n  top: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.375rem;\n  background: var(--document-list-widget-fill);\n  border-bottom: 1px solid var(--document-list-divider);\n}\n\n.document-list__toolbar .document-list__filter-container {\n  flex: 1;\n  min-width: 0;\n}\n\n.icon {\n  height: 1em;\n}\n\n.document-list__filter-container {\n  position: relative;\n  font-size: 0.875rem;\n  border-radius: var(--document-list-radius);\n  .search-icon {\n    height: 1em;\n    top: 0.4lh;\n    left: 2px;\n    position: absolute;\n    z-index: 1;\n    stroke: var(--placeholder-line);\n  }\n  &:focus-within {\n    .search-icon {\n      stroke: var(--document-list-line);\n    }\n  }\n}\n\n.document-list__filter {\n  width: 100%;\n\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-widget-line);\n\n  padding-left: 2em;\n  padding-right: 0.75rem;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  border: none;\n  border-radius: var(--document-list-radius);\n\n  &::placeholder {\n    color: var(--placeholder-line);\n  }\n\n  &:focus-visible {\n    outline-color: var(--sidebar-widget-line);\n    outline-offset: 1px;\n    box-shadow: 0 0 0 4px #fff;\n    border-radius: var(--document-list-radius);\n  }\n}\n\n.document-list__doclist {\n  --doclist-padding-x: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--document-list-radius);\n  box-shadow: 0 1px 2px rgba(0, 20, 50, 0.05);\n  width: 100%;\n  max-height: 100%;\n  overflow: scroll;\n  transition:\n    background-color 0.2s ease,\n    box-shadow 0.2s ease;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n/* a drag past the last row: the line goes after it (see endSpot in dnd.ts) */\n.document-list__doclist[data-drop-state=\"end\"]::after {\n  content: \"\";\n  flex: none;\n  height: 2px;\n  margin-inline: var(--doclist-padding-x);\n  background: var(--document-list-line);\n}\n\n/* why a drop didn't happen. sticks to the bottom of the list so it's seen\n   wherever the list is scrolled to. */\n.document-list__error {\n  position: sticky;\n  bottom: 0.5rem;\n  margin: 0.5rem;\n  padding: 0.5rem 0.75rem;\n  border-radius: var(--document-list-radius);\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-danger);\n  box-shadow: 0 0 0 1px currentColor inset, 0 2px 8px rgba(0, 0, 0, 0.1);\n  font-size: 0.875rem;\n}\n\n.document-list-item {\n  display: flex;\n  gap: 0.25ch;\n  padding-inline: var(--doclist-padding-x);\n  padding-block: 0.5rem;\n  font-weight: 400;\n  color: var(--sidebar-widget-line);\n  cursor: default;\n  position: relative;\n\n  &:focus-visible {\n    outline-color: #000;\n    outline-offset: -2px;\n    box-shadow: 0 0 0 4px var(--document-list-widget-fill);\n    border-radius: var(--document-list-radius);\n  }\n\n  &:active {\n    outline: 0;\n    box-shadow: 0;\n  }\n\n  &[aria-selected=\"true\"] {\n    background: var(--document-list-selection-fill);\n    color: var(--document-list-selection-line);\n    .document-list-folder__toggle path {\n      stroke: var(--document-list-selection-line);\n    }\n    .document-list__doclist > &:first-child {\n      border-top-left-radius: var(--document-list-radius);\n      border-top-right-radius: var(--document-list-radius);\n    }\n    .document-list__doclist > &:last-child {\n      border-bottom-left-radius: var(--document-list-radius);\n      border-bottom-right-radius: var(--document-list-radius);\n    }\n  }\n  &[aria-checked=\"true\"] {\n    outline: 2px dashed\n      color-mix(in oklch, var(--document-list-line), transparent 50%);\n    outline-offset: -4px;\n  }\n  &[data-dnd-dragging] {\n    opacity: 0.4;\n  }\n  /* Spring-load: hovering a drag over this row opens the document after\n     SPRING_LOAD_MS (see item.tsx). The highlight only fades in for the second\n     half of the hold, so quick pass-overs never flash an animation. */\n  &[data-dnd-springload] {\n    animation: doclist-springload 0.75s ease-out 0.75s both;\n  }\n  &[data-dnd-droplist-state]::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    margin-left: calc(var(--depth) * 1.75rem);\n    right: 0;\n    height: 2px;\n    background: var(--document-list-line);\n  }\n  &[data-dnd-droplist-state=\"above\"]::before {\n    top: -1px;\n  }\n  &[data-dnd-droplist-state=\"below\"]::before {\n    bottom: -1px;\n  }\n  /* the rows a drop just put here (see flashLanded in drop-into.ts) */\n  &[data-dnd-landed] {\n    animation: doclist-landed 600ms ease-out both;\n  }\n}\n\n@keyframes doclist-landed {\n  0% {\n    background: transparent;\n  }\n  30% {\n    background: color-mix(in oklch, var(--document-list-primary), transparent 30%);\n  }\n  100% {\n    background: transparent;\n  }\n}\n\n/* no pulse: it's lit when it lands, then fades */\n@keyframes doclist-landed-still {\n  from {\n    background: color-mix(in oklch, var(--document-list-primary), transparent 40%);\n  }\n  to {\n    background: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .document-list-item[data-dnd-landed] {\n    animation: doclist-landed-still 600ms linear both;\n  }\n}\n\n@keyframes doclist-springload {\n  from {\n    background: transparent;\n  }\n  to {\n    background: color-mix(\n      in oklch,\n      var(--document-list-primary),\n      transparent 40%\n    );\n  }\n}\n\n.document-list-folder[data-drop-state=\"inside\"] {\n  outline: 2px solid var(--document-list-primary);\n  outline-offset: -2px;\n  border-radius: var(--document-list-radius);\n  background: color-mix(in oklch, var(--document-list-primary), transparent 50%);\n  > .document-list-item::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: var(--document-list-line);\n    bottom: 0;\n  }\n  [data-dnd-droplist-state]::before {\n    display: none;\n  }\n}\n\n.document-list__loading {\n  display: flex;\n  flex-direction: column;\n}\n\n.document-list-item--loading {\n  pointer-events: none;\n  padding-left: calc(1.8rem * var(--depth) + var(--doclist-padding-x));\n}\n\n/* In the loading-box, each skeleton keeps its own (inline) width so the stack\n   reads as a list of distinct items rather than identical full-width bars. */\n.document-list__loading .document-list-item__skeleton {\n  flex: 0 0 auto;\n}\n\n.document-list-item__skeleton {\n  flex: 1;\n  min-width: 0;\n  max-width: 12rem;\n  height: 0.75em;\n  border-radius: 4px;\n  background: linear-gradient(\n    90deg,\n    var(--placeholder-line) 25%,\n    color-mix(in oklch, var(--placeholder-line), transparent 65%) 50%,\n    var(--placeholder-line) 75%\n  );\n  background-size: 200% 100%;\n  opacity: 0.35;\n  animation: doclist-skeleton-shimmer 1.2s ease-in-out infinite;\n}\n\n@keyframes doclist-skeleton-shimmer {\n  from {\n    background-position: 200% 0;\n  }\n  to {\n    background-position: -200% 0;\n  }\n}\n\n.document-list-item__name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  flex: 1;\n  min-width: 0;\n  &:is(input) {\n    padding: 4px;\n    margin: -4px;\n  }\n}\n\n.document-list-folder__toggle {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  margin-left: -0.75ch;\n  padding-inline: 0.25ch;\n  &:hover {\n    background: var(--document-list-toggle-hover);\n  }\n\n  & svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  & path {\n    stroke: var(--document-list-line-offset-20);\n  }\n}\n\n.document-list-folder__contents--hidden {\n  display: none;\n}\n\n.document-list-folder__circular-ref {\n  padding: 0.5rem;\n  padding-left: calc(2.2rem * var(--depth));\n  color: var(--document-list-muted);\n  font-style: italic;\n  font-size: 0.9em;\n}\n\n.document-list__item {\n  content-visibility: auto;\n  contain-intrinsic-size: auto 2.25rem;\n}\n\n.document-list__item--invisible {\n  display: none;\n}\n\n.document-list__item--visible,\n.document-list__item--invisible:has(.document-list__item--visible) {\n  display: block;\n}\n\n.document-list-folder__contents .document-list-item {\n  padding-left: calc(1.8rem * var(--depth));\n}\n\n.document-list-widget {\n  width: 100%;\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-widget-line);\n}\n\n.document-list-widget:empty {\n  display: none;\n}\n\n/* the pending \"New document\" row created by dropping the new-doc button:\n   renders like a normal list item, but italic and faded. */\n.document-list-placeholder {\n  font-style: italic;\n  color: var(--placeholder-line);\n}\n\n/* The menu content is portalled to document.body, so it misses the\n   .document-list border-box rule. Without it, width:100% + padding makes\n   sub-triggers overflow the menu horizontally, and hover-focus then scrolls\n   the (overflow:auto) menu sideways, shifting its content to the left. */\n.popmenu__content,\n.popmenu__sub-content,\n.popmenu__content *,\n.popmenu__sub-content * {\n  box-sizing: border-box;\n}\n\n.popmenu__trigger,\n.popmenu__sub-trigger {\n  cursor: default;\n  user-select: none;\n  width: 100%;\n  text-align: left;\n}\n\n.popmenu__sub-content,\n.popmenu__content {\n  z-index: 2;\n  min-width: 220px;\n  max-height: min(400px, 50vh);\n  overflow-y: auto;\n  padding: 4px;\n  background-color: var(--document-list-widget-fill);\n  font-size: 0.8rem;\n  border-radius: 6px;\n  border: 1px solid var(--document-list-border);\n  box-shadow:\n    0 4px 6px -1px rgb(0 0 0 / 0.1),\n    0 2px 4px -2px rgb(0 0 0 / 0.1);\n  outline: none;\n}\n/* A menu grows out of the click or its trigger (transform-origin is set in\n   popmenu.tsx), quickly, since it's opened many times a day. Closing is\n   instant, and so are submenus: they open on hover, and anything slower than\n   the pointer reads as lag. */\n.popmenu__content {\n  transition:\n    opacity 150ms var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),\n    scale 150ms var(--studio-ease-out, cubic-bezier(0.23, 1, 0.32, 1));\n}\n@starting-style {\n  .popmenu__content {\n    opacity: 0;\n    scale: 0.97;\n  }\n}\n.popmenu__item,\n.popmenu__checkbox-item,\n.popmenu__radio-item,\n.popmenu__sub-trigger {\n  font-size: 0.8rem;\n  line-height: 1;\n  color: var(--document-list-widget-line);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  height: 32px;\n  padding-inline: 12px;\n  padding-block: 6px;\n  position: relative;\n  user-select: none;\n  outline: none;\n  cursor: default;\n}\n.popmenu__sub-trigger[data-expanded] {\n  background-color: var(--document-list-fill-offset);\n  color: var(--document-list-line);\n}\n.popmenu__item[data-disabled],\n.popmenu__checkbox-item[data-disabled],\n.popmenu__radio-item[data-disabled],\n.popmenu__sub-trigger[data-disabled] {\n  color: var(--document-list-muted);\n  opacity: 0.5;\n  pointer-events: none;\n}\n.popmenu__item[data-highlighted],\n.popmenu__checkbox-item[data-highlighted],\n.popmenu__radio-item[data-highlighted],\n.popmenu__sub-trigger[data-highlighted] {\n  outline: none;\n  background-color: var(--document-list-selection-fill);\n  color: var(--document-list-selection-line);\n}\n\n.popmenu__item--highlighted {\n  outline: none;\n  background-color: var(--document-list-selection-fill);\n  color: var(--document-list-selection-line);\n}\n\n.create-new-menu__content {\n  scrollbar-gutter: stable;\n  scrollbar-color: var(--document-list-border-strong) var(--document-list-widget-fill);\n  scrollbar-width: thin;\n}\n\n.create-new-menu__content::-webkit-scrollbar {\n  width: 10px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-track {\n  background: var(--document-list-widget-fill);\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb {\n  background: var(--document-list-border-strong);\n  border: 2px solid var(--document-list-widget-fill);\n  border-radius: 999px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb:hover {\n  background: var(--document-list-muted);\n}\n\n.create-new-filter {\n  padding: 4px;\n}\n\n.create-new-filter__input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  font-size: 0.8rem;\n  border: 1px solid var(--document-list-border-strong);\n  border-radius: 4px;\n  background: var(--document-list-widget-fill);\n  color: var(--document-list-widget-line);\n  outline: none;\n}\n\n.create-new-filter__input:focus {\n  border-color: var(--document-list-primary);\n}\n\n.create-new-filter__input::placeholder {\n  color: var(--document-list-muted);\n}\n\n/* Combined chee/sideboard tool: the document list with the account bar pinned\n   below it. The document-list panel fills; the bar sits at the bottom. */\n.sideboard {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.sideboard > .document-list {\n  flex: 1;\n  height: auto;\n  min-height: 0;\n  padding-bottom: 0;\n}\n\n/* The account bar: avatar (account picker), packages, settings. Usable as its\n   own tool or pinned to the bottom of the combined sideboard. */\n.account-bar {\n  container-type: inline-size;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  min-height: 4rem;\n  background: var(--account-bar-fill);\n  color: var(--account-bar-line);\n  border-top: 1px solid var(--document-list-divider);\n  padding-block: 0.25rem;\n  padding-bottom: calc(0.25rem + env(safe-area-inset-bottom));\n  padding-left: calc(env(safe-area-inset-left) + var(--document-list-padding-x));\n  padding-right: calc(env(safe-area-inset-right) + var(--document-list-padding-x));\n  justify-content: space-between;\n}\n\n.account-bar__button {\n  display: flex;\n  align-items: center;\n  border: 1px solid transparent;\n  padding-inline: 0.25rem;\n  padding-block: 0.125rem;\n  border-radius: 3px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.account-bar__button:hover {\n  border-color: var(--document-list-divider);\n}\n\n.account-bar__avatar patchwork-view {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/packages/sideboard/dist/index.js

@@ -1,2 +1,2 @@
-import"./chunk-FW4363Y4.js";async function n(){let e=new URL("./index.css",import.meta.url);return(await fetch(e)).text()}function r(e){let t="sideboard-styles",o=document.head.querySelector(`#${t}`)??document.createElement("style");Object.assign(o,{textContent:e,id:t}),document.head.append(o)}var a={id:"chee/document-list",type:"patchwork:tool",name:"Document List",supportedDatatypes:["folder"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderDocumentListPanel:e},t]=await Promise.all([import("./document-list-panel-C7R2SL7S.js"),n()]);return(o,i)=>(r(t),e(o.url,i))}},c=[a,Object.assign({},a,{id:"folder-tree-view",name:"Folder Tree View",icon:"Tree",unlisted:!1}),{id:"chee/account-bar",type:"patchwork:tool",name:"Account Bar",supportedDatatypes:["account"],icon:"UserCircle",unlisted:!0,async load(){let[{renderAccountBar:e},t]=await Promise.all([import("./account-bar-JHI3FZZT.js"),n()]);return(o,i)=>(r(t),e(o,i))}},{id:"chee/sideboard",type:"patchwork:tool",tags:["sidebar-account"],name:"Sideboard",supportedDatatypes:["account"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderSideboard:e},t]=await Promise.all([import("./sideboard/sideboard.js"),n()]);return(o,i)=>(r(t),e(o,i))}}];export{c as plugins};
+import"./chunk-FW4363Y4.js";async function n(){let e=new URL("./index.css",import.meta.url);return(await fetch(e)).text()}function r(e){let t="sideboard-styles",o=document.head.querySelector(`#${t}`)??document.createElement("style");Object.assign(o,{textContent:e,id:t}),document.head.append(o)}var a={id:"chee/document-list",type:"patchwork:tool",name:"Document List",supportedDatatypes:["folder"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderDocumentListPanel:e},t]=await Promise.all([import("./document-list-panel-SCICIJCF.js"),n()]);return(o,i)=>(r(t),e(o.url,i))}},c=[a,Object.assign({},a,{id:"folder-tree-view",name:"Folder Tree View",icon:"Tree",unlisted:!1}),{id:"chee/account-bar",type:"patchwork:tool",name:"Account Bar",supportedDatatypes:["account"],icon:"UserCircle",unlisted:!0,async load(){let[{renderAccountBar:e},t]=await Promise.all([import("./account-bar-JHI3FZZT.js"),n()]);return(o,i)=>(r(t),e(o,i))}},{id:"chee/sideboard",type:"patchwork:tool",tags:["sidebar-account"],name:"Sideboard",supportedDatatypes:["account"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderSideboard:e},t]=await Promise.all([import("./sideboard/sideboard.js"),n()]);return(o,i)=>(r(t),e(o,i))}}];export{c as plugins};
 //# sourceMappingURL=index.js.map

package/packages/sideboard/dist/{item-menu-VIMMKF26.js → item-menu-3JUJN3MS.js}

@@ -1,2 +1,2 @@
-import{a as f,b as w,c as v,d as o,e as a}from"./chunk-6LWWNFKU.js";import{h as m,i as g,o as S}from"./chunk-RZPTJTVZ.js";import{m as c,p}from"./chunk-YZ573CYO.js";import"./chunk-TCL6SLDB.js";import"./chunk-FW4363Y4.js";import{memo as $}from"solid-js/web";import{createComponent as e}from"solid-js/web";import{For as d,Show as u}from"solid-js";import{parseAutomergeUrl as I}from"@automerge/automerge-repo/slim";function A(l){let n=()=>{let r=m();return r&&l.element.contains(r.element)?r:null};function i(r){m()===r&&g(null),r.element.isConnected&&r.element.focus({preventScroll:!0})}return e(u,{get when(){return n()},keyed:!0,children:r=>e(v,{get anchor(){return{x:r.x,y:r.y}},placement:"right-start",onClose:()=>i(r),get children(){return e(T,{target:r,get repo(){return l.repo},get rootFolderHandle(){return l.rootFolderHandle}})}})})}function T(l){let n=l.target,i=w(n.type),r=f(t=>!t.unlisted),h=()=>c.has(n.id)&&c.size>1,s=()=>`${location.protocol}//${location.host}/#doc=${I(n.url).documentId}`;async function b(){if(!h()){n.remove();return}let t=[...c.values()].map(y=>y.url);confirm(`Remove ${t.length} items from the sidebar?`)&&(p(),await S(l.repo,l.rootFolderHandle,t))}return[e(u,{get when(){return n.createInside},get children(){return e(a,{label:"Create",get children(){return e(d,{each:r,children:t=>e(o,{onSelect:()=>n.createInside(t),get children(){return t.name}})})}})}}),e(u,{get when(){return i.length},get children(){return e(a,{label:"Open with...",get children(){return e(d,{each:i,children:t=>e(o,{onSelect:()=>n.openWith(t.id),get children(){return t.name}})})}})}}),e(a,{label:"Copy",get children(){return[e(o,{onSelect:()=>navigator.clipboard.writeText(n.url),children:"Automerge url"}),e(o,{onSelect:()=>navigator.clipboard.writeText(s()),children:"Patchwork url"}),e(u,{get when(){return i.length},get children(){return e(a,{label:"Patchwork url with...",get children(){return e(d,{each:i,children:t=>e(o,{onSelect:()=>navigator.clipboard.writeText(`${s()}&tool=${t.id}`),get children(){return t.name}})})}})}})]}}),e(o,{onSelect:()=>n.startRenaming(),children:"Rename"}),e(o,{onSelect:b,get children(){return $(()=>!!h())()?`Remove ${c.size} items`:"Remove"}})]}export{A as ItemMenu};
-//# sourceMappingURL=item-menu-VIMMKF26.js.map
+import{a as f,b as w,c as v,d as o,e as a}from"./chunk-NS3ADG2Z.js";import{h as m,i as g,o as S}from"./chunk-RZPTJTVZ.js";import{m as c,p}from"./chunk-YZ573CYO.js";import"./chunk-TCL6SLDB.js";import"./chunk-FW4363Y4.js";import{memo as $}from"solid-js/web";import{createComponent as e}from"solid-js/web";import{For as d,Show as u}from"solid-js";import{parseAutomergeUrl as I}from"@automerge/automerge-repo/slim";function A(l){let n=()=>{let r=m();return r&&l.element.contains(r.element)?r:null};function i(r){m()===r&&g(null),r.element.isConnected&&r.element.focus({preventScroll:!0})}return e(u,{get when(){return n()},keyed:!0,children:r=>e(v,{get anchor(){return{x:r.x,y:r.y}},placement:"right-start",onClose:()=>i(r),get children(){return e(T,{target:r,get repo(){return l.repo},get rootFolderHandle(){return l.rootFolderHandle}})}})})}function T(l){let n=l.target,i=w(n.type),r=f(t=>!t.unlisted),h=()=>c.has(n.id)&&c.size>1,s=()=>`${location.protocol}//${location.host}/#doc=${I(n.url).documentId}`;async function b(){if(!h()){n.remove();return}let t=[...c.values()].map(y=>y.url);confirm(`Remove ${t.length} items from the sidebar?`)&&(p(),await S(l.repo,l.rootFolderHandle,t))}return[e(u,{get when(){return n.createInside},get children(){return e(a,{label:"Create",get children(){return e(d,{each:r,children:t=>e(o,{onSelect:()=>n.createInside(t),get children(){return t.name}})})}})}}),e(u,{get when(){return i.length},get children(){return e(a,{label:"Open with...",get children(){return e(d,{each:i,children:t=>e(o,{onSelect:()=>n.openWith(t.id),get children(){return t.name}})})}})}}),e(a,{label:"Copy",get children(){return[e(o,{onSelect:()=>navigator.clipboard.writeText(n.url),children:"Automerge url"}),e(o,{onSelect:()=>navigator.clipboard.writeText(s()),children:"Patchwork url"}),e(u,{get when(){return i.length},get children(){return e(a,{label:"Patchwork url with...",get children(){return e(d,{each:i,children:t=>e(o,{onSelect:()=>navigator.clipboard.writeText(`${s()}&tool=${t.id}`),get children(){return t.name}})})}})}})]}}),e(o,{onSelect:()=>n.startRenaming(),children:"Rename"}),e(o,{onSelect:b,get children(){return $(()=>!!h())()?`Remove ${c.size} items`:"Remove"}})]}export{A as ItemMenu};
+//# sourceMappingURL=item-menu-3JUJN3MS.js.map

package/packages/sideboard/dist/sideboard/sideboard.js

@@ -1,2 +1,2 @@
-import{a as i,b as a}from"../chunk-QLI3ZN4W.js";import"../chunk-3HE5SPGR.js";import"../chunk-RZPTJTVZ.js";import"../chunk-YZ573CYO.js";import{a as d}from"../chunk-25X3B3RC.js";import{a as m}from"../chunk-FEMULUBJ.js";import"../chunk-TCL6SLDB.js";import"../chunk-FW4363Y4.js";import{template as u}from"solid-js/web";import{insert as n}from"solid-js/web";import{createComponent as t}from"solid-js/web";import{Show as p}from"solid-js";import{render as g}from"solid-js/web";var s=u("<div class=sideboard>"),f=u('<aside class=document-list><nav class="document-list__doclist document-list-widget">');function _(e){let r=m(e.handle);return(()=>{var o=s();return n(o,t(p,{get when(){return r.rootFolderUrl},get fallback(){return(()=>{var l=f(),c=l.firstChild;return n(c,t(i,{depth:0})),l})()},get children(){return t(a,{get folderUrl(){return r.rootFolderUrl},get repo(){return e.repo},get element(){return e.element}})}}),null),n(o,t(d,{get handle(){return e.handle},get repo(){return e.repo},get element(){return e.element}}),null),o})()}function x(e,r){return g(()=>t(_,{handle:e,get repo(){return r.repo},element:r}),r)}export{_ as Sideboard,x as renderSideboard};
+import{a as i,b as a}from"../chunk-73XN2I2U.js";import"../chunk-OFWMAVKQ.js";import"../chunk-RZPTJTVZ.js";import"../chunk-YZ573CYO.js";import{a as d}from"../chunk-25X3B3RC.js";import{a as m}from"../chunk-FEMULUBJ.js";import"../chunk-TCL6SLDB.js";import"../chunk-FW4363Y4.js";import{template as u}from"solid-js/web";import{insert as n}from"solid-js/web";import{createComponent as t}from"solid-js/web";import{Show as p}from"solid-js";import{render as g}from"solid-js/web";var s=u("<div class=sideboard>"),f=u('<aside class=document-list><nav class="document-list__doclist document-list-widget">');function _(e){let r=m(e.handle);return(()=>{var o=s();return n(o,t(p,{get when(){return r.rootFolderUrl},get fallback(){return(()=>{var l=f(),c=l.firstChild;return n(c,t(i,{depth:0})),l})()},get children(){return t(a,{get folderUrl(){return r.rootFolderUrl},get repo(){return e.repo},get element(){return e.element}})}}),null),n(o,t(d,{get handle(){return e.handle},get repo(){return e.repo},get element(){return e.element}}),null),o})()}function x(e,r){return g(()=>t(_,{handle:e,get repo(){return r.repo},element:r}),r)}export{_ as Sideboard,x as renderSideboard};
 //# sourceMappingURL=sideboard.js.map