efficient-easel 0.102.0 → 0.104.0

package/dist/screen/components/SectionScreenShell.js

@@ -1,16 +1,16 @@
-import{AddBlockRow as e}from"../../chunk-D7M6IRPJ.js";import{scrollPreviewToSection as n,gotoPreviewSlide as o}from"../../chunk-4ES5JGGX.js";import"../../chunk-IQ5TA7AM.js";import{slotChildRowName as r}from"../../chunk-HWW4XJOH.js";import"../../chunk-DUVRZ456.js";import"../../chunk-6W7WLPZH.js";import{useEaselUndoKeys as t}from"../../chunk-OM67AJQC.js";import{SlotChildActionsProvider as s}from"../../chunk-KCBEE2MC.js";import{DEFAULT_PANEL_W as i}from"../../chunk-SERF2FAU.js";import{usePartBridge as c}from"../../chunk-E7GGVILG.js";import{useSectionOps as p}from"../../chunk-VV5ADNBR.js";import"../../chunk-IYT6NN2J.js";import"../../chunk-I54UCYOU.js";import"../../chunk-GOTN2KY4.js";import"../../chunk-R5L2E7JX.js";import{useScreenDocument as l}from"../../chunk-FT35FX7D.js";import"../../chunk-7MU3RJ6S.js";import"../../chunk-A7ZJII7O.js";import"../../chunk-6FY3PZS3.js";import"../../chunk-AKZWUV5Z.js";import"../../chunk-RLBXE4EU.js";import"../../chunk-OYX47SL7.js";import"../../chunk-HMX55DYT.js";import"../../chunk-Q3SQBNJB.js";import"../../chunk-3WSPDAK2.js";import"../../chunk-R5ZVNJLJ.js";import"../../chunk-6TZTKAB5.js";import"../../chunk-AJBJ74ME.js";import"../../chunk-KDYIMJTZ.js";import"../../chunk-HQ4VVRIC.js";import{MediaSidePanel as d}from"../../chunk-TEZ6V6PA.js";import{useMediaPanel as m,usePanelPick as a,cancelPanelPick as u}from"../../chunk-ZZ7VLIHQ.js";import{SELECTION_MODE as h,useScreenPinned as k,useScreenCanvasFrame as j,useScreenInspectorPanel as f,sameInspectorMode as N,useStandaloneScreenBridges as y,useScreenBlockLook as A,useScreenBlockRules as S}from"../../chunk-5464H65G.js";import{nestsInTree as x,slotFieldsOf as C}from"../../chunk-FUDHI5I4.js";import{useEasel as J}from"../../chunk-P67FP7PG.js";import"../../chunk-AELNNAFM.js";import"../../chunk-BXZ6WLHC.js";import"../../chunk-EOJNJCMJ.js";import{LayersTree as P,Subtree as E,TreeRow as T,TreeRowAction as D,TreeSeam as Z}from"../../chunk-ZFDCDJNZ.js";import"../../chunk-ZNS7727Y.js";import"../../chunk-3EDSDPIP.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-KTVH2ZRL.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-BDTITTMW.js";import{saveIndicator as g}from"../../chunk-H6DDIBQ4.js";import"../../chunk-EWVJSRRY.js";import"../../chunk-P6O363EE.js";import"../../chunk-FPOKPNO4.js";import{SaveState as v,panelWidthVars as L}from"../../chunk-6DJHRLCU.js";import"../../chunk-ZJEBF4NB.js";import"../../chunk-JUQ6YJCG.js";import"../../chunk-RE4LP46F.js";import"../../chunk-WZ7TGAAT.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-BZ5ASXOL.js";import"../../chunk-TTJ54QGG.js";import"../../chunk-O2NLQBFX.js";import{useTreeDrag as R}from"../../chunk-67GNT6PF.js";import"../../chunk-PAELDYYS.js";import"../../chunk-ZNCEOSXO.js";import{TrashIcon as O}from"../../chunk-L5KW4HG5.js";import{zoneKey as z,parseZoneKey as B}from"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";import{useState as I,useRef as F,useEffect as H,useCallback as M,Fragment as b}from"react";import{jsxs as w,jsx as G,Fragment as W}from"react/jsx-runtime";var Y=e=>n=>{n.target.closest(".es-tree-select, button")||e()},$={rowClick:Y};function V(){const{saveState:V,readOnly:Q}=l(),X=p(),{appState:K,selectedItem:U,config:q}=J(e=>e),[_,ee]=I(h),[ne,oe]=I(null),{first:re,last:te,panelOf:se}=k(),ie=se(re),ce=j(),pe=f(),le=K.data.content?.[0]??null,de=le?.props.id??null,me=le?.type===re,ae=le?.type===te,ue=F(null),he=F(null);t(he);const ke=m(),je=a();H(()=>{const e=he.current;if(!je||!e)return;const n=e=>{"Escape"===e.key&&u()};return e.addEventListener("keydown",n),()=>e.removeEventListener("keydown",n)},[je]),H(()=>{de&&ue.current!==de&&(ue.current=de,me?ee(ie??h):U||X.select({index:0}))},[de,U,X,me]);const fe=M(e=>ee(n=>N(n,e)?n:e),[]),Ne=y({kind:_.kind,mode:_,open:fe,show:e=>ee(e),reveal:()=>{}}),{selectNode:ye}=c({mode:_,setMode:ee,onOpenPart:n}),Ae=A(),{labelAtLevel:Se,Icon:xe}=Ae,{canAddTo:Ce}=S(),Je=e=>q.components[e]?.label??e,Pe=e=>Se(e,"section",Je(e)),Ee=!me&&"puck"===_.kind&&U?.props.id===de,Te=le?Ce(le.type)?.spec??null:null,De=le&&Te?`${le.props.id}:${Te.slot}`:null,Ze=le&&Te&&Array.isArray(le.props[Te.slot])?le.props[Te.slot]:[],ge=e=>r(e,Je,Ae.plainText),ve=(e,r)=>{le&&Te&&De&&(ee(h),Te.slider?(o(String(le.props.id),e),X.select({index:e,zone:De}),n(String(le.props.id))):(X.select({index:e,zone:De}),n(r)))},Le=()=>{if(!le||!Te||!De)return;const e=Ze.length;X.insertComponent(De,Te.childType,e),ee(h),Te.slider?requestAnimationFrame(()=>{o(String(le.props.id),e),X.select({index:e,zone:De})}):X.select({index:e,zone:De})},Re=e=>C(q,e),Oe=e=>{const{parentId:n,slot:o}=B(e),r=e=>{if(!e)return null;if(String(e.props.id)===n)return e;for(const n of Re(e.type)){const o=Array.isArray(e.props[n])?e.props[n]:[];for(const e of o){const n=r(e);if(n)return n}}return null},t=r(le)?.props[o];return Array.isArray(t)?t.length:0},ze=(e,n,o)=>{const r=Math.min(Math.max(o,0),Oe(e)),t=n<r?r-1:r;t!==n&&(X.reorderComponent(e,n,t),ee(h),X.select({index:t,zone:e}))},Be=R({keyOf:e=>e.id,readOnly:Boolean(Q),canDrop:(e,n)=>z(n)===e.zone&&n.index>=0&&n.index<=Oe(e.zone),onDrop:(e,n)=>ze(e.zone,e.index,n.index),onStep:(e,n)=>ze(e.zone,e.index,n<0?e.index-1:e.index+2)}),Ie=(e,n)=>/* @__PURE__ */G(Z,{...Q?{}:Be.seam({place:{...B(e),index:n}})},`seam:${e}:${n}`),Fe=e=>Ae.blockRowName(e,Je),He=(e,o,r)=>{ee(h),X.select({index:o,zone:e}),n(r)},Me=(e,n,o)=>{X.insertComponent(e,n,o),ee(h),X.select({index:o,zone:e}),oe(null)},be=(n,o,r)=>/* @__PURE__ */G(e,{choices:r,open:ne===n,onToggle:()=>oe(ne===n?null:n),onPick:e=>Me(n,e,o)}),we=(e,n)=>{const o=Re((r=e).type).flatMap(e=>(Array.isArray(r.props[e])?r.props[e]:[]).map((n,o)=>({child:n,zone:`${r.props.id}:${e}`,index:o})));var r;const t=Ce(e.type),s=t?.choices??null,i="footer"===t?.source?Fe:ge;/* @__PURE__ */
-return w(W,{children:[o.map(({child:e,zone:o,index:r})=>{const t=U?.props.id===e.props.id,s=x(q,e.type,n),c=i(e),p=String(e.props.id),l=()=>He(o,r,p),{rowProps:d,...m}=Be.row({item:{id:p,zone:o,index:r},place:{...B(o),index:r}},{onClick:Y(l)});/* @__PURE__ */
-return w(b,{children:[0===r&&Ie(o,0),
-/* @__PURE__ */G(T,{icon:/* @__PURE__ */G(xe,{type:e.type,size:13}),name:c,selected:t,onSelect:l,...m,actions:/* @__PURE__ */G(D,{kind:"delete",label:`Delete ${c}`,onClick:()=>{return e=o,n=r,X.removeComponent(e,n),ee(h),void X.select(null);var e,n},children:/* @__PURE__ */G(O,{size:13})}),rowProps:d}),s&&/* @__PURE__ */G(E,{children:we(e,n+1)}),Ie(o,r+1)]},String(e.props.id??`${o}-${r}`))}),t&&s?be(`${e.props.id}:${t.slot}`,o.length,s):null]})},Ge="HeroSingle"===le?.type,We=Boolean(le)&&(Boolean(Te)||ae||me||Ge);/* @__PURE__ */
-return w("div",{ref:he,className:"sf-editor es-editor",style:L(i),children:[
-/* @__PURE__ */G("div",{className:"sf-section-bar",children:/* @__PURE__ */G(v,{...g(V),role:"status"})}),
-/* @__PURE__ */w("div",{className:"sf-body",children:[je&&ke?/* @__PURE__ */G("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:/* @__PURE__ */G(d,{panel:ke,pick:je})}):We&&le&&/* @__PURE__ */w("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:[
-/* @__PURE__ */G("div",{className:"sf-panel-head",children:/* @__PURE__ */G("button",{type:"button",className:"sf-panel-title sf-panel-title--btn "+(Ee?"is-selected":""),"aria-pressed":Ee,title:me?"Header settings":`${Pe(le.type)} settings`,onClick:()=>{me?ee(ie??h):(ee(h),X.select({index:0}))},children:Pe(le.type)})}),
-/* @__PURE__ */G(P,{className:"sf-tree sf-scroll",rootProps:Be.rootProps(),children:/* @__PURE__ */G(E,{children:me?
-/* @__PURE__ */G(T,{icon:/* @__PURE__ */G(xe,{type:"header",size:13}),name:"Header settings",selected:_.kind===ie?.kind,onSelect:()=>ee(ie??h),rowProps:{onClick:Y(()=>ee(ie??h))}}):Te?/* @__PURE__ */w(W,{children:[Ze.map((e,n)=>{const o=U?.props.id===e.props.id,r=ge(e),t=String(e.props.id),s=()=>ve(n,t),{rowProps:i,...c}=Be.row({item:{id:t,zone:De,index:n},place:{...B(De),index:n}},{onClick:Y(s)});/* @__PURE__ */
-return w(b,{children:[0===n&&Ie(De,0),
-/* @__PURE__ */G(T,{icon:/* @__PURE__ */G(xe,{type:e.type,size:13}),name:r,selected:o,onSelect:s,...c,actions:/* @__PURE__ */G(D,{kind:"delete",label:`Delete ${r}`,onClick:()=>{return e=n,void(De&&(X.removeComponent(De,e),ee(h),X.select(null)));var e},children:/* @__PURE__ */G(O,{size:13})}),rowProps:i}),Ie(De,n+1)]},String(e.props.id??n))}),
-/* @__PURE__ */w("button",{type:"button",className:"sf-add-card",onClick:Le,children:[
-/* @__PURE__ */G("span",{className:"sf-plus sf-plus--sm",children:"+"}),Te.addLabel]}),de?Ne.partRows?.(le,$):null]}):we(le,1)})})]}),
-/* @__PURE__ */G("div",{className:"sf-center",children:/* @__PURE__ */G("div",{className:"sf-preview-host",children:/* @__PURE__ */G(ce,{})})}),
-/* @__PURE__ */G(s,{value:{selectChild:(e,n,o,r)=>"section"===Ce(r)?.source?ve(n,o):He(e,n,o),addChild:(e,n,o,r,t)=>"section"===Ce(t)?.source?Le():Me(`${e}:${n}`,o,r),childRowName:ge,blockRowName:Fe},children:/* @__PURE__ */G(pe,{mode:_,onOpenWebsiteSettings:Ne.openSettings??(()=>{}),onSelectNode:ye,hideNodeActions:!0})})]})]})}export{V as default};
+import{AddBlockRow as e}from"../../chunk-NEQIEYYO.js";import{slotChildRowName as n}from"../../chunk-QOPY2LQM.js";import{scrollPreviewToSection as o,gotoPreviewSlide as r}from"../../chunk-4ES5JGGX.js";import"../../chunk-IQ5TA7AM.js";import"../../chunk-DUVRZ456.js";import"../../chunk-6W7WLPZH.js";import{useEaselUndoKeys as t}from"../../chunk-OM67AJQC.js";import{SlotChildActionsProvider as s}from"../../chunk-KCBEE2MC.js";import{DEFAULT_PANEL_W as i}from"../../chunk-SERF2FAU.js";import{usePartBridge as c}from"../../chunk-TTENU2HX.js";import{useSectionOps as p}from"../../chunk-A2LFBOUF.js";import"../../chunk-IYT6NN2J.js";import{nestsInTree as l,slotFieldsOf as d}from"../../chunk-7GVLSNFW.js";import"../../chunk-I54UCYOU.js";import"../../chunk-GOTN2KY4.js";import"../../chunk-R5L2E7JX.js";import{useScreenDocument as m}from"../../chunk-LRTIMWZG.js";import"../../chunk-QDEZQ5A6.js";import"../../chunk-ERR437B5.js";import"../../chunk-UB7JVPK4.js";import"../../chunk-ZOJEFIP4.js";import"../../chunk-RLBXE4EU.js";import"../../chunk-OYX47SL7.js";import"../../chunk-4EUWOGZF.js";import"../../chunk-KVNRNDUC.js";import"../../chunk-3WSPDAK2.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-HQ4VVRIC.js";import{MediaSidePanel as a}from"../../chunk-PYNQRX56.js";import{SELECTION_MODE as u,useScreenPinned as h,useScreenCanvasFrame as k,useScreenInspectorPanel as j,useScreenPickFollowsSelection as f,sameInspectorMode as N,useStandaloneScreenBridges as y,useScreenBlockLook as S,useScreenBlockRules as C}from"../../chunk-7755VWRT.js";import{useMediaPanel as A,usePanelPick as P,useCancelPanelPick as E}from"../../chunk-Z6BAZFSW.js";import"../../chunk-R5ZVNJLJ.js";import"../../chunk-LEGAPYPC.js";import{useEasel as x}from"../../chunk-P67FP7PG.js";import"../../chunk-AELNNAFM.js";import"../../chunk-BXZ6WLHC.js";import"../../chunk-EOJNJCMJ.js";import{LayersTree as O,Subtree as R,TreeRow as L,TreeRowAction as T,TreeSeam as g}from"../../chunk-ZFDCDJNZ.js";import"../../chunk-ZNS7727Y.js";import"../../chunk-3EDSDPIP.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-KTVH2ZRL.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-BDTITTMW.js";import{saveIndicator as v}from"../../chunk-H6DDIBQ4.js";import{SaveState as J,panelWidthVars as D}from"../../chunk-6DJHRLCU.js";import"../../chunk-ZJEBF4NB.js";import"../../chunk-JUQ6YJCG.js";import"../../chunk-RE4LP46F.js";import"../../chunk-WZ7TGAAT.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-EWVJSRRY.js";import"../../chunk-P6O363EE.js";import"../../chunk-FPOKPNO4.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-BZ5ASXOL.js";import"../../chunk-TTJ54QGG.js";import"../../chunk-O2NLQBFX.js";import{useTreeDrag as z}from"../../chunk-67GNT6PF.js";import"../../chunk-PAELDYYS.js";import"../../chunk-ZNCEOSXO.js";import{TrashIcon as B}from"../../chunk-L5KW4HG5.js";import{zoneKey as F,parseZoneKey as Z}from"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";import{useState as W,useRef as b,useEffect as Q,useCallback as Y,Fragment as w}from"react";import{jsxs as G,jsx as I,Fragment as M}from"react/jsx-runtime";var $=e=>n=>{n.target.closest(".es-tree-select, button")||e()},H={rowClick:$};function K(){const{saveState:K,readOnly:U,readOnlyReason:V=null}=m(),X=p(),{appState:q,selectedItem:_,config:ee}=x(e=>e),[ne,oe]=W(u),[re,te]=W(null),{first:se,last:ie,panelOf:ce}=h(),pe=ce(se),le=k(),de=j(),me=q.data.content?.[0]??null,ae=me?.props.id??null,ue=me?.type===se,he=me?.type===ie,ke=b(null),je=b(null);t(je);const fe=A(),Ne=P(),ye=E();f(_?.props.id),Q(()=>{const e=je.current;if(!Ne||!e)return;const n=e=>{"Escape"===e.key&&ye()};return e.addEventListener("keydown",n),()=>e.removeEventListener("keydown",n)},[Ne]),Q(()=>{ae&&ke.current!==ae&&(ke.current=ae,ue?oe(pe??u):_||X.select({index:0}))},[ae,_,X,ue]);const Se=Y(e=>oe(n=>N(n,e)?n:e),[]),Ce=y({kind:ne.kind,mode:ne,open:Se,show:e=>oe(e),reveal:()=>{}}),{selectNode:Ae}=c({mode:ne,setMode:oe,onOpenPart:o}),Pe=S(),{labelAtLevel:Ee,Icon:xe}=Pe,{canAddTo:Oe}=C(),Re=e=>ee.components[e]?.label??e,Le=e=>Ee(e,"section",Re(e)),Te=!ue&&"puck"===ne.kind&&_?.props.id===ae,ge=me?Oe(me.type)?.spec??null:null,ve=me&&ge?`${me.props.id}:${ge.slot}`:null,Je=me&&ge&&Array.isArray(me.props[ge.slot])?me.props[ge.slot]:[],De=e=>n(e,Re,Pe.plainText),ze=(e,n)=>{me&&ge&&ve&&(oe(u),ge.slider?(r(String(me.props.id),e),X.select({index:e,zone:ve}),o(String(me.props.id))):(X.select({index:e,zone:ve}),o(n)))},Be=()=>{if(!me||!ge||!ve)return;const e=Je.length;X.insertComponent(ve,ge.childType,e),oe(u),ge.slider?requestAnimationFrame(()=>{r(String(me.props.id),e),X.select({index:e,zone:ve})}):X.select({index:e,zone:ve})},Fe=e=>d(ee,e),Ze=e=>{const{parentId:n,slot:o}=Z(e),r=e=>{if(!e)return null;if(String(e.props.id)===n)return e;for(const n of Fe(e.type)){const o=Array.isArray(e.props[n])?e.props[n]:[];for(const e of o){const n=r(e);if(n)return n}}return null},t=r(me)?.props[o];return Array.isArray(t)?t.length:0},We=(e,n,o)=>{const r=Math.min(Math.max(o,0),Ze(e)),t=n<r?r-1:r;t!==n&&(X.reorderComponent(e,n,t),oe(u),X.select({index:t,zone:e}))},be=z({keyOf:e=>e.id,readOnly:Boolean(U),canDrop:(e,n)=>F(n)===e.zone&&n.index>=0&&n.index<=Ze(e.zone),onDrop:(e,n)=>We(e.zone,e.index,n.index),onStep:(e,n)=>We(e.zone,e.index,n<0?e.index-1:e.index+2)}),Qe=(e,n)=>/* @__PURE__ */I(g,{...U?{}:be.seam({place:{...Z(e),index:n}})},`seam:${e}:${n}`),Ye=e=>Pe.blockRowName(e,Re),we=(e,n,r)=>{oe(u),X.select({index:n,zone:e}),o(r)},Ge=(e,n,o)=>{X.insertComponent(e,n,o),oe(u),X.select({index:o,zone:e}),te(null)},Ie=(n,o,r)=>/* @__PURE__ */I(e,{choices:r,open:re===n,onToggle:()=>te(re===n?null:n),onPick:e=>Ge(n,e,o)}),Me=(e,n)=>{const o=Fe((r=e).type).flatMap(e=>(Array.isArray(r.props[e])?r.props[e]:[]).map((n,o)=>({child:n,zone:`${r.props.id}:${e}`,index:o})));var r;const t=Oe(e.type),s=t?.choices??null,i="footer"===t?.source?Ye:De;/* @__PURE__ */
+return G(M,{children:[o.map(({child:e,zone:o,index:r})=>{const t=_?.props.id===e.props.id,s=l(ee,e.type,n),c=i(e),p=String(e.props.id),d=()=>we(o,r,p),{rowProps:m,...a}=be.row({item:{id:p,zone:o,index:r},place:{...Z(o),index:r}},{onClick:$(d)});/* @__PURE__ */
+return G(w,{children:[0===r&&Qe(o,0),
+/* @__PURE__ */I(L,{icon:/* @__PURE__ */I(xe,{type:e.type,size:13}),name:c,selected:t,onSelect:d,...a,actions:/* @__PURE__ */I(T,{kind:"delete",label:`Delete ${c}`,onClick:()=>{return e=o,n=r,X.removeComponent(e,n),oe(u),void X.select(null);var e,n},children:/* @__PURE__ */I(B,{size:13})}),rowProps:m}),s&&/* @__PURE__ */I(R,{children:Me(e,n+1)}),Qe(o,r+1)]},String(e.props.id??`${o}-${r}`))}),t&&s?Ie(`${e.props.id}:${t.slot}`,o.length,s):null]})},$e="HeroSingle"===me?.type,He=Boolean(me)&&(Boolean(ge)||he||ue||$e);/* @__PURE__ */
+return G("div",{ref:je,className:"sf-editor es-editor",style:D(i),children:[
+/* @__PURE__ */I("div",{className:"sf-section-bar",children:/* @__PURE__ */I(J,null!==V?{tone:"off",label:V,role:"status"}:{...v(K),role:"status"})}),
+/* @__PURE__ */G("div",{className:"sf-body",children:[Ne&&fe?/* @__PURE__ */I("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:/* @__PURE__ */I(a,{panel:fe,pick:Ne})}):He&&me&&/* @__PURE__ */G("aside",{className:"es-sidepanel es-sidepanel--left sf-panel sf-panel--left",children:[
+/* @__PURE__ */I("div",{className:"sf-panel-head",children:/* @__PURE__ */I("button",{type:"button",className:"sf-panel-title sf-panel-title--btn "+(Te?"is-selected":""),"aria-pressed":Te,title:ue?"Header settings":`${Le(me.type)} settings`,onClick:()=>{ue?oe(pe??u):(oe(u),X.select({index:0}))},children:Le(me.type)})}),
+/* @__PURE__ */I(O,{className:"sf-tree sf-scroll",rootProps:be.rootProps(),children:/* @__PURE__ */I(R,{children:ue?
+/* @__PURE__ */I(L,{icon:/* @__PURE__ */I(xe,{type:"header",size:13}),name:"Header settings",selected:ne.kind===pe?.kind,onSelect:()=>oe(pe??u),rowProps:{onClick:$(()=>oe(pe??u))}}):ge?/* @__PURE__ */G(M,{children:[Je.map((e,n)=>{const o=_?.props.id===e.props.id,r=De(e),t=String(e.props.id),s=()=>ze(n,t),{rowProps:i,...c}=be.row({item:{id:t,zone:ve,index:n},place:{...Z(ve),index:n}},{onClick:$(s)});/* @__PURE__ */
+return G(w,{children:[0===n&&Qe(ve,0),
+/* @__PURE__ */I(L,{icon:/* @__PURE__ */I(xe,{type:e.type,size:13}),name:r,selected:o,onSelect:s,...c,actions:/* @__PURE__ */I(T,{kind:"delete",label:`Delete ${r}`,onClick:()=>{return e=n,void(ve&&(X.removeComponent(ve,e),oe(u),X.select(null)));var e},children:/* @__PURE__ */I(B,{size:13})}),rowProps:i}),Qe(ve,n+1)]},String(e.props.id??n))}),
+/* @__PURE__ */G("button",{type:"button",className:"sf-add-card",onClick:Be,children:[
+/* @__PURE__ */I("span",{className:"sf-plus sf-plus--sm",children:"+"}),ge.addLabel]}),ae?Ce.partRows?.(me,H):null]}):Me(me,1)})})]}),
+/* @__PURE__ */I("div",{className:"sf-center",children:/* @__PURE__ */I("div",{className:"sf-preview-host",children:/* @__PURE__ */I(le,{})})}),
+/* @__PURE__ */I(s,{value:{selectChild:(e,n,o,r)=>"section"===Oe(r)?.source?ze(n,o):we(e,n,o),addChild:(e,n,o,r,t)=>"section"===Oe(t)?.source?Be():Ge(`${e}:${n}`,o,r),childRowName:De,blockRowName:Ye},children:/* @__PURE__ */I(de,{mode:ne,onOpenWebsiteSettings:Ce.openSettings??(()=>{}),onSelectNode:Ae,hideNodeActions:!0})})]})]})}export{K as default};

