@inkandswitch/patchwork-pkg-base 0.0.103 → 0.0.104

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

@@ -0,0 +1,1210 @@
+import{a as je,b as Ir}from"./chunk-FW4363Y4.js";var mt=je((ki,ft)=>{var ee=1e3,te=ee*60,re=te*60,J=re*24,Zr=J*7,Qr=J*365.25;ft.exports=function(e,r){r=r||{};var t=typeof e;if(t==="string"&&e.length>0)return eo(e);if(t==="number"&&isFinite(e))return r.long?ro(e):to(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function eo(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*Qr;case"weeks":case"week":case"w":return t*Zr;case"days":case"day":case"d":return t*J;case"hours":case"hour":case"hrs":case"hr":case"h":return t*re;case"minutes":case"minute":case"mins":case"min":case"m":return t*te;case"seconds":case"second":case"secs":case"sec":case"s":return t*ee;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return t;default:return}}}}function to(e){var r=Math.abs(e);return r>=J?Math.round(e/J)+"d":r>=re?Math.round(e/re)+"h":r>=te?Math.round(e/te)+"m":r>=ee?Math.round(e/ee)+"s":e+"ms"}function ro(e){var r=Math.abs(e);return r>=J?_e(e,r,J,"day"):r>=re?_e(e,r,re,"hour"):r>=te?_e(e,r,te,"minute"):r>=ee?_e(e,r,ee,"second"):e+" ms"}function _e(e,r,t,o){var n=r>=t*1.5;return Math.round(e/t)+" "+o+(n?"s":"")}});var bt=je((Ci,gt)=>{function oo(e){t.debug=t,t.default=t,t.coerce=l,t.disable=a,t.enable=n,t.enabled=c,t.humanize=mt(),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 p=0;p<s.length;p++)u=(u<<5)-u+s.charCodeAt(p),u|=0;return t.colors[Math.abs(u)%t.colors.length]}t.selectColor=r;function t(s){let u,p=null,g,v;function m(...h){if(!m.enabled)return;let f=m,w=Number(new Date),T=w-(u||w);f.diff=T,f.prev=u,f.curr=w,u=w,h[0]=t.coerce(h[0]),typeof h[0]!="string"&&h.unshift("%O");let A=0;h[0]=h[0].replace(/%([a-zA-Z%])/g,(q,K)=>{if(q==="%%")return"%";A++;let z=t.formatters[K];if(typeof z=="function"){let B=h[A];q=z.call(f,B),h.splice(A,1),A--}return q}),t.formatArgs.call(f,h),(f.log||t.log).apply(f,h)}return m.namespace=s,m.useColors=t.useColors(),m.color=t.selectColor(s),m.extend=o,m.destroy=t.destroy,Object.defineProperty(m,"enabled",{enumerable:!0,configurable:!1,get:()=>p!==null?p:(g!==t.namespaces&&(g=t.namespaces,v=t.enabled(s)),v),set:h=>{p=h}}),typeof t.init=="function"&&t.init(m),m}function o(s,u){let p=t(this.namespace+(typeof u>"u"?":":u)+s);return p.log=this.log,p}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 p of u)p[0]==="-"?t.skips.push(p.slice(1)):t.names.push(p)}function i(s,u){let p=0,g=0,v=-1,m=0;for(;p<s.length;)if(g<u.length&&(u[g]===s[p]||u[g]==="*"))u[g]==="*"?(v=g,m=p,g++):(p++,g++);else if(v!==-1)g=v+1,m++,p=m;else return!1;for(;g<u.length&&u[g]==="*";)g++;return g===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}gt.exports=oo});var vt=je((I,ye)=>{I.formatArgs=ao;I.save=io;I.load=so;I.useColors=no;I.storage=lo();I.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`."))}})();I.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 no(){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 ao(e){if(e[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+e[0]+(this.useColors?"%c ":" ")+"+"+ye.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)}I.log=console.debug||console.log||(()=>{});function io(e){try{e?I.storage.setItem("debug",e):I.storage.removeItem("debug")}catch{}}function so(){let e;try{e=I.storage.getItem("debug")||I.storage.getItem("DEBUG")}catch{}return!e&&typeof process<"u"&&"env"in process&&(e=process.env.DEBUG),e}function lo(){try{return localStorage}catch{}}ye.exports=bt()(I);var{formatters:co}=ye.exports;co.j=function(e){try{return JSON.stringify(e)}catch(r){return"[UnexpectedJSONParseError]: "+r.message}}});import{template as Tr}from"solid-js/web";import{createComponent as Wa}from"solid-js/web";import{setAttribute as Na}from"solid-js/web";import{effect as Ha}from"solid-js/web";import{insert as Ar}from"solid-js/web";import{getOwner as qa}from"solid-js/web";import{createMemo as Sr}from"solid-js";import{createStore as Va,reconcile as Ya}from"solid-js/store";import{render as Xa}from"solid-js/web";import{template as rt}from"solid-js/web";import{insert as be}from"solid-js/web";import{getOwner as Me}from"solid-js/web";import{use as ze}from"solid-js/web";import{createComponent as H}from"solid-js/web";import{createUniqueId as Rr,untrack as at}from"solid-js";import{isServer as Fr,isDev as it}from"solid-js/web";import{reconcile as Lr}from"solid-js/store";function We(e,r={}){let t=r.storage||globalThis.localStorage,o=r.name||`storage-${Rr()}`;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){it&&console.warn(u)}}:s=>{try{let u=a(s);e[1](Lr(u))}catch(u){it&&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||!Fr&&(u.url||globalThis.location.href)!==globalThis.location.href||u.newValue===i(at(s))||l(u.newValue)})}return Object.assign([],e,{1:typeof e[0]=="function"?s=>{let u=e[1](s),p=s!=null?i(u):s;return r.sync?.[1](o,p),p!=null?t.setItem(o,p,n):t.removeItem(o,n),d=!1,u}:(...s)=>{e[1](...s);let u=at(()=>i(e[0]));r.sync?.[1](o,u),t.setItem(o,u,n),d=!1},2:c})}import{createEffect as _r,createMemo as yr,createSignal as G,on as kr,onCleanup as za,onMount as Oa,Show as Oe}from"solid-js";import{createEffect as st,createSignal as lt,on as dt}from"solid-js";var j={leftCollapsed:"patchwork:leftSidebarCollapsed",rightCollapsed:"patchwork:rightSidebarCollapsed",leftWidth:"patchwork:leftSidebarWidth",rightWidth:"patchwork:rightSidebarWidth",contextToolId:"patchwork:contextSidebarToolId"},we="patchwork:collapse-context-sidebar",xe=400;function ct(e,r){let t=localStorage.getItem(e);return t?parseInt(t,10):r}function ut(e){return localStorage.getItem(e)==="true"}function Pr(){let[e,r]=lt(ut(j.leftCollapsed)),[t,o]=lt(ct(j.leftWidth,xe));return st(dt(e,n=>{localStorage.setItem(j.leftCollapsed,String(n))})),st(dt(t,n=>{localStorage.setItem(j.leftWidth,String(n))})),{isSidebarCollapsed:e,setIsSidebarCollapsed:r,leftSidebarWidth:t,setLeftSidebarWidth:o}}import{onCleanup as Mr,onMount as zr}from"solid-js";var pt=180,Or=720,Ur=120,ht=3;function Ne(e,{isCollapsed:r,setCollapsed:t,setWidth:o}){let n=!1,i=null,a=!1,c=null,l=f=>{if(f<Ur){r()||t(!0),c=null;return}r()&&t(!1);let w=Math.min(Or,f);o(w),c=w},d=()=>{r()||c!==null&&c<pt&&o(pt)},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)},p=()=>{n=!1,i=null,document.body.style.userSelect="",document.body.removeAttribute("data-sidebar-resizing"),s?.remove(),s=null},g=f=>{f.preventDefault(),i={x:f.clientX,y:f.clientY},a=!1,c=null,n=!0,document.body.style.userSelect="none"},v=()=>{let f=n,w=a;p(),f&&w&&d()},m=f=>{if(!n||!i)return;let w=Math.abs(f.clientX-i.x),T=Math.abs(f.clientY-i.y);!a&&(w>ht||T>ht)&&(a=!0,u()),l(e==="left"?f.clientX:window.innerWidth-f.clientX)},h=f=>{if(a){f.preventDefault(),f.stopPropagation(),a=!1;return}t(w=>!w)};return zr(()=>{document.addEventListener("mousemove",m),document.addEventListener("mouseup",v),Mr(()=>{document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",v),n&&p()})}),{handleMouseDown:g,handleToggleClick:h}}import{createEffect as jr,createSignal as Wr,onCleanup as Nr}from"solid-js";var Q=(e,r)=>{let[t,o]=Wr(!1);return jr(()=>{let n=r();if(!n)return;o(!1);let i=a=>{a.detail?.componentId===e&&o(!0)};n.addEventListener("patchwork:mounted",i),Nr(()=>n.removeEventListener("patchwork:mounted",i))}),t};import{createEffect as Hr,createSignal as qr,onCleanup as Br}from"solid-js";var Jr=5e3,Vr=(e,r)=>{let[t,o]=qr(!1);return Hr(()=>{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),Jr);Br(()=>{n.removeEventListener("patchwork:mounted",a),n.removeEventListener("patchwork:no-tool",a),clearTimeout(c)})}),t};import{getRegistry as Yr}from"@inkandswitch/patchwork-plugins";import{createMemo as Xr,createSignal as Gr,onCleanup as Kr}from"solid-js";function de(e){let r=Yr("patchwork:component"),[t,o]=Gr(0),n=r.on("changed",()=>o(i=>i+1));return Kr(n),Xr(()=>(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 me}from"solid-js/web";import{delegateEvents as en}from"solid-js/web";import{getOwner as tn}from"solid-js/web";import{effect as Bt}from"solid-js/web";import{setAttribute as rn}from"solid-js/web";import{memo as Jt}from"solid-js/web";import{insert as ae}from"solid-js/web";import{createComponent as ie}from"solid-js/web";import{For as dn,Show as Ye}from"solid-js";import{template as Et}from"solid-js/web";import{delegateEvents as _o}from"solid-js/web";import{setAttribute as yo}from"solid-js/web";import{insert as ko}from"solid-js/web";import"solid-js/web";import{effect as St}from"solid-js/web";import{use as Tt}from"solid-js/web";import{createComponent as He}from"solid-js/web";var _t=Ir(vt(),1),yt=(0,_t.default)("cabbages");function wt(e){return typeof e=="object"&&typeof e!=null&&Object.getPrototypeOf(e)==Object.prototype}var uo="\uFFFC";function kt(e,...r){if(r.length==0){yt("empty patch");return}let[t,o,n]=r,i=[...t];for(;;){let a=i.shift();if(!i.length){let l=Array.isArray(o);if(wt(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 p=typeof n>"u",g=d===s&&!p,v=u&&!p,m=!g&&!p&&!v;if(typeof e[a]>"u"){if(typeof e=="string")return;typeof n=="string"?e[a]="":e[a]=[]}let h=e[a];if(Array.isArray(h)){if(v){Array.isArray(n)?h.push(...n):h.push(n);return}if(g||m){Array.isArray(n)?h.splice(d,s-d,...n):h.splice(d,s-d,n);return}if(p){h.splice(d,s-d);return}throw new Error("i don't know what happened")}if(typeof h=="string"){if(v){e[a]=h+n;return}if(m||g){e[a]=h.slice(0,d)+(typeof n=="string"?n:n.map(f=>typeof f=="string"?f:uo).join(""))+h.slice(s);return}if(p){e[a]=h.slice(0,d)+h.slice(s);return}throw new Error("i don't know what happened")}if(wt(h)&&l&&typeof o[0]=="string"){delete h[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 Ct(e,r){let t=e.path.slice(0,-1),o=e.path[e.path.length-1];switch(e.action){case"mark":case"unmark":return yt(`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 ke(e){return r=>{for(let t of e.patches)kt(r,...Ct(t,e))}}import{createMemo as mo}from"solid-js";import{onCleanup as po}from"solid-js";import{createStore as ho,produce as fo,reconcile as $t}from"solid-js/store";var ce=new WeakMap;function Ce(e){if(po(()=>{let i=ce.get(e);i&&(i.refs--||i.cleanup())}),ce.has(e)){let i=ce.get(e);return i.refs++,i.store}let[r,t]=ho(structuredClone(e.doc()));ce.set(e,{refs:0,store:r,cleanup(){e.off("change",o),e.off("delete",n),ce.delete(e)}});function o(i){if(i.scopeReplaced){t($t(i.doc??{}));return}t(fo(ke(i)))}function n(){t($t({}))}return e.on("change",o),e.on("delete",n),e.whenReady().then(()=>{t(structuredClone(e.doc()))}),r}import{getOwner as Fi,onCleanup as Li,createSignal as Pi,untrack as Mi,sharedConfig as zi,onMount as Oi,DEV as Ui,equalFn as ji}from"solid-js";import{isServer as Ni}from"solid-js/web";var oe=e=>typeof e=="function"&&!e.length?e():e;function $e(e){return mo(()=>oe(e)&&Ce(oe(e)))}import{createEffect as bo,createResource as vo,useContext as wo}from"solid-js";import{createContext as go}from"solid-js";var Se=go(null);function ue(e,r){let t=wo(Se);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=oe(e);if(!c)return;let l=o.findWithProgress(c).peek();return l.state==="ready"?l.handle:void 0}let[i,{mutate:a}]=vo(e,c=>o.findWithProgress(c).whenReady(),{initialValue:n()});return bo(()=>{oe(e)||a()}),i}function Ee(e,r){let t=ue(e,r);return[$e(t),t]}import{onCleanup as as}from"solid-js";import{createSignal as ss}from"solid-js";import{createEffect as cs,onCleanup as us}from"solid-js";import{createSignal as hs}from"solid-js";import{useContext as xs}from"solid-js";import{getType as $o}from"@inkandswitch/patchwork-filesystem";import{getRegistry as So,isLoadedPlugin as Eo}from"@inkandswitch/patchwork-plugins";import{createEffect as To,createMemo as Te,createSignal as qe,onCleanup as Ao,onMount as Dt,Show as It}from"solid-js";var At=Et("<span class=threepane__title-text>"),Co=Et("<input class=threepane__title-input type=text>");function Rt(e){let r,[t,o]=qe();return Dt(()=>{o(r.closest("repo-provider")?.repo)}),He(It,{get when(){return t()},get fallback(){return(()=>{var n=At(),i=r;return typeof i=="function"?Tt(i,n):r=n,n})()},children:n=>He(Do,{get docUrl(){return e.docUrl},get repo(){return n()}})})}function Do(e){let[r,t]=Ee(()=>e.docUrl(),{repo:e.repo}),o=So("patchwork:datatype"),[n,i]=qe(0);Dt(()=>{let m=o.on("changed",()=>i(h=>h+1));Ao(m)});let a=Te(()=>{let m=r();return m?$o(m):void 0});To(()=>{let m=a();m&&o.load(m)});let c=Te(()=>{n();let m=a();if(!m)return;let h=o.get(m);return h&&Eo(h)?h:void 0}),l=Te(()=>{let m=r(),h=c();if(!(!m||!h))return h.module.getTitle(m)}),d=Te(()=>!!t()&&typeof c()?.module.setTitle=="function"),[s,u]=qe(!1),p;function g(){d()&&(u(!0),queueMicrotask(()=>{p?.focus(),p?.select()}))}function v(m){if(!s()||(u(!1),!m))return;let h=p?.value.trim();if(!h||h===l())return;let f=t(),w=c()?.module.setTitle;!f||!w||f.change(T=>{w(T,h);let A=T["@patchwork"];A&&(A.title=h)})}return He(It,{get when(){return s()},get fallback(){return(()=>{var m=At();return m.$$click=g,ko(m,()=>l()??"Untitled"),St(h=>{var f=!!d(),w=d()?"Rename":void 0;return f!==h.e&&m.classList.toggle("threepane__title-text--editable",h.e=f),w!==h.t&&yo(m,"title",h.t=w),h},{e:void 0,t:void 0}),m})()},get children(){var m=Co();m.$$keydown=f=>{f.key==="Enter"?(f.preventDefault(),v(!0)):f.key==="Escape"&&(f.preventDefault(),v(!1))},m.addEventListener("blur",()=>v(!0));var h=p;return typeof h=="function"?Tt(h,m):p=m,St(()=>m.value=l()??""),m}})}_o(["keydown","click"]);import{template as fe}from"solid-js/web";import{delegateEvents as Ho}from"solid-js/web";import{getOwner as qo}from"solid-js/web";import{insert as he}from"solid-js/web";import{createComponent as ne}from"solid-js/web";import{Show as Be}from"solid-js";import{template as Mt}from"solid-js/web";import{delegateEvents as Io}from"solid-js/web";import{setStyleProperty as Ro}from"solid-js/web";import{insert as Fo}from"solid-js/web";import{setAttribute as Ae}from"solid-js/web";import{effect as Ft}from"solid-js/web";import{memo as pe}from"solid-js/web";import{createComponent as Lt}from"solid-js/web";import{Show as Pt}from"solid-js";var Lo=Mt('<button class="sidebar-toggle sidebar-toggle--resizable">'),Po=Mt("<div class=sidebar>");function zt(e){let r=()=>`${e.isCollapsed()?0:e.width()}px`,t=()=>e.canExpand?.()??!0,o=()=>Lt(Pt,{get when(){return!e.isCollapsed()},get children(){return e.children}}),n=()=>Lt(Pt,{get when(){return!e.isCollapsed()||t()},get children(){var i=Lo();return i.$$mousedown=a=>e.onMouseDown(a),i.$$click=a=>e.onToggleClick(a),Ft(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&&Ae(i,"aria-label",a.e=c),l!==a.t&&Ae(i,"title",a.t=l),a},{e:void 0,t:void 0}),i}});return(()=>{var i=Po();return Fo(i,(()=>{var a=pe(()=>e.side==="left");return()=>a()?[pe(o),pe(n)]:[pe(n),pe(o)]})()),Ft(a=>{var c=e.side,l=e.isCollapsed()?"":void 0,d=r();return c!==a.e&&Ae(i,"data-side",a.e=c),l!==a.t&&Ae(i,"data-collapsed",a.t=l),d!==a.a&&Ro(i,"width",a.a=d),a},{e:void 0,t:void 0,a:void 0}),i})()}Io(["click","mousedown"]);import{template as Ut}from"solid-js/web";import{delegateEvents as Mo}from"solid-js/web";import{setAttribute as zo}from"solid-js/web";import{effect as Oo}from"solid-js/web";import{insert as Ot}from"solid-js/web";import{createComponent as Uo}from"solid-js/web";import{For as No}from"solid-js";var jo=Ut("<div role=tablist class=context-sidebar__tablist>"),Wo=Ut("<button type=button role=tab class=context-sidebar__tab>");function jt(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=jo();return Ot(t,Uo(No,{get each(){return e.items()},children:o=>(()=>{var n=Wo();return n.$$click=()=>e.setSelectedToolId(o.id),Ot(n,()=>o.name),Oo(()=>zo(n,"data-active",r()===o.id?"":void 0)),n})()})),t})()}Mo(["click"]);var Bo=fe('<div class=context-sidebar__tabs><button type=button class=context-sidebar__close title="Hide context sidebar"aria-label="Hide context sidebar">'),Jo=fe("<div class=context-sidebar__content>"),Vo=fe("<div class=context-sidebar>"),Yo=fe("<patchwork-view>",!0,!1,!1),Xo=fe('<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 Wt(e){let r=de("context-tool"),t=()=>{let o=r().map(i=>i.id),n=e.selectedToolId();return n&&o.includes(n)?n:o[0]};return ne(zt,{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=Vo();return he(o,ne(Be,{get when(){return r().length},get children(){var n=Bo(),i=n.firstChild;return he(n,ne(jt,{items:r,get selectedToolId(){return e.selectedToolId},get setSelectedToolId(){return e.setSelectedToolId}}),i),i.$$click=()=>e.onCollapse(),he(i,ne(Je,{})),n}}),null),he(o,ne(Be,{get when(){return!e.isCollapsed()},get children(){var n=Jo();return he(n,ne(Be,{get when(){return t()},keyed:!0,children:i=>(()=>{var a=Yo();return a.component=i,a._$owner=qo(),a})()})),n}}),null),o}})}function Je(){return Xo()}Ho(["click"]);import{template as Go}from"solid-js/web";import{effect as Nt}from"solid-js/web";import{getOwner as Ht}from"solid-js/web";import{createComponent as Ko}from"solid-js/web";import{memo as Zo}from"solid-js/web";import{Show as Qo}from"solid-js";var qt=Go("<patchwork-view>",!0,!1,!1),Ve=e=>Array.isArray(e)?String(e[0]):String(e);function Dl(e){let r=new Set;return e.filter(t=>{let o=Ve(t);return r.has(o)?!1:(r.add(o),!0)})}function Il(e){return Ko(Qo,{get when(){return Zo(()=>!!Array.isArray(e.slot))()?e.slot:!1},get fallback(){return(()=>{var r=qt();return r._$owner=Ht(),Nt(()=>r.component=String(e.slot)),r})()},children:r=>(()=>{var t=qt();return t._$owner=Ht(),Nt(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 on=me("<div class=threepane__title>"),nn=me("<div class=threepane__doctitle-tools>"),an=me('<button type=button class=frame__sidebar-toggle title="Show context sidebar"aria-label="Show context sidebar">'),sn=me("<div class=frame__topbar><div class=threepane__spacer>"),ln=me("<patchwork-view>",!0,!1,!1);function Vt(e){let r=()=>e.toolSlots()??[];return(()=>{var t=sn(),o=t.firstChild;return ae(t,ie(Ye,{get when(){return e.docUrl()},get children(){var n=on();return ae(n,ie(Rt,{get docUrl(){return e.docUrl}})),n}}),o),ae(t,ie(Ye,{get when(){return Jt(()=>!!e.docUrl())()&&r().length},get children(){var n=nn();return ae(n,ie(dn,{get each(){return r()},children:i=>(()=>{var a=ln();return a._$owner=tn(),Bt(c=>{var l=Ve(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),ae(t,ie(Ye,{get when(){return Jt(()=>!!e.hasContext())()&&e.isRightCollapsed()},get children(){var n=an();return n.$$click=()=>e.onToggleRight(),rn(n,"aria-pressed",!1),ae(n,ie(Je,{})),n}}),null),Bt(()=>t.classList.toggle("frame__topbar--left-collapsed",!!e.isLeftCollapsed())),t})()}en(["click"]);import{template as Pe}from"solid-js/web";import{effect as mr}from"solid-js/web";import{getOwner as gr}from"solid-js/web";import{insert as X}from"solid-js/web";import{createComponent as L}from"solid-js/web";import{memo as tt}from"solid-js/web";import{use as br}from"solid-js/web";import{parseAutomergeUrl as ka}from"@automerge/automerge-repo/slim";import{getSuggestedImportUrl as Ca,getType as $a}from"@inkandswitch/patchwork-filesystem";import{getFallbackTool as Sa,getRegistry as Ea}from"@inkandswitch/patchwork-plugins";import{createEffect as Ta,createMemo as et,createSignal as Y,onCleanup as le,onMount as Aa,Show as N}from"solid-js";import{template as S}from"solid-js/web";import{delegateEvents as Yn}from"solid-js/web";import{setAttribute as Fe}from"solid-js/web";import{effect as cr}from"solid-js/web";import"solid-js/web";import{createComponent as R}from"solid-js/web";import{insert as F}from"solid-js/web";import{use as Xn}from"solid-js/web";import{importPackage as ma}from"@inkandswitch/patchwork-filesystem";import{registerPlugins as ga}from"@inkandswitch/patchwork-plugins";import{createResource as ba,createSignal as Le,onCleanup as dr,onMount as va,Show as W}from"solid-js";import{template as C}from"solid-js/web";import{delegateEvents as bn}from"solid-js/web";import{effect as ar}from"solid-js/web";import{memo as vn}from"solid-js/web";import{insert as b}from"solid-js/web";import{createComponent as _}from"solid-js/web";import{use as wn}from"solid-js/web";import{setAttribute as ge}from"solid-js/web";import{createResource as Nn,createSignal as Ie,For as Ze,Match as se,onMount as Hn,Show as P,Switch as tr}from"solid-js";import*as Xt from"@automerge/automerge/slim";import{getImportableUrlFromAutomergeUrl as cn}from"@inkandswitch/patchwork-filesystem";var Xe=e=>e.startsWith("automerge:");function un(e){return e.replace(/[#?].*$/,"")}function Gt(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 pn(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 Kt(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 Yt(e){try{let r=await fetch(e);return r.ok?await r.json():void 0}catch{return}}var hn=new Set(["dist","build","lib","out","esm","src","public"]);async function fn(e){if(Xe(e)){let o=cn(e);return Yt(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 Yt(new URL("package.json",o).href);if(n&&typeof n=="object")return n;if(!hn.has(t.at(-1)?.toLowerCase()??""))return;t.pop()}}async function Zt(e){let r=await fn(e);if(r)return{name:O(r.name),title:O(r.title),version:O(r.version),description:O(r.description),author:pn(r.author),plugins:Array.isArray(r.plugins)?r.plugins.map(Kt):void 0}}var De,mn=1,V=new Map;function gn(){if(De)return De;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&&V.get(t.id);o&&(V.delete(t.id),t.type==="descriptors"?o.resolve(t.descriptors.map(Kt)):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 V.values())o.reject(t);V.clear(),De=void 0}),De=e,e}function Qt(e,r=15e3){let t=mn++;return new Promise((o,n)=>{let i=setTimeout(()=>{V.delete(t)&&n(new Error("it took too long to answer"))},r);V.set(t,{resolve:a=>{clearTimeout(i),o(a)},reject:a=>{clearTimeout(i),n(a)}});try{gn().postMessage({type:"discover",id:t,url:e})}catch(a){clearTimeout(i),V.delete(t),n(a instanceof Error?a:new Error(String(a)))}})}async function er(e,r){let t=await e.find(un(r)),o=t.doc();await new Promise(a=>setTimeout(a,0));let n=Xt.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 xn=C("<button type=button class=doc-card__link>see package details"),_n=C("<p class=pkg-about__quiet>reading\u2026"),yn=C("<p class=pkg-about__quiet>no package.json."),kn=C("<dl class=pkg-about__facts><dt>plugins</dt><dd>"),Cn=C("<dt>pinned"),Ke=C("<dd>"),Ge=C("<dt>history"),$n=C("<dd class=pkg-about__quiet>reading\u2026"),Sn=C("<dd class=pkg-about__quiet>couldn't get its folder."),En=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">'),Tn=C("<span class=pkg-about__version> "),An=C("<button type=button class=doc-card__link>"),Dn=C("<span class=pkg-about__quiet>unknown until loaded"),In=C("<p class=doc-card__notice>"),Rn=C("<dt>heads"),Fn=C("<dd> <!>, <!> <p class=pkg-about__quiet>writers are devices, not people. folder only."),Ln=C("<dt>"),ir=C("<ul class=pkg-about__list>"),Pn=C("<span>nothing"),Mn=C("<span class=pkg-about__quiet> for "),zn=C("<li>"),sr=C("<span class=pkg-about__quiet> \xB7 "),On=C("<span class=pkg-about__heads>"),Un=C("<code class=doc-card__code>"),jn=C("<li class=pkg-about__quiet>and <!> more"),Wn=C("<li><code class=doc-card__code></code> <!> "),qn=0;function lr(e){let r=`pkg-about-${++qn}`,t=Xe(e.url),o=Gt(e.url),[n,i]=Ie(!1),[a]=Nn(()=>n()&&t?e.url:void 0,f=>er(e.repo,f)),[c,l]=Ie(!1),[d,s]=Ie(),[u,p]=Ie();async function g(){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?`)){p(void 0),l(!0);try{s(await Qt(e.url))}catch(w){p(w?.message??String(w))}finally{l(!1)}}}let v;Hn(()=>{v.addEventListener("toggle",f=>{f.newState==="open"&&i(!0)})});let m=()=>e.claims?.title??e.claims?.name??"package",h=()=>d()??e.claims?.plugins;return[(()=>{var f=xn();return ge(f,"popovertarget",r),f})(),(()=>{var f=En(),w=f.firstChild,T=w.firstChild,A=T.nextSibling,U=w.nextSibling,q=U.firstChild,K=U.nextSibling,z=K.firstChild,B=z.nextSibling,x=B.firstChild,$=x.nextSibling,E=$.firstChild,D=v;return typeof D=="function"?wn(D,f):v=f,ge(f,"id",r),b(T,m,null),b(T,_(P,{get when(){return e.claims?.version},children:k=>(()=>{var y=Tn(),Z=y.firstChild;return b(y,k,null),y})()}),null),ge(A,"popovertarget",r),b(U,_(tr,{get children(){return[_(se,{get when(){return e.claimsLoading},get children(){return _n()}}),_(se,{get when(){return vn(()=>!e.claims)()&&!d()},get children(){return yn()}}),_(se,{when:!0,get children(){var k=kn(),y=k.firstChild,Z=y.nextSibling;return b(k,_(Re,{label:"name",get value(){return e.claims?.name}}),y),b(k,_(Re,{label:"title",get value(){return e.claims?.title}}),y),b(k,_(Re,{label:"author",get value(){return e.claims?.author}}),y),b(k,_(Re,{label:"description",get value(){return e.claims?.description}}),y),b(Z,_(P,{get when(){return h()},get fallback(){return _(P,{when:t,get fallback(){return Dn()},get children(){var M=An();return M.$$click=()=>void g(),b(M,()=>c()?"listing\u2026":"list them"),ar(()=>M.disabled=c()),M}})},children:M=>_(Bn,{get plugins(){return M()}})}),null),b(Z,_(P,{get when(){return u()},children:M=>(()=>{var ve=In();return b(ve,M),ve})()}),null),k}})]}}),null),b(E,()=>e.url),b(B,_(P,{get when(){return o.length},get children(){return[Cn(),(()=>{var k=Ke();return b(k,_(rr,{heads:o})),k})()]}}),null),b(B,_(P,{when:t,get children(){return _(tr,{get children(){return[_(se,{get when(){return a.loading},get children(){return[Ge(),$n()]}}),_(se,{get when(){return a.error},get children(){return[Ge(),Sn()]}}),_(se,{get when(){return a()},children:k=>[Rn(),(()=>{var y=Ke();return b(y,_(rr,{get heads(){return k().heads}})),y})(),Ge(),(()=>{var y=Fn(),Z=y.firstChild,M=Z.nextSibling,ve=M.nextSibling,ot=ve.nextSibling,Dr=ot.nextSibling,nt=Dr.nextSibling;return b(y,()=>k().changes,Z),b(y,()=>k().changes===1?"change":"changes",M),b(y,()=>k().writers.length,ot),b(y,()=>k().writers.length===1?"writer":"writers",nt),b(y,_(Jn,{get writers(){return k().writers}}),nt),y})()]})]}})}}),null),f})()]}function Re(e){return _(P,{get when(){return e.value},get children(){return[(()=>{var r=Ln();return b(r,()=>e.label),r})(),(()=>{var r=Ke();return b(r,()=>e.value),r})()]}})}function Bn(e){return _(P,{get when(){return e.plugins.length},get fallback(){return Pn()},get children(){var r=ir();return b(r,_(Ze,{get each(){return e.plugins},children:t=>(()=>{var o=zn();return b(o,()=>t.name??t.id??"(unnamed)",null),b(o,_(P,{get when(){return t.type},children:n=>(()=>{var i=sr(),a=i.firstChild;return b(i,n,null),i})()}),null),b(o,_(P,{get when(){return t.supportedDatatypes?.length},get children(){var n=Mn(),i=n.firstChild;return b(n,()=>t.supportedDatatypes.join(", "),null),n}}),null),o})()})),r}})}function rr(e){return(()=>{var r=On();return b(r,_(Ze,{get each(){return e.heads},children:t=>(()=>{var o=Un();return ge(o,"title",t),b(o,()=>t.slice(0,7)),o})()})),r})()}var or=6;function Jn(e){let r=()=>e.writers.length-or;return(()=>{var t=ir();return b(t,_(Ze,{get each(){return e.writers.slice(0,or)},children:o=>(()=>{var n=Wn(),i=n.firstChild,a=i.nextSibling,c=a.nextSibling,l=c.nextSibling;return b(i,()=>o.actor.slice(0,8)),b(n,()=>o.changes,c),b(n,()=>o.changes===1?"change":"changes",null),b(n,_(P,{get when(){return o.last},get children(){var d=sr(),s=d.firstChild;return b(d,()=>Vn(o),null),d}}),null),ar(()=>ge(i,"title",o.actor)),n})()}),null),b(t,_(P,{get when(){return r()>0},get children(){var o=jn(),n=o.firstChild,i=n.nextSibling,a=i.nextSibling;return b(o,r,i),o}}),null),t})()}function nr(e){return new Date(e*1e3).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}function Vn(e){let r=nr(e.last),t=e.first?nr(e.first):r;return t===r?r:`${t} \u2013 ${r}`}bn(["click"]);var Gn=S("<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>"),Kn=S('<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'),Zn=S("<p>it's a <code class=doc-card__code></code>.<br>nothing here opens one yet."),Qn=S("<p class=doc-card__links>"),ea=S("<p>it'll open here if a package adds a tool for it."),ta=S("<p>the doc suggests "),ra=S('<div class=doc-card__actions><button type=button class="doc-card__button doc-card__button--primary">'),oa=S("<strong class=pkg-line>"),na=S("<span class=pkg-line__version> "),aa=S("<p class=doc-card__notice>couldn't load it: "),ia=S("<button type=button class=doc-card__link>open doc with "),sa=S("<p>we couldn't get it from anywhere we looked.<br>that might mean:"),la=S("<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 "),da=S("<p>we'll keep looking. if it turns up, it'll open right here."),ca=S("<button type=button class=doc-card__sync>sync server"),ua=S("<span class=doc-card__sync-told role=status> (<!>)"),pa=S("<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."),ha=S("<p>if someone sent it to you, ask them for the link again."),fa=S('<p class=doc-card__aside><code class="doc-card__code doc-card__url">');function Qe(e){let r;return va(()=>{r.dispatchEvent(new CustomEvent("patchwork:no-tool",{bubbles:!0,composed:!0,detail:{url:e.url}}))}),(()=>{var t=Gn(),o=t.firstChild,n=o.nextSibling,i=n.firstChild,a=r;return typeof a=="function"?Xn(a,t):r=t,F(i,()=>e.title),F(n,()=>e.children,null),t})()}function ur(){return Kn()}function pr(e){let[r,t]=Le(!1),[o,n]=Le(),[i]=ba(()=>e.suggestion,l=>Zt(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 ma(l);if(!Array.isArray(s?.plugins))throw new Error("it doesn't export any plugins");ga(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 R(Qe,{get url(){return e.url},title:"no tool for this",get children(){return[(()=>{var l=Zn(),d=l.firstChild,s=d.nextSibling;return F(s,()=>e.type),l})(),R(W,{get when(){return e.suggestion},get fallback(){return ea()},children:l=>[(()=>{var d=ta(),s=d.firstChild;return F(d,R(W,{get when(){return c()},fallback:"a package.",children:u=>[(()=>{var p=oa();return F(p,()=>u().title??u().name),p})(),R(W,{get when(){return u().version},children:p=>(()=>{var g=na(),v=g.firstChild;return F(g,p,null),g})()}),"."]}),null),d})(),(()=>{var d=ra(),s=d.firstChild;return s.$$click=()=>void a(l()),F(s,()=>r()?"loading\u2026":"load package"),cr(()=>s.disabled=r()),d})(),R(W,{get when(){return o()},children:d=>(()=>{var s=aa(),u=s.firstChild;return F(s,d,null),s})()})]}),R(W,{get when(){return e.suggestion||e.anything},get children(){var l=Qn();return F(l,R(W,{get when(){return e.suggestion},children:d=>R(lr,{get url(){return d()},get repo(){return e.repo},get claims(){return i()},get claimsLoading(){return i.loading}})}),null),F(l,R(W,{get when(){return e.anything},children:d=>(()=>{var s=ia(),u=s.firstChild;return s.$$click=()=>e.onPeek(d().id),F(s,()=>d().name.toLowerCase(),null),s})()}),null),l}})]}})}function hr(e){let r=e.repo,t=typeof r.isSubductionConnected=="function",[o,n]=Le(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),dr(()=>r.off("subduction-connection",a))}if(t){let a=setInterval(()=>i(r.isSubductionConnected()),2e3);dr(()=>clearInterval(a))}return R(Qe,{get url(){return e.url},title:"can't load this doc",get children(){return[sa(),(()=>{var a=la(),c=a.firstChild,l=c.nextSibling,d=l.nextSibling,s=d.firstChild;return F(d,R(W,{get when(){return o()!==void 0},fallback:"sync server",get children(){return R(wa,{get connected(){return o()}})}}),null),a})(),da()]}})}function wa(e){let[r,t]=Le(!1),o=()=>`sync server: ${e.connected?"connected":"disconnected"}`;return[(()=>{var n=ca();return n.$$click=()=>t(i=>!i),cr(i=>{var a=e.connected?"":void 0,c=o(),l=o(),d=r();return a!==i.e&&Fe(n,"data-connected",i.e=a),c!==i.t&&Fe(n,"title",i.t=c),l!==i.a&&Fe(n,"aria-label",i.a=l),d!==i.o&&Fe(n,"aria-expanded",i.o=d),i},{e:void 0,t:void 0,a:void 0,o:void 0}),n})(),R(W,{get when(){return r()},get children(){var n=ua(),i=n.firstChild,a=i.nextSibling,c=a.nextSibling;return F(n,()=>e.connected?"connected":"disconnected",a),n}})]}function fr(e){return R(Qe,{get url(){return e.url},title:"this link is broken",get children(){return[pa(),ha(),(()=>{var r=fa(),t=r.firstChild;return F(t,()=>e.url),r})()]}})}Yn(["click"]);var xa=Pe("<div class=document-view>"),vr=Pe("<patchwork-view>",!0,!1,!1),_a=Pe("<div class=placeholder>Select a document in the sidebar"),ya=Pe("<div class=doc-stack>");function wr({viewKey:e,selectedDocUrl:r,toolId:t,ref:o}){let n,[i,a]=Y();return Aa(()=>{a(n.closest("repo-provider")?.repo??null)}),(()=>{var c=xa();return br(l=>{n=l,o?.(l)},c),X(c,L(N,{get when(){return tt(()=>i()!==void 0)()&&e()},keyed:!0,children:l=>L(N,{get when(){return i()},get fallback(){return(()=>{var d=vr();return d._$owner=gr(),mr(s=>{var u=r(),p=t();return u!==s.e&&(d.docUrl=s.e=u),p!==s.t&&(d.toolId=s.t=p),s},{e:void 0,t:void 0}),d})()},children:d=>L(Da,{get url(){return r()},toolId:t,get repo(){return d()}})})}),null),X(c,(()=>{var l=tt(()=>!r());return()=>l()&&_a()})(),null),c})()}function Da(e){let r=Ea("patchwork:tool"),[t,o]=Y(0);le(r.on("changed",()=>{o(x=>x+1)}));let[n,i]=Y({state:"finding"}),[a,c]=Y(),l=()=>e.toolId()??a(),[d,s]=Y(!1),[u,p]=Y(0),g=!1;le(()=>g=!0);async function v(){try{let x=await e.repo.find(e.url);if(g)return;let $=n().state==="unavailable";i({state:"ready",doc:x.doc()}),$&&!d()&&p(E=>E+1)}catch(x){if(g)return;let $=Ra(x);i({state:$?"invalid":"unavailable"}),$||h(E=>E+1)}}let[m,h]=Y(0),f,w;function T(){w?.(),f=Ia(e.repo,e.url),w=f?.subscribe(x=>{x.state==="ready"&&n().state==="unavailable"&&v()})}le(()=>w?.()),v(),T();function A(){let x=e.repo;if(typeof x.resyncSubduction=="function")try{x.resyncSubduction(ka(e.url).documentId)}catch{}}let U;le(()=>clearTimeout(U));function q(x=1e3){A(),clearTimeout(U),U=setTimeout(()=>void v(),x)}Ta(()=>{let x=m();x===0||n().state!=="unavailable"||d()||(q(Math.min(3e4,3e3*2**(x-1))),le(()=>clearTimeout(U)))});let K=et(()=>{t();let x=n();if(x.state!=="ready")return x;let $=x.doc,E=$?$a($):void 0;if(!E)return{state:"open"};let D=l(),k;if(!D){let y=xr(()=>Sa($));y&&Fa(y.supportedDatatypes,E)?k={id:y.id,name:y.name}:y&&(D=y.id)}return D&&r.get(D)?{state:"open"}:{state:"no-tool",type:E,suggestion:Ca($),anything:k}}),z=et(()=>K().state),B=et(()=>{let x=K();return x.state==="no-tool"?x:void 0});return(()=>{var x=ya();return br($=>{let E=D=>{let k=D.detail;k?.url&&k.url!==e.url||(s(!0),n().state==="unavailable"&&v())};$.addEventListener("patchwork:mounted",E),le(()=>$.removeEventListener("patchwork:mounted",E))},x),X(x,L(N,{get when(){return z()==="open"||z()==="unavailable"},get children(){return L(N,{get when(){return u()+1},keyed:!0,children:$=>(()=>{var E=vr();return E._$owner=gr(),mr(D=>{var k=e.url,y=l();return k!==D.e&&(E.docUrl=D.e=k),y!==D.t&&(E.toolId=D.t=y),D},{e:void 0,t:void 0}),E})()})}}),null),X(x,L(N,{get when(){return z()==="finding"},get children(){return L(ur,{})}}),null),X(x,L(N,{get when(){return z()==="invalid"},get children(){return L(fr,{get url(){return e.url}})}}),null),X(x,L(N,{get when(){return tt(()=>z()==="unavailable")()&&!d()},get children(){return L(hr,{get url(){return e.url},get repo(){return e.repo},onRetry:q})}}),null),X(x,L(N,{get when(){return B()},children:$=>L(pr,{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),x})()}function Ia(e,r){let t=e.findWithProgress;if(typeof t=="function")return xr(()=>{let o=t.call(e,r);return typeof o?.subscribe=="function"&&typeof o?.peek=="function"?o:void 0})}function Ra(e){let r=e?.message??String(e);return/invalid (automergeurl|document url|documentid|document id)/i.test(r)}function Fa(e,r){let t=e==="*"?["*"]:e??[];return t.includes("*")&&!t.includes(r)}function xr(e){try{return e()}catch{return}}var La=rt("<patchwork-view component=patchwork-draft-state-provider>",!0,!1,!1),Pa=rt("<div class=frame__main-column><div class=frame__doc-column><div class=main-area>"),Ma=rt("<patchwork-view component=patchwork-draft-overlay-provider><patchwork-view component=patchwork-comments-provider><patchwork-view component=patchwork-focus-provider>",!0,!1,!1);function Cr(e){let[r,t]=G(e.initialRightCollapsed()),[o,n]=G(e.initialRightWidth());_r(kr(r,p=>{try{localStorage.setItem(j.rightCollapsed,String(p))}catch{}},{defer:!0})),_r(kr(o,p=>{try{localStorage.setItem(j.rightWidth,String(p))}catch{}},{defer:!0}));let i=Ne("right",{isCollapsed:r,setCollapsed:t,setWidth:n});Oa(()=>{let p=()=>t(!0);window.addEventListener(we,p),za(()=>window.removeEventListener(we,p))});let[a,c]=We(G(),{name:j.contextToolId}),[l,d]=G(),s=Q("patchwork-draft-state-provider",l),u=()=>s()?l():void 0;return H(Oe,{get when(){return e.selectedDocUrl()},keyed:!0,children:p=>(()=>{var g=La();return ze(d,g),g.docUrl=p,g._$owner=Me(),be(g,H(Oe,{get when(){return u()},children:v=>H(Ua,{get host(){return v()},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})})),g})()})}function Ua(e){let r=de("context-tool"),t=()=>r().length>0,o=yr(()=>e.selectedDocUrl()),[n,i]=G(),a=Q("patchwork-draft-overlay-provider",n),[c,l]=G(),d=Q("patchwork-comments-provider",c),[s,u]=G(),p=Q("patchwork-focus-provider",s),g=yr(()=>a()&&d()&&p());return(()=>{var v=Ma(),m=v.firstChild,h=m.firstChild;return ze(i,v),v._$owner=Me(),ze(l,m),m._$owner=Me(),ze(u,h),h._$owner=Me(),be(h,H(Oe,{get when(){return g()},get children(){var f=Pa(),w=f.firstChild,T=w.firstChild;return be(w,H(Vt,{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(A=>!A)}),T),be(T,H(wr,{viewKey:o,get selectedDocUrl(){return e.selectedDocUrl},get toolId(){return e.selectedToolId},ref:A=>e.setMainDocElement?.(A)})),be(f,H(Oe,{get when(){return t()},get children(){return H(Wt,{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),f}})),v})()}var Ue=`: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 $r(){let e="patchwork-frame-styles",r=document.getElementById(e);if(r){r.textContent!==Ue&&(r.textContent=Ue);return}let t=document.createElement("style");t.id=e,t.textContent=Ue,document.head.append(t)}var Ba=Tr("<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),Ja=Tr("<div class=frame>");function sc(e){let r=Sr(()=>{let o=new Set,n=e.selectedDocUrl();return n&&o.add(n),e.contactUrl&&o.add(e.contactUrl),[...o]}),t=Sr(()=>JSON.stringify({selectedDocUrl:e.selectedDocUrl(),selectedToolId:e.selectedToolId(),doctitleSlots:e.doctitleSlots(),isLeftCollapsed:e.isLeftCollapsed(),initialRightWidth:e.initialRightWidth(),initialRightCollapsed:e.initialRightCollapsed()}));return(()=>{var o=Ba(),n=o.firstChild;return o._$owner=qa(),Ar(n,t),Ha(()=>Na(o,"automerge-allowlist",r().join(","))),o})()}function Er(e){if(!e?.textContent)return{};try{return JSON.parse(e.textContent)}catch(r){return console.error("[threepane-isolation-root] bad props JSON:",r),{}}}function lc(e){$r();let r=e.querySelector('script[type="application/json"]'),[t,o]=Va(Er(r)),n=new MutationObserver(()=>{o(Ya(Er(r)))});r&&n.observe(r,{characterData:!0,childList:!0,subtree:!0});let i=Xa(()=>(()=>{var a=Ja();return Ar(a,Wa(Cr,{selectedDocUrl:()=>t.selectedDocUrl,selectedToolId:()=>t.selectedToolId,doctitleSlots:()=>t.doctitleSlots,isLeftCollapsed:()=>t.isLeftCollapsed??!1,initialRightWidth:()=>t.initialRightWidth??xe,initialRightCollapsed:()=>t.initialRightCollapsed??!1})),a})(),e);return()=>{n.disconnect(),i()}}export{vt as a,ue as b,j as c,we as d,xe as e,ct as f,ut as g,Pr as h,Ne as i,Vr as j,zt as k,Ve as l,Dl as m,Il as n,wr as o,Cr as p,$r as q,sc as r,lc as s};
+//# sourceMappingURL=chunk-LVZ6VVQF.js.map