@inkandswitch/patchwork-pkg-base 0.0.128 → 0.0.130

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

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