package/dist/screen/components/usePartBridge.d.ts

@@ -11,10 +11,13 @@ import '../../types-DWS-s9z-.js';
 import '../../wordFit-D4S36PvB.js';
 import '../../edit-lock/index.js';
 import '../../panelWidths-D9hTLR25.js';
+import '../../types-DJDBtdB2.js';
+import '../../words-DgHcY5qB.js';
 import '../lib/host-chrome.js';
 import '../lib/links/link-filters.js';
 import '../../LinkPicker-W2Rtxetz.js';
 import '../lib/session.js';
+import '../lib/backend-error.js';
 import '../lib/document-contract.js';
 import '../lib/document-hooks.js';
 import '../lib/section-template-types.js';

package/dist/screen/components/usePartBridge.js

@@ -1 +1 @@
-export{usePartBridge}from"../../chunk-E7GGVILG.js";import"../../chunk-VV5ADNBR.js";import"../../chunk-IYT6NN2J.js";import"../../chunk-I54UCYOU.js";import"../../chunk-GOTN2KY4.js";import"../../chunk-R5L2E7JX.js";import"../../chunk-5464H65G.js";import"../../chunk-FUDHI5I4.js";import"../../chunk-P67FP7PG.js";import"../../chunk-AELNNAFM.js";import"../../chunk-BXZ6WLHC.js";import"../../chunk-EOJNJCMJ.js";import"../../chunk-ZFDCDJNZ.js";import"../../chunk-ZNS7727Y.js";import"../../chunk-3EDSDPIP.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-KTVH2ZRL.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-EWVJSRRY.js";import"../../chunk-P6O363EE.js";import"../../chunk-FPOKPNO4.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-BZ5ASXOL.js";import"../../chunk-67GNT6PF.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-L5KW4HG5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";
+export{usePartBridge}from"../../chunk-TTENU2HX.js";import"../../chunk-A2LFBOUF.js";import"../../chunk-IYT6NN2J.js";import"../../chunk-7GVLSNFW.js";import"../../chunk-I54UCYOU.js";import"../../chunk-GOTN2KY4.js";import"../../chunk-R5L2E7JX.js";import"../../chunk-7755VWRT.js";import"../../chunk-Z6BAZFSW.js";import"../../chunk-R5ZVNJLJ.js";import"../../chunk-P67FP7PG.js";import"../../chunk-AELNNAFM.js";import"../../chunk-BXZ6WLHC.js";import"../../chunk-EOJNJCMJ.js";import"../../chunk-ZFDCDJNZ.js";import"../../chunk-ZNS7727Y.js";import"../../chunk-3EDSDPIP.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-KTVH2ZRL.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-EWVJSRRY.js";import"../../chunk-P6O363EE.js";import"../../chunk-FPOKPNO4.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-BZ5ASXOL.js";import"../../chunk-67GNT6PF.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-L5KW4HG5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";

