@inkandswitch/patchwork-pkg-base 0.0.104 → 0.0.105

package/packages/threepane/dist/chunk-LNR6ATYD.js

@@ -0,0 +1,1210 @@
+import{a as Be,b as Lr}from"./chunk-FW4363Y4.js";var bt=Be((Si,gt)=>{var Q=1e3,ee=Q*60,te=ee*60,X=te*24,to=X*7,ro=X*365.25;gt.exports=function(e,r){r=r||{};var t=typeof e;if(t==="string"&&e.length>0)return oo(e);if(t==="number"&&isFinite(e))return r.long?ao(e):no(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function oo(e){if(e=String(e),!(e.length>100)){var r=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(r){var t=parseFloat(r[1]),o=(r[2]||"ms").toLowerCase();switch(o){case"years":case"year":case"yrs":case"yr":case"y":return t*ro;case"weeks":case"week":case"w":return t*to;case"days":case"day":case"d":return t*X;case"hours":case"hour":case"hrs":case"hr":case"h":return t*te;case"minutes":case"minute":case"mins":case"min":case"m":return t*ee;case"seconds":case"second":case"secs":case"sec":case"s":return t*Q;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return t;default:return}}}}function no(e){var r=Math.abs(e);return r>=X?Math.round(e/X)+"d":r>=te?Math.round(e/te)+"h":r>=ee?Math.round(e/ee)+"m":r>=Q?Math.round(e/Q)+"s":e+"ms"}function ao(e){var r=Math.abs(e);return r>=X?Ce(e,r,X,"day"):r>=te?Ce(e,r,te,"hour"):r>=ee?Ce(e,r,ee,"minute"):r>=Q?Ce(e,r,Q,"second"):e+" ms"}function Ce(e,r,t,o){var n=r>=t*1.5;return Math.round(e/t)+" "+o+(n?"s":"")}});var wt=Be((Ei,vt)=>{function io(e){t.debug=t,t.default=t,t.coerce=l,t.disable=a,t.enable=n,t.enabled=c,t.humanize=bt(),t.destroy=d,Object.keys(e).forEach(s=>{t[s]=e[s]}),t.names=[],t.skips=[],t.formatters={};function r(s){let u=0;for(let h=0;h<s.length;h++)u=(u<<5)-u+s.charCodeAt(h),u|=0;return t.colors[Math.abs(u)%t.colors.length]}t.selectColor=r;function t(s){let u,h=null,b,w;function g(...f){if(!g.enabled)return;let m=g,y=Number(new Date),A=y-(u||y);m.diff=A,m.prev=u,m.curr=y,u=y,f[0]=t.coerce(f[0]),typeof f[0]!="string"&&f.unshift("%O");let D=0;f[0]=f[0].replace(/%([a-zA-Z%])/g,(V,Y)=>{if(V==="%%")return"%";D++;let z=t.formatters[Y];if(typeof z=="function"){let j=f[D];V=z.call(m,j),f.splice(D,1),D--}return V}),t.formatArgs.call(m,f),(m.log||t.log).apply(m,f)}return g.namespace=s,g.useColors=t.useColors(),g.color=t.selectColor(s),g.extend=o,g.destroy=t.destroy,Object.defineProperty(g,"enabled",{enumerable:!0,configurable:!1,get:()=>h!==null?h:(b!==t.namespaces&&(b=t.namespaces,w=t.enabled(s)),w),set:f=>{h=f}}),typeof t.init=="function"&&t.init(g),g}function o(s,u){let h=t(this.namespace+(typeof u>"u"?":":u)+s);return h.log=this.log,h}function n(s){t.save(s),t.namespaces=s,t.names=[],t.skips=[];let u=(typeof s=="string"?s:"").trim().replace(/\s+/g,",").split(",").filter(Boolean);for(let h of u)h[0]==="-"?t.skips.push(h.slice(1)):t.names.push(h)}function i(s,u){let h=0,b=0,w=-1,g=0;for(;h<s.length;)if(b<u.length&&(u[b]===s[h]||u[b]==="*"))u[b]==="*"?(w=b,g=h,b++):(h++,b++);else if(w!==-1)b=w+1,g++,h=g;else return!1;for(;b<u.length&&u[b]==="*";)b++;return b===u.length}function a(){let s=[...t.names,...t.skips.map(u=>"-"+u)].join(",");return t.enable(""),s}function c(s){for(let u of t.skips)if(i(s,u))return!1;for(let u of t.names)if(i(s,u))return!0;return!1}function l(s){return s instanceof Error?s.stack||s.message:s}function d(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}return t.enable(t.load()),t}vt.exports=io});var _t=Be((F,$e)=>{F.formatArgs=lo;F.save=co;F.load=uo;F.useColors=so;F.storage=po();F.destroy=(()=>{let e=!1;return()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}})();F.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];function so(){if(typeof window<"u"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs))return!0;if(typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;let e;return typeof document<"u"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window<"u"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator<"u"&&navigator.userAgent&&(e=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(e[1],10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function lo(e){if(e[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+e[0]+(this.useColors?"%c ":" ")+"+"+$e.exports.humanize(this.diff),!this.useColors)return;let r="color: "+this.color;e.splice(1,0,r,"color: inherit");let t=0,o=0;e[0].replace(/%[a-zA-Z%]/g,n=>{n!=="%%"&&(t++,n==="%c"&&(o=t))}),e.splice(o,0,r)}F.log=console.debug||console.log||(()=>{});function co(e){try{e?F.storage.setItem("debug",e):F.storage.removeItem("debug")}catch{}}function uo(){let e;try{e=F.storage.getItem("debug")||F.storage.getItem("DEBUG")}catch{}return!e&&typeof process<"u"&&"env"in process&&(e=process.env.DEBUG),e}function po(){try{return localStorage}catch{}}$e.exports=wt()(F);var{formatters:ho}=$e.exports;ho.j=function(e){try{return JSON.stringify(e)}catch(r){return"[UnexpectedJSONParseError]: "+r.message}}});import{template as Rr}from"solid-js/web";import{createComponent as qa}from"solid-js/web";import{setAttribute as Ba}from"solid-js/web";import{effect as Ja}from"solid-js/web";import{insert as Fr}from"solid-js/web";import{getOwner as Va}from"solid-js/web";import{createMemo as Dr}from"solid-js";import{createStore as Ga,reconcile as Ka}from"solid-js/store";import{render as Za}from"solid-js/web";import{template as at}from"solid-js/web";import{insert as we}from"solid-js/web";import{getOwner as We}from"solid-js/web";import{use as Ne}from"solid-js/web";import{createComponent as J}from"solid-js/web";import{createUniqueId as Pr,untrack as st}from"solid-js";import{isServer as Mr,isDev as lt}from"solid-js/web";import{reconcile as zr}from"solid-js/store";function Je(e,r={}){let t=r.storage||globalThis.localStorage,o=r.name||`storage-${Pr()}`;if(!t)return Object.assign(e,{2:null});let n=r.storageOptions,i=r.serialize||JSON.stringify.bind(JSON),a=r.deserialize||JSON.parse.bind(JSON),c=t.getItem(o,n),l=typeof e[0]=="function"?s=>{try{let u=a(s);e[1](()=>u)}catch(u){lt&&console.warn(u)}}:s=>{try{let u=a(s);e[1](zr(u))}catch(u){lt&&console.warn(u)}},d=!0;if(c instanceof Promise?c.then(s=>d&&s&&l(s)):c&&l(c),typeof r.sync?.[0]=="function"){let s=typeof e[0]=="function"?e[0]:()=>e[0];r.sync[0](u=>{u.key!==o||!Mr&&(u.url||globalThis.location.href)!==globalThis.location.href||u.newValue===i(st(s))||l(u.newValue)})}return Object.assign([],e,{1:typeof e[0]=="function"?s=>{let u=e[1](s),h=s!=null?i(u):s;return r.sync?.[1](o,h),h!=null?t.setItem(o,h,n):t.removeItem(o,n),d=!1,u}:(...s)=>{e[1](...s);let u=st(()=>i(e[0]));r.sync?.[1](o,u),t.setItem(o,u,n),d=!1},2:c})}import{createEffect as $r,createMemo as Sr,createSignal as K,on as Er,onCleanup as ja,onMount as Wa,Show as He}from"solid-js";import{createEffect as dt,createSignal as ct,on as ut}from"solid-js";var W={leftCollapsed:"patchwork:leftSidebarCollapsed",rightCollapsed:"patchwork:rightSidebarCollapsed",leftWidth:"patchwork:leftSidebarWidth",rightWidth:"patchwork:rightSidebarWidth",contextToolId:"patchwork:contextSidebarToolId"},xe="patchwork:collapse-context-sidebar",ke=400;function pt(e,r){let t=localStorage.getItem(e);return t?parseInt(t,10):r}function ht(e){return localStorage.getItem(e)==="true"}function Or(){let[e,r]=ct(ht(W.leftCollapsed)),[t,o]=ct(pt(W.leftWidth,ke));return dt(ut(e,n=>{localStorage.setItem(W.leftCollapsed,String(n))})),dt(ut(t,n=>{localStorage.setItem(W.leftWidth,String(n))})),{isSidebarCollapsed:e,setIsSidebarCollapsed:r,leftSidebarWidth:t,setLeftSidebarWidth:o}}import{onCleanup as Ur,onMount as jr}from"solid-js";var ft=180,Wr=720,Nr=120,mt=3;function Ve(e,{isCollapsed:r,setCollapsed:t,setWidth:o}){let n=!1,i=null,a=!1,c=null,l=m=>{if(m<Nr){r()||t(!0),c=null;return}r()&&t(!1);let y=Math.min(Wr,m);o(y),c=y},d=()=>{r()||c!==null&&c<ft&&o(ft)},s=null,u=()=>{document.body.setAttribute("data-sidebar-resizing",e),s=document.createElement("div"),s.style.cssText="position:fixed;inset:0;z-index:2147483647;cursor:col-resize;",document.body.appendChild(s)},h=()=>{n=!1,i=null,document.body.style.userSelect="",document.body.removeAttribute("data-sidebar-resizing"),s?.remove(),s=null},b=m=>{m.preventDefault(),i={x:m.clientX,y:m.clientY},a=!1,c=null,n=!0,document.body.style.userSelect="none"},w=()=>{let m=n,y=a;h(),m&&y&&d()},g=m=>{if(!n||!i)return;let y=Math.abs(m.clientX-i.x),A=Math.abs(m.clientY-i.y);!a&&(y>mt||A>mt)&&(a=!0,u()),l(e==="left"?m.clientX:window.innerWidth-m.clientX)},f=m=>{if(a){m.preventDefault(),m.stopPropagation(),a=!1;return}t(y=>!y)};return jr(()=>{document.addEventListener("mousemove",g),document.addEventListener("mouseup",w),Ur(()=>{document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",w),n&&h()})}),{handleMouseDown:b,handleToggleClick:f}}import{createEffect as Hr,createSignal as qr,onCleanup as Br}from"solid-js";var Z=(e,r)=>{let[t,o]=qr(!1);return Hr(()=>{let n=r();if(!n)return;o(!1);let i=a=>{a.detail?.componentId===e&&o(!0)};n.addEventListener("patchwork:mounted",i),Br(()=>n.removeEventListener("patchwork:mounted",i))}),t};import{createEffect as Jr,createSignal as Vr,onCleanup as Yr}from"solid-js";var Xr=5e3,Gr=(e,r)=>{let[t,o]=Vr(!1);return Jr(()=>{if(t())return;let n=e(),i=r();if(!n||!i)return;let a=l=>{let d=l.detail;d?.url&&d.url!==i||o(!0)};n.addEventListener("patchwork:mounted",a),n.addEventListener("patchwork:no-tool",a);let c=setTimeout(()=>o(!0),Xr);Yr(()=>{n.removeEventListener("patchwork:mounted",a),n.removeEventListener("patchwork:no-tool",a),clearTimeout(c)})}),t};import{getRegistry as Kr}from"@inkandswitch/patchwork-plugins";import{createMemo as Zr,createSignal as Qr,onCleanup as eo}from"solid-js";function ce(e){let r=Kr("patchwork:component"),[t,o]=Qr(0),n=r.on("changed",()=>o(i=>i+1));return eo(n),Zr(()=>(t(),(r.all?.()??[]).filter(i=>(i.tags??[]).includes(e)).map(i=>({id:i.id,name:i.name||i.id,icon:i.icon})).sort((i,a)=>i.name.localeCompare(a.name))))}import{template as ge}from"solid-js/web";import{delegateEvents as on}from"solid-js/web";import{getOwner as nn}from"solid-js/web";import{effect as Vt}from"solid-js/web";import{setAttribute as an}from"solid-js/web";import{memo as Yt}from"solid-js/web";import{insert as ne}from"solid-js/web";import{createComponent as ae}from"solid-js/web";import{For as pn,Show as Qe}from"solid-js";import{template as At}from"solid-js/web";import{delegateEvents as Co}from"solid-js/web";import{setAttribute as $o}from"solid-js/web";import{insert as So}from"solid-js/web";import"solid-js/web";import{effect as Tt}from"solid-js/web";import{use as Dt}from"solid-js/web";import{createComponent as Ye}from"solid-js/web";var kt=Lr(_t(),1),Ct=(0,kt.default)("cabbages");function yt(e){return typeof e=="object"&&typeof e!=null&&Object.getPrototypeOf(e)==Object.prototype}var fo="\uFFFC";function $t(e,...r){if(r.length==0){Ct("empty patch");return}let[t,o,n]=r,i=[...t];for(;;){let a=i.shift();if(!i.length){let l=Array.isArray(o);if(yt(e)&&l&&typeof a>"u"&&typeof o[0]=="string"){delete e[o[0]];return}if(l||typeof o=="number"){if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let[d,s]=Array.isArray(o)?o:[o,o+1],u=Array.isArray(o)&&o.length==0;if(!u&&(d==null||s==null))throw new RangeError("it's all or nothing, no half measures");let h=typeof n>"u",b=d===s&&!h,w=u&&!h,g=!b&&!h&&!w;if(typeof e[a]>"u"){if(typeof e=="string")return;typeof n=="string"?e[a]="":e[a]=[]}let f=e[a];if(Array.isArray(f)){if(w){Array.isArray(n)?f.push(...n):f.push(n);return}if(b||g){Array.isArray(n)?f.splice(d,s-d,...n):f.splice(d,s-d,n);return}if(h){f.splice(d,s-d);return}throw new Error("i don't know what happened")}if(typeof f=="string"){if(w){e[a]=f+n;return}if(g||b){e[a]=f.slice(0,d)+(typeof n=="string"?n:n.map(m=>typeof m=="string"?m:fo).join(""))+f.slice(s);return}if(h){e[a]=f.slice(0,d)+f.slice(s);return}throw new Error("i don't know what happened")}if(yt(f)&&l&&typeof o[0]=="string"){delete f[o[0]];return}throw new Error("not implemented")}if(typeof a>"u"){if(typeof o!="string")throw new Error(`can't index top-level map with ${o}`);typeof n>"u"?delete e[o]:e[o]=n;return}if(typeof e[a]>"u"&&(e[a]={}),l){let[d,s]=o;d!=null&&s!=null&&(typeof n>"u"&&d!=null&&s!=null?delete e[a][d||s]:e[a][d||s]=n)}else if(typeof n>"u")delete e[a][o];else{if(typeof e[a]=="string")return;e[a][o]=n}return}if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let c=i[0];if(typeof e[a]>"u")if(typeof c=="string")e[a]={};else if(typeof c=="number")e[a]=[];else throw new Error(`can't go down this road ${e}.${a}.${c}`);e=e[a]}}function xt(e,r){for(let t=0;t<r.length;t++)e=e?e[r[t]]:void 0;return e}function St(e,r){let t=e.path.slice(0,-1),o=e.path[e.path.length-1];switch(e.action){case"mark":case"unmark":return Ct(`skipping ${e.action} because it doesn't affect material reality`),[];case"inc":if(r)return[t,o,xt(r.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"conflict":if(r)return[t,o,xt(r.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"del":return typeof o=="string"?[t,o]:[t,[o,o+(e.length||1)]];case"insert":return[t,[o,o],structuredClone(e.values)];case"splice":return[t,[o,o],[e.value]];case"put":return[t,o,structuredClone(e.value)]}}function Se(e){return r=>{for(let t of e.patches)$t(r,...St(t,e))}}import{createMemo as vo}from"solid-js";import{onCleanup as mo}from"solid-js";import{createStore as go,produce as bo,reconcile as Et}from"solid-js/store";var ue=new WeakMap;function Ee(e){if(mo(()=>{let i=ue.get(e);i&&(i.refs--||i.cleanup())}),ue.has(e)){let i=ue.get(e);return i.refs++,i.store}let[r,t]=go(structuredClone(e.doc()));ue.set(e,{refs:0,store:r,cleanup(){e.off("change",o),e.off("delete",n),ue.delete(e)}});function o(i){if(i.scopeReplaced){t(Et(i.doc??{}));return}t(bo(Se(i)))}function n(){t(Et({}))}return e.on("change",o),e.on("delete",n),e.whenReady().then(()=>{t(structuredClone(e.doc()))}),r}import{getOwner as Mi,onCleanup as zi,createSignal as Oi,untrack as Ui,sharedConfig as ji,onMount as Wi,DEV as Ni,equalFn as Hi}from"solid-js";import{isServer as Bi}from"solid-js/web";var re=e=>typeof e=="function"&&!e.length?e():e;function Te(e){return vo(()=>re(e)&&Ee(re(e)))}import{createEffect as _o,createResource as yo,useContext as xo}from"solid-js";import{createContext as wo}from"solid-js";var Ae=wo(null);function pe(e,r){let t=xo(Ae);if(!r?.repo&&!t)throw new Error("use outside <RepoContext> requires options.repo");let o=r?.repo||t;function n(){if(r?.["~skipInitialValue"])return;let c=re(e);if(!c)return;let l=o.findWithProgress(c).peek();return l.state==="ready"?l.handle:void 0}let[i,{mutate:a}]=yo(e,c=>o.findWithProgress(c).whenReady(),{initialValue:n()});return _o(()=>{re(e)||a()}),i}function De(e,r){let t=pe(e,r);return[Te(t),t]}import{onCleanup as ls}from"solid-js";import{createSignal as cs}from"solid-js";import{createEffect as hs,onCleanup as fs}from"solid-js";import{createSignal as gs}from"solid-js";import{useContext as ks}from"solid-js";import{getType as To}from"@inkandswitch/patchwork-filesystem";import{getRegistry as Ao,isLoadedPlugin as Do}from"@inkandswitch/patchwork-plugins";import{createEffect as Io,createMemo as Ie,createSignal as Xe,onCleanup as Ro,onMount as Rt,Show as Ft}from"solid-js";var It=At("<span class=threepane__title-text>"),Eo=At("<input class=threepane__title-input type=text>");function Lt(e){let r,[t,o]=Xe();return Rt(()=>{o(r.closest("repo-provider")?.repo)}),Ye(Ft,{get when(){return t()},get fallback(){return(()=>{var n=It(),i=r;return typeof i=="function"?Dt(i,n):r=n,n})()},children:n=>Ye(Fo,{get docUrl(){return e.docUrl},get repo(){return n()}})})}function Fo(e){let[r,t]=De(()=>e.docUrl(),{repo:e.repo}),o=Ao("patchwork:datatype"),[n,i]=Xe(0);Rt(()=>{let g=o.on("changed",()=>i(f=>f+1));Ro(g)});let a=Ie(()=>{let g=r();return g?To(g):void 0});Io(()=>{let g=a();g&&o.load(g)});let c=Ie(()=>{n();let g=a();if(!g)return;let f=o.get(g);return f&&Do(f)?f:void 0}),l=Ie(()=>{let g=r(),f=c();if(!(!g||!f))return f.module.getTitle(g)}),d=Ie(()=>!!t()&&typeof c()?.module.setTitle=="function"),[s,u]=Xe(!1),h;function b(){d()&&(u(!0),queueMicrotask(()=>{h?.focus(),h?.select()}))}function w(g){if(!s()||(u(!1),!g))return;let f=h?.value.trim();if(!f||f===l())return;let m=t(),y=c()?.module.setTitle;!m||!y||m.change(A=>{y(A,f);let D=A["@patchwork"];D&&(D.title=f)})}return Ye(Ft,{get when(){return s()},get fallback(){return(()=>{var g=It();return g.$$click=b,So(g,()=>l()??"Untitled"),Tt(f=>{var m=!!d(),y=d()?"Rename":void 0;return m!==f.e&&g.classList.toggle("threepane__title-text--editable",f.e=m),y!==f.t&&$o(g,"title",f.t=y),f},{e:void 0,t:void 0}),g})()},get children(){var g=Eo();g.$$keydown=m=>{m.key==="Enter"?(m.preventDefault(),w(!0)):m.key==="Escape"&&(m.preventDefault(),w(!1))},g.addEventListener("blur",()=>w(!0));var f=h;return typeof f=="function"?Dt(f,g):h=g,Tt(()=>g.value=l()??""),g}})}Co(["keydown","click"]);import{template as me}from"solid-js/web";import{delegateEvents as Jo}from"solid-js/web";import{getOwner as Vo}from"solid-js/web";import{insert as fe}from"solid-js/web";import{createComponent as oe}from"solid-js/web";import{Show as Ge}from"solid-js";import{template as Ot}from"solid-js/web";import{delegateEvents as Lo}from"solid-js/web";import{setStyleProperty as Po}from"solid-js/web";import{insert as Mo}from"solid-js/web";import{setAttribute as Re}from"solid-js/web";import{effect as Pt}from"solid-js/web";import{memo as he}from"solid-js/web";import{createComponent as Mt}from"solid-js/web";import{Show as zt}from"solid-js";var zo=Ot('<button class="sidebar-toggle sidebar-toggle--resizable">'),Oo=Ot("<div class=sidebar>");function Ut(e){let r=()=>`${e.isCollapsed()?0:e.width()}px`,t=()=>e.canExpand?.()??!0,o=()=>Mt(zt,{get when(){return!e.isCollapsed()},get children(){return e.children}}),n=()=>Mt(zt,{get when(){return!e.isCollapsed()||t()},get children(){var i=zo();return i.$$mousedown=a=>e.onMouseDown(a),i.$$click=a=>e.onToggleClick(a),Pt(a=>{var c=e.isCollapsed()?"Expand sidebar":"Toggle or resize sidebar",l=e.isCollapsed()?"Click to expand, drag to resize":"Click to toggle, drag to resize";return c!==a.e&&Re(i,"aria-label",a.e=c),l!==a.t&&Re(i,"title",a.t=l),a},{e:void 0,t:void 0}),i}});return(()=>{var i=Oo();return Mo(i,(()=>{var a=he(()=>e.side==="left");return()=>a()?[he(o),he(n)]:[he(n),he(o)]})()),Pt(a=>{var c=e.side,l=e.isCollapsed()?"":void 0,d=r();return c!==a.e&&Re(i,"data-side",a.e=c),l!==a.t&&Re(i,"data-collapsed",a.t=l),d!==a.a&&Po(i,"width",a.a=d),a},{e:void 0,t:void 0,a:void 0}),i})()}Lo(["click","mousedown"]);import{template as Wt}from"solid-js/web";import{delegateEvents as Uo}from"solid-js/web";import{setAttribute as jo}from"solid-js/web";import{effect as Wo}from"solid-js/web";import{insert as jt}from"solid-js/web";import{createComponent as No}from"solid-js/web";import{For as Bo}from"solid-js";var Ho=Wt("<div role=tablist class=context-sidebar__tablist>"),qo=Wt("<button type=button role=tab class=context-sidebar__tab>");function Nt(e){let r=()=>{let t=e.items().map(n=>n.id),o=e.selectedToolId();return o&&t.includes(o)?o:t[0]};return(()=>{var t=Ho();return jt(t,No(Bo,{get each(){return e.items()},children:o=>(()=>{var n=qo();return n.$$click=()=>e.setSelectedToolId(o.id),jt(n,()=>o.name),Wo(()=>jo(n,"data-active",r()===o.id?"":void 0)),n})()})),t})()}Uo(["click"]);var Yo=me('<div class=context-sidebar__tabs><button type=button class=context-sidebar__close title="Hide context sidebar"aria-label="Hide context sidebar">'),Xo=me("<div class=context-sidebar__content>"),Go=me("<div class=context-sidebar>"),Ko=me("<patchwork-view>",!0,!1,!1),Zo=me('<svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=var(--studio-chrome-line) stroke-width=1.75 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2></rect><path d="M15 3v18">');function Ht(e){let r=ce("context-tool"),t=()=>{let o=r().map(i=>i.id),n=e.selectedToolId();return n&&o.includes(n)?n:o[0]};return oe(Ut,{side:"right",get isCollapsed(){return e.isCollapsed},get width(){return e.width},get onMouseDown(){return e.onMouseDown},get onToggleClick(){return e.onToggleClick},get canExpand(){return e.canExpand},get children(){var o=Go();return fe(o,oe(Ge,{get when(){return r().length},get children(){var n=Yo(),i=n.firstChild;return fe(n,oe(Nt,{items:r,get selectedToolId(){return e.selectedToolId},get setSelectedToolId(){return e.setSelectedToolId}}),i),i.$$click=()=>e.onCollapse(),fe(i,oe(Ke,{})),n}}),null),fe(o,oe(Ge,{get when(){return!e.isCollapsed()},get children(){var n=Xo();return fe(n,oe(Ge,{get when(){return t()},keyed:!0,children:i=>(()=>{var a=Ko();return a.component=i,a._$owner=Vo(),a})()})),n}}),null),o}})}function Ke(){return Zo()}Jo(["click"]);import{template as Qo}from"solid-js/web";import{effect as qt}from"solid-js/web";import{getOwner as Bt}from"solid-js/web";import{createComponent as en}from"solid-js/web";import{memo as tn}from"solid-js/web";import{Show as rn}from"solid-js";var Jt=Qo("<patchwork-view>",!0,!1,!1),Ze=e=>Array.isArray(e)?String(e[0]):String(e);function Fl(e){let r=new Set;return e.filter(t=>{let o=Ze(t);return r.has(o)?!1:(r.add(o),!0)})}function Ll(e){return en(rn,{get when(){return tn(()=>!!Array.isArray(e.slot))()?e.slot:!1},get fallback(){return(()=>{var r=Jt();return r._$owner=Bt(),qt(()=>r.component=String(e.slot)),r})()},children:r=>(()=>{var t=Jt();return t._$owner=Bt(),qt(o=>{var n=r()[1],i=r()[0];return n!==o.e&&(t.docUrl=o.e=n),i!==o.t&&(t.toolId=o.t=i),o},{e:void 0,t:void 0}),t})()})}var sn=ge("<div class=threepane__title>"),ln=ge("<div class=threepane__doctitle-tools>"),dn=ge('<button type=button class=frame__sidebar-toggle title="Show context sidebar"aria-label="Show context sidebar">'),cn=ge("<div class=frame__topbar><div class=threepane__spacer>"),un=ge("<patchwork-view>",!0,!1,!1);function Xt(e){let r=()=>e.toolSlots()??[];return(()=>{var t=cn(),o=t.firstChild;return ne(t,ae(Qe,{get when(){return e.docUrl()},get children(){var n=sn();return ne(n,ae(Lt,{get docUrl(){return e.docUrl}})),n}}),o),ne(t,ae(Qe,{get when(){return Yt(()=>!!e.docUrl())()&&r().length},get children(){var n=ln();return ne(n,ae(pn,{get each(){return r()},children:i=>(()=>{var a=un();return a._$owner=nn(),Vt(c=>{var l=Ze(i),d=e.docUrl();return l!==c.e&&(a.toolId=c.e=l),d!==c.t&&(a.docUrl=c.t=d),c},{e:void 0,t:void 0}),a})()})),n}}),null),ne(t,ae(Qe,{get when(){return Yt(()=>!!e.hasContext())()&&e.isRightCollapsed()},get children(){var n=dn();return n.$$click=()=>e.onToggleRight(),an(n,"aria-pressed",!1),ne(n,ae(Ke,{})),n}}),null),Vt(()=>t.classList.toggle("frame__topbar--left-collapsed",!!e.isLeftCollapsed())),t})()}on(["click"]);import{template as je}from"solid-js/web";import{effect as wr}from"solid-js/web";import{getOwner as _r}from"solid-js/web";import{insert as B}from"solid-js/web";import{createComponent as R}from"solid-js/web";import{memo as Ue}from"solid-js/web";import{use as yr}from"solid-js/web";import{parseAutomergeUrl as Ea}from"@automerge/automerge-repo/slim";import{getSuggestedImportUrl as Ta,getType as Aa}from"@inkandswitch/patchwork-filesystem";import{getFallbackTool as Da,getRegistry as Ia}from"@inkandswitch/patchwork-plugins";import{createEffect as vr,createMemo as Oe,createSignal as q,onCleanup as se,onMount as Ra,Show as H}from"solid-js";import{template as $}from"solid-js/web";import{delegateEvents as Kn}from"solid-js/web";import{setAttribute as Me}from"solid-js/web";import{effect as nt}from"solid-js/web";import"solid-js/web";import{createComponent as I}from"solid-js/web";import{insert as T}from"solid-js/web";import{use as Zn}from"solid-js/web";import{importPackage as wa}from"@inkandswitch/patchwork-filesystem";import{registerPlugins as _a}from"@inkandswitch/patchwork-plugins";import{createResource as ya,createSignal as ve,onCleanup as ur,onMount as xa,Show as N}from"solid-js";import{template as C}from"solid-js/web";import{delegateEvents as _n}from"solid-js/web";import{effect as sr}from"solid-js/web";import{memo as yn}from"solid-js/web";import{insert as v}from"solid-js/web";import{createComponent as x}from"solid-js/web";import{use as xn}from"solid-js/web";import{setAttribute as be}from"solid-js/web";import{createResource as Bn,createSignal as Le,For as ot,Match as ie,onMount as Jn,Show as L,Switch as or}from"solid-js";import*as Kt from"@automerge/automerge/slim";import{getImportableUrlFromAutomergeUrl as hn}from"@inkandswitch/patchwork-filesystem";var et=e=>e.startsWith("automerge:");function fn(e){return e.replace(/[#?].*$/,"")}function Zt(e){let r=e.split("#")[1];return r?r.split("|").filter(Boolean):[]}var O=e=>typeof e=="string"&&e.trim()?e.trim():void 0;function mn(e){if(typeof e=="string")return O(e);if(e&&typeof e=="object"){let{name:r,email:t}=e,o=O(r),n=O(t);return o&&n?`${o} <${n}>`:o??n}}function Qt(e){if(!e||typeof e!="object")return{};let r=e,t=r.supportedDatatypes;return{id:O(r.id),name:O(r.name),type:O(r.type),supportedDatatypes:typeof t=="string"?[t]:Array.isArray(t)?t.filter(o=>typeof o=="string"):void 0}}async function Gt(e){try{let r=await fetch(e);return r.ok?await r.json():void 0}catch{return}}var gn=new Set(["dist","build","lib","out","esm","src","public"]);async function bn(e){if(et(e)){let o=hn(e);return Gt(new URL("package.json",o).href)}let r;try{r=new URL(e)}catch{return}let t=r.pathname.split("/").filter(Boolean);for(/\.[a-z0-9]+$/i.test(t.at(-1)??"")&&t.pop();;){let o=`${r.origin}/${t.join("/")}${t.length?"/":""}`,n=await Gt(new URL("package.json",o).href);if(n&&typeof n=="object")return n;if(!gn.has(t.at(-1)?.toLowerCase()??""))return;t.pop()}}async function er(e){let r=await bn(e);if(r)return{name:O(r.name),title:O(r.title),version:O(r.version),description:O(r.description),author:mn(r.author),plugins:Array.isArray(r.plugins)?r.plugins.map(Qt):void 0}}var Fe,vn=1,G=new Map;function wn(){if(Fe)return Fe;let e=new Worker("/module-loader-worker.js",{type:"module",name:"threepane-package-preview"});return e.addEventListener("message",r=>{let t=r.data,o=t&&G.get(t.id);o&&(G.delete(t.id),t.type==="descriptors"?o.resolve(t.descriptors.map(Qt)):o.reject(new Error(t.error)))}),e.addEventListener("error",r=>{let t=new Error(`the background worker stopped: ${r.message??"no reason given"}`);for(let o of G.values())o.reject(t);G.clear(),Fe=void 0}),Fe=e,e}function tr(e,r=15e3){let t=vn++;return new Promise((o,n)=>{let i=setTimeout(()=>{G.delete(t)&&n(new Error("it took too long to answer"))},r);G.set(t,{resolve:a=>{clearTimeout(i),o(a)},reject:a=>{clearTimeout(i),n(a)}});try{wn().postMessage({type:"discover",id:t,url:e})}catch(a){clearTimeout(i),G.delete(t),n(a instanceof Error?a:new Error(String(a)))}})}async function rr(e,r){let t=await e.find(fn(r)),o=t.doc();await new Promise(a=>setTimeout(a,0));let n=Kt.getChangesMetaSince(o,[]),i=new Map;for(let a of n){let c=a.time??0,l=i.get(a.actor);if(!l){i.set(a.actor,{actor:a.actor,changes:1,first:c,last:c});continue}l.changes++,c&&(!l.first||c<l.first)&&(l.first=c),c>l.last&&(l.last=c)}return{heads:[...t.heads()],changes:n.length,writers:[...i.values()].sort((a,c)=>c.changes-a.changes)}}var kn=C("<button type=button class=doc-card__link>see package details"),Cn=C("<p class=pkg-about__quiet>reading\u2026"),$n=C("<p class=pkg-about__quiet>no package.json."),Sn=C("<dl class=pkg-about__facts><dt>plugins</dt><dd>"),En=C("<dt>pinned"),rt=C("<dd>"),tt=C("<dt>history"),Tn=C("<dd class=pkg-about__quiet>reading\u2026"),An=C("<dd class=pkg-about__quiet>couldn't get its folder."),Dn=C('<div class=pkg-about popover=auto><header class=pkg-about__header><h3 class=doc-card__rough></h3><button type=button class="doc-card__link pkg-about__close"popovertargetaction=hide aria-label=close>\xD7</button></header><section class="pkg-about__section pkg-about__section--claims"><h4>self-reported <span class=pkg-about__tag>unverified</span></h4></section><section class=pkg-about__section><h4>source</h4><dl class=pkg-about__facts><dt>url</dt><dd><code class="doc-card__code doc-card__url">'),In=C("<span class=pkg-about__version> "),Rn=C("<button type=button class=doc-card__link>"),Fn=C("<span class=pkg-about__quiet>unknown until loaded"),Ln=C("<p class=doc-card__notice>"),Pn=C("<dt>heads"),Mn=C("<dd> <!>, <!> <p class=pkg-about__quiet>writers are devices, not people. folder only."),zn=C("<dt>"),lr=C("<ul class=pkg-about__list>"),On=C("<span>nothing"),Un=C("<span class=pkg-about__quiet> for "),jn=C("<li>"),dr=C("<span class=pkg-about__quiet> \xB7 "),Wn=C("<span class=pkg-about__heads>"),Nn=C("<code class=doc-card__code>"),Hn=C("<li class=pkg-about__quiet>and <!> more"),qn=C("<li><code class=doc-card__code></code> <!> "),Vn=0;function cr(e){let r=`pkg-about-${++Vn}`,t=et(e.url),o=Zt(e.url),[n,i]=Le(!1),[a]=Bn(()=>n()&&t?e.url:void 0,m=>rr(e.repo,m)),[c,l]=Le(!1),[d,s]=Le(),[u,h]=Le();async function b(){if(window.confirm(`Listing its plugins runs the package's code in a background worker.
+
+${e.url}
+
+It can use the network and this site's stored data, including your documents. Only run it if you trust where it came from.
+
+Run it?`)){h(void 0),l(!0);try{s(await tr(e.url))}catch(y){h(y?.message??String(y))}finally{l(!1)}}}let w;Jn(()=>{w.addEventListener("toggle",m=>{m.newState==="open"&&i(!0)})});let g=()=>e.claims?.title??e.claims?.name??"package",f=()=>d()??e.claims?.plugins;return[(()=>{var m=kn();return be(m,"popovertarget",r),m})(),(()=>{var m=Dn(),y=m.firstChild,A=y.firstChild,D=A.nextSibling,U=y.nextSibling,V=U.firstChild,Y=U.nextSibling,z=Y.firstChild,j=z.nextSibling,le=j.firstChild,de=le.nextSibling,_e=de.firstChild,ye=w;return typeof ye=="function"?xn(ye,m):w=m,be(m,"id",r),v(A,g,null),v(A,x(L,{get when(){return e.claims?.version},children:S=>(()=>{var p=In(),_=p.firstChild;return v(p,S,null),p})()}),null),be(D,"popovertarget",r),v(U,x(or,{get children(){return[x(ie,{get when(){return e.claimsLoading},get children(){return Cn()}}),x(ie,{get when(){return yn(()=>!e.claims)()&&!d()},get children(){return $n()}}),x(ie,{when:!0,get children(){var S=Sn(),p=S.firstChild,_=p.nextSibling;return v(S,x(Pe,{label:"name",get value(){return e.claims?.name}}),p),v(S,x(Pe,{label:"title",get value(){return e.claims?.title}}),p),v(S,x(Pe,{label:"author",get value(){return e.claims?.author}}),p),v(S,x(Pe,{label:"description",get value(){return e.claims?.description}}),p),v(_,x(L,{get when(){return f()},get fallback(){return x(L,{when:t,get fallback(){return Fn()},get children(){var k=Rn();return k.$$click=()=>void b(),v(k,()=>c()?"listing\u2026":"list them"),sr(()=>k.disabled=c()),k}})},children:k=>x(Yn,{get plugins(){return k()}})}),null),v(_,x(L,{get when(){return u()},children:k=>(()=>{var E=Ln();return v(E,k),E})()}),null),S}})]}}),null),v(_e,()=>e.url),v(j,x(L,{get when(){return o.length},get children(){return[En(),(()=>{var S=rt();return v(S,x(nr,{heads:o})),S})()]}}),null),v(j,x(L,{when:t,get children(){return x(or,{get children(){return[x(ie,{get when(){return a.loading},get children(){return[tt(),Tn()]}}),x(ie,{get when(){return a.error},get children(){return[tt(),An()]}}),x(ie,{get when(){return a()},children:S=>[Pn(),(()=>{var p=rt();return v(p,x(nr,{get heads(){return S().heads}})),p})(),tt(),(()=>{var p=Mn(),_=p.firstChild,k=_.nextSibling,E=k.nextSibling,P=E.nextSibling,M=P.nextSibling,it=M.nextSibling;return v(p,()=>S().changes,_),v(p,()=>S().changes===1?"change":"changes",k),v(p,()=>S().writers.length,P),v(p,()=>S().writers.length===1?"writer":"writers",it),v(p,x(Xn,{get writers(){return S().writers}}),it),p})()]})]}})}}),null),m})()]}function Pe(e){return x(L,{get when(){return e.value},get children(){return[(()=>{var r=zn();return v(r,()=>e.label),r})(),(()=>{var r=rt();return v(r,()=>e.value),r})()]}})}function Yn(e){return x(L,{get when(){return e.plugins.length},get fallback(){return On()},get children(){var r=lr();return v(r,x(ot,{get each(){return e.plugins},children:t=>(()=>{var o=jn();return v(o,()=>t.name??t.id??"(unnamed)",null),v(o,x(L,{get when(){return t.type},children:n=>(()=>{var i=dr(),a=i.firstChild;return v(i,n,null),i})()}),null),v(o,x(L,{get when(){return t.supportedDatatypes?.length},get children(){var n=Un(),i=n.firstChild;return v(n,()=>t.supportedDatatypes.join(", "),null),n}}),null),o})()})),r}})}function nr(e){return(()=>{var r=Wn();return v(r,x(ot,{get each(){return e.heads},children:t=>(()=>{var o=Nn();return be(o,"title",t),v(o,()=>t.slice(0,7)),o})()})),r})()}var ar=6;function Xn(e){let r=()=>e.writers.length-ar;return(()=>{var t=lr();return v(t,x(ot,{get each(){return e.writers.slice(0,ar)},children:o=>(()=>{var n=qn(),i=n.firstChild,a=i.nextSibling,c=a.nextSibling,l=c.nextSibling;return v(i,()=>o.actor.slice(0,8)),v(n,()=>o.changes,c),v(n,()=>o.changes===1?"change":"changes",null),v(n,x(L,{get when(){return o.last},get children(){var d=dr(),s=d.firstChild;return v(d,()=>Gn(o),null),d}}),null),sr(()=>be(i,"title",o.actor)),n})()}),null),v(t,x(L,{get when(){return r()>0},get children(){var o=Hn(),n=o.firstChild,i=n.nextSibling,a=i.nextSibling;return v(o,r,i),o}}),null),t})()}function ir(e){return new Date(e*1e3).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}function Gn(e){let r=ir(e.last),t=e.first?ir(e.first):r;return t===r?r:`${t} \u2013 ${r}`}_n(["click"]);var Qn=$("<div class=doc-card><svg class=doc-card__defs aria-hidden=true><filter id=doc-card-rough><feTurbulence type=fractalNoise baseFrequency=0.04 numOctaves=2 seed=1></feTurbulence><feDisplacementMap in=SourceGraphic scale=1.4></feDisplacementMap></filter></svg><div class=doc-card__sheet><h2 class=doc-card__rough>"),ea=$('<div class="doc-card doc-card--finding"role=status><span class=doc-card__dot></span><span class=doc-card__finding-label>finding this doc\u2026'),ta=$("<p>it's a <code class=doc-card__code></code>.<br>nothing here opens one yet."),ra=$("<p class=doc-card__links>"),oa=$("<p>it'll open here if a package adds a tool for it."),na=$("<p>the doc suggests "),pr=$('<div class=doc-card__actions><button type=button class="doc-card__button doc-card__button--primary">'),aa=$("<strong class=pkg-line>"),ia=$("<span class=pkg-line__version> "),sa=$("<p class=doc-card__notice>couldn't load it: "),la=$("<button type=button class=doc-card__link>open doc with "),da=$("<p>we couldn't get it from anywhere we looked.<br>that might mean:"),ca=$("<ul class=doc-card__reasons><li>the person who sent you the link hasn't given you access yet</li><li>it hasn't finished syncing from their device yet</li><li>something's wrong with the "),ua=$("<p>we'll keep looking. if it turns up, it'll open right here."),pa=$("<button type=button class=doc-card__sync>sync server"),ha=$("<span class=doc-card__sync-told role=status> (<!>)"),fa=$("<p>the doc is here, but the tool that shows it didn't load."),ma=$("<p class=doc-card__notice>"),ga=$("<p>a bit of it got lost or changed on the way here, so it can't point at any doc. maybe a character dropped when it was copied, or the link got cut short."),ba=$("<p>if someone sent it to you, ask them for the link again."),va=$('<p class=doc-card__aside><code class="doc-card__code doc-card__url">');function ze(e){let r;return xa(()=>{r.dispatchEvent(new CustomEvent("patchwork:no-tool",{bubbles:!0,composed:!0,detail:{url:e.url}}))}),(()=>{var t=Qn(),o=t.firstChild,n=o.nextSibling,i=n.firstChild,a=r;return typeof a=="function"?Zn(a,t):r=t,T(i,()=>e.title),T(n,()=>e.children,null),t})()}function hr(){return ea()}function fr(e){let[r,t]=ve(!1),[o,n]=ve(),[i]=ya(()=>e.suggestion,l=>er(l).catch(()=>{}));async function a(l){if(window.confirm(`Load this package?
+
+${l}
+
+Its code runs in this page and can read and change your documents. Only load it if you trust where it came from.`)){n(void 0),t(!0);try{let s=await wa(l);if(!Array.isArray(s?.plugins))throw new Error("it doesn't export any plugins");_a(s.plugins,l)}catch(s){console.error(`couldn't load the package at ${l}`,s),n(s?.message??String(s))}finally{t(!1)}}}let c=()=>{let l=i();return l&&(l.title||l.name)?l:void 0};return I(ze,{get url(){return e.url},title:"no tool for this",get children(){return[(()=>{var l=ta(),d=l.firstChild,s=d.nextSibling;return T(s,()=>e.type),l})(),I(N,{get when(){return e.suggestion},get fallback(){return oa()},children:l=>[(()=>{var d=na(),s=d.firstChild;return T(d,I(N,{get when(){return c()},fallback:"a package.",children:u=>[(()=>{var h=aa();return T(h,()=>u().title??u().name),h})(),I(N,{get when(){return u().version},children:h=>(()=>{var b=ia(),w=b.firstChild;return T(b,h,null),b})()}),"."]}),null),d})(),(()=>{var d=pr(),s=d.firstChild;return s.$$click=()=>void a(l()),T(s,()=>r()?"loading\u2026":"load package"),nt(()=>s.disabled=r()),d})(),I(N,{get when(){return o()},children:d=>(()=>{var s=sa(),u=s.firstChild;return T(s,d,null),s})()})]}),I(N,{get when(){return e.suggestion||e.anything},get children(){var l=ra();return T(l,I(N,{get when(){return e.suggestion},children:d=>I(cr,{get url(){return d()},get repo(){return e.repo},get claims(){return i()},get claimsLoading(){return i.loading}})}),null),T(l,I(N,{get when(){return e.anything},children:d=>(()=>{var s=la(),u=s.firstChild;return s.$$click=()=>e.onPeek(d().id),T(s,()=>d().name.toLowerCase(),null),s})()}),null),l}})]}})}function mr(e){let r=e.repo,t=typeof r.isSubductionConnected=="function",[o,n]=ve(t?r.isSubductionConnected():void 0),i=a=>{let c=o();n(a),a&&c===!1&&e.onRetry()};if(t&&r.on&&r.off){let a=c=>i(c.connected);r.on("subduction-connection",a),ur(()=>r.off("subduction-connection",a))}if(t){let a=setInterval(()=>i(r.isSubductionConnected()),2e3);ur(()=>clearInterval(a))}return I(ze,{get url(){return e.url},title:"can't load this doc",get children(){return[da(),(()=>{var a=ca(),c=a.firstChild,l=c.nextSibling,d=l.nextSibling,s=d.firstChild;return T(d,I(N,{get when(){return o()!==void 0},fallback:"sync server",get children(){return I(ka,{get connected(){return o()}})}}),null),a})(),ua()]}})}function ka(e){let[r,t]=ve(!1),o=()=>`sync server: ${e.connected?"connected":"disconnected"}`;return[(()=>{var n=pa();return n.$$click=()=>t(i=>!i),nt(i=>{var a=e.connected?"":void 0,c=o(),l=o(),d=r();return a!==i.e&&Me(n,"data-connected",i.e=a),c!==i.t&&Me(n,"title",i.t=c),l!==i.a&&Me(n,"aria-label",i.a=l),d!==i.o&&Me(n,"aria-expanded",i.o=d),i},{e:void 0,t:void 0,a:void 0,o:void 0}),n})(),I(N,{get when(){return r()},get children(){var n=ha(),i=n.firstChild,a=i.nextSibling,c=a.nextSibling;return T(n,()=>e.connected?"connected":"disconnected",a),n}})]}function gr(e){let[r,t]=ve(!1),o=async()=>{t(!0);try{await e.onRetry()}finally{t(!1)}};return I(ze,{get url(){return e.url},get title(){return`can't load ${e.name}`},get children(){return[fa(),(()=>{var n=ma();return T(n,()=>e.error),n})(),(()=>{var n=pr(),i=n.firstChild;return i.$$click=()=>void o(),T(i,()=>r()?"trying\u2026":"try again"),nt(()=>i.disabled=r()),n})()]}})}function br(e){return I(ze,{get url(){return e.url},title:"this link is broken",get children(){return[ga(),ba(),(()=>{var r=va(),t=r.firstChild;return T(t,()=>e.url),r})()]}})}Kn(["click"]);var Ca=je("<div class=document-view>"),xr=je("<patchwork-view>",!0,!1,!1),$a=je("<div class=placeholder>Select a document in the sidebar"),Sa=je("<div class=doc-stack>");function kr({viewKey:e,selectedDocUrl:r,toolId:t,ref:o}){let n,[i,a]=q();return Ra(()=>{a(n.closest("repo-provider")?.repo??null)}),(()=>{var c=Ca();return yr(l=>{n=l,o?.(l)},c),B(c,R(H,{get when(){return Ue(()=>i()!==void 0)()&&e()},keyed:!0,children:l=>R(H,{get when(){return i()},get fallback(){return(()=>{var d=xr();return d._$owner=_r(),wr(s=>{var u=r(),h=t();return u!==s.e&&(d.docUrl=s.e=u),h!==s.t&&(d.toolId=s.t=h),s},{e:void 0,t:void 0}),d})()},children:d=>R(Fa,{get url(){return r()},toolId:t,get repo(){return d()}})})}),null),B(c,(()=>{var l=Ue(()=>!r());return()=>l()&&$a()})(),null),c})()}function Fa(e){let r=Ia("patchwork:tool"),[t,o]=q(0);se(r.on("changed",()=>{o(p=>p+1)}));let[n,i]=q({state:"finding"}),[a,c]=q(),l=()=>e.toolId()??a(),[d,s]=q(!1),[u,h]=q(0),b=!1;se(()=>b=!0);async function w(){try{let p=await e.repo.find(e.url);if(b)return;let _=n().state==="unavailable";i({state:"ready",doc:p.doc()}),_&&!d()&&h(k=>k+1)}catch(p){if(b)return;let _=Pa(p);i({state:_?"invalid":"unavailable"}),_||f(k=>k+1)}}let[g,f]=q(0),m,y;function A(){y?.(),m=La(e.repo,e.url),y=m?.subscribe(p=>{p.state==="ready"&&n().state==="unavailable"&&w()})}se(()=>y?.()),w(),A();function D(){let p=e.repo;if(typeof p.resyncSubduction=="function")try{p.resyncSubduction(Ea(e.url).documentId)}catch{}}let U;se(()=>clearTimeout(U));function V(p=1e3){D(),clearTimeout(U),U=setTimeout(()=>void w(),p)}vr(()=>{let p=g();p===0||n().state!=="unavailable"||d()||(V(Math.min(3e4,3e3*2**(p-1))),se(()=>clearTimeout(U)))});let Y=Oe(()=>{t();let p=n();if(p.state!=="ready")return p;let _=p.doc,k=_?Aa(_):void 0;if(!k)return{state:"open",toolId:void 0};let E=l(),P;if(!E){let M=Cr(()=>Da(_));M&&Ma(M.supportedDatatypes,k)?P={id:M.id,name:M.name}:M&&(E=M.id)}return E&&r.get(E)?{state:"open",toolId:E}:{state:"no-tool",type:k,suggestion:Ta(_),anything:P}}),z=Oe(()=>Y().state),j=Oe(()=>{let p=Y();return p.state==="open"?p.toolId:void 0}),[le,de]=q();async function _e(p){try{return await r.load(p),j()===p&&de(void 0),!0}catch(_){return j()===p&&de({id:p,message:_ instanceof Error?_.message:String(_)}),!1}}vr(()=>{let p=j();de(void 0),p&&_e(p)});async function ye(){let p=le()?.id;p&&await _e(p)&&h(_=>_+1)}let S=Oe(()=>{let p=Y();return p.state==="no-tool"?p:void 0});return(()=>{var p=Sa();return yr(_=>{let k=E=>{let P=E.detail;P?.url&&P.url!==e.url||(s(!0),n().state==="unavailable"&&w())};_.addEventListener("patchwork:mounted",k),se(()=>_.removeEventListener("patchwork:mounted",k))},p),B(p,R(H,{get when(){return Ue(()=>z()==="open")()&&!le()||z()==="unavailable"},get children(){return R(H,{get when(){return u()+1},keyed:!0,children:_=>(()=>{var k=xr();return k._$owner=_r(),wr(E=>{var P=e.url,M=l();return P!==E.e&&(k.docUrl=E.e=P),M!==E.t&&(k.toolId=E.t=M),E},{e:void 0,t:void 0}),k})()})}}),null),B(p,R(H,{get when(){return z()==="finding"},get children(){return R(hr,{})}}),null),B(p,R(H,{get when(){return le()},children:_=>R(gr,{get url(){return e.url},get name(){return r.get(_().id)?.name??_().id},get error(){return _().message},onRetry:ye})}),null),B(p,R(H,{get when(){return z()==="invalid"},get children(){return R(br,{get url(){return e.url}})}}),null),B(p,R(H,{get when(){return Ue(()=>z()==="unavailable")()&&!d()},get children(){return R(mr,{get url(){return e.url},get repo(){return e.repo},onRetry:V})}}),null),B(p,R(H,{get when(){return S()},children:_=>R(fr,{get url(){return e.url},get type(){return _().type},get suggestion(){return _().suggestion},get anything(){return _().anything},onPeek:c,get repo(){return e.repo}})}),null),p})()}function La(e,r){let t=e.findWithProgress;if(typeof t=="function")return Cr(()=>{let o=t.call(e,r);return typeof o?.subscribe=="function"&&typeof o?.peek=="function"?o:void 0})}function Pa(e){let r=e?.message??String(e);return/invalid (automergeurl|document url|documentid|document id)/i.test(r)}function Ma(e,r){let t=e==="*"?["*"]:e??[];return t.includes("*")&&!t.includes(r)}function Cr(e){try{return e()}catch{return}}var za=at("<patchwork-view component=patchwork-draft-state-provider>",!0,!1,!1),Oa=at("<div class=frame__main-column><div class=frame__doc-column><div class=main-area>"),Ua=at("<patchwork-view component=patchwork-draft-overlay-provider><patchwork-view component=patchwork-comments-provider><patchwork-view component=patchwork-focus-provider>",!0,!1,!1);function Tr(e){let[r,t]=K(e.initialRightCollapsed()),[o,n]=K(e.initialRightWidth());$r(Er(r,h=>{try{localStorage.setItem(W.rightCollapsed,String(h))}catch{}},{defer:!0})),$r(Er(o,h=>{try{localStorage.setItem(W.rightWidth,String(h))}catch{}},{defer:!0}));let i=Ve("right",{isCollapsed:r,setCollapsed:t,setWidth:n});Wa(()=>{let h=()=>t(!0);window.addEventListener(xe,h),ja(()=>window.removeEventListener(xe,h))});let[a,c]=Je(K(),{name:W.contextToolId}),[l,d]=K(),s=Z("patchwork-draft-state-provider",l),u=()=>s()?l():void 0;return J(He,{get when(){return e.selectedDocUrl()},keyed:!0,children:h=>(()=>{var b=za();return Ne(d,b),b.docUrl=h,b._$owner=We(),we(b,J(He,{get when(){return u()},children:w=>J(Na,{get host(){return w()},get setMainDocElement(){return e.setMainDocElement},get selectedDocUrl(){return e.selectedDocUrl},get selectedToolId(){return e.selectedToolId},get doctitleSlots(){return e.doctitleSlots},get isLeftCollapsed(){return e.isLeftCollapsed},isRightSidebarCollapsed:r,setIsRightSidebarCollapsed:t,rightSidebarWidth:o,get handleMouseDown(){return i.handleMouseDown},get handleToggleClick(){return i.handleToggleClick},selectedContextToolId:a,setSelectedContextToolId:c})})),b})()})}function Na(e){let r=ce("context-tool"),t=()=>r().length>0,o=Sr(()=>e.selectedDocUrl()),[n,i]=K(),a=Z("patchwork-draft-overlay-provider",n),[c,l]=K(),d=Z("patchwork-comments-provider",c),[s,u]=K(),h=Z("patchwork-focus-provider",s),b=Sr(()=>a()&&d()&&h());return(()=>{var w=Ua(),g=w.firstChild,f=g.firstChild;return Ne(i,w),w._$owner=We(),Ne(l,g),g._$owner=We(),Ne(u,f),f._$owner=We(),we(f,J(He,{get when(){return b()},get children(){var m=Oa(),y=m.firstChild,A=y.firstChild;return we(y,J(Xt,{get docUrl(){return e.selectedDocUrl},get toolSlots(){return e.doctitleSlots},get isLeftCollapsed(){return e.isLeftCollapsed},hasContext:t,get isRightCollapsed(){return e.isRightSidebarCollapsed},onToggleRight:()=>e.setIsRightSidebarCollapsed(D=>!D)}),A),we(A,J(kr,{viewKey:o,get selectedDocUrl(){return e.selectedDocUrl},get toolId(){return e.selectedToolId},ref:D=>e.setMainDocElement?.(D)})),we(m,J(He,{get when(){return t()},get children(){return J(Ht,{get selectedToolId(){return e.selectedContextToolId},get setSelectedToolId(){return e.setSelectedContextToolId},get isCollapsed(){return e.isRightSidebarCollapsed},get width(){return e.rightSidebarWidth},get onMouseDown(){return e.handleMouseDown},get onToggleClick(){return e.handleToggleClick},onCollapse:()=>e.setIsRightSidebarCollapsed(!0)})}}),null),m}})),w})()}var qe=`:root,
+:host,
+[theme] {
+  --threepane-bg: var(--studio-fill, white);
+  --threepane-sidebar-fill: var(--studio-chrome, var(--studio-fill, white));
+  --threepane-fg: var(--studio-line, black);
+  /* ink for text sitting ON the sidebar/account-bar chrome surface. mirrors the
+     toolbar/context-sidebar fg: it rides --studio-chrome-line (the chrome's own
+     ink) so it tracks the chrome palette, not the content page. --threepane-fg
+     is content ink and only belongs on --threepane-bg surfaces. */
+  --threepane-sidebar-fg: var(--studio-chrome-line, var(--studio-line, black));
+  --threepane-muted: var(--studio-line-offset-50, #999);
+  --threepane-family: var(--studio-family-sans, system-ui, sans-serif);
+  --threepane-family-code: var(--studio-family-code, ui-monospace, monospace);
+
+  /* spacing scale, aliased from the base theme */
+  --threepane-space-3xs: var(--studio-space-3xs, 0.125rem);
+  --threepane-space-2xs: var(--studio-space-2xs, 0.25rem);
+  --threepane-space-xs: var(--studio-space-xs, 0.375rem);
+  --threepane-space-sm: var(--studio-space-sm, 0.5rem);
+  --threepane-space: var(--studio-space, 0.75rem);
+  --threepane-space-md: var(--studio-space-md, 1rem);
+  --threepane-space-2xl: var(--studio-space-2xl, 3rem);
+
+  /* radius scale, aliased from the base theme */
+  --threepane-radius-xs: var(--studio-radius-xs, 2px);
+  --threepane-radius-sm: var(--studio-radius-sm, 4px);
+  --threepane-radius-md: var(--studio-radius-md, 8px);
+  --threepane-radius-round: var(--studio-radius-round, 9999px);
+
+  /* Height of the frame's top strip: the top bar over the main column, and the
+     matching empty space reserved above the left sidebar's widgets so the two
+     line up and the left toggle has a home. */
+  --threepane-header-height: calc(
+    env(safe-area-inset-top, 0px) + var(--threepane-space-2xl)
+  );
+
+  /* the left footer and right tray boxes share one height so they line up. */
+  --threepane-tray-height: var(--threepane-space-2xl);
+  /* sidebar toggles ride a touch paler than the line (first ink offset). they
+     sit on chrome (left toggle over the sidebar, right over the toolbar), so
+     they use the chrome ink ramp, not the content one. */
+  --threepane-toggle-fg: var(--studio-chrome-line-offset-10, var(--studio-line-offset-10, #333));
+
+  --threepane-toolbar: var(--studio-chrome, white);
+  /* toolbar text rides on the chrome surface, so it uses the chrome ink */
+  --threepane-toolbar-fg: var(--studio-chrome-line, var(--studio-line, black));
+  --threepane-toolbar-border: var(--studio-chrome-offset-10, #ddd);
+  /* Resize handle: a faint 1px divider that tracks the chrome ramp's contrast
+     (it mixes toward the chrome ink, so it reads darker on light themes and
+     lighter on dark ones), plus a primary-tinted glow + grab pill on hover. */
+  --threepane-sidebar-divider: var(--studio-chrome-offset-20, #d4d4d4);
+  --threepane-resize-glow: color-mix(in oklch, var(--studio-primary-fill, var(--studio-primary, #35f7ca)), transparent 35%);
+  --threepane-resize-pill: var(--studio-primary-fill, var(--studio-primary, #35f7ca));
+
+  /* The context (right) sidebar sits on a chrome surface stepped one offset off
+     the toolbar's flat chrome, so the two chrome regions read as distinct. */
+  --threepane-context-sidebar-fill: var(--studio-chrome-offset-10, #ececec);
+
+  /* Context sidebar (tabbed) */
+  --context-sidebar-bg: var(--threepane-context-sidebar-fill);
+  /* the tab-bar header rides on the same flat chrome as the toolbar above it,
+     so the two chrome strips read as one continuous band */
+  --context-sidebar-header-bg: var(--studio-chrome, #f2f2f2);
+  --context-sidebar-fg: var(--studio-chrome-line, var(--studio-line, black));
+  /* match the lines drawn around the document-view so tab/tray edges read as
+     one continuous frame */
+  --context-sidebar-border: var(--threepane-toolbar-border);
+  --context-sidebar-tab-fg: var(--studio-chrome-line-offset-40, var(--studio-line-offset-40, #666));
+  --context-sidebar-tab-hover: var(--studio-chrome-offset-10, #e5e5e5);
+  --context-sidebar-tab-active-bg: var(--studio-fill, white);
+  --context-sidebar-tab-active-fg: var(--studio-line, black);
+  --context-sidebar-tab-active-accent: var(--studio-primary-line, var(--studio-primary, #35f7ca));
+  /* the content panel shares the active tab's surface so the selected tab
+     connects seamlessly into the tool view below it */
+  --context-sidebar-content-bg: var(--context-sidebar-tab-active-bg);
+  --context-sidebar-family: var(--studio-family-sans, system-ui, sans-serif);
+}
+
+.frame-shell {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.frame-warning-banner {
+  flex: none;
+  padding: var(--threepane-space-2xs) var(--threepane-space-sm);
+  text-align: center;
+  text-transform: uppercase;
+  font-family: var(--studio-family-ui, var(--threepane-family));
+  font-size: 0.75rem;
+  background: var(--studio-warning-fill, yellow);
+  color: var(--studio-warning-line);
+}
+
+.frame {
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex: 1;
+  min-height: 0;
+  font-family: var(--threepane-family);
+  color: var(--threepane-fg);
+  background: var(--threepane-bg);
+}
+
+.frame__version {
+  position: absolute;
+  top: var(--threepane-space-2xs);
+  right: var(--threepane-space-sm);
+  z-index: var(--studio-layer-raised, 10);
+  color: var(--threepane-muted);
+  font-size: 0.75rem;
+  font-weight: 500;
+  pointer-events: none;
+  user-select: none;
+}
+
+.sidebar {
+  position: relative;
+  display: flex;
+  flex: none;
+  /* visible so the resize handle can straddle the boundary (sit on *both*
+     sides of the divider line); the content clips itself instead. z-index lifts
+     the handle's outer half above the main area so it stays grabbable. */
+  overflow: visible;
+  z-index: 1;
+}
+
+.sidebar[data-collapsed] {
+  overflow: visible;
+}
+
+.sidebar[data-side="left"] {
+  background: var(--threepane-sidebar-fill);
+  color: var(--threepane-sidebar-fg);
+}
+
+.sidebar[data-side="right"] {
+  background: var(--threepane-context-sidebar-fill);
+}
+
+.main-area {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* The main column (right of the left sidebar): a row of
+   [document column | right sidebar], so the right sidebar spans the full frame
+   height and its resize divider runs top-to-bottom exactly like the left one. */
+.frame__main-column {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* The document column: the top bar over the main document view. Sits left of the
+   full-height context sidebar. */
+.frame__doc-column {
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.frame__doc-column > patchwork-view,
+.frame__doc-column > patchwork-view > patchwork-view,
+.frame__doc-column > patchwork-view > patchwork-view > patchwork-view,
+.frame__doc-column
+  > patchwork-view
+  > patchwork-view
+  > patchwork-view
+  > patchwork-view {
+  display: contents;
+}
+
+/* The full-width top toolbar. Its height + top safe-area inset match the
+   sideboard's reserved top margin so the bar reads as continuous across the top
+   (the left sidebar's empty top region lines up with it). */
+.frame__topbar {
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+  min-height: var(--threepane-space-2xl);
+  padding-top: env(safe-area-inset-top, 0px);
+  padding-inline: var(--threepane-space-2xs);
+  gap: var(--threepane-space-2xs);
+  background: var(--threepane-toolbar);
+  color: var(--threepane-toolbar-fg);
+  /* A hairline along the bottom, in the same colour as the document-view's
+     border, so the line under the bar runs unbroken across the whole width
+     (document column + context tabs). The active tab pulls down 1px to break
+     through it and connect to its panel below. */
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--threepane-toolbar-border);
+  /* Animate the collapsed left-slot in step with the sidebar's width transition
+     so the title glides up against the pinned toggle instead of jumping. */
+  transition: padding-left var(--studio-transition-slow, 0.25s ease);
+}
+
+/* When the left sidebar is collapsed the bar's left edge reaches the frame edge,
+   where the pinned left toggle lives; reserve a matching slot so the title slides
+   up against the toggle rather than under it. */
+.frame__topbar--left-collapsed {
+  padding-left: var(--threepane-space-2xl);
+}
+
+/* The left sidebar toggle, pinned to the frame's top-left corner so it keeps the
+   same spot whether the sidebar is open or closed. Square, filling the top strip;
+   sits over the sidebar's reserved (empty) top area when open. */
+.frame__left-toggle {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 5;
+  width: var(--threepane-space-2xl);
+  height: var(--threepane-header-height);
+  padding-top: env(safe-area-inset-top, 0px);
+}
+
+/* A sidebar toggle at either end of the top bar (always present). */
+.frame__sidebar-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding-inline: var(--threepane-space-sm);
+  border: none;
+  background: transparent;
+  color: var(--threepane-toggle-fg);
+  cursor: var(--studio-cursor-pointer, pointer);
+  transition: color var(--studio-transition-fast, 0.1s ease);
+}
+
+.frame__sidebar-toggle:hover {
+  color: var(--threepane-sidebar-fg);
+}
+
+/* The document title, rendered intrinsically: shrinks to the title's width but
+   never past half the bar; ellipsis beyond. */
+.threepane__title {
+  display: flex;
+  align-items: center;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 50%;
+  overflow: hidden;
+  padding-inline: var(--threepane-space-sm);
+}
+
+.threepane__title-text {
+  font-weight: 600;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.threepane__title-text--editable {
+  cursor: var(--studio-cursor-text, text);
+}
+
+.threepane__title-text--editable:hover {
+  opacity: 0.7;
+}
+
+.threepane__title-input {
+  font: inherit;
+  font-weight: 600;
+  color: inherit;
+  min-width: 0;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+}
+
+/* built-in spacer between the title and the right-hand tools */
+.threepane__spacer {
+  flex: 1;
+  min-width: var(--threepane-space-sm);
+}
+
+/* configured doctitle tools at the right end; scroll horizontally when they
+   overflow rather than squashing. */
+.threepane__doctitle-tools {
+  display: flex;
+  align-items: center;
+  gap: var(--threepane-space-sm);
+  min-width: 0;
+  padding-inline: var(--threepane-space-sm);
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
+}
+
+.threepane__doctitle-tools::-webkit-scrollbar {
+  display: none;
+}
+
+.threepane__doctitle-tools patchwork-view {
+  display: flex;
+  align-items: center;
+  height: 2rem;
+  flex-shrink: 0;
+  width: auto;
+}
+
+.document-view {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  /* Left divider only, square corners. The top line is the top bar's
+     border-bottom and the bottom is open to the frame edge. The right divider
+     (to the context sidebar) is the sidebar's own full-height border-left, so
+     it runs the whole frame height rather than just the document view. When the
+     left sidebar is collapsed the left divider is dropped (see the :has rule
+     below) so nothing rides the frame edge. */
+  border-left: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--threepane-toolbar-border);
+}
+
+/* Left sidebar collapsed to 0: drop the document-view's left divider so there's
+   no stray line hugging the frame's left edge. */
+.frame:has(.sidebar[data-side="left"][data-collapsed]) .document-view {
+  border-left: none;
+}
+
+.document-view patchwork-view {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: var(--threepane-fg);
+}
+
+/* the main doc, and what's said in its place when it can't be shown. the
+   cards lie over the patchwork-view (which may still be recovering) */
+.doc-stack {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+/* a card in place of a doc: the sheet lattice and knit draw, in the theme's
+   colours, with its serif drawn a little by hand (but holding still) */
+.doc-card {
+  --doc-card-ink: var(--studio-line, #1c1a17);
+  --doc-card-muted: var(--studio-line-offset-50, color-mix(in oklab, var(--doc-card-ink) 55%, transparent));
+  --doc-card-line: var(--studio-chrome-line, var(--doc-card-ink));
+  --doc-card-sheet: var(--editor-fill, var(--text-editor-fill, var(--studio-fill, #fffdf5)));
+  --doc-card-highlighter: var(--studio-selection-fill, #ffee8888);
+  --doc-card-accent: var(--studio-primary-fill, var(--studio-primary, #ff2284));
+  --doc-card-accent-ink: var(--studio-primary-line, #fff);
+  --doc-card-danger: var(--studio-danger-text, var(--studio-danger, #d33a4c));
+  --doc-card-good: var(--studio-added, #40dcba);
+  --doc-card-radius: var(--studio-radius-sm, 3px);
+  --doc-card-serif: "Fraunces", "Iowan Old Style", Palatino, Georgia, serif;
+  --doc-card-mono: var(--studio-family-code, Monaco, ui-monospace, monospace);
+
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: grid;
+  box-sizing: border-box;
+  place-items: center;
+  overflow: auto;
+  padding: 16px;
+  background: var(--threepane-bg);
+  color: var(--doc-card-ink);
+  font-family: var(--studio-family-ui, var(--threepane-family));
+  /* a doc that's only slow shouldn't flash a card on its way in */
+  animation: doc-card-in var(--studio-duration-slow, 0.3s) ease 0.4s both;
+}
+
+@keyframes doc-card-in {
+  from { opacity: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .doc-card {
+    animation-duration: 0.01s;
+  }
+}
+
+.doc-card__defs {
+  position: absolute;
+  width: 0;
+  height: 0;
+}
+
+.doc-card__sheet {
+  box-sizing: border-box;
+  max-width: 440px;
+  padding: 24px 28px 20px;
+  border: 1px solid var(--doc-card-line);
+  border-radius: 0.5em;
+  background: var(--doc-card-sheet);
+  box-shadow: 0 0 10px 2px #66003322;
+  text-align: center;
+
+  & p {
+    margin: 0 0 12px;
+    color: var(--doc-card-muted);
+  }
+}
+
+.doc-card__rough {
+  margin: 0 0 6px;
+  font: 400 28px/1.1 var(--doc-card-serif);
+  filter: url(#doc-card-rough);
+}
+
+.doc-card__code {
+  padding: 1px 5px;
+  border-radius: var(--doc-card-radius);
+  background: var(--doc-card-highlighter);
+  color: var(--doc-card-ink);
+  font: 11px var(--doc-card-mono);
+}
+
+.doc-card__url {
+  display: inline-block;
+  max-width: 100%;
+  margin-top: 4px;
+  overflow-wrap: anywhere;
+}
+
+.doc-card__reasons {
+  margin: 0 0 12px;
+  padding: 0 0 0 1.2em;
+  color: var(--doc-card-muted);
+  text-align: left;
+
+  & li + li {
+    margin-top: 4px;
+  }
+}
+
+/* how the sync server looks from here */
+/* "sync server", in the colour of the connection as it stands. a button, so
+   a tap can say which on a phone, where a title never shows */
+.doc-card__sync {
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--doc-card-danger);
+  font: inherit;
+  text-decoration: underline dotted;
+  text-underline-offset: 3px;
+  cursor: help;
+
+  &[data-connected] {
+    color: var(--doc-card-good);
+  }
+}
+
+.doc-card__sync-told {
+  color: var(--doc-card-ink);
+}
+
+.doc-card__actions {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  margin: 0 0 12px;
+}
+
+.doc-card__button {
+  padding: 2px 10px;
+  border: 1px solid var(--doc-card-line);
+  border-radius: 2px;
+  background: var(--doc-card-sheet);
+  box-shadow: 1px 1px 0 var(--doc-card-line);
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+
+  &:hover:not(:disabled) {
+    translate: -1px -1px;
+    box-shadow: 2px 2px 0 var(--doc-card-line);
+  }
+
+  &:active:not(:disabled) {
+    translate: 1px 1px;
+    box-shadow: none;
+  }
+
+  &:disabled {
+    cursor: progress;
+    opacity: 0.7;
+  }
+}
+
+.doc-card__button--primary {
+  min-width: 5em;
+  background: var(--doc-card-accent);
+  color: var(--doc-card-accent-ink);
+  font-weight: 600;
+}
+
+.doc-card__link {
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  cursor: pointer;
+}
+
+.doc-card__aside {
+  font-size: 0.9em;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.doc-card__notice {
+  color: var(--doc-card-danger) !important;
+}
+
+/* a suggested package, as its package.json names it */
+.pkg-line {
+  color: var(--doc-card-ink);
+}
+
+.pkg-line__version {
+  color: var(--doc-card-muted);
+}
+
+/* the card's quieter ways on, one to a line */
+.doc-card__links {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  font-size: 0.9em;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/* everything known about a suggested package. a popover, so it sits in the
+   top layer, but still inherits the card's colours */
+.pkg-about[popover] {
+  box-sizing: border-box;
+  width: min(440px, calc(100vw - 32px));
+  max-height: calc(100vh - 64px);
+  margin: auto;
+  overflow: auto;
+  padding: 18px 22px 16px;
+  border: 1px solid var(--doc-card-line);
+  border-radius: 0.5em;
+  background: var(--doc-card-sheet);
+  box-shadow: 0 0 10px 2px #66003322, 3px 3px 0 var(--doc-card-line);
+  color: var(--doc-card-ink);
+  font: 13px/1.45 var(--studio-family-ui, var(--threepane-family));
+  text-align: left;
+
+  &::backdrop {
+    background: color-mix(in oklab, var(--doc-card-ink) 12%, transparent);
+  }
+
+  & h3 {
+    margin: 0;
+    font-size: 22px;
+  }
+
+  & h4 {
+    margin: 0 0 6px;
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: var(--doc-card-muted);
+  }
+}
+
+.pkg-about__header {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.pkg-about__close {
+  font-size: 20px;
+  line-height: 1;
+  text-decoration: none;
+}
+
+.pkg-about__section {
+  margin: 0 0 14px;
+  padding: 10px 12px;
+  border: 1px solid var(--doc-card-line);
+  border-radius: var(--doc-card-radius);
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/* the package's own word gets a dashed edge and the highlighter: it's quoted,
+   not vouched for */
+.pkg-about__section--claims {
+  border-style: dashed;
+  background: color-mix(in oklab, var(--doc-card-highlighter) 35%, transparent);
+}
+
+.pkg-about__version {
+  color: var(--doc-card-muted);
+  font-size: 0.7em;
+}
+
+/* the claims are the package's own: say so where they're headed */
+.pkg-about__tag {
+  margin-left: 4px;
+  padding: 0 5px;
+  border: 1px dashed currentColor;
+  border-radius: var(--doc-card-radius);
+  font-weight: 400;
+  letter-spacing: 0.04em;
+}
+
+.pkg-about__quiet {
+  color: var(--doc-card-muted);
+}
+
+.pkg-about__facts {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  gap: 4px 12px;
+  margin: 0 0 8px;
+
+  & dt {
+    color: var(--doc-card-muted);
+  }
+
+  & dd {
+    min-width: 0;
+    margin: 0;
+    overflow-wrap: anywhere;
+  }
+}
+
+.pkg-about__list {
+  margin: 4px 0;
+  padding: 0 0 0 1.1em;
+}
+
+.pkg-about__heads {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.pkg-about__ask {
+  & .doc-card__notice {
+    margin: 6px 0 0;
+  }
+}
+
+/* still finding it: a quiet dot, once it's been a moment */
+.doc-card--finding {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  color: var(--doc-card-muted);
+  font-size: 0.9em;
+  animation-delay: 1.5s;
+}
+
+.doc-card__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: currentColor;
+  animation: doc-card-pulse 2s ease-in-out infinite;
+}
+
+@keyframes doc-card-pulse {
+  0%, 100% { opacity: 0.25; transform: scale(0.6); }
+  50% { opacity: 1; transform: scale(1); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .doc-card__dot {
+    animation: none;
+  }
+}
+
+.sidebar patchwork-view {
+  display: block;
+  width: 100%;
+  height: 100%;
+  /* the sidebar itself doesn't clip, so the content does */
+  overflow: hidden;
+}
+
+/* Context sidebar (tabbed): lifted tabs with a top accent bar and surface fill
+   on the active tab, a hover surface, and a bottom-border separator between the
+   tab bar and the mounted tool view. */
+.context-sidebar {
+  flex: 1;
+  min-width: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  font-family: var(--context-sidebar-family);
+  color: var(--context-sidebar-fg);
+  background: var(--context-sidebar-bg);
+  /* The full-height divider between the document column and the sidebar. Lives
+     here (not on the document view) so it runs the whole frame height \u2014 top bar
+     level included \u2014 and the resize handle straddling this edge is grabbable end
+     to end, matching the left sidebar. */
+  border-left: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--context-sidebar-border);
+}
+
+/* Tab bar: the row holding the tab list and the collapse button. Its height +
+   top safe-area inset match the document column's top bar so the two header
+   strips line up and their bottom hairlines read as one continuous line across
+   the divider. */
+.context-sidebar__tabs {
+  display: flex;
+  align-items: flex-end;
+  box-sizing: border-box;
+  min-height: var(--threepane-space-2xl);
+  padding-top: env(safe-area-inset-top, 0px);
+  background: var(--context-sidebar-header-bg);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--context-sidebar-border);
+}
+
+.context-sidebar__tablist {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  align-items: flex-end;
+  gap: var(--threepane-space-2xs);
+  padding-inline: var(--threepane-space-2xs);
+  /* when there are more tabs than fit, scroll them horizontally rather than
+     letting them shrink/wrap; scrollbar hidden for a clean header. */
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
+  /* extend the clip box 1px past the tab-bar border (compensated by the
+     negative margin so layout is unchanged) so the active tab's -1px overflow
+     isn't clipped by the horizontal scroll container, and it can still cover
+     the border-bottom to connect into the panel. */
+  padding-bottom: 1px;
+  margin-bottom: -1px;
+}
+.context-sidebar__tablist::-webkit-scrollbar {
+  display: none;
+}
+
+/* A single tab. */
+.context-sidebar__tab {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  padding: var(--threepane-space-xs) var(--threepane-space-sm);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) transparent;
+  border-bottom: none;
+  border-top-left-radius: var(--threepane-radius-xs);
+  border-top-right-radius: var(--threepane-radius-xs);
+  background: transparent;
+  font-family: inherit;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  color: var(--context-sidebar-tab-fg);
+  cursor: var(--studio-cursor-pointer, pointer);
+  user-select: none;
+  transition: background var(--studio-transition-fast, 0.1s ease),
+    color var(--studio-transition-fast, 0.1s ease);
+}
+
+.context-sidebar__tab:hover {
+  background: var(--studio-chrome-hover-fill, var(--context-sidebar-tab-hover));
+  color: var(--context-sidebar-tab-active-fg);
+}
+
+/* Exception: the selected tab. Pulled down 1px so its fill covers the tab-bar's
+   bottom border, connecting the tab seamlessly into the panel below. */
+.context-sidebar__tab[data-active] {
+  position: relative;
+  margin-bottom: -1px;
+  background: var(--context-sidebar-tab-active-bg);
+  color: var(--context-sidebar-tab-active-fg);
+  border-color: var(--context-sidebar-border);
+  box-shadow: inset 0 1px 0 0 var(--context-sidebar-tab-active-accent);
+}
+
+/* The close (collapse) button. Centred vertically in the tab header (the header
+   is otherwise flex-end for the tabs) so it lands at the same height as the
+   reopen toggle in the top bar when the sidebar is collapsed. */
+.context-sidebar__close {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+  flex-shrink: 0;
+  padding-inline: var(--threepane-space-sm);
+  margin-right: var(--threepane-space-2xs);
+  border: none;
+  background: transparent;
+  color: var(--context-sidebar-fg);
+  cursor: var(--studio-cursor-pointer, pointer);
+  opacity: 0.5;
+  transition: opacity var(--studio-transition-fast, 0.1s ease);
+}
+
+.context-sidebar__close:hover {
+  opacity: 1;
+}
+
+/* The mounted tool view. */
+.context-sidebar__content {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  background: var(--context-sidebar-content-bg);
+  contain: content;
+}
+
+.context-sidebar__content patchwork-view {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+/* Left sidebar body: a stack of widgets with the account footer pinned below. */
+.threepane-sidebar {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+}
+
+/* Reserve the docked tray's height at the sidebar's bottom so the account bar
+   sits above the tray (which is pinned outside this collapsing column). */
+.threepane-sidebar--has-tray {
+  padding-bottom: calc(
+    var(--threepane-tray-height) + env(safe-area-inset-bottom, 0px)
+  );
+}
+
+/* account / packages / settings footer, pinned to the sidebar bottom */
+.threepane-sidebar--has-tray .threepane-sidebar__footer {
+  flex: none;
+  margin-bottom: calc(var(--threepane-tray-height) + env(safe-area-inset-bottom, 0px));
+}
+
+/* The inlined account bar: avatar (account picker) + Packages + Settings. */
+.threepane-account-bar {
+  container-type: inline-size;
+  display: flex;
+  align-items: center;
+  gap: var(--threepane-space-md);
+  min-height: var(--threepane-space-2xl);
+  box-sizing: border-box;
+  background: var(--threepane-sidebar-fill);
+  color: var(--threepane-sidebar-fg);
+  border-top: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--threepane-sidebar-divider);
+  padding-block: var(--threepane-space-2xs);
+  padding-bottom: calc(var(--threepane-space-2xs) + env(safe-area-inset-bottom));
+  padding-left: calc(env(safe-area-inset-left) + var(--threepane-space-md));
+  padding-right: calc(env(safe-area-inset-right) + var(--threepane-space-md));
+  justify-content: space-between;
+  overflow: hidden;
+}
+
+.threepane-account-bar__button {
+  display: flex;
+  align-items: center;
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) transparent;
+  padding-inline: var(--threepane-space-2xs);
+  padding-block: var(--threepane-space-3xs);
+  border-radius: var(--threepane-radius-xs);
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  white-space: nowrap;
+  cursor: var(--studio-cursor-pointer, pointer);
+}
+
+.threepane-account-bar__button:hover {
+  border-color: var(--threepane-sidebar-divider);
+}
+
+.threepane-account-bar__avatar {
+  padding: 0;
+}
+
+.threepane-account-bar__avatar patchwork-view {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+/* Left sidebar: a stack of configured widgets. The widgets start below the
+   frame's top strip (the empty space matching the top bar), so the frame owns
+   that spacing rather than each widget reserving its own top margin. */
+.threepane-widgets {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 0;
+  padding-top: var(--threepane-header-height);
+  gap: 1rem;
+}
+
+.threepane-widget {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.threepane-widget patchwork-view {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+/* empty state: offer to add the document list */
+.threepane-widgets__empty {
+  flex: 1;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.threepane-widgets__add {
+  padding: var(--threepane-space-xs) var(--threepane-space-sm);
+  border: var(--studio-border-width, 1px) dashed var(--threepane-sidebar-divider);
+  border-radius: var(--threepane-radius-sm);
+  background: transparent;
+  color: var(--threepane-muted);
+  font: inherit;
+  cursor: var(--studio-cursor-pointer, pointer);
+  white-space: nowrap;
+}
+
+.threepane-widgets__add:hover:not(:disabled) {
+  color: var(--threepane-sidebar-fg);
+  border-color: var(--threepane-sidebar-fg);
+}
+
+.threepane-widgets__add:disabled {
+  opacity: var(--studio-disabled-opacity, 0.5);
+  cursor: var(--studio-cursor-default, default);
+}
+
+/* System tray dock: pinned to the frame's bottom-left. Lives outside the
+   collapsing left sidebar so it isn't torn down when the sidebar closes. When
+   the sidebar is open the dock spans its width (set inline) and fills the space
+   reserved by \`threepane-sidebar--has-tray\`; when the sidebar closes the dock is
+   hidden (\`display: none\`) but stays mounted, so the tray is invisible while its
+   tools keep running. */
+.frame__tray-dock {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  z-index: 4;
+  box-sizing: border-box;
+  /* Fade the tray in only *after* the sidebar's width animation completes, so it
+     doesn't flash at full size over the still-expanding sidebar. The delay equals
+     the sidebar's transition duration; collapsing overrides this to hide at once. */
+  opacity: 1;
+  transition: opacity var(--studio-transition-fast, 0.1s ease) 0.25s;
+}
+
+.frame__tray-dock--collapsed {
+  opacity: 0;
+  pointer-events: none;
+  /* Hide immediately on collapse \u2014 no wait, no fade. */
+  transition: opacity 0s;
+}
+
+/* A row of tray-tagged tools, filling the dock. */
+.frame-tray {
+  display: flex;
+  align-items: center;
+  gap: var(--threepane-space-2xs);
+  box-sizing: border-box;
+  /* min-height includes the safe-area inset (border-box), and the matching
+     padding-bottom lifts the tray's contents clear of it while the tray's own
+     background fills the inset down to the very bottom edge. */
+  min-height: calc(
+    var(--threepane-tray-height) + env(safe-area-inset-bottom, 0px)
+  );
+  padding-inline: var(--threepane-space-sm);
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  border-top: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--threepane-sidebar-divider);
+  background: var(--threepane-sidebar-fill);
+}
+
+.frame-tray__item {
+  display: flex;
+  align-items: center;
+}
+
+.frame-tray patchwork-view {
+  display: flex;
+  width: auto;
+  height: auto;
+}
+
+/* Isolation-mode chrome popover.
+   In isolation the main document area is a sandboxed iframe, so host-realm tools
+   opened from the account bar (account picker / Packages / Settings) are floated
+   over the frame here instead of being routed into the iframe. The backdrop is a
+   lowish-opacity, theme-tinted ink wash (dims the frame + picks up the theme's
+   ink hue); the panel carries a soft drop shadow so it reads as lifted. Absolute
+   inset:0 resolves to the \`.frame\` (its nearest positioned ancestor). */
+.frame__popover-backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: var(--studio-layer-modal, 1000);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--threepane-space-2xl);
+  background: var(--studio-backdrop, color-mix(in oklch, var(--threepane-fg), transparent 82%));
+  animation: frame-popover-fade var(--studio-transition, 0.15s ease);
+}
+
+.frame__popover {
+  display: flex;
+  flex-direction: column;
+  width: min(1100px, 100%);
+  height: min(900px, 100%);
+  overflow: hidden;
+  background: var(--threepane-bg);
+  color: var(--threepane-fg);
+  border: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--threepane-toolbar-border);
+  border-radius: var(--threepane-radius-md);
+  box-shadow:
+    0 32px 80px color-mix(in oklch, var(--threepane-fg), transparent 45%),
+    0 12px 32px color-mix(in oklch, var(--threepane-fg), transparent 60%),
+    0 2px 8px color-mix(in oklch, var(--threepane-fg), transparent 70%);
+  animation: frame-popover-pop var(--studio-transition, 0.15s ease);
+}
+
+/* The "Open with" picker, docked to the popover's top. Sits at its natural
+   height above the tool body; the doc-openwith tool renders a small titlebar
+   button, so this is left-aligned chrome rather than a full-height view. */
+.frame__popover-toolbar {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: var(--threepane-space-sm);
+  padding: var(--threepane-space-sm) var(--threepane-space-md);
+  border-bottom: var(--studio-border-width, 1px) var(--studio-border-style, solid) var(--threepane-toolbar-border);
+}
+
+.frame__popover-toolbar patchwork-view {
+  display: block;
+}
+
+.frame__popover-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+}
+
+.frame__popover-body patchwork-view {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+@keyframes frame-popover-fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes frame-popover-pop {
+  from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.frame {
+.sidebar-toggle {
+  position: relative;
+  align-self: stretch;
+  height: 100%;
+  padding: 0;
+  /* 1px wide, overlapping the divider border while reserving no layout column
+     (content stays flush against the view's border - no offset-bg seam). The
+     divider border is painted inside the following column, so a centered 2px
+     strip reads half a pixel left of the line. */
+  width: 1px;
+  margin-inline: 0 -1px;
+  margin-block: 0;
+  border: 0;
+  z-index: 1;
+  cursor: var(--studio-cursor-pointer, pointer);
+  /* transparent at rest - the visible divider is the main view's border; the
+     handle lights up (full-height glow + pill) on hover to signal resize. */
+  background: transparent;
+  transition: background-color var(--studio-transition, 0.15s ease);
+  /* invisible hit target straddling the divider. The toggle sits on opposite
+     edges of the two sidebars (right edge of the left pane, left edge of the
+     right pane). The grab area reaches 6px past the line on both sides, so it
+     works the same on either edge without per-side rules. */
+  &::before {
+    content: "";
+    position: absolute;
+    inset-block: 0;
+    inset-inline: -6px;
+  }
+  &::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 5px;
+    height: 44px;
+    border-radius: var(--threepane-radius-round);
+    background: var(--threepane-resize-pill);
+    opacity: 0;
+    transform: translate(-50%, -50%) scaleY(0.55);
+    transition: opacity var(--studio-transition, 0.15s ease),
+      transform var(--studio-transition, 0.15s ease);
+    pointer-events: none;
+  }
+  /* on hover the divider line lights up in the frame primary */
+  &:hover,
+  &:active {
+    background: var(--threepane-resize-glow);
+  }
+  &:hover::after,
+  &:active::after {
+    opacity: 1;
+    transform: translate(-50%, -50%) scaleY(1);
+  }
+}
+
+.sidebar-toggle--resizable {
+  cursor: var(--studio-cursor-resize-col, col-resize);
+  &:hover {
+    cursor: var(--studio-cursor-resize-col, col-resize);
+  }
+  &:active {
+    cursor: var(--studio-cursor-resize-col, col-resize);
+  }
+}
+
+}
+
+/* Animate sidebar width on collapse/expand, but never while the handle is being
+   actively dragged - the width must track the pointer 1:1 with no easing lag.
+   The body flag is set for the duration of a drag by \`useSidebarResize\`. */
+.sidebar {
+  transition: width var(--studio-transition-slow, 0.25s ease);
+}
+body[data-sidebar-resizing] .sidebar {
+  transition: none;
+}
+`;function Ar(){let e="patchwork-frame-styles",r=document.getElementById(e);if(r){r.textContent!==qe&&(r.textContent=qe);return}let t=document.createElement("style");t.id=e,t.textContent=qe,document.head.append(t)}var Ya=Rr("<patchwork-view component=patchwork-isolation root-component=threepane-isolation-root shared-providers=patchwork:contact,patchwork:selected-doc,patchwork:worker-channel shared-tools=llm-config-tray style=display:contents><script type=application/json data-root-component-data>",!0,!1,!1),Xa=Rr("<div class=frame>");function cc(e){let r=Dr(()=>{let o=new Set,n=e.selectedDocUrl();return n&&o.add(n),e.contactUrl&&o.add(e.contactUrl),[...o]}),t=Dr(()=>JSON.stringify({selectedDocUrl:e.selectedDocUrl(),selectedToolId:e.selectedToolId(),doctitleSlots:e.doctitleSlots(),isLeftCollapsed:e.isLeftCollapsed(),initialRightWidth:e.initialRightWidth(),initialRightCollapsed:e.initialRightCollapsed()}));return(()=>{var o=Ya(),n=o.firstChild;return o._$owner=Va(),Fr(n,t),Ja(()=>Ba(o,"automerge-allowlist",r().join(","))),o})()}function Ir(e){if(!e?.textContent)return{};try{return JSON.parse(e.textContent)}catch(r){return console.error("[threepane-isolation-root] bad props JSON:",r),{}}}function uc(e){Ar();let r=e.querySelector('script[type="application/json"]'),[t,o]=Ga(Ir(r)),n=new MutationObserver(()=>{o(Ka(Ir(r)))});r&&n.observe(r,{characterData:!0,childList:!0,subtree:!0});let i=Za(()=>(()=>{var a=Xa();return Fr(a,qa(Tr,{selectedDocUrl:()=>t.selectedDocUrl,selectedToolId:()=>t.selectedToolId,doctitleSlots:()=>t.doctitleSlots,isLeftCollapsed:()=>t.isLeftCollapsed??!1,initialRightWidth:()=>t.initialRightWidth??ke,initialRightCollapsed:()=>t.initialRightCollapsed??!1})),a})(),e);return()=>{n.disconnect(),i()}}export{_t as a,pe as b,W as c,xe as d,ke as e,pt as f,ht as g,Or as h,Ve as i,Gr as j,Ut as k,Ze as l,Fl as m,Ll as n,kr as o,Tr as p,Ar as q,cc as r,uc as s};
+//# sourceMappingURL=chunk-LNR6ATYD.js.map