@inkandswitch/patchwork-pkg-base 0.0.41 → 0.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/package.json +1 -1
  2. package/packages/account/dist/{InlineContactAvatar-TVDLE2AV.js → InlineContactAvatar-6UAAJ73R.js} +2 -1
  3. package/packages/account/dist/InlineContactAvatar-6UAAJ73R.js.map +7 -0
  4. package/packages/account/dist/index.js +1 -1
  5. package/packages/chat/dist/{ChatRoot-DQkQQvPO.js → ChatRoot-WdCS4aLg.js} +3001 -2807
  6. package/packages/chat/dist/{context-tool-BuY29sJF.js → context-tool-KkwLFr2k.js} +2 -2
  7. package/packages/chat/dist/{index-NiYOPQzY.js → index-P8UuZ1jj.js} +3 -3
  8. package/packages/chat/dist/index.js +1 -1
  9. package/packages/chat/dist/{tool-He3mRTzT.js → tool-DWqQOW59.js} +2 -2
  10. package/packages/chat/package.json +1 -1
  11. package/packages/codemirror-base/dist/chunk-H5POLO74.js +2658 -0
  12. package/packages/codemirror-base/dist/chunk-H5POLO74.js.map +7 -0
  13. package/packages/codemirror-base/dist/lib/codemirror.js +1 -1
  14. package/packages/codemirror-base/dist/tool.js +9 -5
  15. package/packages/codemirror-base/dist/tool.js.map +2 -2
  16. package/packages/codemirror-base/package.json +1 -1
  17. package/packages/codemirror-markdown/dist/extensions/markdown.js +0 -94
  18. package/packages/codemirror-markdown/dist/extensions/markdown.js.map +3 -3
  19. package/packages/drafts/dist/assets/{DraftOverlayProvider-B0Mtq1UF.js → DraftOverlayProvider-VYKlzOy1.js} +85 -25
  20. package/packages/drafts/dist/assets/DraftOverlayProvider-VYKlzOy1.js.map +1 -0
  21. package/packages/drafts/dist/assets/{DraftListProvider-D41q9O5B.js → DraftStateProvider-DX8b_RgQ.js} +270 -39
  22. package/packages/drafts/dist/assets/DraftStateProvider-DX8b_RgQ.js.map +1 -0
  23. package/packages/drafts/dist/assets/{clone-policy-C4pVv5sr.js → clone-policy-CIdEhg7W.js} +5 -2
  24. package/packages/drafts/dist/assets/{clone-policy-C4pVv5sr.js.map → clone-policy-CIdEhg7W.js.map} +1 -1
  25. package/packages/drafts/dist/assets/draft-docs-Bi8K1y3a.js +554 -0
  26. package/packages/drafts/dist/assets/draft-docs-Bi8K1y3a.js.map +1 -0
  27. package/packages/drafts/dist/assets/main-BR_tW0sp.js +3105 -0
  28. package/packages/drafts/dist/assets/main-BR_tW0sp.js.map +1 -0
  29. package/packages/drafts/dist/index.js +14 -14
  30. package/packages/drafts/dist/index.js.map +1 -1
  31. package/packages/drafts/package.json +1 -1
  32. package/packages/raw/raw-editor.js +26 -11
  33. package/packages/threepane/dist/IsolatedDocumentArea-2JIBFDOX.js +2 -0
  34. package/packages/threepane/dist/{PatchworkFrame-4AEBOBRE.js → PatchworkFrame-P5P6JTJE.js} +2 -2
  35. package/packages/threepane/dist/chunk-CGHYPNSB.js +972 -0
  36. package/packages/threepane/dist/chunk-CGHYPNSB.js.map +7 -0
  37. package/packages/threepane/dist/index.js +1 -1
  38. package/packages/tldraw4/dist/tool.js +61 -10
  39. package/packages/tldraw4/dist/tool.js.map +2 -2
  40. package/packages/tldraw4/package.json +2 -2
  41. package/packages/account/dist/InlineContactAvatar-TVDLE2AV.js.map +0 -7
  42. package/packages/codemirror-base/dist/chunk-5IG5TKXV.js +0 -795
  43. package/packages/codemirror-base/dist/chunk-5IG5TKXV.js.map +0 -7
  44. package/packages/drafts/dist/assets/DraftListProvider-D41q9O5B.js.map +0 -1
  45. package/packages/drafts/dist/assets/DraftOverlayProvider-B0Mtq1UF.js.map +0 -1
  46. package/packages/drafts/dist/assets/main-Cp8VsNHh.js +0 -2331
  47. package/packages/drafts/dist/assets/main-Cp8VsNHh.js.map +0 -1
  48. package/packages/threepane/dist/IsolatedDocumentArea-MZBBRFMY.js +0 -2
  49. package/packages/threepane/dist/chunk-HNLVJAZZ.js +0 -972
  50. package/packages/threepane/dist/chunk-HNLVJAZZ.js.map +0 -7
  51. /package/packages/threepane/dist/{IsolatedDocumentArea-MZBBRFMY.js.map → IsolatedDocumentArea-2JIBFDOX.js.map} +0 -0
  52. /package/packages/threepane/dist/{PatchworkFrame-4AEBOBRE.js.map → PatchworkFrame-P5P6JTJE.js.map} +0 -0