package/dist/screen/index.d.ts

@@ -1,9 +1,9 @@
 export { DocumentScreen, default as ScreenMount } from './components/ScreenMount.js';
 export { default as ScreenStoreProvider } from './components/ScreenStoreProvider.js';
-export { NodeDefaults, SELECTION_MODE, ScreenBlockLook, ScreenBlockRules, ScreenBridges, ScreenCanvas, ScreenDevices, ScreenDocumentOps, ScreenInspector, ScreenInspectorMode, ScreenInspectorPanelProps, ScreenLeftPanel, ScreenLeftView, ScreenLeftViewFrame, ScreenLeftViewRules, ScreenNewNode, ScreenNode, ScreenNodeLevel, ScreenNodeMaker, ScreenPartMode, ScreenParts, ScreenPartsProvider, ScreenPinnedNodes, ScreenRailItem, ScreenTree, ScreenTreeFolds, ScreenTreeRows, sameInspectorMode, useScreenBlockLook, useScreenBlockRules, useScreenBridges, useScreenCanvasFrame, useScreenDevices, useScreenDocumentPass, useScreenInspectorPanel, useScreenLeftView, useScreenOwnerName, useScreenParts, useScreenPinned, useStandaloneScreenBridges } from './lib/screen-parts.js';
-export { EFFICIENT_BACKEND, EaselSession, SessionBackend, SessionBlocks, activateEaselSession, backendOf, createEaselSession, currentEaselSession, deactivateEaselSession, efficientClientOpen, isEfficientBackend, provideDefaultBackend, resetAmbientEaselSession, sessionRegistry, setSessionBridgedSite, setSessionDocumentSite } from './lib/session.js';
+export { NodeDefaults, SELECTION_MODE, ScreenBlockLook, ScreenBlockRules, ScreenBridges, ScreenCanvas, ScreenDevices, ScreenDocumentOps, ScreenInspector, ScreenInspectorMode, ScreenInspectorPanelProps, ScreenLeftPanel, ScreenLeftView, ScreenLeftViewFrame, ScreenLeftViewRules, ScreenNewNode, ScreenNode, ScreenNodeActions, ScreenNodeLevel, ScreenNodeMaker, ScreenPartMode, ScreenParts, ScreenPartsProvider, ScreenPinnedBand, ScreenPinnedNodes, ScreenRailItem, ScreenTree, ScreenTreeFolds, ScreenTreeRows, isPinnedFirst, isPinnedLast, sameInspectorMode, useScreenBlockLook, useScreenBlockRules, useScreenBridges, useScreenCanvasFrame, useScreenDevices, useScreenDocumentLabel, useScreenDocumentPass, useScreenInspectorPanel, useScreenLeftView, useScreenOwnerName, useScreenParts, useScreenPickFollowsSelection, useScreenPinned, useScreenSaveSwitch, useStandaloneScreenBridges } from './lib/screen-parts.js';
+export { DefaultBackend, EFFICIENT_BACKEND, EaselSession, SessionBackend, SessionBlocks, activateEaselSession, backendOf, createEaselSession, currentEaselSession, deactivateEaselSession, efficientClientOpen, isEfficientBackend, provideDefaultBackend, resetAmbientEaselSession, sessionRegistry, setSessionBridgedSite, setSessionDocumentSite } from './lib/session.js';
 export { EaselSessionProvider, useEaselSession } from './lib/session-context.js';
