@inkandswitch/patchwork-pkg-base 0.0.103 → 0.0.105

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

@@ -1,841 +0,0 @@
-import{a as ne,b as vt}from"./chunk-FW4363Y4.js";var $e=ne((Xo,Se)=>{var E=1e3,T=E*60,D=T*60,k=D*24,Ut=k*7,jt=k*365.25;Se.exports=function(e,r){r=r||{};var t=typeof e;if(t==="string"&&e.length>0)return Nt(e);if(t==="number"&&isFinite(e))return r.long?Ht(e):Wt(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function Nt(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*jt;case"weeks":case"week":case"w":return t*Ut;case"days":case"day":case"d":return t*k;case"hours":case"hour":case"hrs":case"hr":case"h":return t*D;case"minutes":case"minute":case"mins":case"min":case"m":return t*T;case"seconds":case"second":case"secs":case"sec":case"s":return t*E;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return t;default:return}}}}function Wt(e){var r=Math.abs(e);return r>=k?Math.round(e/k)+"d":r>=D?Math.round(e/D)+"h":r>=T?Math.round(e/T)+"m":r>=E?Math.round(e/E)+"s":e+"ms"}function Ht(e){var r=Math.abs(e);return r>=k?B(e,r,k,"day"):r>=D?B(e,r,D,"hour"):r>=T?B(e,r,T,"minute"):r>=E?B(e,r,E,"second"):e+" ms"}function B(e,r,t,o){var n=r>=t*1.5;return Math.round(e/t)+" "+o+(n?"s":"")}});var Te=ne((Ko,Ee)=>{function Bt(e){t.debug=t,t.default=t,t.coerce=m,t.disable=a,t.enable=n,t.enabled=p,t.humanize=$e(),t.destroy=u,Object.keys(e).forEach(s=>{t[s]=e[s]}),t.names=[],t.skips=[],t.formatters={};function r(s){let l=0;for(let h=0;h<s.length;h++)l=(l<<5)-l+s.charCodeAt(h),l|=0;return t.colors[Math.abs(l)%t.colors.length]}t.selectColor=r;function t(s){let l,h=null,g,b;function c(...d){if(!c.enabled)return;let f=c,v=Number(new Date),y=v-(l||v);f.diff=y,f.prev=l,f.curr=v,l=v,d[0]=t.coerce(d[0]),typeof d[0]!="string"&&d.unshift("%O");let x=0;d[0]=d[0].replace(/%([a-zA-Z%])/g,(oe,gt)=>{if(oe==="%%")return"%";x++;let me=t.formatters[gt];if(typeof me=="function"){let bt=d[x];oe=me.call(f,bt),d.splice(x,1),x--}return oe}),t.formatArgs.call(f,d),(f.log||t.log).apply(f,d)}return c.namespace=s,c.useColors=t.useColors(),c.color=t.selectColor(s),c.extend=o,c.destroy=t.destroy,Object.defineProperty(c,"enabled",{enumerable:!0,configurable:!1,get:()=>h!==null?h:(g!==t.namespaces&&(g=t.namespaces,b=t.enabled(s)),b),set:d=>{h=d}}),typeof t.init=="function"&&t.init(c),c}function o(s,l){let h=t(this.namespace+(typeof l>"u"?":":l)+s);return h.log=this.log,h}function n(s){t.save(s),t.namespaces=s,t.names=[],t.skips=[];let l=(typeof s=="string"?s:"").trim().replace(/\s+/g,",").split(",").filter(Boolean);for(let h of l)h[0]==="-"?t.skips.push(h.slice(1)):t.names.push(h)}function i(s,l){let h=0,g=0,b=-1,c=0;for(;h<s.length;)if(g<l.length&&(l[g]===s[h]||l[g]==="*"))l[g]==="*"?(b=g,c=h,g++):(h++,g++);else if(b!==-1)g=b+1,c++,h=c;else return!1;for(;g<l.length&&l[g]==="*";)g++;return g===l.length}function a(){let s=[...t.names,...t.skips.map(l=>"-"+l)].join(",");return t.enable(""),s}function p(s){for(let l of t.skips)if(i(s,l))return!1;for(let l of t.names)if(i(s,l))return!0;return!1}function m(s){return s instanceof Error?s.stack||s.message:s}function u(){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}Ee.exports=Bt});var De=ne((w,q)=>{w.formatArgs=Vt;w.save=Jt;w.load=Yt;w.useColors=qt;w.storage=Xt();w.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`."))}})();w.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 qt(){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 Vt(e){if(e[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+e[0]+(this.useColors?"%c ":" ")+"+"+q.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)}w.log=console.debug||console.log||(()=>{});function Jt(e){try{e?w.storage.setItem("debug",e):w.storage.removeItem("debug")}catch{}}function Yt(){let e;try{e=w.storage.getItem("debug")||w.storage.getItem("DEBUG")}catch{}return!e&&typeof process<"u"&&"env"in process&&(e=process.env.DEBUG),e}function Xt(){try{return localStorage}catch{}}q.exports=Te()(w);var{formatters:Kt}=q.exports;Kt.j=function(e){try{return JSON.stringify(e)}catch(r){return"[UnexpectedJSONParseError]: "+r.message}}});import{template as ft}from"solid-js/web";import{createComponent as ho}from"solid-js/web";import{setAttribute as uo}from"solid-js/web";import{effect as fo}from"solid-js/web";import{insert as mt}from"solid-js/web";import{getOwner as mo}from"solid-js/web";import{createMemo as ht}from"solid-js";import{createStore as vo,reconcile as wo}from"solid-js/store";import{render as xo}from"solid-js/web";import{template as fe}from"solid-js/web";import{insert as N}from"solid-js/web";import{getOwner as Q}from"solid-js/web";import{use as ee}from"solid-js/web";import{createComponent as _}from"solid-js/web";import{createUniqueId as wt,untrack as ge}from"solid-js";import{isServer as xt,isDev as be}from"solid-js/web";import{reconcile as yt}from"solid-js/store";function ae(e,r={}){let t=r.storage||globalThis.localStorage,o=r.name||`storage-${wt()}`;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),p=t.getItem(o,n),m=typeof e[0]=="function"?s=>{try{let l=a(s);e[1](()=>l)}catch(l){be&&console.warn(l)}}:s=>{try{let l=a(s);e[1](yt(l))}catch(l){be&&console.warn(l)}},u=!0;if(p instanceof Promise?p.then(s=>u&&s&&m(s)):p&&m(p),typeof r.sync?.[0]=="function"){let s=typeof e[0]=="function"?e[0]:()=>e[0];r.sync[0](l=>{l.key!==o||!xt&&(l.url||globalThis.location.href)!==globalThis.location.href||l.newValue===i(ge(s))||m(l.newValue)})}return Object.assign([],e,{1:typeof e[0]=="function"?s=>{let l=e[1](s),h=s!=null?i(l):s;return r.sync?.[1](o,h),h!=null?t.setItem(o,h,n):t.removeItem(o,n),u=!1,l}:(...s)=>{e[1](...s);let l=ge(()=>i(e[0]));r.sync?.[1](o,l),t.setItem(o,l,n),u=!1},2:p})}import{createEffect as st,createMemo as lt,createSignal as S,on as dt,onCleanup as so,onMount as lo,Show as te}from"solid-js";import{createEffect as ve,createSignal as we,on as xe}from"solid-js";var C={leftCollapsed:"patchwork:leftSidebarCollapsed",rightCollapsed:"patchwork:rightSidebarCollapsed",leftWidth:"patchwork:leftSidebarWidth",rightWidth:"patchwork:rightSidebarWidth",contextToolId:"patchwork:contextSidebarToolId"},W="patchwork:collapse-context-sidebar",H=400;function ye(e,r){let t=localStorage.getItem(e);return t?parseInt(t,10):r}function Ce(e){return localStorage.getItem(e)==="true"}function Ct(){let[e,r]=we(Ce(C.leftCollapsed)),[t,o]=we(ye(C.leftWidth,H));return ve(xe(e,n=>{localStorage.setItem(C.leftCollapsed,String(n))})),ve(xe(t,n=>{localStorage.setItem(C.leftWidth,String(n))})),{isSidebarCollapsed:e,setIsSidebarCollapsed:r,leftSidebarWidth:t,setLeftSidebarWidth:o}}import{onCleanup as _t,onMount as kt}from"solid-js";var _e=180,St=720,$t=120,ke=3;function ie(e,{isCollapsed:r,setCollapsed:t,setWidth:o}){let n=!1,i=null,a=!1,p=null,m=f=>{if(f<$t){r()||t(!0),p=null;return}r()&&t(!1);let v=Math.min(St,f);o(v),p=v},u=()=>{r()||p!==null&&p<_e&&o(_e)},s=null,l=()=>{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},g=f=>{f.preventDefault(),i={x:f.clientX,y:f.clientY},a=!1,p=null,n=!0,document.body.style.userSelect="none"},b=()=>{let f=n,v=a;h(),f&&v&&u()},c=f=>{if(!n||!i)return;let v=Math.abs(f.clientX-i.x),y=Math.abs(f.clientY-i.y);!a&&(v>ke||y>ke)&&(a=!0,l()),m(e==="left"?f.clientX:window.innerWidth-f.clientX)},d=f=>{if(a){f.preventDefault(),f.stopPropagation(),a=!1;return}t(v=>!v)};return kt(()=>{document.addEventListener("mousemove",c),document.addEventListener("mouseup",b),_t(()=>{document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",b),n&&h()})}),{handleMouseDown:g,handleToggleClick:d}}import{createEffect as Et,createSignal as Tt,onCleanup as Dt}from"solid-js";var $=(e,r)=>{let[t,o]=Tt(!1);return Et(()=>{let n=r();if(!n)return;o(!1);let i=a=>{a.detail?.componentId===e&&o(!0)};n.addEventListener("patchwork:mounted",i),Dt(()=>n.removeEventListener("patchwork:mounted",i))}),t};import{createEffect as At,createSignal as It,onCleanup as Ft}from"solid-js";var Rt=5e3,Ot=(e,r)=>{let[t,o]=It(!1);return At(()=>{if(t())return;let n=e(),i=r();if(!n||!i)return;let a=m=>{let u=m.detail;u?.url&&u.url!==i||o(!0)};n.addEventListener("patchwork:mounted",a),n.addEventListener("patchwork:no-tool",a);let p=setTimeout(()=>o(!0),Rt);Ft(()=>{n.removeEventListener("patchwork:mounted",a),n.removeEventListener("patchwork:no-tool",a),clearTimeout(p)})}),t};import{getRegistry as Mt}from"@inkandswitch/patchwork-plugins";import{createMemo as Lt,createSignal as zt,onCleanup as Pt}from"solid-js";function O(e){let r=Mt("patchwork:component"),[t,o]=zt(0),n=r.on("changed",()=>o(i=>i+1));return Pt(n),Lt(()=>(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 j}from"solid-js/web";import{delegateEvents as jr}from"solid-js/web";import{getOwner as Nr}from"solid-js/web";import{effect as rt}from"solid-js/web";import{setAttribute as Wr}from"solid-js/web";import{memo as ot}from"solid-js/web";import{insert as F}from"solid-js/web";import{createComponent as R}from"solid-js/web";import{For as Yr,Show as he}from"solid-js";import{template as Pe}from"solid-js/web";import{delegateEvents as sr}from"solid-js/web";import{setAttribute as lr}from"solid-js/web";import{insert as dr}from"solid-js/web";import"solid-js/web";import{effect as ze}from"solid-js/web";import{use as Ue}from"solid-js/web";import{createComponent as se}from"solid-js/web";var Fe=vt(De(),1),Re=(0,Fe.default)("cabbages");function Ae(e){return typeof e=="object"&&typeof e!=null&&Object.getPrototypeOf(e)==Object.prototype}var Gt="\uFFFC";function Oe(e,...r){if(r.length==0){Re("empty patch");return}let[t,o,n]=r,i=[...t];for(;;){let a=i.shift();if(!i.length){let m=Array.isArray(o);if(Ae(e)&&m&&typeof a>"u"&&typeof o[0]=="string"){delete e[o[0]];return}if(m||typeof o=="number"){if(typeof a>"u")throw new Error("cant treat top level as a seq");a=a;let[u,s]=Array.isArray(o)?o:[o,o+1],l=Array.isArray(o)&&o.length==0;if(!l&&(u==null||s==null))throw new RangeError("it's all or nothing, no half measures");let h=typeof n>"u",g=u===s&&!h,b=l&&!h,c=!g&&!h&&!b;if(typeof e[a]>"u"){if(typeof e=="string")return;typeof n=="string"?e[a]="":e[a]=[]}let d=e[a];if(Array.isArray(d)){if(b){Array.isArray(n)?d.push(...n):d.push(n);return}if(g||c){Array.isArray(n)?d.splice(u,s-u,...n):d.splice(u,s-u,n);return}if(h){d.splice(u,s-u);return}throw new Error("i don't know what happened")}if(typeof d=="string"){if(b){e[a]=d+n;return}if(c||g){e[a]=d.slice(0,u)+(typeof n=="string"?n:n.map(f=>typeof f=="string"?f:Gt).join(""))+d.slice(s);return}if(h){e[a]=d.slice(0,u)+d.slice(s);return}throw new Error("i don't know what happened")}if(Ae(d)&&m&&typeof o[0]=="string"){delete d[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]={}),m){let[u,s]=o;u!=null&&s!=null&&(typeof n>"u"&&u!=null&&s!=null?delete e[a][u||s]:e[a][u||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 p=i[0];if(typeof e[a]>"u")if(typeof p=="string")e[a]={};else if(typeof p=="number")e[a]=[];else throw new Error(`can't go down this road ${e}.${a}.${p}`);e=e[a]}}function Ie(e,r){for(let t=0;t<r.length;t++)e=e?e[r[t]]:void 0;return e}function Me(e,r){let t=e.path.slice(0,-1),o=e.path[e.path.length-1];switch(e.action){case"mark":case"unmark":return Re(`skipping ${e.action} because it doesn't affect material reality`),[];case"inc":if(r)return[t,o,Ie(r.patchInfo.after,e.path)];throw new Error(`can't apply ${e.action} without payload argument`);case"conflict":if(r)return[t,o,Ie(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 V(e){return r=>{for(let t of e.patches)Oe(r,...Me(t,e))}}import{createMemo as tr}from"solid-js";import{onCleanup as Zt}from"solid-js";import{createStore as Qt,produce as er,reconcile as Le}from"solid-js/store";var M=new WeakMap;function J(e){if(Zt(()=>{let i=M.get(e);i&&(i.refs--||i.cleanup())}),M.has(e)){let i=M.get(e);return i.refs++,i.store}let[r,t]=Qt(structuredClone(e.doc()));M.set(e,{refs:0,store:r,cleanup(){e.off("change",o),e.off("delete",n),M.delete(e)}});function o(i){if(i.scopeReplaced){t(Le(i.doc??{}));return}t(er(V(i)))}function n(){t(Le({}))}return e.on("change",o),e.on("delete",n),e.whenReady().then(()=>{t(structuredClone(e.doc()))}),r}import{getOwner as an,onCleanup as sn,createSignal as ln,untrack as dn,sharedConfig as cn,onMount as pn,DEV as hn,equalFn as un}from"solid-js";import{isServer as mn}from"solid-js/web";var A=e=>typeof e=="function"&&!e.length?e():e;function Y(e){return tr(()=>A(e)&&J(A(e)))}import{createEffect as or,createResource as nr,useContext as ar}from"solid-js";import{createContext as rr}from"solid-js";var X=rr(null);function L(e,r){let t=ar(X);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 p=A(e);if(!p)return;let m=o.findWithProgress(p).peek();return m.state==="ready"?m.handle:void 0}let[i,{mutate:a}]=nr(e,p=>o.findWithProgress(p).whenReady(),{initialValue:n()});return or(()=>{A(e)||a()}),i}function K(e,r){let t=L(e,r);return[Y(t),t]}import{onCleanup as Fn}from"solid-js";import{createSignal as On}from"solid-js";import{createEffect as zn,onCleanup as Pn}from"solid-js";import{createSignal as jn}from"solid-js";import{useContext as Jn}from"solid-js";import{getType as pr}from"@inkandswitch/patchwork-filesystem";import{getRegistry as hr,isLoadedPlugin as ur}from"@inkandswitch/patchwork-plugins";import{createEffect as fr,createMemo as G,createSignal as le,onCleanup as mr,onMount as Ne,Show as We}from"solid-js";var je=Pe("<span class=threepane__title-text>"),cr=Pe("<input class=threepane__title-input type=text>");function He(e){let r,[t,o]=le();return Ne(()=>{o(r.closest("repo-provider")?.repo)}),se(We,{get when(){return t()},get fallback(){return(()=>{var n=je(),i=r;return typeof i=="function"?Ue(i,n):r=n,n})()},children:n=>se(gr,{get docUrl(){return e.docUrl},get repo(){return n()}})})}function gr(e){let[r,t]=K(()=>e.docUrl(),{repo:e.repo}),o=hr("patchwork:datatype"),[n,i]=le(0);Ne(()=>{let c=o.on("changed",()=>i(d=>d+1));mr(c)});let a=G(()=>{let c=r();return c?pr(c):void 0});fr(()=>{let c=a();c&&o.load(c)});let p=G(()=>{n();let c=a();if(!c)return;let d=o.get(c);return d&&ur(d)?d:void 0}),m=G(()=>{let c=r(),d=p();if(!(!c||!d))return d.module.getTitle(c)}),u=G(()=>!!t()&&typeof p()?.module.setTitle=="function"),[s,l]=le(!1),h;function g(){u()&&(l(!0),queueMicrotask(()=>{h?.focus(),h?.select()}))}function b(c){if(!s()||(l(!1),!c))return;let d=h?.value.trim();if(!d||d===m())return;let f=t(),v=p()?.module.setTitle;!f||!v||f.change(y=>{v(y,d);let x=y["@patchwork"];x&&(x.title=d)})}return se(We,{get when(){return s()},get fallback(){return(()=>{var c=je();return c.$$click=g,dr(c,()=>m()??"Untitled"),ze(d=>{var f=!!u(),v=u()?"Rename":void 0;return f!==d.e&&c.classList.toggle("threepane__title-text--editable",d.e=f),v!==d.t&&lr(c,"title",d.t=v),d},{e:void 0,t:void 0}),c})()},get children(){var c=cr();c.$$keydown=f=>{f.key==="Enter"?(f.preventDefault(),b(!0)):f.key==="Escape"&&(f.preventDefault(),b(!1))},c.addEventListener("blur",()=>b(!0));var d=h;return typeof d=="function"?Ue(d,c):h=c,ze(()=>c.value=m()??""),c}})}sr(["keydown","click"]);import{template as U}from"solid-js/web";import{delegateEvents as Dr}from"solid-js/web";import{getOwner as Ar}from"solid-js/web";import{insert as P}from"solid-js/web";import{createComponent as I}from"solid-js/web";import{Show as de}from"solid-js";import{template as Je}from"solid-js/web";import{delegateEvents as br}from"solid-js/web";import{setStyleProperty as vr}from"solid-js/web";import{insert as wr}from"solid-js/web";import{setAttribute as Z}from"solid-js/web";import{effect as Be}from"solid-js/web";import{memo as z}from"solid-js/web";import{createComponent as qe}from"solid-js/web";import{Show as Ve}from"solid-js";var xr=Je('<button class="sidebar-toggle sidebar-toggle--resizable">'),yr=Je("<div class=sidebar>");function Ye(e){let r=()=>`${e.isCollapsed()?0:e.width()}px`,t=()=>e.canExpand?.()??!0,o=()=>qe(Ve,{get when(){return!e.isCollapsed()},get children(){return e.children}}),n=()=>qe(Ve,{get when(){return!e.isCollapsed()||t()},get children(){var i=xr();return i.$$mousedown=a=>e.onMouseDown(a),i.$$click=a=>e.onToggleClick(a),Be(a=>{var p=e.isCollapsed()?"Expand sidebar":"Toggle or resize sidebar",m=e.isCollapsed()?"Click to expand, drag to resize":"Click to toggle, drag to resize";return p!==a.e&&Z(i,"aria-label",a.e=p),m!==a.t&&Z(i,"title",a.t=m),a},{e:void 0,t:void 0}),i}});return(()=>{var i=yr();return wr(i,(()=>{var a=z(()=>e.side==="left");return()=>a()?[z(o),z(n)]:[z(n),z(o)]})()),Be(a=>{var p=e.side,m=e.isCollapsed()?"":void 0,u=r();return p!==a.e&&Z(i,"data-side",a.e=p),m!==a.t&&Z(i,"data-collapsed",a.t=m),u!==a.a&&vr(i,"width",a.a=u),a},{e:void 0,t:void 0,a:void 0}),i})()}br(["click","mousedown"]);import{template as Ke}from"solid-js/web";import{delegateEvents as Cr}from"solid-js/web";import{setAttribute as _r}from"solid-js/web";import{effect as kr}from"solid-js/web";import{insert as Xe}from"solid-js/web";import{createComponent as Sr}from"solid-js/web";import{For as Tr}from"solid-js";var $r=Ke("<div role=tablist class=context-sidebar__tablist>"),Er=Ke("<button type=button role=tab class=context-sidebar__tab>");function Ge(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=$r();return Xe(t,Sr(Tr,{get each(){return e.items()},children:o=>(()=>{var n=Er();return n.$$click=()=>e.setSelectedToolId(o.id),Xe(n,()=>o.name),kr(()=>_r(n,"data-active",r()===o.id?"":void 0)),n})()})),t})()}Cr(["click"]);var Ir=U('<div class=context-sidebar__tabs><button type=button class=context-sidebar__close title="Hide context sidebar"aria-label="Hide context sidebar">'),Fr=U("<div class=context-sidebar__content>"),Rr=U("<div class=context-sidebar>"),Or=U("<patchwork-view>",!0,!1,!1),Mr=U('<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 Ze(e){let r=O("context-tool"),t=()=>{let o=r().map(i=>i.id),n=e.selectedToolId();return n&&o.includes(n)?n:o[0]};return I(Ye,{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=Rr();return P(o,I(de,{get when(){return r().length},get children(){var n=Ir(),i=n.firstChild;return P(n,I(Ge,{items:r,get selectedToolId(){return e.selectedToolId},get setSelectedToolId(){return e.setSelectedToolId}}),i),i.$$click=()=>e.onCollapse(),P(i,I(ce,{})),n}}),null),P(o,I(de,{get when(){return!e.isCollapsed()},get children(){var n=Fr();return P(n,I(de,{get when(){return t()},keyed:!0,children:i=>(()=>{var a=Or();return a.component=i,a._$owner=Ar(),a})()})),n}}),null),o}})}function ce(){return Mr()}Dr(["click"]);import{template as Lr}from"solid-js/web";import{effect as Qe}from"solid-js/web";import{getOwner as et}from"solid-js/web";import{createComponent as zr}from"solid-js/web";import{memo as Pr}from"solid-js/web";import{Show as Ur}from"solid-js";var tt=Lr("<patchwork-view>",!0,!1,!1),pe=e=>Array.isArray(e)?String(e[0]):String(e);function oi(e){let r=new Set;return e.filter(t=>{let o=pe(t);return r.has(o)?!1:(r.add(o),!0)})}function ni(e){return zr(Ur,{get when(){return Pr(()=>!!Array.isArray(e.slot))()?e.slot:!1},get fallback(){return(()=>{var r=tt();return r._$owner=et(),Qe(()=>r.component=String(e.slot)),r})()},children:r=>(()=>{var t=tt();return t._$owner=et(),Qe(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 Hr=j("<div class=threepane__title>"),Br=j("<div class=threepane__doctitle-tools>"),qr=j('<button type=button class=frame__sidebar-toggle title="Show context sidebar"aria-label="Show context sidebar">'),Vr=j("<div class=frame__topbar><div class=threepane__spacer>"),Jr=j("<patchwork-view>",!0,!1,!1);function nt(e){let r=()=>e.toolSlots()??[];return(()=>{var t=Vr(),o=t.firstChild;return F(t,R(he,{get when(){return e.docUrl()},get children(){var n=Hr();return F(n,R(He,{get docUrl(){return e.docUrl}})),n}}),o),F(t,R(he,{get when(){return ot(()=>!!e.docUrl())()&&r().length},get children(){var n=Br();return F(n,R(Yr,{get each(){return r()},children:i=>(()=>{var a=Jr();return a._$owner=Nr(),rt(p=>{var m=pe(i),u=e.docUrl();return m!==p.e&&(a.toolId=p.e=m),u!==p.t&&(a.docUrl=p.t=u),p},{e:void 0,t:void 0}),a})()})),n}}),null),F(t,R(he,{get when(){return ot(()=>!!e.hasContext())()&&e.isRightCollapsed()},get children(){var n=qr();return n.$$click=()=>e.onToggleRight(),Wr(n,"aria-pressed",!1),F(n,R(ce,{})),n}}),null),rt(()=>t.classList.toggle("frame__topbar--left-collapsed",!!e.isLeftCollapsed())),t})()}jr(["click"]);import{template as ue}from"solid-js/web";import{effect as Xr}from"solid-js/web";import{getOwner as Kr}from"solid-js/web";import{insert as at}from"solid-js/web";import{memo as Gr}from"solid-js/web";import{createComponent as Zr}from"solid-js/web";import{use as Qr}from"solid-js/web";import{Show as oo}from"solid-js";var eo=ue("<div class=document-view>"),to=ue("<patchwork-view>",!0,!1,!1),ro=ue("<div class=placeholder>Select a document in the sidebar");function it({viewKey:e,selectedDocUrl:r,toolId:t,ref:o}){return(()=>{var n=eo(),i=o;return typeof i=="function"?Qr(i,n):o=n,at(n,Zr(oo,{get when(){return e()},keyed:!0,children:a=>(()=>{var p=to();return p._$owner=Kr(),Xr(m=>{var u=r(),s=t();return u!==m.e&&(p.docUrl=m.e=u),s!==m.t&&(p.toolId=m.t=s),m},{e:void 0,t:void 0}),p})()}),null),at(n,(()=>{var a=Gr(()=>!r());return()=>a()&&ro()})(),null),n})()}var no=fe("<patchwork-view component=patchwork-draft-state-provider>",!0,!1,!1),ao=fe("<div class=frame__main-column><div class=frame__doc-column><div class=main-area>"),io=fe("<patchwork-view component=patchwork-draft-overlay-provider><patchwork-view component=patchwork-comments-provider><patchwork-view component=patchwork-focus-provider>",!0,!1,!1);function ct(e){let[r,t]=S(e.initialRightCollapsed()),[o,n]=S(e.initialRightWidth());st(dt(r,h=>{try{localStorage.setItem(C.rightCollapsed,String(h))}catch{}},{defer:!0})),st(dt(o,h=>{try{localStorage.setItem(C.rightWidth,String(h))}catch{}},{defer:!0}));let i=ie("right",{isCollapsed:r,setCollapsed:t,setWidth:n});lo(()=>{let h=()=>t(!0);window.addEventListener(W,h),so(()=>window.removeEventListener(W,h))});let[a,p]=ae(S(),{name:C.contextToolId}),[m,u]=S(),s=$("patchwork-draft-state-provider",m),l=()=>s()?m():void 0;return _(te,{get when(){return e.selectedDocUrl()},keyed:!0,children:h=>(()=>{var g=no();return ee(u,g),g.docUrl=h,g._$owner=Q(),N(g,_(te,{get when(){return l()},children:b=>_(co,{get host(){return b()},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:p})})),g})()})}function co(e){let r=O("context-tool"),t=()=>r().length>0,o=lt(()=>e.selectedDocUrl()),[n,i]=S(),a=$("patchwork-draft-overlay-provider",n),[p,m]=S(),u=$("patchwork-comments-provider",p),[s,l]=S(),h=$("patchwork-focus-provider",s),g=lt(()=>a()&&u()&&h());return(()=>{var b=io(),c=b.firstChild,d=c.firstChild;return ee(i,b),b._$owner=Q(),ee(m,c),c._$owner=Q(),ee(l,d),d._$owner=Q(),N(d,_(te,{get when(){return g()},get children(){var f=ao(),v=f.firstChild,y=v.firstChild;return N(v,_(nt,{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(x=>!x)}),y),N(y,_(it,{viewKey:o,get selectedDocUrl(){return e.selectedDocUrl},get toolId(){return e.selectedToolId},ref:x=>e.setMainDocElement?.(x)})),N(f,_(te,{get when(){return t()},get children(){return _(Ze,{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}})),b})()}var re=`: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);
-}
-
-.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 pt(){let e="patchwork-frame-styles",r=document.getElementById(e);if(r){r.textContent!==re&&(r.textContent=re);return}let t=document.createElement("style");t.id=e,t.textContent=re,document.head.append(t)}var go=ft("<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),bo=ft("<div class=frame>");function rs(e){let r=ht(()=>{let o=new Set,n=e.selectedDocUrl();return n&&o.add(n),e.contactUrl&&o.add(e.contactUrl),[...o]}),t=ht(()=>JSON.stringify({selectedDocUrl:e.selectedDocUrl(),selectedToolId:e.selectedToolId(),doctitleSlots:e.doctitleSlots(),isLeftCollapsed:e.isLeftCollapsed(),initialRightWidth:e.initialRightWidth(),initialRightCollapsed:e.initialRightCollapsed()}));return(()=>{var o=go(),n=o.firstChild;return o._$owner=mo(),mt(n,t),fo(()=>uo(o,"automerge-allowlist",r().join(","))),o})()}function ut(e){if(!e?.textContent)return{};try{return JSON.parse(e.textContent)}catch(r){return console.error("[threepane-isolation-root] bad props JSON:",r),{}}}function os(e){pt();let r=e.querySelector('script[type="application/json"]'),[t,o]=vo(ut(r)),n=new MutationObserver(()=>{o(wo(ut(r)))});r&&n.observe(r,{characterData:!0,childList:!0,subtree:!0});let i=xo(()=>(()=>{var a=bo();return mt(a,ho(ct,{selectedDocUrl:()=>t.selectedDocUrl,selectedToolId:()=>t.selectedToolId,doctitleSlots:()=>t.doctitleSlots,isLeftCollapsed:()=>t.isLeftCollapsed??!1,initialRightWidth:()=>t.initialRightWidth??H,initialRightCollapsed:()=>t.initialRightCollapsed??!1})),a})(),e);return()=>{n.disconnect(),i()}}export{De as a,L as b,C as c,W as d,H as e,ye as f,Ce as g,Ct as h,ie as i,Ot as j,Ye as k,pe as l,oi as m,ni as n,it as o,ct as p,pt as q,rs as r,os as s};
-//# sourceMappingURL=chunk-MSZ7JVNB.js.map