@@ -1,972 +0,0 @@
1
- import{a as Me,b as ir}from"./chunk-FW4363Y4.js";var mt=Me((ci,pt)=>{var U=1e3,W=U*60,N=W*60,j=N*24,vo=j*7,yo=j*365.25;pt.exports=function(t,r){r=r||{};var e=typeof t;if(e==="string"&&t.length>0)return xo(t);if(e==="number"&&isFinite(t))return r.long?ko(t):Co(t);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(t))};function xo(t){if(t=String(t),!(t.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(t);if(r){var e=parseFloat(r[1]),o=(r[2]||"ms").toLowerCase();switch(o){case"years":case"year":case"yrs":case"yr":case"y":return e*yo;case"weeks":case"week":case"w":return e*vo;case"days":case"day":case"d":return e*j;case"hours":case"hour":case"hrs":case"hr":case"h":return e*N;case"minutes":case"minute":case"mins":case"min":case"m":return e*W;case"seconds":case"second":case"secs":case"sec":case"s":return e*U;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return e;default:return}}}}function Co(t){var r=Math.abs(t);return r>=j?Math.round(t/j)+"d":r>=N?Math.round(t/N)+"h":r>=W?Math.round(t/W)+"m":r>=U?Math.round(t/U)+"s":t+"ms"}function ko(t){var r=Math.abs(t);return r>=j?xe(t,r,j,"day"):r>=N?xe(t,r,N,"hour"):r>=W?xe(t,r,W,"minute"):r>=U?xe(t,r,U,"second"):t+" ms"}function xe(t,r,e,o){var n=r>=e*1.5;return Math.round(t/e)+" "+o+(n?"s":"")}});var bt=Me((di,gt)=>{function So(t){e.debug=e,e.default=e,e.coerce=f,e.disable=i,e.enable=n,e.enabled=s,e.humanize=mt(),e.destroy=g,Object.keys(t).forEach(d=>{e[d]=t[d]}),e.names=[],e.skips=[],e.formatters={};function r(d){let u=0;for(let m=0;m<d.length;m++)u=(u<<5)-u+d.charCodeAt(m),u|=0;return e.colors[Math.abs(u)%e.colors.length]}e.selectColor=r;function e(d){let u,m=null,b,_;function p(...h){if(!p.enabled)return;let w=p,v=Number(new Date),x=v-(u||v);w.diff=x,w.prev=u,w.curr=v,u=v,h[0]=e.coerce(h[0]),typeof h[0]!="string"&&h.unshift("%O");let S=0;h[0]=h[0].replace(/%([a-zA-Z%])/g,(A,O)=>{if(A==="%%")return"%";S++;let $=e.formatters[O];if(typeof $=="function"){let Oe=h[S];A=$.call(w,Oe),h.splice(S,1),S--}return A}),e.formatArgs.call(w,h),(w.log||e.log).apply(w,h)}return p.namespace=d,p.useColors=e.useColors(),p.color=e.selectColor(d),p.extend=o,p.destroy=e.destroy,Object.defineProperty(p,"enabled",{enumerable:!0,configurable:!1,get:()=>m!==null?m:(b!==e.namespaces&&(b=e.namespaces,_=e.enabled(d)),_),set:h=>{m=h}}),typeof e.init=="function"&&e.init(p),p}function o(d,u){let m=e(this.namespace+(typeof u>"u"?":":u)+d);return m.log=this.log,m}function n(d){e.save(d),e.namespaces=d,e.names=[],e.skips=[];let u=(typeof d=="string"?d:"").trim().replace(/\s+/g,",").split(",").filter(Boolean);for(let m of u)m[0]==="-"?e.skips.push(m.slice(1)):e.names.push(m)}function a(d,u){let m=0,b=0,_=-1,p=0;for(;m<d.length;)if(b<u.length&&(u[b]===d[m]||u[b]==="*"))u[b]==="*"?(_=b,p=m,b++):(m++,b++);else if(_!==-1)b=_+1,p++,m=p;else return!1;for(;b<u.length&&u[b]==="*";)b++;return b===u.length}function i(){let d=[...e.names,...e.skips.map(u=>"-"+u)].join(",");return e.enable(""),d}function s(d){for(let u of e.skips)if(a(d,u))return!1;for(let u of e.names)if(a(d,u))return!0;return!1}function f(d){return d instanceof Error?d.stack||d.message:d}function g(){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 e.enable(e.load()),e}gt.exports=So});var _t=Me((k,Ce)=>{k.formatArgs=$o;k.save=Ro;k.load=To;k.useColors=Eo;k.storage=Do();k.destroy=(()=>{let t=!1;return()=>{t||(t=!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`."))}})();k.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 Eo(){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 t;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&&(t=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(t[1],10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function $o(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+Ce.exports.humanize(this.diff),!this.useColors)return;let r="color: "+this.color;t.splice(1,0,r,"color: inherit");let e=0,o=0;t[0].replace(/%[a-zA-Z%]/g,n=>{n!=="%%"&&(e++,n==="%c"&&(o=e))}),t.splice(o,0,r)}k.log=console.debug||console.log||(()=>{});function Ro(t){try{t?k.storage.setItem("debug",t):k.storage.removeItem("debug")}catch{}}function To(){let t;try{t=k.storage.getItem("debug")||k.storage.getItem("DEBUG")}catch{}return!t&&typeof process<"u"&&"env"in process&&(t=process.env.DEBUG),t}function Do(){try{return localStorage}catch{}}Ce.exports=bt()(k);var{formatters:Io}=Ce.exports;Io.j=function(t){try{return JSON.stringify(t)}catch(r){return"[UnexpectedJSONParseError]: "+r.message}}});import{template as nr}from"solid-js/web";import{createComponent as Zn}from"solid-js/web";import{setAttribute as Qn}from"solid-js/web";import{effect as ea}from"solid-js/web";import{insert as ar}from"solid-js/web";import{getOwner as ta}from"solid-js/web";import{createMemo as rr}from"solid-js";import{createStore as na,reconcile as aa}from"solid-js/store";import{render as ia}from"solid-js/web";import{template as Ze}from"solid-js/web";import{insert as de}from"solid-js/web";import{getOwner as Ae}from"solid-js/web";import{use as Fe}from"solid-js/web";import{createComponent as D}from"solid-js/web";import{parseAutomergeUrl as Nn,stringifyAutomergeUrl as Gt}from"@automerge/automerge-repo/slim";import{createSignal as Lr,onCleanup as jr,onMount as zr}from"solid-js";import{createStore as ya,reconcile as xa}from"solid-js/store";import{createContext as sr,createEffect as la,createMemo as lr,createResource as ca,createSignal as da,onCleanup as cr,useContext as ua}from"solid-js";import{createStore as dr,produce as ur,reconcile as Qe}from"solid-js/store";var ot=Symbol.for("_am_meta"),fr=Symbol.for("_am_objectId"),hr=Symbol.for("_am_isProxy"),pr=Symbol.for("_am_clearCache"),mr=Symbol.for("_am_counter");function gr(t){return typeof t=="object"&&t!==null&&Object.prototype.hasOwnProperty.call(t,mr)}var et=class M{static __wrap(r){let e=Object.create(M.prototype);return e.__wbg_ptr=r,tt.register(e,e.__wbg_ptr,e),e}__destroy_into_raw(){let r=this.__wbg_ptr;return this.__wbg_ptr=0,tt.unregister(this),r}free(){let r=this.__destroy_into_raw();l.__wbg_automerge_free(r,0)}addCommits(r){let e=l.automerge_addCommits(this.__wbg_ptr,r);if(e[1])throw c(e[0])}addFragments(r){let e=l.automerge_addFragments(this.__wbg_ptr,r);if(e[1])throw c(e[0])}applyAndReturnPatches(r,e){let o=l.automerge_applyAndReturnPatches(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}applyChanges(r){let e=l.automerge_applyChanges(this.__wbg_ptr,r);if(e[1])throw c(e[0])}applyPatches(r,e){let o=l.automerge_applyPatches(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}bundleFragmentMetadata(r){let e=l.automerge_bundleFragmentMetadata(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}clone(r){var e=R(r)?0:Z(r,l.__wbindgen_malloc,l.__wbindgen_realloc),o=L;let n=l.automerge_clone(this.__wbg_ptr,e,o);if(n[2])throw c(n[1]);return M.__wrap(n[0])}commit(r,e){var o=R(r)?0:Z(r,l.__wbindgen_malloc,l.__wbindgen_realloc),n=L;return l.automerge_commit(this.__wbg_ptr,o,n,!R(e),R(e)?0:e)}delete(r,e){let o=l.automerge_delete(this.__wbg_ptr,r,e);if(o[1])throw c(o[0])}diff(r,e){let o=l.automerge_diff(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}diffIncremental(){let r=l.automerge_diffIncremental(this.__wbg_ptr);if(r[2])throw c(r[1]);return c(r[0])}diffPath(r,e,o,n){let a=l.automerge_diffPath(this.__wbg_ptr,r,e,o,n);if(a[2])throw c(a[1]);return c(a[0])}dump(){l.automerge_dump(this.__wbg_ptr)}emptyChange(r,e){var o=R(r)?0:Z(r,l.__wbindgen_malloc,l.__wbindgen_realloc),n=L;return l.automerge_emptyChange(this.__wbg_ptr,o,n,!R(e),R(e)?0:e)}enableFreeze(r){let e=l.automerge_enableFreeze(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return e[0]!==0}fork(r,e){var o=R(r)?0:Z(r,l.__wbindgen_malloc,l.__wbindgen_realloc),n=L;let a=l.automerge_fork(this.__wbg_ptr,o,n,e);if(a[2])throw c(a[1]);return M.__wrap(a[0])}generateSyncMessage(r){return K(r,ee),l.automerge_generateSyncMessage(this.__wbg_ptr,r.__wbg_ptr)}get(r,e,o){let n=l.automerge_get(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}getActorId(){let r,e;try{let o=l.automerge_getActorId(this.__wbg_ptr);return r=o[0],e=o[1],G(o[0],o[1])}finally{l.__wbindgen_free(r,e,1)}}getAll(r,e,o){let n=l.automerge_getAll(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}getBlock(r,e,o){let n=l.automerge_getBlock(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}getChangeByHash(r){let e=l.automerge_getChangeByHash(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getChangeMetaByHash(r){let e=l.automerge_getChangeMetaByHash(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getChanges(r){let e=l.automerge_getChanges(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getChangesAdded(r){return K(r,M),l.automerge_getChangesAdded(this.__wbg_ptr,r.__wbg_ptr)}getChangesMeta(r){let e=l.automerge_getChangesMeta(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getCursor(r,e,o,n){let a,i;try{let g=l.automerge_getCursor(this.__wbg_ptr,r,e,o,n);var s=g[0],f=g[1];if(g[3])throw s=0,f=0,c(g[2]);return a=s,i=f,G(s,f)}finally{l.__wbindgen_free(a,i,1)}}getCursorPosition(r,e,o){let n=l.automerge_getCursorPosition(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return n[0]}getDecodedChangeByHash(r){let e=l.automerge_getDecodedChangeByHash(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getFragmentMeta(r){let e=l.automerge_getFragmentMeta(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getFragmentMetadata(r){let e=l.automerge_getFragmentMetadata(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getHeads(){return l.automerge_getHeads(this.__wbg_ptr)}getLastLocalChange(){return l.automerge_getLastLocalChange(this.__wbg_ptr)}getMissingDeps(r){let e=l.automerge_getMissingDeps(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}getWithType(r,e,o){let n=l.automerge_getWithType(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}hasOurChanges(r){return K(r,ee),l.automerge_hasOurChanges(this.__wbg_ptr,r.__wbg_ptr)!==0}increment(r,e,o){let n=l.automerge_increment(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}initRootFromHydrate(r){let e=l.automerge_initRootFromHydrate(this.__wbg_ptr,r);if(e[1])throw c(e[0])}insert(r,e,o,n){let a=l.automerge_insert(this.__wbg_ptr,r,e,o,n);if(a[1])throw c(a[0])}insertObject(r,e,o){let n,a;try{let f=l.automerge_insertObject(this.__wbg_ptr,r,e,o);var i=f[0],s=f[1];if(f[3])throw i=0,s=0,c(f[2]);return n=i,a=s,G(i,s)}finally{l.__wbindgen_free(n,a,1)}}insertObjectFromHydrate(r,e,o){let n=l.automerge_insertObjectFromHydrate(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}integrate(){l.automerge_integrate(this.__wbg_ptr)}isolate(r){let e=l.automerge_isolate(this.__wbg_ptr,r);if(e[1])throw c(e[0])}joinBlock(r,e){let o=l.automerge_joinBlock(this.__wbg_ptr,r,e);if(o[1])throw c(o[0])}keys(r,e){let o=l.automerge_keys(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}length(r,e){let o=l.automerge_length(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return o[0]}loadIncremental(r){let e=l.automerge_loadIncremental(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return e[0]}mark(r,e,o,n,a){let i=l.automerge_mark(this.__wbg_ptr,r,e,o,n,a);if(i[1])throw c(i[0])}marks(r,e){let o=l.automerge_marks(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}marksAt(r,e,o){let n=l.automerge_marksAt(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}materialize(r,e,o){let n=l.automerge_materialize(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}merge(r){K(r,M);let e=l.automerge_merge(this.__wbg_ptr,r.__wbg_ptr);if(e[2])throw c(e[1]);return c(e[0])}static new(r){var e=R(r)?0:Z(r,l.__wbindgen_malloc,l.__wbindgen_realloc),o=L;let n=l.automerge_new(e,o);if(n[2])throw c(n[1]);return M.__wrap(n[0])}objInfo(r,e){let o=l.automerge_objInfo(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}pendingOps(){return l.automerge_pendingOps(this.__wbg_ptr)}push(r,e,o){let n=l.automerge_push(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}pushObject(r,e){let o,n;try{let s=l.automerge_pushObject(this.__wbg_ptr,r,e);var a=s[0],i=s[1];if(s[3])throw a=0,i=0,c(s[2]);return o=a,n=i,G(a,i)}finally{l.__wbindgen_free(o,n,1)}}put(r,e,o,n){let a=l.automerge_put(this.__wbg_ptr,r,e,o,n);if(a[1])throw c(a[0])}putObject(r,e,o){let n=l.automerge_putObject(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}putObjectFromHydrate(r,e,o){let n=l.automerge_putObjectFromHydrate(this.__wbg_ptr,r,e,o);if(n[2])throw c(n[1]);return c(n[0])}receiveSyncMessage(r,e){K(r,ee);let o=l.automerge_receiveSyncMessage(this.__wbg_ptr,r.__wbg_ptr,e);if(o[1])throw c(o[0])}registerDatatype(r,e,o){let n=l.automerge_registerDatatype(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}resetDiffCursor(){l.automerge_resetDiffCursor(this.__wbg_ptr)}rollback(){return l.automerge_rollback(this.__wbg_ptr)}save(){return l.automerge_save(this.__wbg_ptr)}saveAndVerify(){let r=l.automerge_saveAndVerify(this.__wbg_ptr);if(r[2])throw c(r[1]);return c(r[0])}saveBundle(r){let e=l.automerge_saveBundle(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}saveIncremental(){return l.automerge_saveIncremental(this.__wbg_ptr)}saveNoCompress(){return l.automerge_saveNoCompress(this.__wbg_ptr)}saveSince(r){let e=l.automerge_saveSince(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}spans(r,e){let o=l.automerge_spans(this.__wbg_ptr,r,e);if(o[2])throw c(o[1]);return c(o[0])}splice(r,e,o,n){let a=l.automerge_splice(this.__wbg_ptr,r,e,o,n);if(a[1])throw c(a[0])}spliceFromHydrate(r,e,o,n){let a=l.automerge_spliceFromHydrate(this.__wbg_ptr,r,e,o,n);if(a[1])throw c(a[0])}splitBlock(r,e,o){let n=l.automerge_splitBlock(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}stats(){return l.automerge_stats(this.__wbg_ptr)}text(r,e){let o,n;try{let s=l.automerge_text(this.__wbg_ptr,r,e);var a=s[0],i=s[1];if(s[3])throw a=0,i=0,c(s[2]);return o=a,n=i,G(a,i)}finally{l.__wbindgen_free(o,n,1)}}toJS(r){let e=l.automerge_toJS(this.__wbg_ptr,r);if(e[2])throw c(e[1]);return c(e[0])}topoHistoryTraversal(){return l.automerge_topoHistoryTraversal(this.__wbg_ptr)}unmark(r,e,o){let n=l.automerge_unmark(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}updateBlock(r,e,o){let n=l.automerge_updateBlock(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}updateDiffCursor(){l.automerge_updateDiffCursor(this.__wbg_ptr)}updateSpans(r,e,o){let n=l.automerge_updateSpans(this.__wbg_ptr,r,e,o);if(n[1])throw c(n[0])}updateText(r,e){let o=l.automerge_updateText(this.__wbg_ptr,r,e);if(o[1])throw c(o[0])}};Symbol.dispose&&(et.prototype[Symbol.dispose]=et.prototype.free);var ee=class je{static __wrap(r){let e=Object.create(je.prototype);return e.__wbg_ptr=r,rt.register(e,e.__wbg_ptr,e),e}__destroy_into_raw(){let r=this.__wbg_ptr;return this.__wbg_ptr=0,rt.unregister(this),r}free(){let r=this.__destroy_into_raw();l.__wbg_syncstate_free(r,0)}clone(){let r=l.syncstate_clone(this.__wbg_ptr);return je.__wrap(r)}get lastSentHeads(){return l.syncstate_lastSentHeads(this.__wbg_ptr)}get peerReadOnly(){return l.syncstate_peerReadOnly(this.__wbg_ptr)!==0}get readOnly(){return l.syncstate_readOnly(this.__wbg_ptr)!==0}set lastSentHeads(r){let e=l.syncstate_set_lastSentHeads(this.__wbg_ptr,r);if(e[1])throw c(e[0])}set readOnly(r){l.syncstate_set_readOnly(this.__wbg_ptr,r)}set sentHashes(r){let e=l.syncstate_set_sentHashes(this.__wbg_ptr,r);if(e[1])throw c(e[0])}get sharedHeads(){return l.syncstate_sharedHeads(this.__wbg_ptr)}};Symbol.dispose&&(ee.prototype[Symbol.dispose]=ee.prototype.free);var tt=typeof FinalizationRegistry>"u"?{register:()=>{},unregister:()=>{}}:new FinalizationRegistry(t=>l.__wbg_automerge_free(t,1)),rt=typeof FinalizationRegistry>"u"?{register:()=>{},unregister:()=>{}}:new FinalizationRegistry(t=>l.__wbg_syncstate_free(t,1));function K(t,r){if(!(t instanceof r))throw new Error(`expected instance of ${r.name}`)}function G(t,r){return _r(t>>>0,r)}var fe=null;function he(){return(fe===null||fe.byteLength===0)&&(fe=new Uint8Array(l.memory.buffer)),fe}function R(t){return t==null}function Z(t,r,e){if(e===void 0){let s=te.encode(t),f=r(s.length,1)>>>0;return he().subarray(f,f+s.length).set(s),L=s.length,f}let o=t.length,n=r(o,1)>>>0,a=he(),i=0;for(;i<o;i++){let s=t.charCodeAt(i);if(s>127)break;a[n+i]=s}if(i!==o){i!==0&&(t=t.slice(i)),n=e(n,o,o=i+t.length*3,1)>>>0;let s=he().subarray(n+i,n+o),f=te.encodeInto(t,s);i+=f.written,n=e(n,o,i,1)>>>0}return L=i,n}function c(t){let r=l.__wbindgen_externrefs.get(t);return l.__externref_table_dealloc(t),r}var pe=new TextDecoder("utf-8",{ignoreBOM:!0,fatal:!0});pe.decode();var br=2146435072,Le=0;function _r(t,r){return Le+=r,Le>=br&&(pe=new TextDecoder("utf-8",{ignoreBOM:!0,fatal:!0}),pe.decode(),Le=r),pe.decode(he().subarray(t,t+r))}var te=new TextEncoder;"encodeInto"in te||(te.encodeInto=function(t,r){let e=te.encode(t);return r.set(e),{read:t.length,written:e.length}});var L=0,l;function ge(t,r=!0){if(typeof t!="object")throw new RangeError("must be the document root");let e=Reflect.get(t,ot);if(e===void 0||e==null||r&&me(t)!=="_root")throw new RangeError("must be the document root");return e}function wr(t){Reflect.set(t,pr,!0)}function me(t){return typeof t!="object"||t===null?null:Reflect.get(t,fr)}function ze(t){return!!Reflect.get(t,hr)}function vr(t,r){let e=Rr(t,r.path);if(r.action==="put")yr(t,e,r);else if(r.action==="insert")xr(t,e,r);else if(r.action==="del")Cr(t,e,r);else if(r.action==="splice")kr(t,e,r);else if(r.action==="inc")Sr(t,e,r);else if(r.action==="mark")Er(t,e,r);else if(r.action==="unmark")$r(t,e,r);else if(r.action!=="conflict")throw new RangeError(`unsupported patch: ${r}`)}function yr(t,r,e){let{obj:o,prop:n}=T(r,-1);o[n]=e.value}function xr(t,r,e){let{obj:o,prop:n}=T(r,-1);if(!Array.isArray(o))throw new RangeError("target is not an array for patch");if(typeof n!="number")throw new RangeError("index is not a number for patch");o.splice(n,0,...e.values)}function Cr(t,r,e){let{obj:o,prop:n,parentPath:a}=T(r,-1);if(typeof n!="number")throw new RangeError("index is not a number for patch");if(Array.isArray(o))o.splice(n,e.length||1);else if(typeof o=="string")if(re(t))at(t,a,n,e.length||1);else{let{obj:i,prop:s}=T(r,-2);if(typeof n!="number")throw new RangeError("index is not a number for patch");let f=i[s];if(f==null||typeof f!="string")throw new RangeError("target is not a string for patch");i[s]=f.slice(0,n)+f.slice(n+(e.length||1))}else throw new RangeError("target is not an array or string for patch")}function kr(t,r,e){if(re(t)){let{obj:o,prop:n,parentPath:a}=T(r,-1);if(typeof n!="number")throw new RangeError("index is not a number for patch");at(t,a,n,0,e.value)}else{let{obj:o,prop:n}=T(r,-1),{obj:a,prop:i}=T(r,-2);if(typeof n!="number")throw new RangeError("index is not a number for patch");let s=a[i];if(s==null||typeof s!="string")throw new RangeError("target is not a string for patch");a[i]=s.slice(0,n)+e.value+s.slice(n)}}function Sr(t,r,e){let{obj:o,prop:n}=T(r,-1),a=o[n];if(re(t)){if(!gr(a))throw new RangeError("target is not a counter for patch");a.increment(e.value)}else{if(typeof a!="number")throw new RangeError("target is not a number for patch");o[n]=a+e.value}}function Er(t,r,e){let{obj:o,prop:n}=T(r,-1);if(re(t))for(let a of e.marks)Ir(t,e.path,{start:a.start,end:a.end,expand:"none"},a.name,a.value)}function $r(t,r,e){re(t)&&Ar(t,e.path,{start:e.start,end:e.end,expand:"none"},e.name)}function nt(t,r){for(let e of r)vr(t,e)}function Rr(t,r){let e=[],o=t,n=[];for(let[a,i]of r.entries())if(e.push({obj:o,prop:i,parentPath:n.slice()}),n.push(i),a!==r.length-1){if(o==null||typeof o!="object")throw new Error(`Invalid path: ${r}`);o=o[i]}else break;return e}function T(t,r){let e=t.at(r);if(e==null)throw new Error("invalid path");return e}function Tr(t,r,e){if(typeof e=="string"){if(/^-?[0-9]+@[0-9a-zA-Z]+$|^[se]$/.test(e))return t.handle.getCursorPosition(r,e);throw new RangeError("index must be a number or cursor")}else return e}function Dr(t,r){if(r){let e=ge(t,!1),o=me(t);return!e||!o?null:e.handle.get(o,r)}else return me(t)}function re(t){return typeof t=="object"&&t!==null?Dr(t)==="_root"&&!!Reflect.get(t,ot):!1}function at(t,r,e,o,n){let a=He(t,r,"splice");if(!ze(t))throw new RangeError("object cannot be modified outside of a change block");let i=ge(t,!1);wr(t),e=Tr(i,a,e);try{return i.handle.splice(a,e,o,n)}catch(s){throw new RangeError(`Cannot splice: ${s}`)}}function Ir(t,r,e,o,n){let a=He(t,r,"mark");if(!ze(t))throw new RangeError("object cannot be modified outside of a change block");let i=ge(t,!1);try{return i.handle.mark(a,e,o,n)}catch(s){throw new RangeError(`Cannot mark: ${s}`)}}function Ar(t,r,e,o){let n=He(t,r,"unmark");if(!ze(t))throw new RangeError("object cannot be modified outside of a change block");let a=ge(t,!1);try{return a.handle.unmark(n,e,o)}catch(i){throw new RangeError(`Cannot unmark: ${i}`)}}function He(t,r,e){r=r.slice();let o=me(t);if(!o)throw new RangeError(`invalid object for ${e}`);return r.unshift(o),r.join("/")}function Fr(t){return r=>nt(r,t.patches)}var Q=new WeakMap;function Pr(t){let r={};return nt(r,t.diff([],t.heads())),r}function Or(t){if(cr(()=>{let a=Q.get(t);a&&(a.refs--||a.cleanup())}),Q.has(t)){let a=Q.get(t);return a.refs++,a.store}let[r,e]=dr(Pr(t));Q.set(t,{refs:0,store:r,cleanup(){t.off("change",o),t.off("delete",n),Q.delete(t)}});function o(a){if(a.scopeReplaced){e(Qe(a.doc??{}));return}e(ur(Fr(a)))}function n(){e(Qe({}))}return t.on("change",o),t.on("delete",n),r}function it(t){return lr(()=>{let r=typeof t=="function"?t():t;return r&&Or(r)})}var ha=sr(null);function st(t,r,e){let n=t.closest("patchwork-view")??t,a=new MessageChannel,i=a.port2,s=new AbortController,{signal:f}=s;i.addEventListener("message",d=>{d.data?.type==="change"&&e(d.data.value)},{signal:f}),i.start();let g={selector:r,port:a.port1};return n.dispatchEvent(new CustomEvent("patchwork:subscribe",{detail:g,bubbles:!0,composed:!0})),()=>{f.aborted||(s.abort(),i.postMessage({type:"unsubscribe"}),i.close())}}function Hr(t){return typeof t=="function"?t():t}function lt(t,r){let[e,o]=Lr(void 0);return zr(()=>{let a=Hr(t);if(!a)return;let i=!1,s=st(a,r,f=>{if(!f)return;let g="repo"in window?window.repo:void 0;g&&Promise.resolve(g.find(f)).then(d=>{i||o(()=>d)})});jr(()=>{i=!0,s()})}),[it(e),e]}import{createUniqueId as Ur,untrack as ct}from"solid-js";import{isServer as Wr,isDev as dt}from"solid-js/web";import{reconcile as Nr}from"solid-js/store";function Ue(t,r={}){let e=r.storage||globalThis.localStorage,o=r.name||`storage-${Ur()}`;if(!e)return Object.assign(t,{2:null});let n=r.storageOptions,a=r.serialize||JSON.stringify.bind(JSON),i=r.deserialize||JSON.parse.bind(JSON),s=e.getItem(o,n),f=typeof t[0]=="function"?d=>{try{let u=i(d);t[1](()=>u)}catch(u){dt&&console.warn(u)}}:d=>{try{let u=i(d);t[1](Nr(u))}catch(u){dt&&console.warn(u)}},g=!0;if(s instanceof Promise?s.then(d=>g&&d&&f(d)):s&&f(s),typeof r.sync?.[0]=="function"){let d=typeof t[0]=="function"?t[0]:()=>t[0];r.sync[0](u=>{u.key!==o||!Wr&&(u.url||globalThis.location.href)!==globalThis.location.href||u.newValue===a(ct(d))||f(u.newValue)})}return Object.assign([],t,{1:typeof t[0]=="function"?d=>{let u=t[1](d),m=d!=null?a(u):d;return r.sync?.[1](o,m),m!=null?e.setItem(o,m,n):e.removeItem(o,n),g=!1,u}:(...d)=>{t[1](...d);let u=ct(()=>a(t[0]));r.sync?.[1](o,u),e.setItem(o,u,n),g=!1},2:s})}import{createEffect as Zt,createMemo as Ie,createSignal as I,on as Qt,onCleanup as Bn,onMount as Vn,Show as ue}from"solid-js";import{createEffect as be,createSignal as _e,on as we}from"solid-js";var E={leftCollapsed:"patchwork:leftSidebarCollapsed",rightCollapsed:"patchwork:rightSidebarCollapsed",leftWidth:"patchwork:leftSidebarWidth",rightWidth:"patchwork:rightSidebarWidth",contextToolId:"patchwork:contextSidebarToolId"},ve="patchwork:collapse-context-sidebar",oe=400;function We(t,r){let e=localStorage.getItem(t);return e?parseInt(e,10):r}function Ne(t){return localStorage.getItem(t)==="true"}function Br(){let[t,r]=_e(Ne(E.leftCollapsed)),[e,o]=_e(Ne(E.rightCollapsed)),[n,a]=_e(We(E.leftWidth,oe)),[i,s]=_e(We(E.rightWidth,oe));return be(we(t,f=>{localStorage.setItem(E.leftCollapsed,String(f))})),be(we(e,f=>{localStorage.setItem(E.rightCollapsed,String(f))})),be(we(n,f=>{localStorage.setItem(E.leftWidth,String(f))})),be(we(i,f=>{localStorage.setItem(E.rightWidth,String(f))})),{isSidebarCollapsed:t,setIsSidebarCollapsed:r,isRightSidebarCollapsed:e,setIsRightSidebarCollapsed:o,leftSidebarWidth:n,setLeftSidebarWidth:a,rightSidebarWidth:i,setRightSidebarWidth:s}}import{onCleanup as Vr,onMount as qr}from"solid-js";function Be({setLeftSidebarWidth:t,setRightSidebarWidth:r,setIsSidebarCollapsed:e,setIsRightSidebarCollapsed:o,isLeftCollapsed:n,isRightCollapsed:a,minWidth:i,maxWidth:s,autoCloseWidth:f,dragThreshold:g}){let d=null,u=null,m=!1,b=null,_=(y,C)=>y==="left"?t(C):r(C),p=(y,C)=>y==="left"?e(C):o(C),h=y=>y==="left"?n():a(),w=(y,C)=>{if(C<f){h(y)||p(y,!0),b=null;return}h(y)&&p(y,!1);let F=Math.min(s,C);_(y,F),b=F},v=y=>{h(y)||b!==null&&b<i&&_(y,i)},x=null,S=y=>{document.body.setAttribute("data-sidebar-resizing",y),x=document.createElement("div"),x.style.cssText="position:fixed;inset:0;z-index:2147483647;cursor:col-resize;",document.body.appendChild(x)},P=()=>{d=null,u=null,document.body.style.userSelect="",document.body.removeAttribute("data-sidebar-resizing"),x?.remove(),x=null},A=(y,C)=>{C.preventDefault(),u={x:C.clientX,y:C.clientY},m=!1,b=null,d=y,document.body.style.userSelect="none"},O=()=>{let y=d,C=m;P(),y&&C&&v(y)},$=y=>{if(!d||!u)return;let C=Math.abs(y.clientX-u.x),F=Math.abs(y.clientY-u.y);!m&&(C>g||F>g)&&(m=!0,S(d)),d==="left"?w("left",y.clientX):d==="right"&&w("right",window.innerWidth-y.clientX)},Oe=(y,C)=>{if(m){C.preventDefault(),C.stopPropagation(),m=!1;return}y==="left"?e(F=>!F):o(F=>!F)};return qr(()=>{document.addEventListener("mousemove",$),document.addEventListener("mouseup",O),Vr(()=>{document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",O),d&&P()})}),{handleMouseDown:A,handleToggleClick:Oe}}import{createEffect as Jr,createSignal as Xr,onCleanup as Yr}from"solid-js";var z=(t,r)=>{let[e,o]=Xr(!1);return Jr(()=>{let n=r();if(!n)return;o(!1);let a=i=>{i.detail?.componentId===t&&o(!0)};n.addEventListener("patchwork:mounted",a),Yr(()=>n.removeEventListener("patchwork:mounted",a))}),e};import{createEffect as Kr,createSignal as Gr,onCleanup as Zr}from"solid-js";var Qr=5e3,eo=(t,r)=>{let[e,o]=Gr(!1);return Kr(()=>{if(e())return;let n=t(),a=r();if(!n||!a)return;let i=f=>{let g=f.detail;g?.url&&g.url!==a||o(!0)};n.addEventListener("patchwork:mounted",i),n.addEventListener("patchwork:no-tool",i);let s=setTimeout(()=>o(!0),Qr);Zr(()=>{n.removeEventListener("patchwork:mounted",i),n.removeEventListener("patchwork:no-tool",i),clearTimeout(s)})}),e};import{getRegistry as to}from"@inkandswitch/patchwork-plugins";import{createMemo as ro,createSignal as oo,onCleanup as no}from"solid-js";function ne(t){let r=to("patchwork:component"),[e,o]=oo(0),n=r.on("changed",()=>o(a=>a+1));return no(n),ro(()=>(e(),(r.all?.()??[]).filter(a=>(a.tags??[]).includes(t)).map(a=>({id:a.id,name:a.name||a.id,icon:a.icon})).sort((a,i)=>a.name.localeCompare(i.name))))}import{template as Ve}from"solid-js/web";import{delegateEvents as ao}from"solid-js/web";import{setStyleProperty as io}from"solid-js/web";import{effect as so}from"solid-js/web";import{memo as lo}from"solid-js/web";import{addEventListener as co}from"solid-js/web";import{insert as H}from"solid-js/web";import{createEffect as ut,createSignal as ft,onCleanup as ht}from"solid-js";import{getAllRegistries as po}from"@inkandswitch/patchwork-plugins";var uo=Ve('<div class=debug-registry-toast><div class=debug-registry-toast__header><span class=debug-registry-toast__title>\u{1F527} Registry (<!>)</span><button class=debug-registry-toast__clear title="Clear all">\u2715</button></div><div class=debug-registry-toast__list>'),fo=Ve("<div class=debug-registry-toast__item><div class=debug-registry-toast__content><span class=debug-registry-toast__event-type></span><span class=debug-registry-toast__plugin-type>"),ho=Ve("<span class=debug-registry-toast__plugin-id>"),ye="debugModal";function mo(){try{return localStorage.getItem(ye)==="true"}catch{return!1}}function go(t){try{t?localStorage.setItem(ye,"true"):localStorage.removeItem(ye)}catch{}}var bo=["changed"];function _o(t={}){let{events:r=bo}=t,[e,o]=ft([]),[n,a]=ft(mo()),i=new Set,s=(d,u,m,b)=>{let _={id:crypto.randomUUID(),type:d,event:u,pluginId:m,pluginName:b,timestamp:Date.now()};o(h=>[_,...h].slice(0,50));let p=setTimeout(()=>{o(h=>h.filter(w=>w.id!==_.id)),i.delete(p)},5e3);i.add(p)},f=d=>{o(u=>u.filter(m=>m.id!==d))},g=()=>{o([])};return ut(()=>{if(!n()){o([]),i.forEach(b=>clearTimeout(b)),i.clear();return}let d=po(),u=[],m=new Map;d.forEach((b,_)=>{let p=b.on("registered",v=>{m.set(_,{id:v.id,name:v.name,action:"registered"}),r.includes("registered")&&s(_,"registered",v.id,v.name)});u.push(p);let h=b.on("loaded",v=>{m.set(_,{id:v.id,name:v.name,action:"loaded"}),r.includes("loaded")&&s(_,"loaded",v.id,v.name)});u.push(h);let w=b.on("removed",v=>{m.set(_,{id:v,action:"removed"}),r.includes("removed")&&s(_,"removed",v)});if(u.push(w),r.includes("changed")){let v=b.on("changed",()=>{let x=m.get(_);s(_,"changed",x?.id,x?.name),m.delete(_)});u.push(v)}}),ht(()=>{u.forEach(b=>b()),i.forEach(b=>clearTimeout(b)),i.clear()})}),ut(()=>{let d=u=>{u.key===ye&&a(u.newValue==="true")};window.addEventListener("storage",d),ht(()=>window.removeEventListener("storage",d))}),{events:e,isEnabled:n,setIsEnabled:d=>{go(d),a(d)},dismissEvent:f,clearAll:g}}function wo({events:t,onDismiss:r,onClearAll:e}){if(t.length===0)return null;let o=n=>{switch(n){case"registered":return"var(--debug-toast-registered, #3b82f6)";case"loaded":return"var(--debug-toast-loaded, #22c55e)";case"removed":return"var(--debug-toast-removed, #ef4444)";case"changed":return"var(--debug-toast-changed, #f59e0b)"}};return(()=>{var n=uo(),a=n.firstChild,i=a.firstChild,s=i.firstChild,f=s.nextSibling,g=f.nextSibling,d=i.nextSibling,u=a.nextSibling;return H(i,()=>t.length,f),co(d,"click",e,!0),H(u,()=>t.map(m=>(()=>{var b=fo(),_=b.firstChild,p=_.firstChild,h=p.nextSibling;return b.$$click=()=>r(m.id),H(p,()=>m.event),H(h,()=>m.type),H(_,(()=>{var w=lo(()=>!!m.pluginId);return()=>w()&&(()=>{var v=ho();return H(v,()=>m.pluginId),v})()})(),null),so(w=>io(b,"border-left-color",o(m.event))),b})())),n})()}ao(["click"]);import{template as ce}from"solid-js/web";import{delegateEvents as xn}from"solid-js/web";import{getOwner as Cn}from"solid-js/web";import{effect as qt}from"solid-js/web";import{setAttribute as kn}from"solid-js/web";import{memo as Jt}from"solid-js/web";import{insert as X}from"solid-js/web";import{createComponent as Y}from"solid-js/web";import{For as Dn,Show as Ke}from"solid-js";import{template as $t}from"solid-js/web";import{delegateEvents as Wo}from"solid-js/web";import{setAttribute as No}from"solid-js/web";import{insert as Bo}from"solid-js/web";import"solid-js/web";import{effect as Et}from"solid-js/web";import{use as Rt}from"solid-js/web";import{createComponent as qe}from"solid-js/web";var yt=ir(_t(),1),xt=(0,yt.default)("cabbages");function wt(t){return typeof t=="object"&&typeof t!=null&&Object.getPrototypeOf(t)==Object.prototype}var Ao="\uFFFC";function Ct(t,...r){if(r.length==0){xt("empty patch");return}let[e,o,n]=r,a=[...e];for(;;){let i=a.shift();if(!a.length){let f=Array.isArray(o);if(wt(t)&&f&&typeof i>"u"&&typeof o[0]=="string"){delete t[o[0]];return}if(f||typeof o=="number"){if(typeof i>"u")throw new Error("cant treat top level as a seq");i=i;let[g,d]=Array.isArray(o)?o:[o,o+1],u=Array.isArray(o)&&o.length==0;if(!u&&(g==null||d==null))throw new RangeError("it's all or nothing, no half measures");let m=typeof n>"u",b=g===d&&!m,_=u&&!m,p=!b&&!m&&!_;if(typeof t[i]>"u"){if(typeof t=="string")return;typeof n=="string"?t[i]="":t[i]=[]}let h=t[i];if(Array.isArray(h)){if(_){Array.isArray(n)?h.push(...n):h.push(n);return}if(b||p){Array.isArray(n)?h.splice(g,d-g,...n):h.splice(g,d-g,n);return}if(m){h.splice(g,d-g);return}throw new Error("i don't know what happened")}if(typeof h=="string"){if(_){t[i]=h+n;return}if(p||b){t[i]=h.slice(0,g)+(typeof n=="string"?n:n.map(w=>typeof w=="string"?w:Ao).join(""))+h.slice(d);return}if(m){t[i]=h.slice(0,g)+h.slice(d);return}throw new Error("i don't know what happened")}if(wt(h)&&f&&typeof o[0]=="string"){delete h[o[0]];return}throw new Error("not implemented")}if(typeof i>"u"){if(typeof o!="string")throw new Error(`can't index top-level map with ${o}`);typeof n>"u"?delete t[o]:t[o]=n;return}if(typeof t[i]>"u"&&(t[i]={}),f){let[g,d]=o;g!=null&&d!=null&&(typeof n>"u"&&g!=null&&d!=null?delete t[i][g||d]:t[i][g||d]=n)}else if(typeof n>"u")delete t[i][o];else{if(typeof t[i]=="string")return;t[i][o]=n}return}if(typeof i>"u")throw new Error("cant treat top level as a seq");i=i;let s=a[0];if(typeof t[i]>"u")if(typeof s=="string")t[i]={};else if(typeof s=="number")t[i]=[];else throw new Error(`can't go down this road ${t}.${i}.${s}`);t=t[i]}}function vt(t,r){for(let e=0;e<r.length;e++)t=t?t[r[e]]:void 0;return t}function kt(t,r){let e=t.path.slice(0,-1),o=t.path[t.path.length-1];switch(t.action){case"mark":case"unmark":return xt(`skipping ${t.action} because it doesn't affect material reality`),[];case"inc":if(r)return[e,o,vt(r.patchInfo.after,t.path)];throw new Error(`can't apply ${t.action} without payload argument`);case"conflict":if(r)return[e,o,vt(r.patchInfo.after,t.path)];throw new Error(`can't apply ${t.action} without payload argument`);case"del":return typeof o=="string"?[e,o]:[e,[o,o+(t.length||1)]];case"insert":return[e,[o,o],structuredClone(t.values)];case"splice":return[e,[o,o],[t.value]];case"put":return[e,o,structuredClone(t.value)]}}function ke(t){return r=>{for(let e of t.patches)Ct(r,...kt(e,t))}}import{createMemo as Mo}from"solid-js";import{onCleanup as Fo}from"solid-js";import{createStore as Po,produce as Oo,reconcile as St}from"solid-js/store";var ae=new WeakMap;function Se(t){if(Fo(()=>{let a=ae.get(t);a&&(a.refs--||a.cleanup())}),ae.has(t)){let a=ae.get(t);return a.refs++,a.store}let[r,e]=Po(t.doc());ae.set(t,{refs:0,store:r,cleanup(){t.off("change",o),t.off("delete",n),ae.delete(t)}});function o(a){if(a.scopeReplaced){e(St(a.doc??{}));return}e(Oo(ke(a)))}function n(){e(St({}))}return t.on("change",o),t.on("delete",n),t.whenReady().then(()=>{e(t.doc())}),r}import{getOwner as wi,onCleanup as vi,createSignal as yi,untrack as xi,sharedConfig as Ci,onMount as ki,DEV as Si,equalFn as Ei}from"solid-js";import{isServer as Ri}from"solid-js/web";var B=t=>typeof t=="function"&&!t.length?t():t;function Ee(t){return Mo(()=>B(t)&&Se(B(t)))}import{createEffect as jo,createResource as zo,useContext as Ho}from"solid-js";import{createContext as Lo}from"solid-js";var $e=Lo(null);function ie(t,r){let e=Ho($e);if(!r?.repo&&!e)throw new Error("use outside <RepoContext> requires options.repo");let o=r?.repo||e;function n(){if(r?.["~skipInitialValue"])return;let s=B(t);if(!s)return;let f=o.findWithProgress(s).peek();return f.state==="ready"?f.handle:void 0}let[a,{mutate:i}]=zo(t,s=>o.findWithProgress(s).whenReady(),{initialValue:n()});return jo(()=>{B(t)||i()}),a}function Re(t,r){let e=ie(t,r);return[Ee(e),e]}import{onCleanup as Vi}from"solid-js";import{createSignal as Ji}from"solid-js";import{createEffect as Ki,onCleanup as Gi}from"solid-js";import{createSignal as Qi}from"solid-js";import{useContext as is}from"solid-js";import{getType as qo}from"@inkandswitch/patchwork-filesystem";import{getRegistry as Jo,isLoadedPlugin as Xo}from"@inkandswitch/patchwork-plugins";import{createEffect as Yo,createMemo as Te,createSignal as Je,onCleanup as Ko,onMount as Dt,Show as It}from"solid-js";var Tt=$t("<span class=threepane__title-text>"),Vo=$t("<input class=threepane__title-input type=text>");function At(t){let r,[e,o]=Je();return Dt(()=>{o(r.closest("repo-provider")?.repo)}),qe(It,{get when(){return e()},get fallback(){return(()=>{var n=Tt(),a=r;return typeof a=="function"?Rt(a,n):r=n,n})()},children:n=>qe(Go,{get docUrl(){return t.docUrl},get repo(){return n()}})})}function Go(t){let[r,e]=Re(()=>t.docUrl(),{repo:t.repo}),o=Jo("patchwork:datatype"),[n,a]=Je(0);Dt(()=>{let p=o.on("changed",()=>a(h=>h+1));Ko(p)});let i=Te(()=>{let p=r();return p?qo(p):void 0});Yo(()=>{let p=i();p&&o.load(p)});let s=Te(()=>{n();let p=i();if(!p)return;let h=o.get(p);return h&&Xo(h)?h:void 0}),f=Te(()=>{let p=r(),h=s();if(!(!p||!h))return h.module.getTitle(p)}),g=Te(()=>!!e()&&typeof s()?.module.setTitle=="function"),[d,u]=Je(!1),m;function b(){g()&&(u(!0),queueMicrotask(()=>{m?.focus(),m?.select()}))}function _(p){if(!d()||(u(!1),!p))return;let h=m?.value.trim();if(!h||h===f())return;let w=e(),v=s()?.module.setTitle;!w||!v||w.change(x=>{v(x,h);let S=x["@patchwork"];S&&(S.title=h)})}return qe(It,{get when(){return d()},get fallback(){return(()=>{var p=Tt();return p.$$click=b,Bo(p,()=>f()??"Untitled"),Et(h=>{var w=!!g(),v=g()?"Rename":void 0;return w!==h.e&&p.classList.toggle("threepane__title-text--editable",h.e=w),v!==h.t&&No(p,"title",h.t=v),h},{e:void 0,t:void 0}),p})()},get children(){var p=Vo();p.$$keydown=w=>{w.key==="Enter"?(w.preventDefault(),_(!0)):w.key==="Escape"&&(w.preventDefault(),_(!1))},p.addEventListener("blur",()=>_(!0));var h=m;return typeof h=="function"?Rt(h,p):m=p,Et(()=>p.value=f()??""),p}})}Wo(["keydown","click"]);import{template as le}from"solid-js/web";import{delegateEvents as un}from"solid-js/web";import{getOwner as fn}from"solid-js/web";import{insert as se}from"solid-js/web";import{createComponent as J}from"solid-js/web";import{Show as Xe}from"solid-js";import{template as De}from"solid-js/web";import{delegateEvents as Zo}from"solid-js/web";import{setStyleProperty as Qo}from"solid-js/web";import{setAttribute as Ft}from"solid-js/web";import{insert as V}from"solid-js/web";import{memo as q}from"solid-js/web";import{effect as Pt}from"solid-js/web";import{getOwner as en}from"solid-js/web";var tn=De("<patchwork-view>",!0,!1,!1),rn=De("<div class=sidebar>"),Ot=De('<button class="sidebar-toggle sidebar-toggle--resizable"aria-label="Toggle or resize sidebar"title="Click to toggle, drag to resize">'),Mt=De('<button class="sidebar-toggle sidebar-toggle--resizable"aria-label="Expand sidebar"title="Click to expand, drag to resize">');function Lt(t){let r=()=>`${t.isCollapsed()?0:t.width()}px`,e=()=>t.children!==void 0?t.children:t.toolId&&t.docUrl?(()=>{var n=tn();return n._$owner=en(),Pt(a=>{var i=t.docUrl,s=t.toolId;return i!==a.e&&(n.docUrl=a.e=i),s!==a.t&&(n.toolId=a.t=s),a},{e:void 0,t:void 0}),n})():null,o=()=>t.canExpand?.()??!0;return(()=>{var n=rn();return V(n,(()=>{var a=q(()=>t.side==="left"&&!t.isCollapsed());return()=>a()&&e()})(),null),V(n,(()=>{var a=q(()=>t.side==="left"&&!t.isCollapsed());return()=>a()&&(()=>{var i=Ot();return i.$$mousedown=s=>t.onMouseDown(t.side,s),i.$$click=s=>t.onToggleClick(t.side,s),i})()})(),null),V(n,(()=>{var a=q(()=>!!(t.side==="left"&&t.isCollapsed()&&o()));return()=>a()&&(()=>{var i=Mt();return i.$$mousedown=s=>t.onMouseDown(t.side,s),i.$$click=s=>t.onToggleClick(t.side,s),i})()})(),null),V(n,(()=>{var a=q(()=>t.side==="right"&&!t.isCollapsed());return()=>a()&&(()=>{var i=Ot();return i.$$mousedown=s=>t.onMouseDown(t.side,s),i.$$click=s=>t.onToggleClick(t.side,s),i})()})(),null),V(n,(()=>{var a=q(()=>!!(t.side==="right"&&t.isCollapsed()&&o()));return()=>a()&&(()=>{var i=Mt();return i.$$mousedown=s=>t.onMouseDown(t.side,s),i.$$click=s=>t.onToggleClick(t.side,s),i})()})(),null),V(n,(()=>{var a=q(()=>t.side==="right"&&!t.isCollapsed());return()=>a()&&e()})(),null),Pt(a=>{var i=t.side,s=t.isCollapsed()?"":void 0,f=r();return i!==a.e&&Ft(n,"data-side",a.e=i),s!==a.t&&Ft(n,"data-collapsed",a.t=s),f!==a.a&&Qo(n,"width",a.a=f),a},{e:void 0,t:void 0,a:void 0}),n})()}Zo(["click","mousedown"]);import{template as zt}from"solid-js/web";import{delegateEvents as on}from"solid-js/web";import{setAttribute as nn}from"solid-js/web";import{effect as an}from"solid-js/web";import{insert as jt}from"solid-js/web";import{createComponent as sn}from"solid-js/web";import{For as dn}from"solid-js";var ln=zt("<div role=tablist class=context-sidebar__tablist>"),cn=zt("<button type=button role=tab class=context-sidebar__tab>");function Ht(t){let r=()=>{let e=t.items().map(n=>n.id),o=t.selectedToolId();return o&&e.includes(o)?o:e[0]};return(()=>{var e=ln();return jt(e,sn(dn,{get each(){return t.items()},children:o=>(()=>{var n=cn();return n.$$click=()=>t.setSelectedToolId(o.id),jt(n,()=>o.name),an(()=>nn(n,"data-active",r()===o.id?"":void 0)),n})()})),e})()}on(["click"]);var hn=le('<div class=context-sidebar__tabs><button type=button class=context-sidebar__close title="Hide context sidebar"aria-label="Hide context sidebar">'),pn=le("<div class=context-sidebar__content>"),mn=le("<div class=context-sidebar>"),gn=le("<patchwork-view>",!0,!1,!1),bn=le('<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 Ut(t){let r=ne("context-tool"),e=()=>{let o=r().map(a=>a.id),n=t.selectedToolId();return n&&o.includes(n)?n:o[0]};return J(Lt,{side:"right",get isCollapsed(){return t.isCollapsed},get width(){return t.width},get onMouseDown(){return t.onMouseDown},get onToggleClick(){return t.onToggleClick},get canExpand(){return t.canExpand},get children(){var o=mn();return se(o,J(Xe,{get when(){return r().length},get children(){var n=hn(),a=n.firstChild;return se(n,J(Ht,{items:r,get selectedToolId(){return t.selectedToolId},get setSelectedToolId(){return t.setSelectedToolId}}),a),a.$$click=()=>t.onCollapse(),se(a,J(Ye,{})),n}}),null),se(o,J(Xe,{get when(){return!t.isCollapsed()},get children(){var n=pn();return se(n,J(Xe,{get when(){return e()},keyed:!0,children:a=>(()=>{var i=gn();return i.component=a,i._$owner=fn(),i})()})),n}}),null),o}})}function Ye(){return bn()}un(["click"]);import{template as _n}from"solid-js/web";import{effect as Wt}from"solid-js/web";import{getOwner as Nt}from"solid-js/web";import{createComponent as wn}from"solid-js/web";import{memo as vn}from"solid-js/web";import{Show as yn}from"solid-js";var Bt=_n("<patchwork-view>",!0,!1,!1),Vt=t=>Array.isArray(t)?String(t[0]):String(t);function ml(t){return wn(yn,{get when(){return vn(()=>!!Array.isArray(t.slot))()?t.slot:!1},get fallback(){return(()=>{var r=Bt();return r._$owner=Nt(),Wt(()=>r.component=String(t.slot)),r})()},children:r=>(()=>{var e=Bt();return e._$owner=Nt(),Wt(o=>{var n=r()[1],a=r()[0];return n!==o.e&&(e.docUrl=o.e=n),a!==o.t&&(e.toolId=o.t=a),o},{e:void 0,t:void 0}),e})()})}var Sn=ce("<div class=threepane__title>"),En=ce("<div class=threepane__doctitle-tools>"),$n=ce('<button type=button class=frame__sidebar-toggle title="Show context sidebar"aria-label="Show context sidebar">'),Rn=ce("<div class=frame__topbar><div class=threepane__spacer>"),Tn=ce("<patchwork-view>",!0,!1,!1);function Xt(t){let r=()=>t.toolSlots()??[];return(()=>{var e=Rn(),o=e.firstChild;return X(e,Y(Ke,{get when(){return t.docUrl()},get children(){var n=Sn();return X(n,Y(At,{get docUrl(){return t.docUrl}})),n}}),o),X(e,Y(Ke,{get when(){return Jt(()=>!!t.docUrl())()&&r().length},get children(){var n=En();return X(n,Y(Dn,{get each(){return r()},children:a=>(()=>{var i=Tn();return i._$owner=Cn(),qt(s=>{var f=Vt(a),g=t.docUrl();return f!==s.e&&(i.toolId=s.e=f),g!==s.t&&(i.docUrl=s.t=g),s},{e:void 0,t:void 0}),i})()})),n}}),null),X(e,Y(Ke,{get when(){return Jt(()=>!!t.hasContext())()&&t.isRightCollapsed()},get children(){var n=$n();return n.$$click=()=>t.onToggleRight(),kn(n,"aria-pressed",!1),X(n,Y(Ye,{})),n}}),null),qt(()=>e.classList.toggle("frame__topbar--left-collapsed",!!t.isLeftCollapsed())),e})()}xn(["click"]);import{template as Ge}from"solid-js/web";import{effect as In}from"solid-js/web";import{getOwner as An}from"solid-js/web";import{insert as Yt}from"solid-js/web";import{memo as Fn}from"solid-js/web";import{createComponent as Pn}from"solid-js/web";import{use as On}from"solid-js/web";import{Show as zn}from"solid-js";var Mn=Ge("<div class=document-view>"),Ln=Ge("<patchwork-view>",!0,!1,!1),jn=Ge("<div class=placeholder>Select a document in the sidebar");function Kt({viewKey:t,selectedDocUrl:r,toolId:e,ref:o}){return(()=>{var n=Mn(),a=o;return typeof a=="function"?On(a,n):o=n,Yt(n,Pn(zn,{get when(){return t()},keyed:!0,children:i=>(()=>{var s=Ln();return s._$owner=An(),In(f=>{var g=r(),d=e();return g!==f.e&&(s.docUrl=f.e=g),d!==f.t&&(s.toolId=f.t=d),f},{e:void 0,t:void 0}),s})()}),null),Yt(n,(()=>{var i=Fn(()=>!r());return()=>i()&&jn()})(),null),n})()}var Hn=Ze("<patchwork-view component=patchwork-draft-list-provider>",!0,!1,!1),Un=Ze("<div class=frame__main-column><div class=frame__doc-column><div class=main-area>"),Wn=Ze("<patchwork-view component=patchwork-draft-overlay-provider><patchwork-view component=patchwork-comments-provider><patchwork-view component=patchwork-focus-provider>",!0,!1,!1),qn=180,Jn=720,Xn=120,Yn=3;function er(t){let[r,e]=I(t.initialRightCollapsed()),[o,n]=I(t.initialRightWidth());Zt(Qt(r,_=>{try{localStorage.setItem(E.rightCollapsed,String(_))}catch{}},{defer:!0})),Zt(Qt(o,_=>{try{localStorage.setItem(E.rightWidth,String(_))}catch{}},{defer:!0}));let[,a]=I(0),[,i]=I(!1),s=Be({setLeftSidebarWidth:a,setRightSidebarWidth:n,setIsSidebarCollapsed:i,setIsRightSidebarCollapsed:e,isLeftCollapsed:()=>t.isLeftCollapsed(),isRightCollapsed:r,minWidth:qn,maxWidth:Jn,autoCloseWidth:Xn,dragThreshold:Yn});Vn(()=>{let _=()=>e(!0);window.addEventListener(ve,_),Bn(()=>window.removeEventListener(ve,_))});let[f,g]=Ue(I(),{name:E.contextToolId}),[d,u]=I(),m=z("patchwork-draft-list-provider",d),b=()=>m()?d():void 0;return D(ue,{get when(){return t.selectedDocUrl()},keyed:!0,children:_=>(()=>{var p=Hn();return Fe(u,p),p.docUrl=_,p._$owner=Ae(),de(p,D(ue,{get when(){return b()},children:h=>D(Kn,{get host(){return h()},get setMainDocElement(){return t.setMainDocElement},get selectedDocUrl(){return t.selectedDocUrl},get selectedToolId(){return t.selectedToolId},get doctitleSlots(){return t.doctitleSlots},get isLeftCollapsed(){return t.isLeftCollapsed},isRightSidebarCollapsed:r,setIsRightSidebarCollapsed:e,rightSidebarWidth:o,get handleMouseDown(){return s.handleMouseDown},get handleToggleClick(){return s.handleToggleClick},selectedContextToolId:f,setSelectedContextToolId:g})})),p})()})}function Kn(t){let[r]=lt(t.host,{type:"draft:checked-out"}),e=Ie(()=>r()?.checkedOut??"main"),o=ne("context-tool"),n=()=>o().length>0,a=Ie(()=>{let w=t.selectedDocUrl();if(!w)return w;let{documentId:v}=Nn(w),x=r()?.at?.[Gt({documentId:v})]?.to;return x?Gt({documentId:v,heads:x}):w}),i=Ie(()=>{let w=a();return w&&`${w}|${JSON.stringify(r()?.at??null)}`}),[s,f]=I(),g=z("patchwork-draft-overlay-provider",s),[d,u]=I(),m=z("patchwork-comments-provider",d),[b,_]=I(),p=z("patchwork-focus-provider",b),h=Ie(()=>g()&&m()&&p());return D(ue,{get when(){return e()},keyed:!0,children:w=>(()=>{var v=Wn(),x=v.firstChild,S=x.firstChild;return Fe(f,v),v.url=w==="main"?"":w,v._$owner=Ae(),Fe(u,x),x._$owner=Ae(),Fe(_,S),S._$owner=Ae(),de(S,D(ue,{get when(){return h()},get children(){var P=Un(),A=P.firstChild,O=A.firstChild;return de(A,D(Xt,{get docUrl(){return t.selectedDocUrl},get toolSlots(){return t.doctitleSlots},get isLeftCollapsed(){return t.isLeftCollapsed},hasContext:n,get isRightCollapsed(){return t.isRightSidebarCollapsed},onToggleRight:()=>t.setIsRightSidebarCollapsed($=>!$)}),O),de(O,D(Kt,{viewKey:i,selectedDocUrl:a,get toolId(){return t.selectedToolId},ref:$=>t.setMainDocElement?.($)})),de(P,D(ue,{get when(){return n()},get children(){return D(Ut,{get selectedToolId(){return t.selectedContextToolId},get setSelectedToolId(){return t.setSelectedContextToolId},get isCollapsed(){return t.isRightSidebarCollapsed},get width(){return t.rightSidebarWidth},get onMouseDown(){return t.handleMouseDown},get onToggleClick(){return t.handleToggleClick},onCollapse:()=>t.setIsRightSidebarCollapsed(!0)})}}),null),P}})),v})()})}var Pe=`:root,
2
- :host,
3
- [theme] {
4
- --threepane-bg: var(--studio-fill, white);
5
- --threepane-sidebar-fill: var(--studio-chrome, var(--studio-fill, white));
6
- --threepane-fg: var(--studio-line, black);
7
- /* ink for text sitting ON the sidebar/account-bar chrome surface. mirrors the
8
- toolbar/context-sidebar fg: it rides --studio-chrome-line (the chrome's own
9
- ink) so it tracks the chrome palette, not the content page. --threepane-fg
10
- is content ink and only belongs on --threepane-bg surfaces. */
11
- --threepane-sidebar-fg: var(--studio-chrome-line, var(--studio-line, black));
12
- --threepane-muted: var(--studio-line-offset-50, #999);
13
- --threepane-family: var(--studio-family-sans, system-ui, sans-serif);
14
- --threepane-family-code: var(--studio-family-code, ui-monospace, monospace);
15
-
16
- /* spacing scale, aliased from the base theme */
17
- --threepane-space-3xs: var(--studio-space-3xs, 0.125rem);
18
- --threepane-space-2xs: var(--studio-space-2xs, 0.25rem);
19
- --threepane-space-xs: var(--studio-space-xs, 0.375rem);
20
- --threepane-space-sm: var(--studio-space-sm, 0.5rem);
21
- --threepane-space: var(--studio-space, 0.75rem);
22
- --threepane-space-md: var(--studio-space-md, 1rem);
23
- --threepane-space-2xl: var(--studio-space-2xl, 3rem);
24
-
25
- /* radius scale, aliased from the base theme */
26
- --threepane-radius-xs: var(--studio-radius-xs, 2px);
27
- --threepane-radius-sm: var(--studio-radius-sm, 4px);
28
- --threepane-radius-md: var(--studio-radius-md, 8px);
29
- --threepane-radius-round: var(--studio-radius-round, 9999px);
30
-
31
- /* Height of the frame's top strip: the top bar over the main column, and the
32
- matching empty space reserved above the left sidebar's widgets so the two
33
- line up and the left toggle has a home. */
34
- --threepane-header-height: calc(
35
- env(safe-area-inset-top, 0px) + var(--threepane-space-2xl)
36
- );
37
-
38
- /* the left footer and right tray boxes share one height so they line up. */
39
- --threepane-tray-height: var(--threepane-space-2xl);
40
- /* sidebar toggles ride a touch paler than the line (first ink offset). they
41
- sit on chrome (left toggle over the sidebar, right over the toolbar), so
42
- they use the chrome ink ramp, not the content one. */
43
- --threepane-toggle-fg: var(--studio-chrome-line-offset-10, var(--studio-line-offset-10, #333));
44
-
45
- --threepane-toolbar: var(--studio-chrome, white);
46
- /* toolbar text rides on the chrome surface, so it uses the chrome ink */
47
- --threepane-toolbar-fg: var(--studio-chrome-line, var(--studio-line, black));
48
- --threepane-toolbar-border: var(--studio-chrome-offset-10, #ddd);
49
- /* Resize handle: a faint 1px divider that tracks the chrome ramp's contrast
50
- (it mixes toward the chrome ink, so it reads darker on light themes and
51
- lighter on dark ones), plus a primary-tinted glow + grab pill on hover. */
52
- --threepane-sidebar-divider: var(--studio-chrome-offset-20, #d4d4d4);
53
- --threepane-resize-glow: color-mix(in oklch, var(--studio-primary-fill, var(--studio-primary, #35f7ca)), transparent 35%);
54
- --threepane-resize-pill: var(--studio-primary-fill, var(--studio-primary, #35f7ca));
55
-
56
- /* The context (right) sidebar sits on a chrome surface stepped one offset off
57
- the toolbar's flat chrome, so the two chrome regions read as distinct. */
58
- --threepane-context-sidebar-fill: var(--studio-chrome-offset-10, #ececec);
59
-
60
- /* Context sidebar (tabbed) */
61
- --context-sidebar-bg: var(--threepane-context-sidebar-fill);
62
- /* the tab-bar header rides on the same flat chrome as the toolbar above it,
63
- so the two chrome strips read as one continuous band */
64
- --context-sidebar-header-bg: var(--studio-chrome, #f2f2f2);
65
- --context-sidebar-fg: var(--studio-chrome-line, var(--studio-line, black));
66
- /* match the lines drawn around the document-view so tab/tray edges read as
67
- one continuous frame */
68
- --context-sidebar-border: var(--threepane-toolbar-border);
69
- --context-sidebar-tab-fg: var(--studio-chrome-line-offset-40, var(--studio-line-offset-40, #666));
70
- --context-sidebar-tab-hover: var(--studio-chrome-offset-10, #e5e5e5);
71
- --context-sidebar-tab-active-bg: var(--studio-fill, white);
72
- --context-sidebar-tab-active-fg: var(--studio-line, black);
73
- --context-sidebar-tab-active-accent: var(--studio-primary-line, var(--studio-primary, #35f7ca));
74
- /* the content panel shares the active tab's surface so the selected tab
75
- connects seamlessly into the tool view below it */
76
- --context-sidebar-content-bg: var(--context-sidebar-tab-active-bg);
77
- --context-sidebar-family: var(--studio-family-sans, system-ui, sans-serif);
78
- }
79
-
80
- .frame-shell {
81
- display: flex;
82
- flex-direction: column;
83
- width: 100%;
84
- height: 100%;
85
- }
86
-
87
- .frame-warning-banner {
88
- flex: none;
89
- padding: var(--threepane-space-2xs) var(--threepane-space-sm);
90
- text-align: center;
91
- text-transform: uppercase;
92
- font-family: var(--studio-family-ui, var(--threepane-family));
93
- font-size: 0.75rem;
94
- background: var(--studio-warning-fill, yellow);
95
- color: var(--studio-warning-line);
96
- }
97
-
98
- .frame {
99
- position: relative;
100
- display: flex;
101
- width: 100%;
102
- flex: 1;
103
- min-height: 0;
104
- font-family: var(--threepane-family);
105
- color: var(--threepane-fg);
106
- background: var(--threepane-bg);
107
- }
108
-
109
- .frame__version {
110
- position: absolute;
111
- top: var(--threepane-space-2xs);
112
- right: var(--threepane-space-sm);
113
- z-index: 10;
114
- color: var(--threepane-muted);
115
- font-size: 0.75rem;
116
- font-weight: 500;
117
- pointer-events: none;
118
- user-select: none;
119
- }
120
-
121
- .sidebar {
122
- position: relative;
123
- display: flex;
124
- flex: none;
125
- /* visible so the resize handle can straddle the boundary (sit on *both*
126
- sides of the divider line); the content clips itself instead. z-index lifts
127
- the handle's outer half above the main area so it stays grabbable. */
128
- overflow: visible;
129
- z-index: 1;
130
- }
131
-
132
- .sidebar[data-collapsed] {
133
- overflow: visible;
134
- }
135
-
136
- .sidebar[data-side="left"] {
137
- background: var(--threepane-sidebar-fill);
138
- color: var(--threepane-sidebar-fg);
139
- }
140
-
141
- .sidebar[data-side="right"] {
142
- background: var(--threepane-context-sidebar-fill);
143
- }
144
-
145
- .main-area {
146
- flex: 1;
147
- min-width: 0;
148
- display: flex;
149
- flex-direction: column;
150
- height: 100%;
151
- overflow: hidden;
152
- }
153
-
154
- /* The main column (right of the left sidebar): a row of
155
- [document column | right sidebar], so the right sidebar spans the full frame
156
- height and its resize divider runs top-to-bottom exactly like the left one. */
157
- .frame__main-column {
158
- position: relative;
159
- flex: 1;
160
- min-width: 0;
161
- display: flex;
162
- flex-direction: row;
163
- height: 100%;
164
- overflow: hidden;
165
- }
166
-
167
- /* The document column: the top bar over the main document view. Sits left of the
168
- full-height context sidebar. */
169
- .frame__doc-column {
170
- flex: 1;
171
- min-width: 0;
172
- width: 100%;
173
- display: flex;
174
- flex-direction: column;
175
- height: 100%;
176
- overflow: hidden;
177
- }
178
-
179
- .frame__doc-column > patchwork-view,
180
- .frame__doc-column > patchwork-view > patchwork-view,
181
- .frame__doc-column > patchwork-view > patchwork-view > patchwork-view,
182
- .frame__doc-column
183
- > patchwork-view
184
- > patchwork-view
185
- > patchwork-view
186
- > patchwork-view {
187
- display: contents;
188
- }
189
-
190
- /* The full-width top toolbar. Its height + top safe-area inset match the
191
- sideboard's reserved top margin so the bar reads as continuous across the top
192
- (the left sidebar's empty top region lines up with it). */
193
- .frame__topbar {
194
- display: flex;
195
- align-items: stretch;
196
- box-sizing: border-box;
197
- min-height: var(--threepane-space-2xl);
198
- padding-top: env(safe-area-inset-top, 0px);
199
- padding-inline: var(--threepane-space-2xs);
200
- gap: var(--threepane-space-2xs);
201
- background: var(--threepane-toolbar);
202
- color: var(--threepane-toolbar-fg);
203
- /* A hairline along the bottom, in the same colour as the document-view's
204
- border, so the line under the bar runs unbroken across the whole width
205
- (document column + context tabs). The active tab pulls down 1px to break
206
- through it and connect to its panel below. */
207
- border-bottom: 1px solid var(--threepane-toolbar-border);
208
- /* Animate the collapsed left-slot in step with the sidebar's width transition
209
- so the title glides up against the pinned toggle instead of jumping. */
210
- transition: padding-left var(--studio-transition-slow, 0.25s ease);
211
- }
212
-
213
- /* When the left sidebar is collapsed the bar's left edge reaches the frame edge,
214
- where the pinned left toggle lives; reserve a matching slot so the title slides
215
- up against the toggle rather than under it. */
216
- .frame__topbar--left-collapsed {
217
- padding-left: var(--threepane-space-2xl);
218
- }
219
-
220
- /* The left sidebar toggle, pinned to the frame's top-left corner so it keeps the
221
- same spot whether the sidebar is open or closed. Square, filling the top strip;
222
- sits over the sidebar's reserved (empty) top area when open. */
223
- .frame__left-toggle {
224
- position: absolute;
225
- top: 0;
226
- left: 0;
227
- z-index: 5;
228
- width: var(--threepane-space-2xl);
229
- height: var(--threepane-header-height);
230
- padding-top: env(safe-area-inset-top, 0px);
231
- }
232
-
233
- /* A sidebar toggle at either end of the top bar (always present). */
234
- .frame__sidebar-toggle {
235
- display: flex;
236
- align-items: center;
237
- justify-content: center;
238
- flex-shrink: 0;
239
- padding-inline: var(--threepane-space-sm);
240
- border: none;
241
- background: transparent;
242
- color: var(--threepane-toggle-fg);
243
- cursor: pointer;
244
- transition: color var(--studio-transition-fast, 0.1s ease);
245
- }
246
-
247
- .frame__sidebar-toggle:hover {
248
- color: var(--threepane-sidebar-fg);
249
- }
250
-
251
- /* The document title, rendered intrinsically: shrinks to the title's width but
252
- never past half the bar; ellipsis beyond. */
253
- .threepane__title {
254
- display: flex;
255
- align-items: center;
256
- flex: 0 1 auto;
257
- min-width: 0;
258
- max-width: 50%;
259
- overflow: hidden;
260
- padding-inline: var(--threepane-space-sm);
261
- }
262
-
263
- .threepane__title-text {
264
- font-weight: 600;
265
- white-space: nowrap;
266
- min-width: 0;
267
- overflow: hidden;
268
- text-overflow: ellipsis;
269
- }
270
-
271
- .threepane__title-text--editable {
272
- cursor: text;
273
- }
274
-
275
- .threepane__title-text--editable:hover {
276
- opacity: 0.7;
277
- }
278
-
279
- .threepane__title-input {
280
- font: inherit;
281
- font-weight: 600;
282
- color: inherit;
283
- min-width: 0;
284
- width: 100%;
285
- padding: 0;
286
- margin: 0;
287
- border: none;
288
- outline: none;
289
- background: transparent;
290
- }
291
-
292
- /* built-in spacer between the title and the right-hand tools */
293
- .threepane__spacer {
294
- flex: 1;
295
- min-width: var(--threepane-space-sm);
296
- }
297
-
298
- /* configured doctitle tools at the right end; scroll horizontally when they
299
- overflow rather than squashing. */
300
- .threepane__doctitle-tools {
301
- display: flex;
302
- align-items: center;
303
- gap: var(--threepane-space-sm);
304
- min-width: 0;
305
- padding-inline: var(--threepane-space-sm);
306
- overflow-x: auto;
307
- overflow-y: hidden;
308
- scrollbar-width: none;
309
- }
310
-
311
- .threepane__doctitle-tools::-webkit-scrollbar {
312
- display: none;
313
- }
314
-
315
- .threepane__doctitle-tools patchwork-view {
316
- display: flex;
317
- align-items: center;
318
- height: 2rem;
319
- flex-shrink: 0;
320
- width: auto;
321
- }
322
-
323
- .document-view {
324
- flex: 1;
325
- min-height: 0;
326
- overflow: hidden;
327
- /* Left divider only, square corners. The top line is the top bar's
328
- border-bottom and the bottom is open to the frame edge. The right divider
329
- (to the context sidebar) is the sidebar's own full-height border-left, so
330
- it runs the whole frame height rather than just the document view. When the
331
- left sidebar is collapsed the left divider is dropped (see the :has rule
332
- below) so nothing rides the frame edge. */
333
- border-left: 1px solid var(--threepane-toolbar-border);
334
- }
335
-
336
- /* Left sidebar collapsed to 0: drop the document-view's left divider so there's
337
- no stray line hugging the frame's left edge. */
338
- .frame:has(.sidebar[data-side="left"][data-collapsed]) .document-view {
339
- border-left: none;
340
- }
341
-
342
- .document-view patchwork-view {
343
- display: block;
344
- width: 100%;
345
- height: 100%;
346
- }
347
-
348
- .placeholder {
349
- display: flex;
350
- align-items: center;
351
- justify-content: center;
352
- height: 100%;
353
- color: var(--threepane-fg);
354
- }
355
-
356
- .sidebar patchwork-view {
357
- display: block;
358
- width: 100%;
359
- height: 100%;
360
- /* the sidebar itself no longer clips, so the content does */
361
- overflow: hidden;
362
- }
363
-
364
- /* Context sidebar (tabbed)
365
- Ported from the standalone \`context-sidebar\` tool (main): lifted tabs with a
366
- top accent bar and surface fill on the active tab, a hover surface, and a
367
- bottom-border separator between the tab bar and the mounted tool view. */
368
- .context-sidebar {
369
- flex: 1;
370
- min-width: 0;
371
- width: 100%;
372
- height: 100%;
373
- display: flex;
374
- flex-direction: column;
375
- overflow: hidden;
376
- font-family: var(--context-sidebar-family);
377
- color: var(--context-sidebar-fg);
378
- background: var(--context-sidebar-bg);
379
- /* The full-height divider between the document column and the sidebar. Lives
380
- here (not on the document view) so it runs the whole frame height \u2014 top bar
381
- level included \u2014 and the resize handle straddling this edge is grabbable end
382
- to end, matching the left sidebar. */
383
- border-left: 1px solid var(--context-sidebar-border);
384
- }
385
-
386
- /* Tab bar: the row holding the tab list and the collapse button. Its height +
387
- top safe-area inset match the document column's top bar so the two header
388
- strips line up and their bottom hairlines read as one continuous line across
389
- the divider. */
390
- .context-sidebar__tabs {
391
- display: flex;
392
- align-items: flex-end;
393
- box-sizing: border-box;
394
- min-height: var(--threepane-space-2xl);
395
- padding-top: env(safe-area-inset-top, 0px);
396
- background: var(--context-sidebar-header-bg);
397
- border-bottom: 1px solid var(--context-sidebar-border);
398
- }
399
-
400
- .context-sidebar__tablist {
401
- display: flex;
402
- flex: 1;
403
- min-width: 0;
404
- align-items: flex-end;
405
- gap: var(--threepane-space-2xs);
406
- padding-inline: var(--threepane-space-2xs);
407
- /* when there are more tabs than fit, scroll them horizontally rather than
408
- letting them shrink/wrap; scrollbar hidden for a clean header. */
409
- overflow-x: auto;
410
- overflow-y: hidden;
411
- scrollbar-width: none;
412
- /* extend the clip box 1px past the tab-bar border (compensated by the
413
- negative margin so layout is unchanged) so the active tab's -1px overflow
414
- isn't clipped by the horizontal scroll container, and it can still cover
415
- the border-bottom to connect into the panel. */
416
- padding-bottom: 1px;
417
- margin-bottom: -1px;
418
- }
419
- .context-sidebar__tablist::-webkit-scrollbar {
420
- display: none;
421
- }
422
-
423
- /* A single tab. */
424
- .context-sidebar__tab {
425
- display: flex;
426
- align-items: center;
427
- flex-shrink: 0;
428
- padding: var(--threepane-space-xs) var(--threepane-space-sm);
429
- border: 1px solid transparent;
430
- border-bottom: none;
431
- border-top-left-radius: var(--threepane-radius-xs);
432
- border-top-right-radius: var(--threepane-radius-xs);
433
- background: transparent;
434
- font-family: inherit;
435
- font-size: 0.875rem;
436
- white-space: nowrap;
437
- color: var(--context-sidebar-tab-fg);
438
- cursor: pointer;
439
- user-select: none;
440
- transition: background var(--studio-transition-fast, 0.1s ease),
441
- color var(--studio-transition-fast, 0.1s ease);
442
- }
443
-
444
- .context-sidebar__tab:hover {
445
- background: var(--context-sidebar-tab-hover);
446
- color: var(--context-sidebar-tab-active-fg);
447
- }
448
-
449
- /* Exception: the selected tab. Pulled down 1px so its fill covers the tab-bar's
450
- bottom border, connecting the tab seamlessly into the panel below. */
451
- .context-sidebar__tab[data-active] {
452
- position: relative;
453
- margin-bottom: -1px;
454
- background: var(--context-sidebar-tab-active-bg);
455
- color: var(--context-sidebar-tab-active-fg);
456
- border-color: var(--context-sidebar-border);
457
- box-shadow: inset 0 1px 0 0 var(--context-sidebar-tab-active-accent);
458
- }
459
-
460
- /* The close (collapse) button. Centred vertically in the tab header (the header
461
- is otherwise flex-end for the tabs) so it lands at the same height as the
462
- reopen toggle in the top bar when the sidebar is collapsed. */
463
- .context-sidebar__close {
464
- display: flex;
465
- align-items: center;
466
- justify-content: center;
467
- align-self: center;
468
- flex-shrink: 0;
469
- padding-inline: var(--threepane-space-sm);
470
- margin-right: var(--threepane-space-2xs);
471
- border: none;
472
- background: transparent;
473
- color: var(--context-sidebar-fg);
474
- cursor: pointer;
475
- opacity: 0.5;
476
- transition: opacity var(--studio-transition-fast, 0.1s ease);
477
- }
478
-
479
- .context-sidebar__close:hover {
480
- opacity: 1;
481
- }
482
-
483
- /* The mounted tool view. */
484
- .context-sidebar__content {
485
- flex: 1;
486
- min-height: 0;
487
- overflow: auto;
488
- background: var(--context-sidebar-content-bg);
489
- contain: content;
490
- }
491
-
492
- .context-sidebar__content patchwork-view {
493
- display: block;
494
- width: 100%;
495
- height: 100%;
496
- }
497
-
498
- /* Left sidebar body: a stack of widgets with the account footer pinned below. */
499
- .threepane-sidebar {
500
- display: flex;
501
- flex-direction: column;
502
- width: 100%;
503
- height: 100%;
504
- min-height: 0;
505
- }
506
-
507
- /* Reserve the docked tray's height at the sidebar's bottom so the account bar
508
- sits above the tray (which is pinned outside this collapsing column). */
509
- .threepane-sidebar--has-tray {
510
- padding-bottom: calc(
511
- var(--threepane-tray-height) + env(safe-area-inset-bottom, 0px)
512
- );
513
- }
514
-
515
- /* account / packages / settings footer, pinned to the sidebar bottom */
516
- .threepane-sidebar--has-tray .threepane-sidebar__footer {
517
- flex: none;
518
- margin-bottom: calc(var(--threepane-tray-height) + env(safe-area-inset-bottom, 0px));
519
- }
520
-
521
- /* The inlined account bar: avatar (account picker) + Packages + Settings. Ported
522
- from the sideboard \`account-bar\` tool onto threepane tokens so the frame owns
523
- the markup directly. */
524
- .threepane-account-bar {
525
- container-type: inline-size;
526
- display: flex;
527
- align-items: center;
528
- gap: var(--threepane-space-md);
529
- min-height: var(--threepane-space-2xl);
530
- box-sizing: border-box;
531
- background: var(--threepane-sidebar-fill);
532
- color: var(--threepane-sidebar-fg);
533
- border-top: 1px solid var(--threepane-sidebar-divider);
534
- padding-block: var(--threepane-space-2xs);
535
- padding-bottom: calc(var(--threepane-space-2xs) + env(safe-area-inset-bottom));
536
- padding-left: calc(env(safe-area-inset-left) + var(--threepane-space-md));
537
- padding-right: calc(env(safe-area-inset-right) + var(--threepane-space-md));
538
- justify-content: space-between;
539
- overflow: hidden;
540
- }
541
-
542
- .threepane-account-bar__button {
543
- display: flex;
544
- align-items: center;
545
- border: 1px solid transparent;
546
- padding-inline: var(--threepane-space-2xs);
547
- padding-block: var(--threepane-space-3xs);
548
- border-radius: var(--threepane-radius-xs);
549
- background: transparent;
550
- color: inherit;
551
- font: inherit;
552
- white-space: nowrap;
553
- cursor: pointer;
554
- }
555
-
556
- .threepane-account-bar__button:hover {
557
- border-color: var(--threepane-sidebar-divider);
558
- }
559
-
560
- .threepane-account-bar__avatar {
561
- padding: 0;
562
- }
563
-
564
- .threepane-account-bar__avatar patchwork-view {
565
- display: block;
566
- width: 100%;
567
- height: 100%;
568
- }
569
-
570
- /* Left sidebar: a stack of configured widgets. The widgets start below the
571
- frame's top strip (the empty space matching the top bar), so the frame owns
572
- that spacing rather than each widget reserving its own top margin. */
573
- .threepane-widgets {
574
- flex: 1;
575
- display: flex;
576
- flex-direction: column;
577
- width: 100%;
578
- min-height: 0;
579
- padding-top: var(--threepane-header-height);
580
- gap: 1rem;
581
- }
582
-
583
- .threepane-widget {
584
- position: relative;
585
- flex: 1;
586
- min-height: 0;
587
- overflow: hidden;
588
- }
589
-
590
- .threepane-widget patchwork-view {
591
- display: block;
592
- width: 100%;
593
- height: 100%;
594
- }
595
-
596
- /* empty state: offer to add the document list */
597
- .threepane-widgets__empty {
598
- flex: 1;
599
- display: flex;
600
- align-items: flex-start;
601
- justify-content: center;
602
- }
603
-
604
- .threepane-widgets__add {
605
- padding: var(--threepane-space-xs) var(--threepane-space-sm);
606
- border: 1px dashed var(--threepane-sidebar-divider);
607
- border-radius: var(--threepane-radius-sm);
608
- background: transparent;
609
- color: var(--threepane-muted);
610
- font: inherit;
611
- cursor: pointer;
612
- white-space: nowrap;
613
- }
614
-
615
- .threepane-widgets__add:hover:not(:disabled) {
616
- color: var(--threepane-sidebar-fg);
617
- border-color: var(--threepane-sidebar-fg);
618
- }
619
-
620
- .threepane-widgets__add:disabled {
621
- opacity: 0.5;
622
- cursor: default;
623
- }
624
-
625
- /* System tray dock: pinned to the frame's bottom-left. Lives outside the
626
- collapsing left sidebar so it isn't torn down when the sidebar closes. When
627
- the sidebar is open the dock spans its width (set inline) and fills the space
628
- reserved by \`threepane-sidebar--has-tray\`; when the sidebar closes the dock is
629
- hidden (\`display: none\`) but stays mounted, so the tray is invisible while its
630
- tools keep running. */
631
- .frame__tray-dock {
632
- position: absolute;
633
- left: 0;
634
- bottom: 0;
635
- z-index: 4;
636
- box-sizing: border-box;
637
- /* Fade the tray in only *after* the sidebar's width animation completes, so it
638
- doesn't flash at full size over the still-expanding sidebar. The delay equals
639
- the sidebar's transition duration; collapsing overrides this to hide at once. */
640
- opacity: 1;
641
- transition: opacity 0.1s ease 0.25s;
642
- }
643
-
644
- .frame__tray-dock--collapsed {
645
- opacity: 0;
646
- pointer-events: none;
647
- /* Hide immediately on collapse \u2014 no wait, no fade. */
648
- transition: opacity 0s;
649
- }
650
-
651
- /* A row of tray-tagged tools, filling the dock. */
652
- .frame-tray {
653
- display: flex;
654
- align-items: center;
655
- gap: var(--threepane-space-2xs);
656
- box-sizing: border-box;
657
- /* min-height includes the safe-area inset (border-box), and the matching
658
- padding-bottom lifts the tray's contents clear of it while the tray's own
659
- background fills the inset down to the very bottom edge. */
660
- min-height: calc(
661
- var(--threepane-tray-height) + env(safe-area-inset-bottom, 0px)
662
- );
663
- padding-inline: var(--threepane-space-sm);
664
- padding-bottom: env(safe-area-inset-bottom, 0px);
665
- border-top: 1px solid var(--threepane-sidebar-divider);
666
- background: var(--threepane-sidebar-fill);
667
- }
668
-
669
- .frame-tray__item {
670
- display: flex;
671
- align-items: center;
672
- }
673
-
674
- .frame-tray patchwork-view {
675
- display: flex;
676
- width: auto;
677
- height: auto;
678
- }
679
-
680
- /* Debug Registry Toast */
681
- .debug-registry-toast {
682
- position: fixed;
683
- bottom: var(--threepane-space-md);
684
- right: var(--threepane-space-md);
685
- z-index: 9999;
686
- max-width: 360px;
687
- font-family: var(--threepane-family-code);
688
- font-size: 0.75rem;
689
- background: oklch(0.15 0.01 270);
690
- border: 1px solid oklch(0.35 0.03 270);
691
- border-radius: var(--threepane-radius-md);
692
- box-shadow:
693
- 0 8px 32px oklch(0 0 0 / 0.4),
694
- 0 0 0 1px oklch(1 0 0 / 0.05) inset;
695
- overflow: hidden;
696
- backdrop-filter: blur(12px);
697
- }
698
-
699
- .debug-registry-toast__header {
700
- display: flex;
701
- align-items: center;
702
- justify-content: space-between;
703
- padding: var(--threepane-space-sm) var(--threepane-space);
704
- background: oklch(0.2 0.02 270);
705
- border-bottom: 1px solid oklch(0.3 0.02 270);
706
- }
707
-
708
- .debug-registry-toast__title {
709
- color: oklch(0.85 0.1 270);
710
- font-weight: 600;
711
- letter-spacing: 0.02em;
712
- }
713
-
714
- .debug-registry-toast__clear {
715
- background: none;
716
- border: none;
717
- color: oklch(0.6 0.05 270);
718
- cursor: pointer;
719
- padding: var(--threepane-space-2xs) var(--threepane-space-sm);
720
- border-radius: var(--threepane-radius-sm);
721
- transition: all 0.15s ease;
722
- }
723
-
724
- .debug-registry-toast__clear:hover {
725
- background: oklch(0.25 0.02 270);
726
- color: oklch(0.9 0.05 0);
727
- }
728
-
729
- .debug-registry-toast__list {
730
- max-height: 300px;
731
- overflow-y: auto;
732
- }
733
-
734
- .debug-registry-toast__item {
735
- display: flex;
736
- align-items: flex-start;
737
- gap: var(--threepane-space-sm);
738
- padding: var(--threepane-space-sm) var(--threepane-space);
739
- border-left: 3px solid transparent;
740
- cursor: pointer;
741
- transition: all 0.15s ease;
742
- animation: toast-slide-in 0.2s ease-out;
743
- }
744
-
745
- .debug-registry-toast__item:hover {
746
- background: oklch(0.2 0.01 270);
747
- }
748
-
749
- .debug-registry-toast__item:not(:last-child) {
750
- border-bottom: 1px solid oklch(0.25 0.01 270);
751
- }
752
-
753
- .debug-registry-toast__icon {
754
- font-size: 0.875rem;
755
- line-height: 1;
756
- flex-shrink: 0;
757
- }
758
-
759
- .debug-registry-toast__content {
760
- display: flex;
761
- flex-direction: column;
762
- gap: var(--threepane-space-3xs);
763
- min-width: 0;
764
- }
765
-
766
- .debug-registry-toast__event-type {
767
- color: oklch(0.7 0.15 150);
768
- font-weight: 600;
769
- text-transform: uppercase;
770
- letter-spacing: 0.05em;
771
- font-size: 0.625rem;
772
- }
773
-
774
- .debug-registry-toast__plugin-type {
775
- color: oklch(0.6 0.1 60);
776
- font-size: 0.6875rem;
777
- }
778
-
779
- .debug-registry-toast__plugin-id {
780
- color: oklch(0.9 0.02 270);
781
- font-weight: 500;
782
- overflow: hidden;
783
- text-overflow: ellipsis;
784
- white-space: nowrap;
785
- }
786
- }
787
- @keyframes toast-slide-in {
788
- from {
789
- opacity: 0;
790
- transform: translateX(20px);
791
- }
792
- to {
793
- opacity: 1;
794
- transform: translateX(0);
795
- }
796
- }
797
-
798
-
799
- /* Isolation-mode chrome popover.
800
- In isolation the main document area is a sandboxed iframe, so host-realm tools
801
- opened from the account bar (account picker / Packages / Settings) are floated
802
- over the frame here instead of being routed into the iframe. The backdrop is a
803
- lowish-opacity, theme-tinted ink wash (dims the frame + picks up the theme's
804
- ink hue); the panel carries a soft drop shadow so it reads as lifted. Absolute
805
- inset:0 resolves to the \`.frame\` (its nearest positioned ancestor). */
806
- .frame__popover-backdrop {
807
- position: absolute;
808
- inset: 0;
809
- z-index: 1000;
810
- display: flex;
811
- align-items: center;
812
- justify-content: center;
813
- padding: var(--threepane-space-2xl);
814
- background: color-mix(in oklch, var(--threepane-fg), transparent 82%);
815
- animation: frame-popover-fade var(--studio-transition, 0.15s ease);
816
- }
817
-
818
- .frame__popover {
819
- display: flex;
820
- flex-direction: column;
821
- width: min(1100px, 100%);
822
- height: min(900px, 100%);
823
- overflow: hidden;
824
- background: var(--threepane-bg);
825
- color: var(--threepane-fg);
826
- border: 1px solid var(--threepane-toolbar-border);
827
- border-radius: var(--threepane-radius-md);
828
- box-shadow:
829
- 0 32px 80px color-mix(in oklch, var(--threepane-fg), transparent 45%),
830
- 0 12px 32px color-mix(in oklch, var(--threepane-fg), transparent 60%),
831
- 0 2px 8px color-mix(in oklch, var(--threepane-fg), transparent 70%);
832
- animation: frame-popover-pop var(--studio-transition, 0.15s ease);
833
- }
834
-
835
- /* The "Open with" picker, docked to the popover's top. Sits at its natural
836
- height above the tool body; the doc-openwith tool renders a small titlebar
837
- button, so this is left-aligned chrome rather than a full-height view. */
838
- .frame__popover-toolbar {
839
- display: flex;
840
- align-items: center;
841
- flex: 0 0 auto;
842
- gap: var(--threepane-space-sm);
843
- padding: var(--threepane-space-sm) var(--threepane-space-md);
844
- border-bottom: 1px solid var(--threepane-toolbar-border);
845
- }
846
-
847
- .frame__popover-toolbar patchwork-view {
848
- display: block;
849
- }
850
-
851
- .frame__popover-body {
852
- flex: 1 1 auto;
853
- min-height: 0;
854
- overflow: auto;
855
- }
856
-
857
- .frame__popover-body patchwork-view {
858
- display: block;
859
- width: 100%;
860
- height: 100%;
861
- overflow: auto;
862
- }
863
-
864
- @keyframes frame-popover-fade {
865
- from {
866
- opacity: 0;
867
- }
868
- to {
869
- opacity: 1;
870
- }
871
- }
872
-
873
- @keyframes frame-popover-pop {
874
- from {
875
- opacity: 0;
876
- transform: translateY(8px) scale(0.98);
877
- }
878
- to {
879
- opacity: 1;
880
- transform: none;
881
- }
882
- }
883
-
884
- /* Custom colors for event types */
885
- :root,
886
- :host,
887
- [theme] {
888
- --debug-toast-registered: var(--studio-secondary-text, color-mix(in oklch, var(--studio-secondary, #33ccf8), var(--studio-line, black) 20%));
889
- --debug-toast-loaded: color-mix(in oklch, var(--studio-added, #35f7ca), var(--studio-line, black) 10%);
890
- --debug-toast-removed: var(--studio-danger-text, color-mix(in oklch, var(--studio-danger, #ff6a90), var(--studio-line, black) 20%));
891
- --debug-toast-changed: var(--studio-warning-text, color-mix(in oklch, var(--studio-warning, #f8c43b), var(--studio-line, black) 10%));
892
- }
893
-
894
- .frame {
895
- .sidebar-toggle {
896
- position: relative;
897
- align-self: stretch;
898
- height: 100%;
899
- padding: 0;
900
- /* 1px wide, overlapping the divider border while reserving no layout column
901
- (content stays flush against the view's border - no offset-bg seam). The
902
- divider border is painted inside the following column, so a centered 2px
903
- strip reads half a pixel left of the line. */
904
- width: 1px;
905
- margin-inline: 0 -1px;
906
- margin-block: 0;
907
- border: 0;
908
- z-index: 1;
909
- cursor: pointer;
910
- /* transparent at rest - the visible divider is the main view's border; the
911
- handle lights up (full-height glow + pill) on hover to signal resize. */
912
- background: transparent;
913
- transition: background-color var(--studio-transition, 0.15s ease);
914
- /* invisible hit target straddling the divider. The toggle sits on opposite
915
- edges of the two sidebars (right edge of the left pane, left edge of the
916
- right pane), so the asymmetric grab margin is mirrored per side to stay
917
- centred over the divider line. */
918
- &::before {
919
- content: "";
920
- position: absolute;
921
- inset-block: 0;
922
- }
923
- &::after {
924
- content: "";
925
- position: absolute;
926
- top: 50%;
927
- left: 50%;
928
- width: 5px;
929
- height: 44px;
930
- border-radius: var(--threepane-radius-round);
931
- background: var(--threepane-resize-pill);
932
- opacity: 0;
933
- transform: translate(-50%, -50%) scaleY(0.55);
934
- transition: opacity var(--studio-transition, 0.15s ease),
935
- transform var(--studio-transition, 0.15s ease);
936
- pointer-events: none;
937
- }
938
- /* on hover the divider line lights up in the frame primary */
939
- &:hover,
940
- &:active {
941
- background: var(--threepane-resize-glow);
942
- }
943
- &:hover::after,
944
- &:active::after {
945
- opacity: 1;
946
- transform: translate(-50%, -50%) scaleY(1);
947
- }
948
- }
949
-
950
- .sidebar-toggle--resizable {
951
- cursor: col-resize;
952
- &:hover {
953
- cursor: col-resize;
954
- }
955
- &:active {
956
- cursor: col-resize;
957
- }
958
- }
959
-
960
- }
961
-
962
- /* Animate sidebar width on collapse/expand, but never while the handle is being
963
- actively dragged - the width must track the pointer 1:1 with no easing lag.
964
- The body flag is set for the duration of a drag by \`useSidebarResize\`. */
965
- .sidebar {
966
- transition: width var(--studio-transition-slow, 0.25s ease);
967
- }
968
- body[data-sidebar-resizing] .sidebar {
969
- transition: none;
970
- }
971
- `;function tr(){let t="patchwork-frame-styles",r=document.getElementById(t);if(r){r.textContent!==Pe&&(r.textContent=Pe);return}let e=document.createElement("style");e.id=t,e.textContent=Pe,document.head.append(e)}var ra=nr("<patchwork-view component=patchwork-isolation root-component=threepane-isolation-root shared-providers=patchwork:contact,patchwork:selected-doc style=display:contents><script type=application/json data-root-component-data>",!0,!1,!1),oa=nr("<div class=frame>");function mc(t){let r=rr(()=>{let o=new Set,n=t.selectedDocUrl();return n&&o.add(n),t.contactUrl&&o.add(t.contactUrl),[...o]}),e=rr(()=>JSON.stringify({selectedDocUrl:t.selectedDocUrl(),selectedToolId:t.selectedToolId(),doctitleSlots:t.doctitleSlots(),isLeftCollapsed:t.isLeftCollapsed(),initialRightWidth:t.initialRightWidth(),initialRightCollapsed:t.initialRightCollapsed()}));return(()=>{var o=ra(),n=o.firstChild;return o._$owner=ta(),ar(n,e),ea(()=>Qn(o,"automerge-allowlist",r().join(","))),o})()}function or(t){if(!t?.textContent)return{};try{return JSON.parse(t.textContent)}catch(r){return console.error("[threepane-isolation-root] bad props JSON:",r),{}}}function gc(t){tr();let r=t.querySelector('script[type="application/json"]'),[e,o]=na(or(r)),n=new MutationObserver(()=>{o(aa(or(r)))});r&&n.observe(r,{characterData:!0,childList:!0,subtree:!0});let a=ia(()=>(()=>{var i=oa();return ar(i,Zn(er,{selectedDocUrl:()=>e.selectedDocUrl,selectedToolId:()=>e.selectedToolId,doctitleSlots:()=>e.doctitleSlots,isLeftCollapsed:()=>e.isLeftCollapsed??!1,initialRightWidth:()=>e.initialRightWidth??oe,initialRightCollapsed:()=>e.initialRightCollapsed??!1})),i})(),t);return()=>{n.disconnect(),a()}}export{_t as a,ie as b,E as c,ve as d,oe as e,We as f,Ne as g,Br as h,Be as i,eo as j,_o as k,wo as l,Lt as m,Vt as n,ml as o,Kt as p,er as q,tr as r,mc as s,gc as t};
972
- //# sourceMappingURL=chunk-HNLVJAZZ.js.map