-export { D as DETACHED_EASEL_HOST, a as DocumentAddressing, E as EaselHost, b as EaselHostAddress, c as EaselHostContext, d as EaselHostProvider, e as EaselMessageType, f as EaselToHostMessage, H as HostPickedMedia, g as HostToEaselMessage, I as InboundHostMessage, N as NO_DOCUMENT_ADDRESSING, S as SectionScreenTarget, h as SendToHost, i as createEaselHost, u as useEaselHost } from '../host-B-byaQxg.js';
+export { A as AnyDocumentAddressing, D as DETACHED_EASEL_HOST, a as DocumentAddressing, E as EaselHost, b as EaselHostAddress, c as EaselHostContext, d as EaselHostProvider, e as EaselMessageType, f as EaselToHostMessage, H as HostPickedMedia, g as HostToEaselMessage, I as InboundHostMessage, N as NO_DOCUMENT_ADDRESSING, S as SectionScreenTarget, h as SendToHost, i as createEaselHost, u as useEaselHost } from '../host-DJ8Gzsx7.js';
 export { EaselCapabilities, EaselDocument, EaselDocumentAdapter, EaselPageRow, SiteRecord, SiteRecordPatch, WebsiteEditLock } from './lib/document-contract.js';
 import 'react';
 import '../blocks/index.js';
@@ -17,12 +17,15 @@ import '../types-DWS-s9z-.js';
 import '../wordFit-D4S36PvB.js';
 import '../edit-lock/index.js';
 import '../panelWidths-D9hTLR25.js';
+import '../types-DJDBtdB2.js';
+import '../words-DgHcY5qB.js';
 import './lib/host-chrome.js';
 import './lib/links/link-filters.js';
 import '../LinkPicker-W2Rtxetz.js';
 import './lib/puck/add-target-types.js';
 import './lib/puck/block-choice.js';
 import './lib/puck/slot-section-spec.js';
+import './lib/backend-error.js';
 import './lib/document-hooks.js';
 import './lib/section-template-types.js';
 import './lib/puck/content-tree.js';

package/dist/screen/index.js

@@ -1 +1 @@
-import"../chunk-GZO72N3Q.js";export{DocumentScreen,ScreenMount}from"../chunk-3U4GP5VA.js";import"../chunk-GXQCZJOP.js";import"../chunk-F2FPZIZV.js";import"../chunk-26OOWIJJ.js";import"../chunk-PP44LCJM.js";import"../chunk-FGNR22NY.js";import"../chunk-AKFJK65Z.js";import"../chunk-PWZOS45R.js";import"../chunk-7F52SZOI.js";import"../chunk-R2HLPNQF.js";import"../chunk-ZE7I3PLX.js";import"../chunk-4ES5JGGX.js";import"../chunk-IQ5TA7AM.js";import"../chunk-HWW4XJOH.js";import"../chunk-DUVRZ456.js";import"../chunk-6W7WLPZH.js";import"../chunk-OM67AJQC.js";import"../chunk-KCBEE2MC.js";import"../chunk-5MZ3RNQQ.js";import"../chunk-SERF2FAU.js";import"../chunk-E7GGVILG.js";import"../chunk-VV5ADNBR.js";import"../chunk-IYT6NN2J.js";import"../chunk-UVWVYMMZ.js";import"../chunk-BSPCSC45.js";import"../chunk-I54UCYOU.js";import"../chunk-GOTN2KY4.js";import"../chunk-R5L2E7JX.js";import"../chunk-FT35FX7D.js";import"../chunk-7MU3RJ6S.js";import"../chunk-A7ZJII7O.js";import"../chunk-6FY3PZS3.js";import"../chunk-AKZWUV5Z.js";export{NO_DOCUMENT_ADDRESSING}from"../chunk-RLBXE4EU.js";import"../chunk-OYX47SL7.js";import"../chunk-HMX55DYT.js";import"../chunk-Q3SQBNJB.js";import"../chunk-3WSPDAK2.js";export{ScreenStoreProvider}from"../chunk-VLSTGOVD.js";export{DETACHED_EASEL_HOST,EaselHostContext,EaselHostProvider,createEaselHost,useEaselHost}from"../chunk-R5ZVNJLJ.js";import"../chunk-3QVB4AG2.js";import"../chunk-7RNTMJER.js";import"../chunk-5ZBY24K7.js";import"../chunk-GENAF3P6.js";import"../chunk-J4RAY75C.js";import"../chunk-IWAPPEL4.js";import"../chunk-KQMML6JM.js";export{EaselSessionProvider,useEaselSession}from"../chunk-6TZTKAB5.js";export{EFFICIENT_BACKEND,activateEaselSession,backendOf,createEaselSession,currentEaselSession,deactivateEaselSession,efficientClientOpen,isEfficientBackend,provideDefaultBackend,resetAmbientEaselSession,sessionRegistry,setSessionBridgedSite,setSessionDocumentSite}from"../chunk-AJBJ74ME.js";import"../chunk-KDYIMJTZ.js";import"../chunk-HQ4VVRIC.js";import"../chunk-TEZ6V6PA.js";import"../chunk-ZZ7VLIHQ.js";export{SELECTION_MODE,ScreenPartsProvider,sameInspectorMode,useScreenBlockLook,useScreenBlockRules,useScreenBridges,useScreenCanvasFrame,useScreenDevices,useScreenDocumentPass,useScreenInspectorPanel,useScreenLeftView,useScreenOwnerName,useScreenParts,useScreenPinned,useStandaloneScreenBridges}from"../chunk-5464H65G.js";import"../chunk-F6CCTEIX.js";import"../chunk-FUDHI5I4.js";import"../chunk-57DJOKXT.js";import"../chunk-6WY6ZXJG.js";import"../chunk-P67FP7PG.js";import"../chunk-AELNNAFM.js";import"../chunk-BXZ6WLHC.js";import"../chunk-EOJNJCMJ.js";import"../chunk-ZFDCDJNZ.js";import"../chunk-ZNS7727Y.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-YRLPFZW3.js";import"../chunk-RW4XBUUW.js";import"../chunk-KTVH2ZRL.js";import"../chunk-2LK54I4E.js";import"../chunk-WK3AFPXY.js";import"../chunk-D2BCHTQR.js";import"../chunk-OWBO4WKA.js";import"../chunk-BDTITTMW.js";import"../chunk-H6DDIBQ4.js";import"../chunk-EWVJSRRY.js";import"../chunk-P6O363EE.js";import"../chunk-FPOKPNO4.js";import"../chunk-6DJHRLCU.js";import"../chunk-ZJEBF4NB.js";import"../chunk-JUQ6YJCG.js";import"../chunk-RE4LP46F.js";import"../chunk-WZ7TGAAT.js";import"../chunk-2OAZYSWJ.js";import"../chunk-MFIRYGHW.js";import"../chunk-BZ5ASXOL.js";import"../chunk-TTJ54QGG.js";import"../chunk-O2NLQBFX.js";import"../chunk-67GNT6PF.js";import"../chunk-PAELDYYS.js";import"../chunk-ZNCEOSXO.js";import"../chunk-L5KW4HG5.js";import"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";
+import"../chunk-GZO72N3Q.js";export{DocumentScreen,ScreenMount}from"../chunk-BBRY7KI4.js";import"../chunk-GXQCZJOP.js";export{ScreenStoreProvider}from"../chunk-YODRYAZX.js";import"../chunk-5D2XAZKH.js";import"../chunk-26OOWIJJ.js";import"../chunk-Q2HPBMG5.js";import"../chunk-FGNR22NY.js";import"../chunk-ZE7I3PLX.js";import"../chunk-R2MUSGPS.js";import"../chunk-PWZOS45R.js";import"../chunk-7F52SZOI.js";import"../chunk-R2HLPNQF.js";import"../chunk-QOPY2LQM.js";import"../chunk-4ES5JGGX.js";import"../chunk-IQ5TA7AM.js";import"../chunk-DUVRZ456.js";import"../chunk-6W7WLPZH.js";import"../chunk-OM67AJQC.js";import"../chunk-KCBEE2MC.js";import"../chunk-5MZ3RNQQ.js";import"../chunk-SERF2FAU.js";import"../chunk-TTENU2HX.js";import"../chunk-A2LFBOUF.js";import"../chunk-IYT6NN2J.js";import"../chunk-HMWJB3HF.js";import"../chunk-7GVLSNFW.js";import"../chunk-LXEOVUAV.js";import"../chunk-BSPCSC45.js";import"../chunk-I54UCYOU.js";import"../chunk-GOTN2KY4.js";import"../chunk-R5L2E7JX.js";import"../chunk-LRTIMWZG.js";import"../chunk-QDEZQ5A6.js";import"../chunk-ERR437B5.js";import"../chunk-UB7JVPK4.js";import"../chunk-ZOJEFIP4.js";export{NO_DOCUMENT_ADDRESSING}from"../chunk-RLBXE4EU.js";import"../chunk-OYX47SL7.js";import"../chunk-4EUWOGZF.js";import"../chunk-KVNRNDUC.js";import"../chunk-3WSPDAK2.js";import"../chunk-57DJOKXT.js";import"../chunk-3QVB4AG2.js";import"../chunk-D6324C3E.js";import"../chunk-5ZBY24K7.js";import"../chunk-GENAF3P6.js";import"../chunk-BVN33R76.js";import"../chunk-IWAPPEL4.js";import"../chunk-KQMML6JM.js";import"../chunk-KCOBHPN6.js";export{EaselSessionProvider,useEaselSession}from"../chunk-O7Q4DDJT.js";export{EFFICIENT_BACKEND,activateEaselSession,backendOf,createEaselSession,currentEaselSession,deactivateEaselSession,efficientClientOpen,isEfficientBackend,provideDefaultBackend,resetAmbientEaselSession,sessionRegistry,setSessionBridgedSite,setSessionDocumentSite}from"../chunk-RSCMJIWS.js";import"../chunk-HQ4VVRIC.js";import"../chunk-PYNQRX56.js";export{SELECTION_MODE,ScreenPartsProvider,isPinnedFirst,isPinnedLast,sameInspectorMode,useScreenBlockLook,useScreenBlockRules,useScreenBridges,useScreenCanvasFrame,useScreenDevices,useScreenDocumentLabel,useScreenDocumentPass,useScreenInspectorPanel,useScreenLeftView,useScreenOwnerName,useScreenParts,useScreenPickFollowsSelection,useScreenPinned,useScreenSaveSwitch,useStandaloneScreenBridges}from"../chunk-7755VWRT.js";import"../chunk-Z6BAZFSW.js";export{DETACHED_EASEL_HOST,EaselHostContext,EaselHostProvider,createEaselHost,useEaselHost}from"../chunk-R5ZVNJLJ.js";import"../chunk-6WY6ZXJG.js";import"../chunk-LEGAPYPC.js";import"../chunk-P67FP7PG.js";import"../chunk-AELNNAFM.js";import"../chunk-BXZ6WLHC.js";import"../chunk-EOJNJCMJ.js";import"../chunk-ZFDCDJNZ.js";import"../chunk-ZNS7727Y.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-YRLPFZW3.js";import"../chunk-RW4XBUUW.js";import"../chunk-KTVH2ZRL.js";import"../chunk-2LK54I4E.js";import"../chunk-WK3AFPXY.js";import"../chunk-D2BCHTQR.js";import"../chunk-OWBO4WKA.js";import"../chunk-BDTITTMW.js";import"../chunk-H6DDIBQ4.js";import"../chunk-6DJHRLCU.js";import"../chunk-ZJEBF4NB.js";import"../chunk-JUQ6YJCG.js";import"../chunk-RE4LP46F.js";import"../chunk-WZ7TGAAT.js";import"../chunk-2OAZYSWJ.js";import"../chunk-EWVJSRRY.js";import"../chunk-P6O363EE.js";import"../chunk-FPOKPNO4.js";import"../chunk-MFIRYGHW.js";import"../chunk-BZ5ASXOL.js";import"../chunk-TTJ54QGG.js";import"../chunk-O2NLQBFX.js";import"../chunk-67GNT6PF.js";import"../chunk-PAELDYYS.js";import"../chunk-ZNCEOSXO.js";import"../chunk-L5KW4HG5.js";import"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";

package/dist/screen/lib/admin-bridge.d.ts

@@ -6,6 +6,8 @@ import '../../data/index.js';
 import '../../types-41704JE4.js';
 import '../../resolve-D68pb3Bx.js';
 import '../../plan-DChbUXdS.js';
+import './backend-error.js';
+import '../../edit-lock/index.js';
 import './host-chrome.js';
 import './links/link-filters.js';
 import '../../LinkPicker-W2Rtxetz.js';

package/dist/screen/lib/admin-bridge.js

@@ -1 +1 @@
-export{NO_BRIDGED_CAPABILITIES,applyAuthGrant,useAdminBridge}from"../../chunk-Q3SQBNJB.js";import"../../chunk-3WSPDAK2.js";import"../../chunk-R5ZVNJLJ.js";import"../../chunk-6TZTKAB5.js";import"../../chunk-AJBJ74ME.js";
+export{NO_BRIDGED_CAPABILITIES,applyAuthGrant,useAdminBridge}from"../../chunk-KVNRNDUC.js";import"../../chunk-3WSPDAK2.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-R5ZVNJLJ.js";

package/dist/screen/lib/backend-error.d.ts

@@ -79,6 +79,8 @@ interface HostFailure {
     data: unknown;
     message: string;
 }
+/** How a host's client errors read: the page's (`provideHostFailures`), or
+ *  one session's own (`createEaselSession({ hostFailures })`, 0.103.0). */
 interface HostFailures {
     /** A host client error as a {@link HostFailure}; null for anything else. */
     read(err: unknown): HostFailure | null;
@@ -90,17 +92,30 @@ interface HostFailures {
         slug: string;
     }): string | null;
 }
+/**
+ * WHOSE READING a failure gets (0.103.0): the editor's session it happened in,
+ * when that session brought its own (`EaselSession.hostFailures`), else the
+ * page's. Every reader below takes one, optionally: two hosts mounted in one
+ * page (the website editor and the campaign designer in the admin) each read
+ * their own client's errors, and neither has to replace the other's page-wide
+ * registration to do it. Left out, or a session that brought none, it is the
+ * page's, as it always was.
+ */
+type FailureScope = {
+    readonly hostFailures?: HostFailures | null;
+} | null | undefined;
 /** Tell the editor how to read the host client's own errors. Called once, by
- *  the host's backend module as it loads (EFFICIENT's: `lib/efficient-backend`). */
+ *  the host's backend module as it loads (EFFICIENT's: `lib/efficient-backend`).
+ *  It is the page's: a session's own (`hostFailures`) is read in its place. */
 declare function provideHostFailures(failures: HostFailures): void;
 /** `err` as the host's client failure it is, or null when it is not one (or no
  *  host has said how to read its errors). */
-declare function readHostFailure(err: unknown): HostFailure | null;
+declare function readHostFailure(err: unknown, scope?: FailureScope): HostFailure | null;
 /** The host's sentence for a document it refused to open, or null. */
 declare function hostLoadRefusalOf(err: unknown, document: {
     slug: string;
-}): string | null;
+}, scope?: FailureScope): string | null;
 /** The host's own "server cannot be reached" sentence, or a plain one. */
-declare function hostUnreachableMessage(): string;
+declare function hostUnreachableMessage(scope?: FailureScope): string;
 
-export { type HostFailure, STATUS_UNREACHABLE, WebsiteBackendError, type WebsiteBackendErrorKind, hostLoadRefusalOf, hostUnreachableMessage, isBackendError, provideHostFailures, readHostFailure };
+export { type FailureScope, type HostFailure, type HostFailures, STATUS_UNREACHABLE, WebsiteBackendError, type WebsiteBackendErrorKind, hostLoadRefusalOf, hostUnreachableMessage, isBackendError, provideHostFailures, readHostFailure };

package/dist/screen/lib/backend-error.js

@@ -1 +1 @@
-export{STATUS_UNREACHABLE,WebsiteBackendError,hostLoadRefusalOf,hostUnreachableMessage,isBackendError,provideHostFailures,readHostFailure}from"../../chunk-KDYIMJTZ.js";
+export{STATUS_UNREACHABLE,WebsiteBackendError,hostLoadRefusalOf,hostUnreachableMessage,isBackendError,provideHostFailures,readHostFailure}from"../../chunk-KCOBHPN6.js";

package/dist/screen/lib/document-addressing.d.ts

@@ -1,4 +1,4 @@
-export { a as DocumentAddressing, N as NO_DOCUMENT_ADDRESSING } from '../../host-B-byaQxg.js';
+export { A as AnyDocumentAddressing, a as DocumentAddressing, N as NO_DOCUMENT_ADDRESSING } from '../../host-DJ8Gzsx7.js';
 import './document-contract.js';
 import './session.js';
 import 'react';
@@ -12,6 +12,7 @@ import './document-switch.js';
 import '../../engine-DBxp_v6B.js';
 import '../../edit-lock/index.js';
 import './admin-bridge.js';
+import './backend-error.js';
 import './host-chrome.js';
 import './links/link-filters.js';
 import '../../LinkPicker-W2Rtxetz.js';

package/dist/screen/lib/document-contract.d.ts

@@ -167,6 +167,13 @@ type EaselDocument = {
      *  second editor's autosave is refused instead of erasing this one's work.
      *  `null` for a record type with no version check (a template page). */
     version?: string | null;
+    /** Why this document may NEVER be written, in words for the operator — "Read-only
+     *  — this campaign is sent": a record that is the account of something that
+     *  already happened (0.103.0). Carried, the editor holds the document
+     *  read-only for good: its saves are refused, its edit lock is never claimed,
+     *  and the save pill's place says this. Absent (every website document), it
+     *  is writable as it always was. */
+    readOnlyReason?: string;
 };
 interface EaselDocumentAdapter {
     capabilities: EaselCapabilities;

package/dist/screen/lib/failure.d.ts

@@ -1,4 +1,5 @@
 import { EditLockFailure } from '../../edit-lock/index.js';
+import { FailureScope } from './backend-error.js';
 
 /**
  * What a failed editor call WAS, as `{ status, data }` — the shape the shared
@@ -40,7 +41,10 @@ import { EditLockFailure } from '../../edit-lock/index.js';
  * (lib/efficient-backend), so a raw body and a translated kind read alike.
  */
 declare const PAGE_CONFLICT_CODE = "page_changed_elsewhere";
-declare function readEaselFailure(err: unknown): EditLockFailure | null;
+/** `scope`: whose reading of a host's client error it is — the editor's
+ *  session when it brought its own (lib/backend-error `FailureScope`), else
+ *  the page's. */
+declare function readEaselFailure(err: unknown, scope?: FailureScope): EditLockFailure | null;
 /**
  * A call was refused because the SESSION is no longer authorised — the one
  * failure the editor answers by asking its host for a fresh sign-in.
@@ -49,6 +53,6 @@ declare function readEaselFailure(err: unknown): EditLockFailure | null;
  * `unauthorized` too, and a 403 has never been a reason to re-authenticate. A
  * backend that speaks only in kinds says `unauthorized`.
  */
-declare function isExpiredSession(err: unknown): boolean;
+declare function isExpiredSession(err: unknown, scope?: FailureScope): boolean;
 
 export { PAGE_CONFLICT_CODE, isExpiredSession, readEaselFailure };

package/dist/screen/lib/failure.js

@@ -1 +1 @@
-export{PAGE_CONFLICT_CODE,isExpiredSession,readEaselFailure}from"../../chunk-HMX55DYT.js";import"../../chunk-KDYIMJTZ.js";import"../../chunk-JUQ6YJCG.js";import"../../chunk-RE4LP46F.js";
+export{PAGE_CONFLICT_CODE,isExpiredSession,readEaselFailure}from"../../chunk-4EUWOGZF.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-JUQ6YJCG.js";import"../../chunk-RE4LP46F.js";

package/dist/screen/lib/host-inbound.js

@@ -1 +1 @@
-export{routeSharedHostMessage}from"../../chunk-7MU3RJ6S.js";import"../../chunk-6FY3PZS3.js";import"../../chunk-ZZ7VLIHQ.js";
+export{routeSharedHostMessage}from"../../chunk-QDEZQ5A6.js";import"../../chunk-UB7JVPK4.js";import"../../chunk-Z6BAZFSW.js";import"../../chunk-R5ZVNJLJ.js";

package/dist/screen/lib/host.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { D as DETACHED_EASEL_HOST, E as EaselHost, b as EaselHostAddress, c as EaselHostContext, d as EaselHostProvider, e as EaselMessageType, f as EaselToHostMessage, H as HostPickedMedia, g as HostToEaselMessage, I as InboundHostMessage, S as SectionScreenTarget, h as SendToHost, i as createEaselHost, u as useEaselHost } from '../../host-B-byaQxg.js';
+export { D as DETACHED_EASEL_HOST, E as EaselHost, b as EaselHostAddress, c as EaselHostContext, d as EaselHostProvider, e as EaselMessageType, f as EaselToHostMessage, H as HostPickedMedia, g as HostToEaselMessage, I as InboundHostMessage, S as SectionScreenTarget, h as SendToHost, i as createEaselHost, u as useEaselHost } from '../../host-DJ8Gzsx7.js';
 import '../../blocks/index.js';
 import '../../types-E3HrTPg2.js';
 import '../../data/index.js';
@@ -8,6 +8,8 @@ import '../../resolve-D68pb3Bx.js';
 import '../../plan-DChbUXdS.js';
 import './document-contract.js';
 import './session.js';
+import './backend-error.js';
+import '../../edit-lock/index.js';
 import './host-chrome.js';
 import './links/link-filters.js';
 import '../../LinkPicker-W2Rtxetz.js';
@@ -16,5 +18,4 @@ import './section-template-types.js';
 import './puck/content-tree.js';
 import './document-switch.js';
 import '../../engine-DBxp_v6B.js';
-import '../../edit-lock/index.js';
 import './admin-bridge.js';

package/dist/screen/lib/load-error.d.ts

@@ -1,3 +1,6 @@
+import { FailureScope } from './backend-error.js';
+import '../../edit-lock/index.js';
+
 /** Say what stopped the editor loading a document, in words an operator can
  *  hand to a developer.
  *
@@ -13,8 +16,11 @@
  *  mismatch — and the one thing anybody could report was the one thing that
  *  narrowed nothing down. It lives in its own module, apart from the React
  *  provider that shows it, so the wording is pinned by a test rather than
- *  re-derived by whoever next reads the catch block. */
-declare function describeLoadFailure(e: unknown): string;
+ *  re-derived by whoever next reads the catch block.
+ *
+ *  `scope` is whose reading of a host's client error it is (lib/backend-error
+ *  `FailureScope`): the editor's session, when it brought its own. */
+declare function describeLoadFailure(e: unknown, scope?: FailureScope): string;
 /**
  * The host's own sentence for a load it REFUSED, or null when this failure is
  * not one of those. EFFICIENT has one: a slug that more than one website owns,
@@ -24,6 +30,6 @@ declare function describeLoadFailure(e: unknown): string;
  */
 declare function hostLoadRefusal(e: unknown, document: {
     slug: string;
-}): string | null;
+}, scope?: FailureScope): string | null;
 
 export { describeLoadFailure, hostLoadRefusal };

package/dist/screen/lib/load-error.js

@@ -1 +1 @@
-export{describeLoadFailure,hostLoadRefusal}from"../../chunk-A7ZJII7O.js";import"../../chunk-KDYIMJTZ.js";
+export{describeLoadFailure,hostLoadRefusal}from"../../chunk-ERR437B5.js";import"../../chunk-KCOBHPN6.js";

package/dist/screen/lib/media-panel.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
-import { H as HostPickedMedia } from '../../host-B-byaQxg.js';
+import { H as HostPickedMedia, E as EaselHost } from '../../host-DJ8Gzsx7.js';
 import '../../blocks/index.js';
 import '../../types-E3HrTPg2.js';
 import '../../data/index.js';
@@ -9,6 +9,8 @@ import '../../resolve-D68pb3Bx.js';
 import '../../plan-DChbUXdS.js';
 import './document-contract.js';
 import './session.js';
+import './backend-error.js';
+import '../../edit-lock/index.js';
 import './host-chrome.js';
 import './links/link-filters.js';
 import '../../LinkPicker-W2Rtxetz.js';
@@ -17,7 +19,6 @@ import './section-template-types.js';
 import './puck/content-tree.js';
 import './document-switch.js';
 import '../../engine-DBxp_v6B.js';
-import '../../edit-lock/index.js';
 import './admin-bridge.js';
 
 /**
@@ -40,13 +41,23 @@ import './admin-bridge.js';
  *   • BROWSING — the rail opens the "media" left view. The host's panel shows
  *     the library to look through, upload to, tidy. `pick` is null.
  *   • PICKING — a field calls `requestMediaPick` (lib/media-picker). With
- *     a panel here, that becomes {@link requestPanelPick}: the chrome lays the
- *     panel over the left panel in pick mode, the host's panel calls `onPick`,
- *     and the field gets the media. Leaving pick mode any other way (the
- *     panel's Cancel, a rail button, closing the panel) settles it `null`.
+ *     a panel here, that becomes a request to THIS provider's pick store: the
+ *     chrome lays the panel over the left panel in pick mode, the host's panel
+ *     calls `onPick`, and the field gets the media. Leaving pick mode any other
+ *     way (the panel's Cancel, a rail button, closing the panel) settles it
+ *     `null`.
  *
- * Module state for the same reason as lib/media-picker: the fields that
- * ask are Puck custom fields, which no prop reaches.
+ * ONE PENDING PICK PER PROVIDER (0.103.0). Until then the pending pick was
+ * module state, one for the page — right while one editor is mounted, and
+ * wrong the moment two are (the admin's website editor and campaign designer):
+ * a field in one laid the other's panel over its own left panel too, and a
+ * Cancel in either settled the other's field. Each provider now keeps its own
+ * {@link MediaPickStore}; the chrome under it reads that one, and a field's
+ * request finds it by the HOST the field asks through (`requestMediaPick(host,
+ * …)` — one host per mounted editor, lib/host), so no prop or context has to
+ * reach the field's click handler. A request whose host no provider sits under
+ * goes to the provider mounted last, which is exactly what the module state
+ * answered, so one mounted editor behaves as it always did.
  */
 /** What a field asked the panel for. `file` is a file dropped straight on the
  *  field: the host uploads it and picks it without waiting for a click. */
@@ -57,6 +68,14 @@ interface MediaPickRequest {
     /** The field's label, e.g. "Background image". */
     title: string;
     file?: File | null;
+    /**
+     * The field's own terms for its host's panel (0.103.0), handed to it
+     * untouched — the campaign designer's logo field asks for `{ bakeableOnly:
+     * true }`. The screen reads none of it. Absent when the field gave none;
+     * the window's `open-media-picker` message never carries it (its shape is
+     * the website's protocol).
+     */
+    options?: Record<string, unknown>;
 }
 /** The props the host's panel component is drawn with. */
 interface MediaPanelProps {
@@ -67,28 +86,73 @@ interface MediaPanelProps {
 }
 /** The host's media library, as a component the editor draws in its panel. */
 type MediaPanelComponent = ComponentType<MediaPanelProps>;
+/**
+ * One editor's pending pick (0.103.0): what its panel is choosing for, and who
+ * waits on the answer. A {@link MediaPanelProvider} makes one for itself.
+ */
+interface MediaPickStore {
+    /** The field the panel is choosing for, or null while nothing is. */
+    current(): MediaPickRequest | null;
+    /**
+     * Open pick mode for one field; resolves with the media chosen, or null. A
+     * second field asking before the first is answered takes the panel over,
+     * and the first resolves null — one panel answers one field.
+     */
+    request(request: MediaPickRequest): Promise<HostPickedMedia | null>;
+    /** Answer the field the panel is choosing for (`media` null: no choice). A
+     *  stale id — an answer for a request already superseded — does nothing. */
+    settle(requestId: string, media: HostPickedMedia | null): void;
+    /** Leave pick mode without a choice, whatever is being chosen. */
+    cancel(): void;
+    subscribe(listener: () => void): () => void;
+}
+declare function createMediaPickStore(): MediaPickStore;
 /** Supply the host's panel to the editor below. `panel` null keeps the old
- *  window: fields ask the host with `open-media-picker`. */
+ *  window: fields ask the host with `open-media-picker`. Sit it under the
+ *  editor's `EaselHostProvider`, as the website's frame does: that host is
+ *  how a field's request finds this provider among several. */
 declare function MediaPanelProvider({ panel, children }: {
     panel: MediaPanelComponent | null;
     children: ReactNode;
 }): react.JSX.Element;
 /** The host's panel for the editor this renders in, or null. */
 declare function useMediaPanel(): MediaPanelComponent | null;
-/** Whether a field's request goes to the panel rather than to the host. */
+/**
+ * The pick store a field's request through `host` goes to, or null when that
+ * editor has no panel and the host is asked with the window's message: the
+ * provider under that host (the last one, if two share it), else the page's
+ * provider, as the one module-wide store answered before 0.103.0.
+ */
+declare function mediaPickStoreFor(host: EaselHost): MediaPickStore | null;
+/** Whether a field's request goes to the panel rather than to the host — of
+ *  the page's provider, the one mounted last. */
 declare function hasMediaPanel(): boolean;
 /**
- * Open the panel in pick mode for one field; resolves with the media chosen, or
- * null. A second field asking before the first is answered takes the panel over,
- * and the first resolves null — one panel answers one field.
+ * Open the page's panel (the provider mounted last) in pick mode for one
+ * field; resolves with the media chosen, or null. A field asks through
+ * `requestMediaPick`, which finds the panel of ITS editor instead.
  */
 declare function requestPanelPick(request: MediaPickRequest): Promise<HostPickedMedia | null>;
-/** Answer the field the panel is choosing for (`media` null: no choice). A
+/** Answer the field a panel is choosing for (`media` null: no choice), in
+ *  whichever editor asked: a request id names one field of one editor. A
  *  stale id — an answer for a request already superseded — does nothing. */
 declare function settlePanelPick(requestId: string, media: HostPickedMedia | null): void;
-/** Leave pick mode without a choice, whatever is being chosen. */
+/** Leave the page's pick mode without a choice, whatever is being chosen.
+ *  Under a provider, `useCancelPanelPick` leaves that editor's. */
 declare function cancelPanelPick(): void;
-/** The field the panel is choosing for, or null while nothing is. */
+/** The field the panel is choosing for, or null while nothing is — in the
+ *  editor this renders in. */
 declare function usePanelPick(): MediaPickRequest | null;
+/** Leave THIS editor's pick mode without a choice (0.103.0): a stable
+ *  function, for the chrome's Escape, rail and panel-closed paths. */
+declare function useCancelPanelPick(): () => void;
+/**
+ * A change of selection leaves pick mode (0.103.0, `ScreenParts
+ * .pickFollowsSelection`): with `follows`, the field still waiting when
+ * `selection` moves is settled with null, as a Cancel would — the field that
+ * asked belongs to the block that is no longer selected. Without it, nothing:
+ * a pick outlives a selection, as it always has.
+ */
+declare function usePickFollowsSelection(follows: boolean, selection: unknown): void;
 
-export { type MediaPanelComponent, type MediaPanelProps, MediaPanelProvider, type MediaPickRequest, cancelPanelPick, hasMediaPanel, requestPanelPick, settlePanelPick, useMediaPanel, usePanelPick };
+export { type MediaPanelComponent, type MediaPanelProps, MediaPanelProvider, type MediaPickRequest, type MediaPickStore, cancelPanelPick, createMediaPickStore, hasMediaPanel, mediaPickStoreFor, requestPanelPick, settlePanelPick, useCancelPanelPick, useMediaPanel, usePanelPick, usePickFollowsSelection };

package/dist/screen/lib/media-panel.js

@@ -1 +1 @@
-export{MediaPanelProvider,cancelPanelPick,hasMediaPanel,requestPanelPick,settlePanelPick,useMediaPanel,usePanelPick}from"../../chunk-ZZ7VLIHQ.js";
+export{MediaPanelProvider,cancelPanelPick,createMediaPickStore,hasMediaPanel,mediaPickStoreFor,requestPanelPick,settlePanelPick,useCancelPanelPick,useMediaPanel,usePanelPick,usePickFollowsSelection}from"../../chunk-Z6BAZFSW.js";import"../../chunk-R5ZVNJLJ.js";

package/dist/screen/lib/media-picker.d.ts

@@ -1,4 +1,4 @@
-import { E as EaselHost } from '../../host-B-byaQxg.js';
+import { E as EaselHost } from '../../host-DJ8Gzsx7.js';
 import 'react';
 import '../../blocks/index.js';
 import '../../types-E3HrTPg2.js';
@@ -8,6 +8,8 @@ import '../../resolve-D68pb3Bx.js';
 import '../../plan-DChbUXdS.js';
 import './document-contract.js';
 import './session.js';
+import './backend-error.js';
+import '../../edit-lock/index.js';
 import './host-chrome.js';
 import './links/link-filters.js';
 import '../../LinkPicker-W2Rtxetz.js';
@@ -16,7 +18,6 @@ import './section-template-types.js';
 import './puck/content-tree.js';
 import './document-switch.js';
 import '../../engine-DBxp_v6B.js';
-import '../../edit-lock/index.js';
 import './admin-bridge.js';
 
 /**
@@ -28,6 +29,10 @@ import './admin-bridge.js';
  *   • A host that supplies a MEDIA PANEL (lib/media-panel — the admin
  *     portal, from efficient-web 0.2.0) answers in the editor's own left panel:
  *     the request opens that panel in pick mode, and nothing leaves the editor.
+ *     The panel is the one of the editor the field asks through: `host` is
+ *     that editor's (one per mounted editor), and the provider under it keeps
+ *     its own pending pick (0.103.0), so two editors mounted in one page never
+ *     answer each other's fields.
  *   • Any other host is asked to open its picker window, over the
  *     request/response protocol below. The picker UI lives in the host, so
  *     this module owns the EDITOR half:
@@ -54,11 +59,18 @@ interface PickedMedia {
  * Choose media for a slot; resolves with the chosen media, or null if the user
  * cancelled (or there's no host to ask). `file` is a file dropped straight on
  * the slot — the host uploads it and picks it immediately.
+ *
+ * `options` (0.103.0) are the field's own terms for its host's PANEL, handed to
+ * it untouched on the request (`MediaPickRequest.options`) — the campaign
+ * designer's logo field asks for `{ bakeableOnly: true }`. The window's
+ * `open-media-picker` message carries none: its shape is the website's
+ * protocol, mirrored by the storefront.
  */
 declare function requestMediaPick(host: EaselHost, opts: {
     accept: string;
     title: string;
     file?: File | null;
+    options?: Record<string, unknown>;
 }): Promise<PickedMedia | null>;
 /** Settle a pending pick (called by the central message listener on the admin's
  *  reply). Unknown ids — a stale reply, or a pick meant for another editor

package/dist/screen/lib/media-picker.js

@@ -1 +1 @@
-export{requestMediaPick,resolveMediaPick}from"../../chunk-6FY3PZS3.js";import"../../chunk-ZZ7VLIHQ.js";
+export{requestMediaPick,resolveMediaPick}from"../../chunk-UB7JVPK4.js";import"../../chunk-Z6BAZFSW.js";import"../../chunk-R5ZVNJLJ.js";