your-ai-workflow-firebase-os 2.0.11 → 2.0.13

package/dist/PagesAdmin-BBKXpAnO.cjs

@@ -1,42 +0,0 @@
-const e=require(`./chunk-CiTBaPhY.cjs`),t=require(`./PageTitle-DnKubvLh.cjs`),n=require(`./TimeZoneField-6U4vMw0A.cjs`),r=require(`./DashboardNav-MLvb0WtR.cjs`),i=require(`./Trouble-DblHsJ7H.cjs`),a=require(`./schedule-BAea6q8_.cjs`),o=require(`./chevron-down-lyDK1rfL.cjs`),s=require(`./arrow-right-CGvbxks5.cjs`),c=require(`./boxes-CRb7Zwsw.cjs`),l=require(`./scheduleData-di4j8hyk.cjs`),u=require(`./SupportBar-D0GTezeq.cjs`),d=require(`./FileViewerPopup-DkG-wXJJ.cjs`),f=require(`./eye-off-c_ukD3mF.cjs`),p=require(`./eye-BXseeF8g.cjs`),m=require(`./VideoPlayer-DV53Zvu7.cjs`),h=require(`./FormNote-HkXhcfQx.cjs`),g=require(`./arrivalRoads-Bj7kRpIj.cjs`),_=require(`./link-2-GLDmddzj.cjs`),v=require(`./x-Bfx9jBin.cjs`),y=require(`./lock-Baxbn9qw.cjs`),b=require(`./pencil-Ca8JSmp0.cjs`),x=require(`./plus-zsWFCu4F.cjs`),S=require(`./trash-Dr-ViALd.cjs`),C=require(`./user-round-AeklQuWE.cjs`),w=require(`./Button-BXl8leQ5.cjs`),T=require(`./mediaKind-CxyIb_ys.cjs`),E=require(`./formPage-Ba28BJud.cjs`),D=require(`./email-CYRiGM_W.cjs`),O=require(`./roles-EHMH7Ls2.cjs`),k=require(`./tabAudience-BJhBbPnK.cjs`),A=require(`./ConfirmModal-BgztMPdR.cjs`),j=require(`./recordsKey-vkJNhd8J.cjs`),M=require(`./bookingPages-B_GukoZw.cjs`),N=require(`./pageFiles-C6inu-vO.cjs`),P=require(`./recordLock-2EYkwefc.cjs`),ee=require(`./AccessNotice-Bu6dwQaS.cjs`),F=require(`./SystemTabContent-BX4lLz9b.cjs`),te=require(`./NeedsService-CqT44fV2.cjs`),I=require(`./SchedulePicker-DlzYJpL6.cjs`),ne=require(`./contentKey-zS-6K6eh.cjs`);require(`./ThemeAdmin-BU8IC_I8.cjs`);let L=require(`react`);L=e.a(L,1);let R=require(`react/jsx-runtime`),z=require(`firebase/firestore`),re=require(`react-router-dom`),ie=require(`react-dom`);var ae={name:`file-code-corner`,size:24,node:[[`path`,{d:`M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35`,key:`1wthlu`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`m5 16-3 3 3 3`,key:`331omg`}],[`path`,{d:`m9 22 3-3-3-3`,key:`lsp7cz`}]],aliases:[`file-code-2`]};ae.node;var oe=o.n(ae),se={name:`folder-open`,size:24,node:[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]]};se.node;var ce=o.n(se),le={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};le.node;var ue=o.n(le),de={name:`life-buoy`,size:24,node:[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m4.93 4.93 4.24 4.24`,key:`1ymg45`}],[`path`,{d:`m14.83 9.17 4.24-4.24`,key:`1cb5xl`}],[`path`,{d:`m14.83 14.83 4.24 4.24`,key:`q42g0n`}],[`path`,{d:`m9.17 14.83-4.24 4.24`,key:`bqpfvv`}],[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}]]};de.node;var fe=o.n(de),B={name:`wand-sparkles`,size:24,node:[[`path`,{d:`m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72`,key:`ul74o6`}],[`path`,{d:`m14 7 3 3`,key:`1r5n42`}],[`path`,{d:`M5 6v4`,key:`ilb8ba`}],[`path`,{d:`M19 14v4`,key:`blhpug`}],[`path`,{d:`M10 2v2`,key:`7u0qdc`}],[`path`,{d:`M7 8H3`,key:`zfb6yr`}],[`path`,{d:`M21 16h-4`,key:`1cnmox`}],[`path`,{d:`M11 3H9`,key:`1obp7u`}]],aliases:[`wand-2`]};B.node;var pe=o.n(B);function V({roads:e}){let[t,r]=(0,L.useState)(null);(0,L.useEffect)(()=>(0,z.onSnapshot)((0,z.doc)(n.ui,`sys_configs`,g.t),e=>r(g.n(e.exists()?e.data():null)),()=>{}),[]);let i=e?JSON.stringify(e):``;return(0,L.useEffect)(()=>{if(!i||!t)return;let e=JSON.parse(i);g.r(e,t)||(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,g.t),{roads:e}).catch(()=>{})},[i,t]),null}function H(e){if(!e.length)return``;let t=e.length===1;return[`My app checked the files you wrote for it and found ${t?`one thing`:`${e.length} things`} wrong. This is a repair, not a redesign: keep every page exactly as you designed it — the same layout, the same steps in the same order, every element where it is now, the same words and the same styling. Fix ${t?`it`:`every one of them`}, exactly as ${t?`the line`:`each line`} says, with the smallest change that does it, and change nothing else. Where a line tells you to delete, add or replace something, do only that, in the place the old one stood, and leave everything around it as it is. Open only the files ${t?`the line names`:`these lines name`}, and no others — my logo and my favicon live in configs/theme.config.ts, which nothing here is asking about, and they are never to be cleared, swapped or "improved", today or ever.`,`Some of what is on these pages is MINE, not yours: my logo, every picture already there and the exact link it carries, my app’s name, my words, and the addresses my buttons lead to. Not one of them is ever the thing you take away to make a line go away. Where a line is about one of them, change HOW it is written and leave WHAT it is alone — a picture written the wrong way is rewritten the right way with the same link, never deleted, never swapped for a placeholder or a picture of your own, and a button that goes nowhere is pointed somewhere, never removed. ${t?`The line`:`Each line`} names its file first:`,...e.map((e,t)=>`${t+1}. ${e}`),`Before you finish, look at each page against how it was: nothing moved, nothing restyled, nothing reworded, and no step added, taken away or put in a different order — unless a line above asked for exactly that. And check that everything of mine is still where it was: my logo and my favicon untouched, every picture still on its page with the link it had, my words, my app’s name, and every button still leading where it led.`].join(`
-`)}function U(e){let t=new Set;for(let n of e){let e=n.match(/([A-Za-z0-9_-]+)Content\.tsx/)?.[1]||(/\bHome\.tsx\b/.test(n)?`Home`:``);e&&t.add(e.replace(/([a-z0-9])([A-Z])/g,`$1 $2`))}return[...t]}function W(e,t){let n=new Map(t.keys.map((e,n)=>[e,t.findings[n]])),r=0,i=0;return e.keys.forEach((t,a)=>{n.has(t)?n.get(t)!==e.findings[a]&&i++:r++}),{fixed:r,left:t.findings.length,partly:i}}function me(e){if(!e)return null;if(e===`failed`)return{said:`Could not check just now.`,next:`Try again in a moment.`};if(!e.left)return null;let t=e.left===1?`one`:String(e.left);return!e.fixed&&e.partly?{said:`Partly put right — ${t} still to fix.`,next:`Copy the sentence again — it now lists only what is left.`}:e.fixed?{said:`${e.fixed===1?`One`:e.fixed} put right, ${t} still to fix.`,next:`Copy the sentence again — it now lists only what is left.`}:{said:`Nothing put right yet — ${t} still to fix.`,next:`If your assistant says it is done, paste the sentence again.`}}var he=15*1e3,ge=600,_e=5*1e3,ve=20*1e3,ye=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),G={loading:!1,findings:[],keys:[],checking:!1,checked:null,allFixed:!1};function K(){let{user:e,isAdmin:t,roleConfirmed:r}=n.Ft(),i=!!e?.uid&&t&&r,[a,o]=(0,L.useState)({...G,loading:!0}),s=(0,L.useRef)(0),c=(0,L.useRef)(!1),l=(0,L.useRef)(!1),u=(0,L.useRef)(!0),d=(0,L.useRef)(0),f=(0,L.useCallback)(async e=>{if(!i||e===`quiet`&&(c.current||l.current||Date.now()-s.current<he))return;let t=e===`pressed`,r=Date.now(),a=++d.current;s.current=r,t?(l.current=!0,o(e=>({...e,checking:!0}))):c.current=!0;let f=new AbortController,p=setTimeout(()=>f.abort(),ve);try{let e=await n.li?.currentUser?.getIdToken();if(!e)throw Error(`signed out`);let i=await fetch(`/api/checks`,{headers:{Authorization:`Bearer ${e}`},cache:`no-store`,signal:f.signal});if(!i.ok||!String(i.headers.get(`content-type`)||``).includes(`json`))throw Error(`no checks`);let s=await i.json(),c=s?.sources===!0,l=c&&Array.isArray(s.findings)?s.findings:[],p=c&&Array.isArray(s.keys)&&s.keys.length===l.length?s.keys:[],m={findings:[],keys:[]};l.forEach((e,t)=>{typeof e!=`string`||!e.trim()||(m.findings.push(e),m.keys.push(typeof p[t]==`string`&&p[t]?p[t]:e))});let{findings:h}=m;if(t&&await new Promise(e=>setTimeout(e,Math.max(0,ge-(Date.now()-r)))),!u.current||a!==d.current)return;o(e=>({loading:!1,...m,checking:t?!1:e.checking,checked:t?W(e,m):ye(e.findings,h)?e.checked:null,allFixed:c&&e.findings.length>0&&!h.length}))}catch{u.current&&a===d.current&&o(e=>({...e,loading:!1,checking:t?!1:e.checking,checked:t?`failed`:e.checked}))}finally{clearTimeout(p),t?l.current=!1:c.current=!1}},[i]);(0,L.useEffect)(()=>{if(u.current=!0,!i){o(G);return}f(`first`);let e=()=>{document.visibilityState===`visible`&&f(`quiet`)};return document.addEventListener(`visibilitychange`,e),window.addEventListener(`focus`,e),()=>{u.current=!1,document.removeEventListener(`visibilitychange`,e),window.removeEventListener(`focus`,e)}},[i,f]),(0,L.useEffect)(()=>{if(!a.allFixed)return;let e=setTimeout(()=>o(e=>({...e,allFixed:!1,checked:null})),_e);return()=>clearTimeout(e)},[a.allFixed]);let p=(0,L.useCallback)(()=>{f(`pressed`)},[f]),m=(0,L.useCallback)(()=>{f(`quiet`)},[f]),{keys:h,...g}=a;return{...g,again:p,look:m}}var be=e=>e.length<=1?e.join(``):`${e.slice(0,-1).join(`, `)} and ${e[e.length-1]}`,q=20*1e3,J=`glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-6`;function xe(){let{loading:e,findings:r,checking:a,checked:o,allFixed:s,again:c,look:l}=K(),[u,d]=(0,L.useState)(``),f=(0,L.useRef)(null),p=!e&&r.length>0;(0,L.useEffect)(()=>{if(!p)return;let e=!0,t=f.current,n=t&&typeof IntersectionObserver<`u`?new IntersectionObserver(([t])=>{e=!!t?.isIntersecting,e&&l()}):null;n&&t&&n.observe(t);let r=setInterval(()=>{e&&document.visibilityState===`visible`&&l()},q);return()=>{clearInterval(r),n?.disconnect()}},[p,l]);let m=H(r),h=!!m&&u===m;if(e)return null;if(!r.length)return s?(0,R.jsxs)(`div`,{role:`status`,className:`${J} flex items-center gap-2.5 text-[13.5px] font-semibold text-foreground/80`,children:[(0,R.jsx)(n.At,{className:`w-4 h-4 shrink-0 text-accent`}),`All fixed — your assistant put everything right.`]}):null;let g=U(r),_=g.length?` on ${be(g.slice(0,4))}${g.length>4?` and more`:``}`:``,v=a?null:me(o);return(0,R.jsxs)(`div`,{ref:f,className:`${J} flex flex-col gap-3`,children:[(0,R.jsx)(t.o,{title:`Your assistant left ${r.length===1?`one thing`:`${r.length} things`} to fix${_}`,description:`My app checked what it built. Copy this into your assistant's chat and it will put them right — then come back and press Check again.`,prompt:m,compact:!0,onCopied:()=>d(m)}),(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3 min-w-0 px-1`,children:[(0,R.jsx)(`p`,{role:`status`,className:`min-w-0 text-[12.5px] font-medium leading-relaxed text-foreground/50`,children:v?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`span`,{className:`font-semibold text-foreground/80`,children:v.said}),(0,R.jsxs)(`span`,{className:`max-sm:hidden`,children:[` `,v.next]})]}):(0,R.jsx)(`span`,{className:`max-sm:hidden`,children:a?`Checking what your assistant changed…`:`When your assistant has finished, check again — this goes once everything is put right.`})}),(0,R.jsx)(n.o,{icon:i.a,busy:a,onClick:c,className:h&&!a?`border-accent/40 text-accent hover:text-accent`:``,children:a?`Checking`:`Check again`})]})]})}function Se(e){let[t,r]=(0,L.useState)(null),[i,a]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{if(e)return(0,z.onSnapshot)((0,z.query)((0,z.collection)(n.ui,n.M),(0,z.orderBy)(`createdAt`,`desc`),(0,z.limit)(500)),e=>r(e.docs.map(e=>{let t=e.data(),n=Number(t.fileSize);return{id:e.id,url:String(t.downloadURL||``),name:String(t.fileName||``),type:String(t.fileType||``),...n>0?{size:n}:{},...t.smallURL?{small:String(t.smallURL)}:{},...t.mediumURL?{medium:String(t.mediumURL)}:{}}}).filter(e=>e.url)),()=>a(!0))},[e]),{assets:t,failed:i}}var Ce=[{id:`all`,label:`Everything`},{id:`pictures`,label:`Pictures`},{id:`videos`,label:`Videos`},{id:`files`,label:`Files`}],we=(e,t)=>t===`all`||t===`pictures`&&e===`image`||t===`videos`&&(e===`video`||e===`audio`)||t===`files`&&e!==`image`&&e!==`video`&&e!==`audio`;function Te({asset:e,chosen:t,taken:r,onToggle:i,onAdd:a}){let o=T.o(e.name)||T.o(e.url),[s,c]=(0,L.useState)(!1);return(0,R.jsxs)(`button`,{type:`button`,disabled:r,onClick:i,onDoubleClick:a,"aria-pressed":t,title:e.name,className:`group relative flex flex-col text-left rounded-2xl border overflow-hidden bg-[var(--panel-bg)] transition-all cursor-pointer disabled:cursor-default ${t?`border-accent ring-2 ring-accent/35`:`border-[var(--panel-border)] hover:border-accent/40`} ${r?`opacity-55`:``}`,children:[(0,R.jsxs)(`span`,{className:`relative block w-full aspect-[4/3] bg-foreground/[0.03] overflow-hidden`,children:[e.kind===`image`&&!s?(0,R.jsx)(n.O,{src:e.url,small:e.small,medium:e.medium,alt:``,className:`absolute inset-0`,onError:()=>c(!0)}):e.kind===`video`?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`video`,{src:`${e.url}#t=0.5`,preload:`metadata`,muted:!0,playsInline:!0,className:`absolute inset-0 w-full h-full object-cover pointer-events-none`}),(0,R.jsx)(`span`,{className:`absolute inset-0 m-auto w-9 h-9 rounded-full bg-black/55 text-white flex items-center justify-center`,children:(0,R.jsx)(m.r,{className:`w-4 h-4 fill-current translate-x-px`})})]}):(0,R.jsxs)(`span`,{className:`absolute inset-0 flex flex-col items-center justify-center gap-1.5`,children:[(0,R.jsx)(`span`,{className:`${d.r} w-11 h-11`,children:(0,R.jsx)(d.i,{kind:e.kind,name:e.name||e.url,className:`w-5 h-5`})}),o&&(0,R.jsx)(`span`,{className:`text-[10.5px] font-bold text-foreground/40 uppercase tracking-wide`,children:o})]}),t&&(0,R.jsx)(`span`,{className:`absolute top-2 right-2 w-6 h-6 rounded-full bg-accent text-[var(--button-fg,#fff)] flex items-center justify-center shadow`,children:(0,R.jsx)(n.At,{className:`w-3.5 h-3.5`})}),r&&(0,R.jsxs)(`span`,{className:`absolute top-2 left-2 inline-flex items-center gap-1.5 h-6 px-2 rounded-full bg-background/90 text-[11px] font-semibold text-foreground/70`,children:[(0,R.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-emerald-500`}),` On the page`]})]}),(0,R.jsxs)(`span`,{className:`flex flex-col gap-0.5 px-3 py-2.5 min-w-0`,children:[(0,R.jsx)(`span`,{className:`text-[12.5px] font-semibold text-foreground truncate`,children:e.name||`Untitled`}),(0,R.jsx)(`span`,{className:`text-[11px] font-medium text-foreground/45`,children:T.t[e.kind]})]})]})}function Ee({open:e,onClose:t,onPick:r,taken:i=[]}){let a=Se(e),o=a.failed,s=(0,L.useMemo)(()=>a.assets&&a.assets.map(e=>({...e,kind:T.u(e.url,e.type)})),[a.assets]),[c,l]=(0,L.useState)(``),[u,d]=(0,L.useState)(`all`),[f,p]=(0,L.useState)([]),m=(0,L.useMemo)(()=>new Set(i),[i]),h=(0,L.useMemo)(()=>{let e=c.trim().toLowerCase();return(s||[]).filter(t=>we(t.kind,u)&&(!e||t.name.toLowerCase().includes(e)))},[s,u,c]),g=()=>{p([]),l(``),t()},_=e=>{let t=(s||[]).filter(t=>e.includes(t.url)).map(({url:e,name:t,type:n,size:r})=>({url:e,name:t,type:n,...r?{size:r}:{}}));t.length&&r(t),g()},y=e=>p(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]);return typeof document>`u`?null:(0,ie.createPortal)((0,R.jsx)(n.rt,{children:e&&(0,R.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Your assets`,className:`fixed inset-0 z-[9998] flex items-center justify-center p-3 sm:p-6`,children:[(0,R.jsx)(n.nt.div,{onClick:g,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:`absolute inset-0 bg-background/80 backdrop-blur-xl cursor-pointer`}),(0,R.jsxs)(n.nt.div,{initial:{opacity:0,scale:.97,y:8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.97,y:8},transition:{duration:.18},className:`relative z-10 w-full max-w-4xl max-h-[min(88vh,820px)] flex flex-col rounded-3xl glass-popover overflow-hidden`,children:[(0,R.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute top-0 inset-x-0 h-[2px] bg-gradient-to-r from-transparent via-accent/60 to-transparent`}),(0,R.jsxs)(`div`,{className:`flex items-start gap-4 px-5 sm:px-7 pt-6 sm:pt-7 pb-5`,children:[(0,R.jsx)(`span`,{className:`w-11 h-11 sm:w-12 sm:h-12 rounded-2xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent`,children:(0,R.jsx)(ce,{className:`w-5 h-5 sm:w-[22px] sm:h-[22px]`})}),(0,R.jsxs)(`div`,{className:`flex flex-col gap-1 min-w-0 flex-1 pt-0.5`,children:[(0,R.jsx)(`h2`,{className:`text-[18px] sm:text-[20px] font-bold text-foreground tracking-tight leading-tight`,children:`Your assets`}),(0,R.jsx)(`p`,{className:`text-[13px] text-foreground/50 leading-relaxed max-w-md`,children:`Everything you have uploaded. Pick what goes on this page — tap to choose, tap again to drop it.`})]}),(0,R.jsx)(`button`,{type:`button`,onClick:g,"aria-label":`Close`,className:`w-9 h-9 shrink-0 rounded-xl border border-[var(--panel-border)]/60 flex items-center justify-center text-foreground/50 hover:text-foreground hover:border-accent/40 hover:bg-foreground/[0.06] transition-all cursor-pointer`,children:(0,R.jsx)(v.t,{className:`w-[18px] h-[18px]`})})]}),(0,R.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2.5 px-5 sm:px-7 pb-5 border-y border-[var(--panel-border)]/50 pt-5 bg-foreground/[0.015]`,children:[(0,R.jsxs)(`div`,{className:`w-full h-11 flex items-center px-4 rounded-[var(--input-radius,0.75rem)] border border-[var(--panel-border)] bg-[var(--panel-bg)] transition-all duration-300 hover:border-accent/40 focus-within:border-accent console-field !h-11 flex-1 min-w-[200px] gap-2.5`,children:[(0,R.jsx)(v.n,{className:`w-4 h-4 text-foreground/35 shrink-0`}),(0,R.jsx)(`input`,{value:c,onChange:e=>l(e.target.value),placeholder:`Search by name`,"aria-label":`Search your assets`,className:`flex-1 min-w-0 h-full bg-transparent border-none outline-none shadow-none text-[14px] text-foreground placeholder:text-foreground/35 disabled:cursor-not-allowed no-glow`})]}),(0,R.jsx)(`div`,{role:`tablist`,"aria-label":`Show`,className:`inline-flex p-1 rounded-xl border border-[var(--panel-border)] bg-background/60 max-sm:w-full max-sm:overflow-x-auto`,children:Ce.map(e=>(0,R.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":u===e.id,onClick:()=>d(e.id),className:`h-9 px-3 sm:px-3.5 rounded-lg text-[12.5px] sm:text-[13px] font-semibold whitespace-nowrap transition-colors cursor-pointer max-sm:flex-1 ${u===e.id?`bg-foreground/[0.07] text-foreground shadow-sm`:`text-foreground/55 hover:text-foreground`}`,children:e.label},e.id))})]}),(0,R.jsx)(`div`,{className:`flex-1 min-h-0 overflow-y-auto overscroll-contain px-5 sm:px-7 py-5`,children:o?(0,R.jsx)(`p`,{className:`py-20 text-center text-[13.5px] font-medium text-red-500`,children:`Your assets could not be read. Reload and try again.`}):s?s.length?h.length?(0,R.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3 sm:gap-3.5`,children:[h.map(e=>(0,R.jsx)(Te,{asset:e,chosen:f.includes(e.url),taken:m.has(e.url),onToggle:()=>y(e.url),onAdd:()=>_([e.url])},e.id)),(s||[]).length>=500&&(0,R.jsxs)(`p`,{className:`col-span-full text-[12.5px] font-medium text-foreground/45 text-center pt-2`,children:[`The `,500,` newest are shown. Older uploads are still in Assets.`]})]}):(0,R.jsx)(`p`,{className:`py-20 text-center text-[13.5px] font-medium text-foreground/50`,children:`Nothing here matches.`}):(0,R.jsxs)(`div`,{className:`py-20 flex flex-col items-center text-center gap-1.5`,children:[(0,R.jsx)(`p`,{className:`text-[15px] font-bold text-foreground/70`,children:`Nothing in your assets yet`}),(0,R.jsx)(`p`,{className:`text-[13px] text-foreground/45 max-w-xs leading-relaxed`,children:`Upload from the row instead — whatever you upload lands in your assets too.`})]}):(0,R.jsx)(`div`,{className:`py-20 flex justify-center`,children:(0,R.jsx)(v.r,{className:`w-6 h-6 text-accent animate-spin`})})}),(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3 px-5 sm:px-7 py-4 border-t border-[var(--panel-border)]/60 bg-foreground/[0.015]`,children:[(0,R.jsx)(`span`,{className:`text-[13px] font-medium text-foreground/50 truncate`,children:f.length?`${f.length} chosen`:`Choose one or more`}),(0,R.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,R.jsx)(`button`,{type:`button`,onClick:g,className:`inline-flex items-center justify-center gap-1.5 h-8 px-2.5 sm:h-9 sm:px-3 shrink-0 whitespace-nowrap rounded-[var(--btn-radius,0.75rem)] text-[12.5px] font-semibold border border-[var(--panel-border)] bg-transparent text-foreground/60 hover:text-foreground hover:border-accent/40 hover:bg-foreground/[0.04] active:scale-[0.98] transition-all cursor-pointer disabled:opacity-40 disabled:pointer-events-none`,children:`Cancel`}),(0,R.jsx)(`button`,{type:`button`,onClick:()=>_(f),disabled:!f.length,className:`btn-primary h-10 px-5 rounded-xl text-[13px] font-bold cursor-pointer disabled:opacity-40 disabled:pointer-events-none`,children:f.length>1?`Add ${f.length}`:`Add`})]})]})]})]})}),document.body)}var Y={image:`First card — The Montreal: a rigid bag with a top handle`,video:`Plays big under the heading, with a Watch our story title`,audio:`A small player under the episode list`,pdf:`A View our menu button that opens it in a popup`,text:`Laid out as a table under the prices`,document:`A Download the price list button at the bottom`,file:`A Download button beside the form`,link:`A Book on Fresha button in the top corner`},De=`h-11 px-3 sm:px-3.5 shrink-0 inline-flex items-center justify-center gap-2 rounded-[var(--input-radius,0.75rem)] border border-[var(--panel-border)] bg-[var(--panel-bg)] text-[13px] font-semibold text-foreground/65 hover:text-foreground hover:border-accent/40 transition-all cursor-pointer disabled:opacity-40 disabled:pointer-events-none`;function Oe({item:e,kind:t}){let[r,i]=(0,L.useState)(!1),a=t===`video`&&!r?T.r(e.url):null;return t===`image`&&!r?(0,R.jsx)(n.O,{src:e.url,alt:``,className:`absolute inset-0`,onError:()=>i(!0)}):t===`video`?(0,R.jsxs)(R.Fragment,{children:[a?(0,R.jsx)(n.O,{src:a,alt:``,className:`absolute inset-0`,onError:()=>i(!0)}):T.a(e.url)?(0,R.jsx)(`span`,{className:`absolute inset-0 bg-gradient-to-br from-accent/30 via-black to-black`}):(0,R.jsx)(`video`,{src:`${e.url}#t=0.5`,preload:`metadata`,muted:!0,playsInline:!0,className:`absolute inset-0 w-full h-full object-cover pointer-events-none`}),(0,R.jsx)(`span`,{className:`absolute inset-0 m-auto w-7 h-7 rounded-full bg-black/55 text-white flex items-center justify-center`,children:(0,R.jsx)(m.r,{className:`w-3.5 h-3.5 fill-current translate-x-px`})})]}):(0,R.jsx)(`span`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,R.jsx)(`span`,{className:`${d.r} w-9 h-9`,children:(0,R.jsx)(d.i,{kind:t,name:e.name||e.url})})})}function ke({items:e,onChange:r,note:i=``,onNote:a,onNoteBlur:o,onBusyChange:s}){let{user:c}=n.Ft(),l=e.filter(e=>e.url),u=(0,L.useRef)(l);(0,L.useEffect)(()=>{u.current=l});let f=e=>{u.current=e,r(e)},[p,m]=(0,L.useState)({}),[h,g]=(0,L.useState)(0),[y,b]=(0,L.useState)(``),[x,S]=(0,L.useState)(!1),[C,w]=(0,L.useState)(!1),[E,D]=(0,L.useState)(``),[O,k]=(0,L.useState)(null),A=async e=>{if(!e.length||h)return;b(``),g(e.length),s?.(!0);let t=await Promise.allSettled(e.map(async e=>{let{url:t,file:r}=await n.H(e,c);return{url:t,where:``,name:r.name,type:r.type,...await n.K(r)}})),r=t.flatMap(e=>e.status===`fulfilled`?[e.value]:[]),i=t.find(e=>e.status===`rejected`);r.length&&f([...u.current,...r]),i&&b(n.z(i.reason)),g(0),s?.(!1)},j=e=>{let t=Array.from(e.target.files||[]);e.target.value=``,A(t)},{over:M,dropProps:N}=n.A({multiple:!0,disabled:!!h||C,onFiles:A}),P=async e=>{let t=new Map;await Promise.all(e.map(async e=>{if(T.u(e.url,e.type)!==`image`)return;let r=await n.J(e.url);n.G(r)&&t.set(e.url,r)})),t.size&&f(u.current.map(e=>t.has(e.url)?{...e,...t.get(e.url)}:e))},ee=e=>{let t=new Set(u.current.map(e=>e.url)),n=e.filter(e=>!t.has(e.url)).map(e=>({url:e.url,where:``,name:e.name,type:e.type,...e.size?{size:e.size}:{}}));n.length&&(f([...u.current,...n]),P(n))},F=()=>{let e=E.trim();if(!/^https?:\/\/[^\s/]+\.[^\s]+/i.test(e)){b(`Paste the whole link — it starts with https://`);return}if(l.some(t=>t.url===e)){b(`That link is already on this page.`);return}f([...l,{url:e,where:``}]),D(``),w(!1),b(``)},te=e=>{let t=p[e];if(t===void 0)return;m(t=>{let n={...t};return delete n[e],n});let n=l.find(t=>t.url===e);n&&n.where!==t.trim()&&f(l.map(n=>n.url===e?{...n,where:t.trim()}:n))};return(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[l.length>0&&(0,R.jsx)(`ol`,{className:`flex flex-col gap-2`,"aria-label":`Your media`,children:l.map((e,t)=>{let r=T.u(e.url,e.type),i=e.name||T.s(e.url),a=n.X(e);return(0,R.jsxs)(`li`,{className:`flex items-center gap-3 p-2 pr-2.5 rounded-2xl border border-[var(--panel-border)]/70 bg-[var(--panel-bg)]`,children:[(0,R.jsxs)(`button`,{type:`button`,onClick:()=>k(e),"aria-label":`Open ${i}`,title:`Open it`,className:`relative w-14 h-14 sm:w-16 sm:h-16 shrink-0 rounded-xl overflow-hidden border border-[var(--panel-border)] bg-foreground/[0.03] cursor-pointer hover:border-accent/40 transition-colors`,children:[(0,R.jsx)(Oe,{item:e,kind:r}),(0,R.jsx)(`span`,{"aria-hidden":!0,className:`absolute top-1 left-1 min-w-[18px] h-[18px] px-1 rounded-full bg-background/90 text-[10.5px] font-bold text-foreground flex items-center justify-center`,children:t+1})]}),(0,R.jsxs)(`div`,{className:`flex-1 min-w-0 flex flex-col gap-1.5`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,R.jsx)(`span`,{className:`min-w-0 text-[13px] font-semibold text-foreground truncate`,title:i,children:i}),(0,R.jsxs)(`span`,{className:`max-sm:hidden sm:inline-flex items-center gap-1.5 shrink-0 text-[11px] font-medium text-foreground/50`,children:[(0,R.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full bg-accent`}),T.t[r],a?` · ${a}`:``]}),(0,R.jsx)(`button`,{type:`button`,onClick:()=>f(l.filter((e,n)=>n!==t)),"aria-label":`Remove ${i}`,title:`Take it off this page`,className:`ml-auto w-7 h-7 shrink-0 rounded-lg flex items-center justify-center text-foreground/40 hover:text-red-500 hover:bg-red-500/10 transition-colors cursor-pointer`,children:(0,R.jsx)(v.t,{className:`w-3.5 h-3.5`})})]}),(0,R.jsx)(`input`,{type:`text`,value:p[e.url]??e.where,onChange:t=>m(n=>({...n,[e.url]:t.target.value})),onBlur:()=>te(e.url),onKeyDown:e=>{e.key===`Enter`&&e.currentTarget.blur()},placeholder:Y[r],"aria-label":`How is ${i} used?`,className:`w-full h-11 px-4 rounded-[var(--input-radius,0.75rem)] border border-[var(--panel-border)] bg-[var(--panel-bg)] text-[14px] text-foreground outline-none transition-all duration-300 placeholder:text-foreground/35 hover:border-accent/40 focus:border-accent disabled:opacity-50 disabled:cursor-not-allowed console-field !h-9 !px-3 !text-[13px]`})]})]},`${e.url}-${t}`)})}),(0,R.jsx)(`div`,{...N,className:`flex items-center gap-2 min-w-0`,children:C?(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`div`,{className:`${n.l} gap-2 flex-1 min-w-0`,children:[(0,R.jsx)(_.t,{className:`w-4 h-4 text-foreground/35 shrink-0`}),(0,R.jsx)(`input`,{autoFocus:!0,value:E,onChange:e=>{D(e.target.value),y&&b(``)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),F()),e.key===`Escape`&&(w(!1),D(``),b(``))},placeholder:`https://www.youtube.com/watch?v=… or any link`,"aria-label":`Paste a link`,className:`${n.f} no-glow`})]}),(0,R.jsx)(`button`,{type:`button`,onClick:F,disabled:!E.trim(),className:`btn-primary h-11 px-4 shrink-0 rounded-[var(--input-radius,0.75rem)] text-[13px] font-bold cursor-pointer disabled:opacity-40`,children:`Add`}),(0,R.jsx)(`button`,{type:`button`,onClick:()=>{w(!1),D(``),b(``)},"aria-label":`Cancel the link`,className:`${De} !px-0 w-11`,children:(0,R.jsx)(v.t,{className:`w-4 h-4`})})]}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(`label`,{className:`group/up flex-1 min-w-0 ${h?`pointer-events-none`:`cursor-pointer`}`,title:`Upload media`,children:[(0,R.jsxs)(`span`,{className:`${n.l} gap-2.5 select-none text-[14px] group-hover/up:border-accent/40 group-focus-within/up:border-accent ${M?`border-accent bg-accent/[0.04] text-accent`:h?`text-foreground/50`:`text-foreground/40`}`,children:[h?(0,R.jsx)(v.r,{className:`w-4 h-4 animate-spin text-accent shrink-0`}):(0,R.jsx)(t.v,{className:`w-4 h-4 shrink-0 ${M?`text-accent`:`text-foreground/40 group-hover/up:text-accent`}`}),(0,R.jsx)(`span`,{className:`truncate`,children:M?`Drop it here`:h?`Uploading ${h===1?`your file`:`${h} files`}…`:`Upload media, or drop it here`})]}),(0,R.jsx)(`input`,{type:`file`,multiple:!0,onChange:j,disabled:!!h,"aria-label":`Upload media`,className:`sr-only`})]}),(0,R.jsxs)(`button`,{type:`button`,onClick:()=>S(!0),title:`Pick from your assets`,"aria-label":`Pick from your assets`,className:De,children:[(0,R.jsx)(ce,{className:`w-4 h-4`}),(0,R.jsx)(`span`,{className:`max-sm:hidden`,children:`From assets`})]}),(0,R.jsxs)(`button`,{type:`button`,onClick:()=>{w(!0),b(``)},title:`Paste a link`,"aria-label":`Paste a link`,className:De,children:[(0,R.jsx)(_.t,{className:`w-4 h-4`}),(0,R.jsx)(`span`,{className:`max-sm:hidden`,children:`Link`})]})]})}),y&&(0,R.jsx)(`p`,{className:`-mt-1 px-1 text-[11.5px] font-semibold text-red-500 leading-snug`,children:y}),i.trim()!==``&&a&&(0,R.jsx)(n.y,{label:`How should the pictures be used?`,hint:`From before each item had its own line — clear it once the lines above say it.`,value:i,onChange:a,onBlur:o}),(0,R.jsx)(Ee,{open:x,onClose:()=>S(!1),onPick:ee,taken:l.map(e=>e.url)}),(0,R.jsx)(d.t,{open:!!O,onClose:()=>k(null),src:O?.url||``,name:O?.name,type:O?.type})]})}var Ae={route:`/page_1`,pageName:`New Page`,pageTitle:`My New Page`,template:`none`,form:``},je={tabName:`New Page`,iconName:``,route:`/new-page`,tabTitle:`Your Page`,template:`none`,form:``},Me={tabName:`New Admin Page`,iconName:``,route:`/new-admin-page`,tabTitle:`Admin Page`,template:`none`,form:``},Ne={tabName:`New Team Page`,iconName:``,route:`/new-team-page`,tabTitle:`Team Page`,template:`none`,form:``},Pe=(e=`c_${Date.now().toString(36)}`)=>({id:e,how:``}),Fe=e=>Array.isArray(e?.customPayments)?e.customPayments.map((e,t)=>({id:String(e?.id||`c${t}`),how:String(e?.how??``)})):[],Ie=e=>Fe(e).map(e=>({...e,how:e.how.trim()})).filter(e=>e.how!==``),Le=e=>Fe(e).some(e=>!e.how.trim())?`Say how the dynamic payment works out what to charge — or remove it.`:``,X=`At checkout they pay whatever is in their basket — every item they added, plus 5 for delivery on orders under 50.`,Re=(e=n.Fr())=>`This payment has no fixed price — the page works out what to charge. Take it with <BuyButton amount={total}${n.lr(e)} productName='…'>: total is a plain number the page works out from my words below at the moment they pay (25 is 25 in my Stripe account's currency, never under 0.50 and never over 10,000), and productName says in a few words what they are paying for. Show the buyer that amount before they press the button, and while there is nothing to pay yet say so where the button would be. An amount outside those two is refused, so say that where the button would be as well; NEVER round, cap or change the total to fit — the amount charged is always exactly the amount shown. The browser sends that amount, so it is a convenience for the buyer, never a figure anybody is held to: never tell them or me it is enforced.`;Re(null);var ze=/\b(?:baskets?|carts?|shopping bag|bag|check[- ]?out|trolley)\b/i,Be=(e,t=n.Fr())=>`This payment has no fixed price — it is whatever is in the buyer's basket, and the basket, its checkout and what happens after paying are ALL my app's own pieces from 'your-ai-workflow-firebase-os': none of it is built by hand. (1) const basket = useBasket() wherever something is added or counted, and basket.add({ id, name, options, price, picture, max }) puts a thing in — id is the record's own id, name what it is called, options the choices made, in words ('Sand, 50 ml'), price the price of ONE as a plain number, picture the web address of its main picture, max how many of it are in stock so nobody orders more than there are; any key of your own beside those (a variant's id) rides along onto the order. It opens the basket by itself, so the buyer sees the thing land. (2) <BasketButton /> is the bag with how many are in it: put it in the page's own top row, where the page begins — on a long page that row may stay in view with sticky top-0 — my menu bar scrolls away with the page, so the row rides at the very top of the screen — and never fixed or floating in a corner of the screen, where it sits over my menu bar on every page. It draws the bag itself, so put NO icon of your own inside it, only words if any (<BasketButton>View bag</BasketButton>): a bag icon inside it is two bags on one button. (3) ONE <Basket formId='${e}'${n.lr(t)} phone address /> near the top of the page is the whole of the rest: the lines with their quantity buttons and Remove, what it comes to, then who is paying and the ONE Pay button. It asks for the name, the email, the phone number and the delivery address itself (phone / address: true to require it, 'optional' to offer it, left out when my words do not ask for it), saves the order whole, and only then takes the money. Delivery or anything else my words ADD to the amount is extras={[{ label: 'Delivery', amount: 5 }]}, worked out on the page from basket.subtotal; a discount is never an extra and never a minus line — it is a Stripe promotion code the buyer types at checkout. So NEVER a basket kept in useVisitorState or in state of your own, never a basket page, a checkout page, a drawer, a window or a step of your own for it, never quantity buttons of your own, never a <Checkout>, a <BuyerDetails>, a <PayButton> or a form for it, and never a box of your own for a name, an email, a phone number or an address. The amount is exactly the lines and the extras — never rounded, capped or changed to fit; one under 0.50 or over 10,000 is refused, and the basket says so itself. Where the things in the basket come from a pub_ collection this page reads, <Basket> also names it — collection='pub_products_records' for a Products page's copy, letter for letter as this page reads it, never a name shortened — and my app then checks each line's price against that record before charging. Without it the browser sends that amount, so it is a convenience for the buyer, never a figure anybody is held to: never tell them or me it is enforced. Where no page of mine keeps them, the things this page sells and their prices are the ones my words below give: one list at the top of this page's file, const PRODUCTS = [ … ], each name and price exactly as I wrote it, and nothing added to it.`,Ve=`What happens when they come back from paying is my app's own as well: <CheckoutReturn basket='basket' orderPath='…' /> from the same package, written ONCE near the top of the page, outside the basket and any window or step. The buyer ALWAYS lands back on this page first — never set successPath — and it asks the server whether the money really moved, and only then empties the basket, thanks them and offers one button to orderPath. orderPath is the page a line further down says their order lands on, when there is one; otherwise the page of mine my words say they go to after paying (orderPath='/dashboard' for "the dashboard"); otherwise '/billing', the app's own page where what they bought is. Never read session_id off the web address, never call confirmPayment, never empty the basket yourself, and never build a thank-you, an order confirmation, a receipt or a notification of your own: my app emails the buyer their receipt and me my sale alert by itself, and the bell tells them their order is placed and tells me a payment came in — so nothing about email goes in the basket's metadata. Never send them to /login or /register, and never make anybody sign in BEFORE they pay: somebody whose email already has an account pays as a guest and is emailed their way in afterwards.`,He=(e,t=``,r)=>r?[Be(r.formId),`Here is how it works and how the amount is worked out, in my words: ${e.how.trim()}`,Ve]:[Re(),`Here is how it works and how the amount is worked out, in my words: ${e.how.trim()}`,n.Xn,n.tr,...n.ar(t)],Ue=(e,t)=>Ie(e).filter(e=>!t||!t.some(t=>t.id===e.id&&t.how===e.how)).map(e=>e.how).join(`
-`),We=e=>e.trim()&&n.br(e)===null?`Just a number, like 25.`:void 0;function Ge({item:e,index:t,onChange:r,onRemove:i,removable:a}){let o=We(e.amount);return(0,R.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,R.jsx)(`input`,{type:`text`,value:e.name,onChange:t=>r({...e,name:t.target.value}),placeholder:t===0?`A one-hour call`:`A two-hour call`,"aria-label":`Thing ${t+1} — its name`,className:`${n.c} flex-1 min-w-0`}),(0,R.jsx)(`input`,{type:`text`,inputMode:`decimal`,value:e.amount,onChange:t=>r({...e,amount:t.target.value}),placeholder:`25`,"aria-label":`Thing ${t+1} — its price`,className:`${n.c} w-24! shrink-0 text-right ${o?`border-red-500/50`:``}`}),a&&(0,R.jsx)(n.o,{icon:S.t,tone:`danger`,compact:!0,title:`Remove ${e.name.trim()||`thing ${t+1}`}`,onClick:i,children:`Remove`})]}),o&&(0,R.jsx)(`span`,{className:`text-[11.5px] font-semibold text-red-500 leading-snug px-1`,children:o})]})}function Ke(){let e=n.Cn();return e.loading||e.on?.emailLink===!0?null:(0,R.jsxs)(`p`,{className:n.s,children:[`A buyer gets an account when they give their details before paying. We recommend switching on`,` `,(0,R.jsx)(re.Link,{to:`/sign-in`,className:`text-accent font-semibold hover:underline`,children:`Email link, no password`}),` `,`on your Sign in screen: it is the easiest way back in on another device. Until then they sign in with Reset password.`]})}var qe=[{value:`custom`,label:`Dynamic — the page works out the amount`},{value:`once`,label:`One-time — a price you set`},{value:`subscription`,label:`Subscription — renews`}];function Je({product:e,on:t,onClick:r}){return(0,R.jsxs)(`button`,{type:`button`,role:`checkbox`,"aria-checked":t,"aria-label":n.Er(e),onClick:r,className:`w-full flex items-center gap-2.5 px-2 py-2 text-left cursor-pointer rounded-xl hover:bg-foreground/[0.04] transition-colors`,children:[(0,R.jsx)(`span`,{"aria-hidden":!0,className:`w-[18px] h-[18px] rounded-md border flex items-center justify-center shrink-0 transition-colors ${t?`bg-accent border-accent`:`border-[var(--panel-border)]`}`,children:t&&(0,R.jsx)(n.At,{className:`w-3 h-3 text-[var(--button-fg,#fff)]`})}),(0,R.jsx)(`span`,{className:`text-[13px] font-medium text-foreground/80 truncate min-w-0`,children:n.Er(e)})]})}function Ye({payment:e,label:t,onChange:r,onRemove:i,onBlur:a}){return(0,R.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,R.jsx)(`span`,{className:`text-[11px] font-bold uppercase tracking-widest text-foreground/40`,children:t}),(0,R.jsx)(n.o,{icon:S.t,tone:`danger`,compact:!0,title:`Remove the ${t.toLowerCase()}`,onClick:i,children:`Remove`})]}),(0,R.jsx)(n.y,{label:`How does it work, and what do they pay?`,hint:`The page works the amount out as they pay — say from what: a basket, the hours they pick, an amount they choose. Whatever you skip, your assistant decides.`,value:e.how,onChange:t=>r({...e,how:t},!1),onBlur:a,placeholder:X})]})}function Xe({pageId:e,products:t,ticked:r,team:i,custom:a,note:o,notePlaceholder:c,onToggle:l,onCreateOnce:u,onCustomChange:d,onCustomBlur:f,onNote:p,onBlur:m}){let h=(0,re.useNavigate)(),[g,_]=(0,L.useState)(!1),[y,b]=(0,L.useState)(``),[S,C]=(0,L.useState)([n.or()]),[w,T]=(0,L.useState)(!1),[E,D]=(0,L.useState)(``),O=t.filter(e=>n.wr(e));if(i)return O.length?(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,R.jsx)(`div`,{className:`flex flex-col rounded-2xl border border-[var(--panel-border)]/60 px-2 py-1.5`,role:`group`,"aria-label":`Payments on this page`,children:O.map(e=>(0,R.jsx)(Je,{product:e,on:r.includes(e.id),onClick:()=>l(e)},e.id))}),r.length>0&&(0,R.jsx)(n.y,{label:`What should your team see here?`,hint:`Every sale, who, what, when — laid out the way your team reads it.`,value:o,onChange:p,onBlur:m,placeholder:c})]}):(0,R.jsx)(`p`,{className:n.s,children:`Nothing sold yet — once a payment is on one of your pages, tick it here to follow its sales.`});let k=()=>{_(!1),b(``),C([n.or()]),D(``)},A=e=>{if(D(``),e===`custom`){d([...a,Pe()],!0),k();return}b(e)},j=n.Sr({...n.cr(`new`),kind:`once`,items:S}),M=async()=>{if(j||w)return;T(!0);let e=await u(S.map(e=>({name:e.name.trim(),amount:e.amount.trim()})));if(T(!1),e){D(e);return}k()},N=t.filter(e=>e.kind===`subscription`),P=N.filter(e=>n.wr(e)),ee=P.filter(e=>!r.includes(e.id)),F=N.find(e=>!n.wr(e));return(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[O.length>0&&(0,R.jsx)(`div`,{className:`flex flex-col rounded-2xl border border-[var(--panel-border)]/60 px-2 py-1.5`,role:`group`,"aria-label":`Payments on this page`,children:O.map(e=>(0,R.jsx)(Je,{product:e,on:r.includes(e.id),onClick:()=>l(e)},e.id))}),(a.length>0||r.length>0)&&(0,R.jsx)(Ke,{}),a.map((e,t)=>(0,R.jsx)(Ye,{payment:e,label:a.length>1?`Dynamic payment ${t+1}`:`Dynamic payment`,onChange:(t,n)=>d(a.map(n=>n.id===e.id?t:n),n),onRemove:()=>d(a.filter(t=>t.id!==e.id),!0),onBlur:f},e.id)),g?(0,R.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-2xl border border-[var(--panel-border)]/60 px-4 py-3.5`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,R.jsx)(`span`,{className:`text-[11px] font-bold uppercase tracking-widest text-foreground/40`,children:`A new payment`}),(0,R.jsx)(n.o,{icon:v.t,compact:!0,title:`Cancel adding a payment`,onClick:k,children:`Cancel`})]}),(0,R.jsx)(n.g,{label:`What kind of payment?`,value:y,onChange:A,options:qe,placeholder:`Choose one`}),y===`once`&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(n.i,{label:`What are you selling?`,hint:`Each thing with its price — just the number: 25 charges 25 in your Stripe account's currency. It goes on your Payments screen too.`,children:(0,R.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[S.map((e,t)=>(0,R.jsx)(Ge,{item:e,index:t,onChange:e=>C(S.map((n,r)=>r===t?e:n)),onRemove:()=>C(S.filter((e,n)=>n!==t)),removable:S.length>1},t)),(0,R.jsx)(n.o,{icon:x.t,className:`self-start`,onClick:()=>C([...S,n.or()]),children:`Add another`})]})}),(0,R.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[E?(0,R.jsx)(`span`,{className:`text-[11.5px] font-semibold text-red-500`,children:E}):(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:j}),(0,R.jsx)(n.o,{icon:n.At,busy:w,disabled:!!j,onClick:M,children:`Create`})]})]}),y===`subscription`&&(ee.length>0?(0,R.jsx)(n.i,{label:`Which subscription?`,hint:`Pick one you have — or make another on the Payments screen.`,children:(0,R.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,R.jsx)(`div`,{className:`flex flex-col rounded-2xl border border-[var(--panel-border)]/60 px-2 py-1.5`,children:ee.map(e=>(0,R.jsx)(Je,{product:e,on:!1,onClick:()=>{l(e),k()}},e.id))}),(0,R.jsx)(n.o,{icon:s.t,className:`self-start`,onClick:()=>h(n.hr(e)),children:`Create a new subscription`})]})}):(0,R.jsxs)(`div`,{className:`flex flex-col gap-2 px-1`,children:[(0,R.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:P.length?`Every subscription you have is already on this page.`:F?`${n.xr(F)===`this product`?`Your subscription`:n.xr(F)} is not finished yet.`:`You have no subscriptions yet.`}),F&&!P.length?(0,R.jsx)(n.o,{icon:s.t,className:`self-start`,onClick:()=>h(n.ur(F.id,e)),children:`Finish it first`}):(0,R.jsx)(n.o,{icon:s.t,className:`self-start`,onClick:()=>h(n.hr(e)),children:P.length?`Create another subscription`:`Create a subscription first`})]}))]}):(0,R.jsx)(n.o,{icon:x.t,className:`self-start`,onClick:()=>_(!0),children:`Add a payment`}),r.length>0&&(0,R.jsx)(n.y,{label:`How will paying work here?`,hint:`Where the buttons sit, what surrounds them, and what happens after they pay.`,value:o,onChange:p,onBlur:m,placeholder:c})]})}var Ze=`Whatever look I have chosen — bold or soft, playful or luxurious — make it modern and minimal, with room to breathe: generous space around and between everything, nothing crowded, squeezed together or packed edge to edge, so the screen always feels calm and uncluttered. Icons are rare: never one on every heading, button, card or list item. And bring it to life with smooth animation that suits my app, everywhere — the app’s own ready-made animations wherever it has one, never one written by hand in its place: sections and items ease in as they come into view, one after another; buttons, cards and links respond softly to hover and press; and anything that opens, closes, changes step or updates glides rather than jumps. Keep every animation quick, gentle and subtle — never bouncy, never slow, never in the way of using the page — and keep it still for anybody whose device asks for less motion.`,Qe=`Never leave an empty spot or a bare, bland section because I have not given you something yet. Where a section needs a picture I have not given you — or more pictures than I gave — draw a clean, neutral placeholder there: a soft tint of my theme in the shape the design wants there, with a simple line drawing of what belongs there in my theme’s own colours, drawn in the code itself, so the section already looks designed. And never one of my pictures a second time to fill it: each picture I gave you is drawn ONCE, in its own spot, and every other spot that wants a picture — a band, a background, a second hero — gets a placeholder, unless my words name the picture that goes there. Keep each placeholder one plain frame with only the drawing inside it — any words about it go under the frame, never inside. When I give you a picture for a placeholder, it takes that placeholder’s whole frame — same place, same size, same shape — and fills it corner to corner: the tint, the drawing and any padding inside the frame go, and the picture is never a smaller one sitting in the middle of it. The section never changes shape to suit the picture. A placeholder has no words on it, is never a photo from the internet and never a grey box with a picture icon in the middle, and it only ever stands in for a picture: products, prices, names and claims still come only from me.`,$e=`Make it effortless to use — simple, obvious and visual, step by step, with nothing asked or done twice. Count the presses it takes to do what this page is for, and take out every one that is not needed. Never ask for what the app already knows or what was given a moment ago: nobody is asked for a name or an email the app already has, what was chosen or typed on one step is carried to the next, pressing a thing opens it with THAT thing already chosen, and an only choice is already made. One press where one will do: a list narrows as I pick and type with no “Apply” button, nothing needs a “Refresh”, only a delete asks “Are you sure?”, no message waits for an “OK”, and adding several things in a row never means opening the same window again each time. Where the choices are a known few, show every one to press — pills, swatches, cards with their picture, the chosen one plainly marked — never a box to type the answer into and never a dropdown for three choices. If there is a lot to give, take me through it in short steps in the order I would think of it, with everything shown back to me before the last button; a few boxes are one simple view, never a step for every box. The main button says exactly what it does (“Add product”, never “Submit” or “OK”), a button I cannot press yet says why, an empty list carries the button that adds the first thing, and when I finish I land where the result is, looking at it. And show rather than explain: a thing is its picture and its name, a state is a small label I can see without opening anything, progress is a bar — never a paragraph of instructions.`,Z=`Make it feel alive while somebody is using it. Anything that is loading or saving says so, everywhere on the page: every list, number, card and box that reads something shows a loading state until what it reads has actually arrived — never the empty line first, which tells people there is nothing there when there is — and a button that saves goes to a working state, disabled while it runs so nobody can press it twice, then back. When something has saved, say so briefly and empty the boxes it came from, so the next one starts blank and nothing is sent twice. And never make me type anything twice: a change to something that is already there saves itself as I make it, with no Save button to hunt for, and anything I am half-way through is kept — the whole half-finished thing, every box I filled in and every picture I already added, not the last one — so clicking away and back keeps it, and RELOADING THE PAGE keeps it too. A product I was half-way through adding when the page reloaded is still there, filled in as I left it, until I send it or clear it myself. But a form I have not touched is not half-finished work: keep nothing until I have really typed something, never tell me I have an unfinished draft when I have typed nothing, and when I discard one it is gone for good — never offered back to me the next time I open the page. And if it takes me through steps, the web address says which thing I am working on and which step I am on (?product=k3f9&step=3, a question on the page’s own address and never a new address), so reloading, going back or sending somebody the link opens that same step with everything still in it. That saving happens quietly in the background and never freezes anything: the page never locks up, greys out or waits for it, nothing turns into a spinner while it saves, the box I am typing in is never disabled and never loses a letter, and a small “Saving…” that becomes “Saved” beside it is the only sign. And never write over what I have already put in: do not fill anything in with a zero or a blank of your own until you have read what is already saved, or every time I open the page you wipe the numbers I set the last time I was here. And never tell me something saved unless it really did — if the save did not go through, say so and leave what I typed on the screen.`,et=`And finish it the way a professional would, without my having to ask. Anything that opens over the page — a product’s details, a basket, a step — is the app’s own pop-up, so it closes when somebody clicks outside it, presses Escape or taps its ✕, the page behind it holds still, and it fits a phone. Everything somebody presses answers at once, right where they are looking: the app’s own brief confirmation (“Added to your bag”), the button itself saying so for a moment, and any number the press changed — how many are in the bag — kept somewhere that is always on screen; what a press did is never something they have to go and find. Loading is the app’s own loader, or soft blocks in the shape of what is coming — never a spinning character. One main button in each view and never two that do the same thing; whatever can be pressed is a real button, big enough for a thumb; no words smaller than small print. And an icon is a real icon — never an emoji, never a character like ✕, ✓ or →.`,tt=`And the hard parts are the app’s own pieces, never built by hand — each ONLY if what I asked for has it: if things are dragged between stages or into an order, it has to work under a finger on a phone, not only a mouse; if a list has columns — orders, clients, invoices — a phone shows each one as a readable block, never a table to scroll sideways; if something is done in steps, a line across the top shows where I am and a reload keeps my place; if a picture opens large, the rest of its set is a swipe away; if long writing is shown, it reads as an article, with its paragraphs kept; and every price is written by the app’s own money formatter, never a “$” typed in front of a number.`,nt=`Do not add a board, a table or a gallery to a page I did not ask it for.`,rt=`If this page keeps many things — orders, requests, clients — show them the way a professional tool does, so a dozen can be seen at once without my asking for it: each one a compact card or a single row saying only what tells it apart — its number or name, who it is for, its stage as a small label, when, how much, who has it — and pressing one opens the whole of it in the app’s own pop-up, where everything done to it is: its stage, its notes, handing it over. Where things move through stages, the people who work on them see a board of those stages; somebody who only follows their own sees theirs as a short list. Never every one drawn open, one big box under another. Inside the opened one, keep it tidy and even: the pop-up is its one frame, so its parts are set apart by space or a thin rule and never each in a bordered box of its own, nothing boxed inside a box; a clear grid, each label in small print above its value at the page’s ordinary size, one spacing throughout, boxes and buttons that sit side by side the same height, and what can be done to it — its stage, who holds it, a note — together in one place at the end rather than scattered through it; nothing on it pulses, and every word on it is mine or the entry’s, never a made-up place, carrier or name standing in for one that is missing. Do not add a gallery to a page I did not ask it for.`,it=e=>e?`${et} Open the page with its name as its heading — a page of my website gets no title from the app, so without yours nothing says what page this is. Size that heading to suit the page, never as big as it will go: on a page that is about its things — a shop, a list, a gallery — it is a calm one and the things are the show, and only a page that opens on a big picture or a band of colour carries a very large one. And give it room to breathe: clear space between the menu and the heading, at least as much as the heading is tall — never pressed up under the bar. And size a set of things for the screen it is on: two across on a phone, three or four across on a wide screen, each card small — its picture, its name, its price and at most one more line, plus the swatches or names that switch a thing that comes in colours or sizes, the rest in its pop-up — never one giant card to a row. ${tt} ${nt}`:`${et} Write no title of your own at the top — the app already draws this screen’s name. ${tt} ${rt}`,at=`This is a change to a page that is already built — not a rebuild of the page. What I ask for below is YOURS to change, as far as my words reach: if I ask for something to be redesigned, made nicer, moved or laid out differently, do it properly — its layout, its spacing, its sizes, its wording, its motion and the way the pictures in it sit are all yours there, and you are never limited to the smallest edit that would answer me. The limit is WHICH parts of the page you touch, never how much you may change them. So everything I have NOT mentioned comes back exactly as it went in: every other section, its layout and spacing, the size of its headings, its words, its animations and its pictures. Every picture already on the page is mine — never drop one, never swap one for a placeholder or a picture of your own, and keep its link exactly as it is; one inside the part I am changing may move or be resized with it, and every other one stays where it is. Do not rewrite, re-order or tidy up anything I did not mention, and hand the file back whole, never a shortened copy with parts left out.`,ot=`One last time, because it is what goes wrong most: that is the whole change — all of it, taken as far as my words reach, and nothing outside them. Everything else in the file comes back exactly as it went in — every other section, its words, every picture with its link, the same order, the same sizes, the same styling and spacing. Nothing else rewritten, nothing re-ordered, nothing removed to make room for what is new, nothing tidied up along the way. If something else looks wrong to you, leave it as it is and tell me about it in a line at the end instead of changing it. And what you add still follows every rule of my app, as the first build did: wherever the app has its own piece for the job, use it — never one you made yourself in its place.`,st=`A small change follows every rule of my app just as the first build did. If it asks somebody for an address or a phone number, that is the app’s own box for it — the address box that looks addresses up, the phone box with the country code, and on a form the form’s own address or phone question — never a plain box of your own; and any address, phone number or email shown on the page is mine, never one you made up.`,ct=`If it opens anything over the page, that is the app’s own pop-up — it closes on a click outside it, on Escape and on its ✕ — never a layer of your own; if it adds a button, pressing it answers at once where the person is looking, with the app’s own brief confirmation and never a message of your own that can end up hidden; and any icon is a real icon, never an emoji. If it adds dragging, a list with columns, steps or a price, that is the app’s own piece for it — dragging that works under a finger, a list a phone can read without scrolling sideways, the step kept in the web address, the app’s own money formatter — never one built by hand. If it is about how a list of many things is shown, each is a compact card or row that opens whole in the app’s own pop-up, with a board of the stages where they move through stages — never every one drawn open, one under another.`,lt=`A section I ask for arrives with my own word for it as its heading — “Collection section — …” or “add a collection section” is a section headed Collection, in the style of the page’s other headings. That word is mine: not an invention of yours, and not an extra nobody asked for. And design it the way the rest of the page was designed — its own shape, its own rhythm, real space round it, and motion like everything else. If it is a set of my pictures, arrange them: vary how much room each one takes, let one carry the weight, break or offset the row, and let a picture somebody can press answer the pointer — never three equal tiles side by side. Each picture still keeps its own shape and fills its own frame.`,ut=lt,dt=`Anything new you draw for this change should look as if it was always part of the page: my theme’s own styles, never colours of your own; the app’s own Button and SectionHeading, and — only if the change needs a dropdown — its CustomSelect, never the browser’s <select>; nothing I did not ask for — no extra section, icon, line, frame or box; real and working, with nothing invented and nothing shown twice to fill space; as easy to use as the rest — never asking for anything the app already knows or that was given a moment ago, one press where one will do, and a button that says exactly what it does; saying so while it loads or saves — a loading state on anything it reads, an edit to something already there saving itself quietly in the background, never freezing the page or the box being typed in, and anything half-finished kept through a reload; and with the same room to breathe and the same smooth, subtle animation as the rest of the page. ${lt} ${ct} ${st}`,ft=e=>e?`${dt} A new section keeps the side padding the others have (px-4 md:px-8 at the least), and where it needs a picture I have not given you, draw a clean placeholder in my theme’s colours rather than leaving it bare.`:`${dt} It stays inside the main container the page already has, within the menu’s width.`,pt=`If a picture above is for a placeholder that is on the page now, it takes that placeholder’s WHOLE frame — same place, same size, same shape — and fills it corner to corner, cropped at the edges where it must be. The placeholder’s tint, drawing, grid and inner padding all go, so nothing shows between the picture and the edge of the frame; any words that sat inside the frame go right under it. Never a smaller picture sitting in the middle of the frame, never fit="contain" for a photo, and the section never changes shape to suit the picture. The one exception is a tile in a gallery, a portfolio or a grid of products: there the tile takes its own picture’s shape — the two numbers in its brackets as width and height on <Picture> — so the whole picture fills it with nothing cut off.`,mt=/\b(?:basket|cart|checkout|check[- ]out page|thank[- ]you page|confirmation page|(?:new|another|separate|second|extra|more|own|each|every)\s+pages?|pages?\s+(?:of (?:its|their) own|for each|each))\b/i,ht=e=>mt.test(String(e||``)),gt=e=>/\bhero\b|\bbanner\b|first screen/i.test(String(e||``)),_t={inbox:`admin`,users:`admin`,signin:`admin`,pages:`admin`,schedule:`internal`,mybookings:``,billing:``,payments:`admin`,transactions:`admin`,email:`admin`,ai:`admin`,forms:`admin`,theme:`admin`,assets:`admin`,publish:`admin`},vt=(e,t)=>{let r=_t[e];return r?r===`internal`?`${n.qr(`internal`,t)} + ${n.qr(`admin`,t)}`:n.qr(r,t):e===`mybookings`?`Anyone who has booked`:e===`billing`?`Anyone who has bought`:``},yt=`Who can see this tab`,bt=`Needs the rules pasted from /setup at 1.14.49 or later.`,xt=`Your team and roles of your own only — never everybody who signs up.`,St={inbox:`They read every message that comes in. Archiving and deleting stay with your admins.`,users:`They see everybody who signed up and what they answered. Changing a role, switching somebody off and deleting stay with your admins.`,transactions:`They see every payment and what the buyer told you. Deleting one stays with your admins.`},Ct=(e,t)=>k.s(t)?`${St[e]} ${bt}`:`Admins always see it. ${xt}`,wt=e=>[...[`internal`,`admin`].map(t=>({value:t,label:n.qr(t,e)})),...e.map(e=>({value:e.id,label:e.name}))],Tt=(e,t)=>{let r=e.filter(e=>e!==`admin`&&e!==`user`).map(e=>e===`internal`?`my team`:`everyone marked ${n.qr(e,t)}`);return r.length>1?`${r.slice(0,-1).join(`, `)} and ${r[r.length-1]}`:r[0]||``},Et={inbox:`A count at the top of how many entries came in this week, and from which form.`,users:`A line at the top saying how many people signed up this month.`,schedule:`A note for the team at the top: we close at 3pm on Fridays in August.`,mybookings:`Our cancellation policy at the top: cancel up to a day before at no charge.`,assets:`A note at the top: logos go here, and every file is named after its client.`},Dt=`Make it one line instead of three, and link it to the contact page.`,Ot={inbox:`which only my admins open`,users:`which only my admins open`,schedule:`which my whole team opens`,mybookings:`where each signed-in person sees the meetings they have booked`,assets:`which only my admins open`},kt={inbox:`An admin reads every collection in the app, so your file may read whatever it needs — but never write to user_submissions, user_requests or user_profiles from it, and never change how the tab itself lists, archives or deletes an entry: that part is the app’s.`,users:`An admin reads every collection in the app, so your file may read whatever it needs — but never write to user_profiles from it: a person’s role and whether they are switched off are set by the tab itself, and only there.`,schedule:`The team reads mem_ collections, but hours and bookings come only from the package: useTeamHours() for the week each person keeps, useBookings() for what is booked, and never mem_bookings, pub_bookings, sys_schedules or sys_bookingpages read or written by hand.`,mybookings:`Every signed-in person opens this tab, and the pasted rules let such a person read only pub_ collections and their own user_ records — nothing in mem_, admin_, user_profiles or another person’s records. A file that reads any of those shows every member a permission error instead of what you wrote, and a permission error is never an empty list. The meetings the tab already lists are theirs; your file draws above them and reads only what a member may read.`,assets:`An admin reads every collection in the app, so your file may read whatever it needs — but files are put up and removed by the tab itself: never write to pub_files or upload from your file.`},At=e=>k.s(e)?[...e.filter(e=>e!==`admin`),`admin`]:[],jt=(e,t)=>{let r=n.qr(e,t);return e===`admin`&&r===n.Vr.admin?`You and your admins`:r},Mt={internal:`See the count of what came in this week, and nothing about who sent it.`,admin:`Everything you add — and only we see the breakdown by form.`,role:`See only the note at the top about how fast we answer.`},Q=e=>Mt[a.Dn(e)?`role`:e===`admin`?`admin`:`internal`],Nt=(e,t)=>{let n={};for(let r of At(t)){let t=String(e?.canDo?.[r]??``).trim();t&&(n[r]=t)}return n},Pt=(e,t)=>{let r=n.qr(e,t);return e===`internal`?r===n.Vr.internal?`My team`:r:e===`admin`?r===n.Vr.admin?`Me and my admins`:r:`The people I have marked ${r}`},Ft=(e,t,n)=>{let r=t?Nt(e,t):{},i=Object.keys(r);return i.length?[`What each of them gets in what you add, in my own words — draw each group exactly what its line gives it and nothing its line leaves out, telling them apart with userRole from useAuth(). This is about YOUR file only: what the tab itself lets anybody do is the app’s, and nothing here lets your file write anything:`,...i.map(e=>`${Pt(e,n)}: ${r[e]}`)]:[]},It=e=>e in F.t,Lt=e=>F.t[e].split(`_`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)+`Content`,Rt=`Make it match the rest of my app: style with the app’s own theme styles so it looks right in light and dark, and do not pick your own colors. Build it from the app’s own pieces — import { SectionHeading, Card, Button } from 'your-ai-workflow-firebase-os'. Put it in a main container of its own like the ones on my other tabs (glass-panel border border-[var(--panel-border)] rounded-3xl) and design freely inside it — what it holds is yours, having one is what makes it look like part of my app rather than words lying on the background. Do not add a dropdown, a filter, a picker or a switch I did not ask for, and keep everything readable: nothing light on light or dark on dark.`,zt=`Anything I have not decided — the words, the layout, what goes in a box — decide yourself and build it finished; do not stop to ask me.`,Bt={inbox:`the Inbox’s own two collections, user_submissions and user_requests`,users:`user_profiles`},Vt={inbox:`Never write to user_submissions, user_requests or user_profiles from it, and never change how the tab itself lists, archives or deletes an entry: that part is the app’s.`,users:`Never write to user_profiles from it: a person’s role and whether they are switched off are set by the tab itself, and only there.`},Ht=(e,t,n)=>k.r(e)&&t&&k.s(t)?`which my admins open, and ${Tt(t,n)} too — they only read it`:Ot[e],Ut=(e,t,n)=>k.r(e)&&t&&k.s(t)&&Bt[e]?`My admins read every collection in the app, but ${Tt(t,n)} open this tab too, and the pasted rules let them read only ${Bt[e]}, pub_ collections and their own user_ records — so your file reads only those. Anything more shows them a permission error instead of what you wrote, and a permission error is never an empty list. ${Vt[e]}`:kt[e],Wt=(e,t,n,i)=>{let a=r.n[e],o=Lt(e),s=`src/your-ai-workflow-firebase-os/microcomponents/${o}.tsx`,c=`import ${o} from './${o}'; and registerMicrocomponent('${F.t[e]}', ${o});`,l=String(t?.words||``).trim(),u=!!t?.sent;return[`My app already has the ${a.label} tab at ${a.path}, ${Ht(e,n,i)} — it comes with the app. Do not create a page, a web address or a settings file, do not touch src/App.tsx, and do not edit any other file except what this request asks for by name below.`,u?`What is added to that tab is one file: ${s}. Change that file. If it is not there, write it with a default export and add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: ${c} — never remove another page's lines from that file.`:`Add to it by writing one file: ${s}, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts so the app loads your file: ${c} — registerMicrocomponent is imported there from 'your-ai-workflow-firebase-os'. Never remove another page's lines from that file.`,u?`The app draws that file on the ${a.label} tab under its heading and its menu, above everything the tab already shows — all of which is the app's and stays exactly as it is.`:`The app draws that file on the ${a.label} tab under its heading and its menu, above everything the tab already shows. The heading, the menu and what the tab already shows are the app's and stay exactly as they are — do not rebuild, repeat or restyle any of them, and write no page heading, menu or page wrapper of your own. Keep everything inside the menu's width and fill it: your container starts and ends exactly where the menu above it does, never a narrow strip down the middle, no max-w-* with mx-auto wrapped around it, nothing wider than the menu, nothing fixed to the screen.`,Ut(e,n,i),...Ft(t,k.r(e)?n:void 0,i),...u?[at,ft(!1)]:[Rt,$e,Z,Ze,it(!1),zt],`Here is what I would like ${u?`changed`:`added`}: ${l||`___`}`,...u?[ot]:[]].join(`
-`)},Gt=`fbos_swr_tab_briefs`,Kt=()=>{try{let e=localStorage.getItem(Gt);return e?JSON.parse(e):{}}catch{return{}}};function qt({hiddenIds:e,onToggleHidden:i,order:a,onMove:s}){let[c,l]=(0,L.useState)(Kt),u=O.l(),{access:d,live:m}=r.a(),g=r.u(),[_,v]=(0,L.useState)(``),[y,x]=(0,L.useState)(null),[S,C]=(0,L.useState)({}),[w,T]=(0,L.useState)(null);(0,L.useEffect)(()=>(0,z.onSnapshot)((0,z.doc)(n.ui,`sys_configs`,`tab_briefs`),e=>{let t=e.exists()?e.data():{};l(t);try{localStorage.setItem(Gt,JSON.stringify(t))}catch{}},e=>{console.warn(`tab_briefs snapshot error:`,e)}),[]);let E=(0,L.useRef)(new Set);(0,L.useEffect)(()=>{if(m)for(let e of k.l(d))E.current.has(e)||(E.current.add(e),r.i(e,k.o(d,e)).catch(e=>console.warn(`tab_access could not be cleaned:`,e)))},[d,m]);let D=(e,t)=>{let r={...c[e],...t};l(t=>({...t,[e]:r})),(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,`tab_briefs`),{[e]:r},{merge:!0}).catch(e=>console.warn(`tab_briefs write failed:`,e))},A=(e,t)=>{let n=c[e];D(e,{words:t,sent:Date.now(),copied:{sent:n?.copied?n.copied.sent:n?.sent??0}}),T(t=>t===e?null:t)},j=e=>{c[e]?.copied&&(C(t=>({...t,[e]:``})),D(e,{words:``,copied:null})),T(e)},M=(e,t)=>{if(t===`admin`)return;let i=k.o(d,e),a=i.includes(t)?i.filter(e=>e!==t):[...i,t];x(null),r.i(e,a).catch(t=>x({id:e,words:n.ii(t,`That could not be saved. Try again.`)}))},N=(e,t)=>(0,R.jsx)(`div`,{className:t?`w-full min-w-0`:`shrink-0 min-w-0 max-w-[14rem]`,onClick:e=>e.stopPropagation(),children:(0,R.jsx)(n.Z,{multiple:!0,compact:!t,dense:!!t,portal:!0,direction:`auto`,className:`console-select`,label:t,ariaLabel:yt,values:k.o(d,e),options:wt(u),onChange:t=>M(e,t)})});return(0,R.jsx)(n.nt.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`flex flex-col relative`,children:(0,R.jsx)(n.m,{icon:ue,title:`System tabs`,description:`The tabs that come with the app — reorder or hide them, press an icon to change it, add to some, and pick who else sees Inbox, Users and Transactions.`,children:(0,R.jsx)(`div`,{className:`flex flex-col gap-4`,children:a.map((l,m)=>{let x=r.n[l],E=e.has(l),O=It(l),M=k.r(l),P=O||M,ee=P&&w===l,F=O&&c[l]?.copied||null,te=F?F.sent:c[l]?.sent,I=O&&!!te,ne=O&&!!c[l]?.sent&&(!ee||!!F),L=O?S[l]??c[l]?.words??``:``,z=O&&M?At(k.o(d,l)):[],ie=e=>S[`${l}:${e}`]??c[l]?.canDo?.[e]??``,ae=Object.fromEntries(z.map(e=>[e,ie(e)]));return(0,R.jsxs)(`div`,{id:`tab-${l}`,onClick:()=>{P&&T(ee?null:l)},className:`group flex flex-col p-3.5 sm:py-4 sm:px-5 glass-panel border transition-all rounded-2xl hover:shadow-sm ${P?`cursor-pointer hover:border-accent/40`:``} ${E?`opacity-60 bg-foreground/[0.01] border-[var(--panel-border)]/50`:`border-transparent hover:border-[var(--panel-border)]`}`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between w-full gap-2 sm:gap-3`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2.5 flex-1 min-w-0`,children:[(0,R.jsx)(t.l,{tone:`accent`,name:g[l],glyph:x.icon,label:`Change the icon for ${x.label}`,open:_===l,onClick:e=>{e.stopPropagation(),v(_===l?``:l)}}),(0,R.jsx)(`h3`,{className:`text-[14.5px] font-bold text-foreground tracking-tight truncate`,children:x.label}),!M&&(0,R.jsx)(`span`,{className:`max-sm:hidden text-[12px] font-medium text-foreground/45 truncate`,children:vt(l,u)})]}),(0,R.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2 shrink-0`,children:[(0,R.jsx)(n.d,{label:x.label,canUp:m>0,canDown:m<a.length-1,onMove:e=>s(l,e)}),M&&!ee&&(0,R.jsx)(`div`,{className:`max-sm:hidden min-w-0`,children:N(l)}),ne&&(0,R.jsx)(n.o,{icon:b.t,compact:!0,title:`Change the ${x.label} tab`,onClick:e=>{e.stopPropagation(),j(l)},children:`Edit`}),(0,R.jsx)(n.C,{to:x.path,title:`View the ${x.label} tab`,children:`View tab`}),(0,R.jsx)(n.o,{icon:E?p.t:f.t,compact:!0,title:E?`Show this tab`:`Hide this tab`,onClick:e=>{e.stopPropagation(),i(l)},children:E?`Show`:`Hide`}),P?(0,R.jsx)(`div`,{className:`p-1.5 transition-transform duration-300 text-foreground/40 shrink-0 ${ee?`rotate-180`:``}`,children:(0,R.jsx)(o.t,{className:`w-3.5 h-3.5`})}):(0,R.jsx)(`div`,{className:`w-[24px] shrink-0`})]})]}),_===l&&(0,R.jsx)(`div`,{className:`mt-3`,onClick:e=>e.stopPropagation(),children:(0,R.jsx)(t.s,{label:`${x.label} is drawn as`,hint:`Type a word — anything close comes up. It changes in the dashboard menu at once.`,value:g[l],onPick:e=>{v(``),r.l(l,e).catch(e=>console.warn(`tab_icons write failed:`,e))},resetLabel:g[l]?`Use the icon it came with`:void 0,resetTitle:`Go back to the icon ${x.label} came with`,onReset:g[l]?()=>{v(``),r.l(l,``).catch(e=>console.warn(`tab_icons write failed:`,e))}:void 0})}),(0,R.jsx)(n.rt,{children:ee&&(0,R.jsxs)(n.nt.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:n.w,className:`overflow-hidden mt-4 pt-4 border-t border-[var(--panel-border)]/50 pb-1 flex flex-col gap-4`,onClick:e=>e.stopPropagation(),children:[M&&(0,R.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[N(l,`Who can see this tab`),(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1 ${k.s(k.o(d,l))?``:`max-sm:hidden`}`,children:Ct(l,k.o(d,l))}),y?.id===l&&(0,R.jsx)(h.t,{tone:`error`,children:y.words})]}),z.length>0&&(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,R.jsxs)(`div`,{className:`flex flex-col gap-0.5 ml-1`,children:[(0,R.jsx)(`span`,{className:`text-[13px] font-bold text-foreground tracking-tight`,children:`Who can do what`}),(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug max-sm:hidden`,children:`Optional — what each of them gets in what you add below. The tab itself is the same for everybody: they read it, your admins change it.`})]}),z.map(e=>(0,R.jsx)(n.y,{label:jt(e,u),value:ie(e),placeholder:Q(e),onChange:t=>C(n=>({...n,[`${l}:${e}`]:t})),onBlur:()=>{ie(e)!==(c[l]?.canDo?.[e]??``)&&D(l,{canDo:{...c[l]?.canDo||{},[e]:ie(e)}})}},e))]}),O&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(re.Link,{to:x.path,className:`w-fit text-[12px] font-medium text-foreground/45 underline decoration-foreground/20 underline-offset-2 hover:text-accent hover:decoration-accent transition-colors`,title:`Open this tab`,children:x.path}),(0,R.jsx)(n.y,{label:I?`What would you like changed on this tab?`:`What would you like to add to this tab?`,value:L,placeholder:I?Dt:Et[l],onChange:e=>C(t=>({...t,[l]:e})),onBlur:()=>{L!==(c[l]?.words??``)&&D(l,{words:L})}}),(0,R.jsx)(t.o,{compact:!0,title:I?`Change what is on the ${x.label} tab`:`Add to the ${x.label} tab`,description:F?`Copied — paste it into your assistant’s chat. Press Edit to change the tab after that.`:void 0,prompt:Wt(l,{...c[l],sent:te,words:L,canDo:ae},M?k.o(d,l):void 0,u),locked:!L.trim(),onCopied:()=>A(l,L)})]})]})})]},l)})})})})}var Jt=new Set(`login.register.reset-password.verify.confirm-email.two-step.your-details.payment-complete.payment-cancelled.guide.templates.drive.users.sign-in.inbox.payments.transactions.schedule.my-calendar.my-bookings.email.submissions.requests.calendar.bookings.book.booking.assets.theme.pages.forms.settings.profile.billing.dashboard.setup.publish`.split(`.`)),Yt=e=>Jt.has(String(e||``).replace(/^\/+/,``).split(`/`)[0].toLowerCase()),Xt=new Set([`calendar`,`bookings`,`book`,`booking`]),Zt=e=>{let t=String(e||``).replace(/^\/+/,``),n=t.split(`/`)[0].toLowerCase();return Xt.has(n)?`The app keeps /${t} for a screen coming in a later version.`:Yt(t)?`The app already uses /${t} for a screen of its own.`:`Another page already lives at /${t}.`},Qt=`fbos_pages_held_saves`,$t=()=>{try{let e=localStorage.getItem(Qt),t=e?JSON.parse(e):{};return t&&typeof t==`object`?t:{}}catch{return{}}},en=e=>{try{Object.keys(e).length?localStorage.setItem(Qt,JSON.stringify(e)):localStorage.removeItem(Qt)}catch{}},tn=0;function nn(e,t){let n=`${Date.now()}-${++tn}`,r=$t();return r[e]={token:n,at:Date.now(),val:t},en(r),n}function rn(e,t){let n=$t();n[e]?.token===t&&(delete n[e],en(n))}function an(e,t){return $t()[e]?.token===t}function on(e){let t=$t();e in t&&(delete t[e],en(t))}function sn(e=Date.now()){let t=$t(),n={},r=!1;for(let[i,a]of Object.entries(t)){if(!a||typeof a.val!=`object`||!a.val||!(e-a.at<=2592e5)){delete t[i],r=!0;continue}n[i]=a.val}return r&&en(t),n}var cn=e=>`system:${e}`,ln=[`pub_files/pages`,`pub_form_uploads/pages`],un=e=>String(e??``).toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_+|_+$/g,``);function dn(e,t,n=``){let r=[e?.recordsKey,e?.tabName,e?.pageName,e?.title,e?.pageId,e?.contentKey,n,String(e?.route??``).replace(/^\/+/,``),t];return[...new Set(r.map(un).filter(Boolean))]}function fn(e,t){if(e===`public`)return[`pub_`];let n=a.Rn(t);return[a.mn.admin,a.mn.internal,a.mn.user,a.pn,...n?[`role_${n}_`]:[]]}function pn(e,t){let n=new Set(t.flatMap(e=>dn(e.config,e.id,e.fileId))),r=dn(e.config,e.id,e.fileId).filter(e=>!n.has(e)),i=[];for(let t of fn(e.type,e.config)){let e=`${t}files`;for(let n of r)i.push({collection:`${t}${n}_records`,folders:[e,...ln],assets:t===`case_`?``:e}),t===`case_`&&i.push({collection:`${t}${n}_entries`,folders:[e,...ln],assets:``})}return i}var mn=e=>[...new Set([e.id,e.fileId,String(e.config?.contentKey||``).trim()].filter(Boolean))],hn=(e,t)=>t.includes(String(e??``).trim()),gn=(e,t)=>[...e.map(e=>({path:a.U(e.id),id:e.id,kind:`link`,title:a.Vt(e)})),...t.map(e=>({path:M.l(e.id),id:e.id,kind:`page`,title:M.s(e)}))],_n=[],vn=e=>{_n=e},yn=()=>_n,bn=e=>(Array.isArray(e?.bookingLinks)?e.bookingLinks:[]).filter(e=>typeof e==`string`).map(e=>e.trim()).filter(Boolean),xn=e=>String(e?.bookingLinksNote||``).trim(),Sn=(e,t=yn())=>bn(e).map(e=>t.find(t=>t.path===e)).filter(e=>!!e),Cn=`Never build a calendar, a time picker, a list of free times, a booking form or a schedule question because of one of those links, and never make a bookings collection of your own — the page each one opens already does all of that, inside my app. What the link says and where it sits on the page are yours to decide from my words. If my words ask for it to open in a pop-up, a panel or a window of its own rather than as a page, show that same address inside an overlay on this page — an <iframe> of it filling a dialog, with a close button — and still build no part of the booking yourself.`;function wn(e,t=yn(),n){let r=Sn(e,t).filter(e=>!n||n.includes(e.path));if(!r.length)return[];let i=r.map(e=>e.kind===`link`?`Put a link on this page to ${e.title} — my app's own booking page for that meeting, at ${e.path}. Link to that exact address with bookingPath('${e.id}') from 'your-ai-workflow-firebase-os'; it opens the booking page my app already has and the visitor books there.`:`Put a link on this page to ${e.title} — the booking page I made on my Schedule screen, at ${e.path}, which offers every meeting on it. Link to that exact address with meetPath('${e.id}') from 'your-ai-workflow-firebase-os'; it opens the page my app already has and the visitor books there.`);i.push(Cn);let a=xn(e);return a&&i.push(`Here is where those links should sit on this page and how they should open: ${a}`),i}var Tn=(e,t=yn())=>{let n=t.find(t=>t.path===e);return`This page no longer links to ${n?n.title:`the booking page`} at ${e} — take that link off the page, and leave the booking page itself as it is.`},En=e=>(e||``).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(``),Dn=`loading`,On=e=>{Dn=e},kn=()=>Dn,An=()=>Dn===`ready`||Dn===`practice`,jn=`loading`,Mn=e=>{jn=e},Nn=()=>jn,Pn=()=>jn===`ready`,Fn=[{id:`home`,title:`Home`,path:`/`,type:`public`,isSystem:!0,enabled:!0},{id:`contact`,title:`Contact`,path:`/contact`,type:`public`,isSystem:!0,enabled:!0},{id:`dashboard`,title:`Dashboard`,path:`/dashboard`,type:`user`,isSystem:!0,enabled:!0},{id:`support`,title:`Support`,path:`/support`,type:`user`,isSystem:!0,enabled:!0},{id:`profile`,title:`Profile`,path:`/profile`,type:`user`,isSystem:!0,enabled:!0}],In=new Set([`home`,`dashboard`,`profile`]),Ln=e=>[...e.filter(e=>!e.isSystem||Fn.some(t=>t.id===e.id)),...Fn.filter(t=>!e.some(e=>e.id===t.id))],Rn=(e,t)=>e===`public`?`Anyone`:n.qr(e,t);n.Vr.user,n.Vr.internal,n.Vr.admin;var zn={public:`Website Pages`,tabs:`Tabs`},Bn=e=>[`user`,`internal`,`admin`].map(t=>({value:t,label:Rn(t,e)})),Vn=e=>a.Gn(e).map(e=>`${n.qr(e)} is \`${e}\``).join(`, `),Hn=(e,t)=>{let n=j.n(e);return[`Every entry on this page is SENT to people, and only they see it. Its records go in collections whose names begin ${t} — ${`${j.t(e,t)}, ${t}${n}_notes`}, whatever this page needs — and every record there carries two lists of its own: access, who may see it, and editors, who may change it, delete it or send it on. My security rules read both on every single request, so an entry really is invisible to anybody not on its list — not hidden from them, invisible.`,`A name on a list is built for me: forPerson(uid) for one person, forRole('${a.Gn(e).filter(a.Dn)[0]||`internal`}') for everybody marked with a role, both imported from 'your-ai-workflow-firebase-os'. Use them and never write a key by hand. The roles on this page, by the id each one is: ${Vn(e)}.`,`Read them with const { loading, records, error } = useCases('${j.t(e,t)}') from the same package — the entries are records, under that name and no other, so a list read under any other name is empty for ever — which hands each person exactly the entries sent to them, live — a plain query on one of these collections is refused for everybody but my admins, so never call getDocs or onSnapshot on one. The person who adds an entry is always on both of its lists. Who ELSE it goes to, at once or when somebody presses a button, comes from my words: "send it to X" is sendTo(collection, id, { roles: ['x'] }), ASSIGNING it to one person — who holds it, who works on it — is my app's own <HandOver entry={entry} collection={…} /> and never a picker of yours, letting one more person SEE it is sendTo(collection, id, { people: [uid] }) with the person picked from usePeople('x'), and "they can see it but not change it" is sendTo(..., { canEdit: false }). Taking it back is takeBack(collection, id, ...). Never a second copy of a record kept somewhere else.`,...j.s(String(e?.template??``))?[]:[`Changing an entry — its stage, its notes, who holds it — is actions.updateRecord(id, change): my app hands your content file actions bound to that same ${j.t(e,t)}. actions.records is the very list useCases gives you, await actions.saveRecord(record) adds an entry with its author on both lists and answers its id, actions.deleteRecord(id) deletes one and its files, and updateRecord also writes who made the change and when, so the entry can say so. Never updateDoc, setDoc or deleteDoc an entry by hand; sendTo and takeBack are the only other things that touch one.`],`What one group must never see is never a field on a record they can read — whoever may read a record reads every field of it — so it is its OWN record, with its own two lists. Two people who may both change one entry cannot be told apart by my rules: give them different buttons where my words give them different jobs, and say so rather than pretending it is a wall. Files uploaded through the app’s upload box follow the record they are saved on, so whoever may open the entry may open its files and nobody else can.`,`Everything somebody ADDS to an entry — a note, a tick, a file put up through the app’s upload box — is a change to that entry, so it only works for somebody on its editors list: my rules refuse the write and refuse the upload for anybody who is only on access, and a page that draws an upload box for them shows an error every time. So where my words say a group both looks at an entry and puts something on it, they go on as editors (sendTo with canEdit left alone) and the buttons they must not have are simply not drawn for them. canEdit: false is for somebody who only ever reads. If what they add must be theirs alone rather than a change to somebody else’s entry, it is an entry of its own, added by them, with its own two lists.`]},Un=(e,t)=>{let n=j.t(e,t),r=a.Gn(e).filter(e=>e===`internal`||a.Dn(e)),i=a.Gn(e).filter(a.Dn)[0]||`internal`;return[`What somebody makes on this page is THEIRS, and they publish it when they are ready. Its records go in collections whose names begin ${t} — ${n}, whatever this page needs — and every record there carries two lists of its own: access, who may see it, and editors, who may change it or delete it. My security rules read both on every single request, so a thing nobody has published yet is invisible to everybody but the person who made it — not hidden from them, invisible.`,`Publishing it is one call: publish('${n}', id), and unpublish('${n}', id) takes it back down again — both imported from 'your-ai-workflow-firebase-os', and isPublished(record) is how you know which it is. Nothing moves and nothing is copied: it is the same record with the same id, which is why an edit after it goes out is just an edit and taking it down leaves no copy behind. Never write the word everyone into a list yourself, and never put it on editors — my rules refuse that outright, because on editors it would mean anybody signed in may rewrite or delete anybody's.`,`Published means everybody SIGNED IN — including people who cannot open this page. It never means the open internet: somebody with no account sees none of it. So do not build a pub_ copy of any of this, and do not say "public" anywhere a person can read it.`,`There are three reads and no others. What the person reading made themselves, drafts and published alike: const { loading, records, error } = useCases('${n}', { mine: true }). Everything anybody has published: const { loading, records, error } = usePublished('${n}'). ONE of them by its id: const { loading, record, error } = useCase('${n}', id) — record, singular, on that one. Those names and no others: a list read under any other name is empty for ever. Never call getDocs, onSnapshot or a query of your own on one of these collections — my rules refuse a plain query for everybody but my admins, and a refusal is never an empty list.`,`A published thing stays its author’s: only they may change it, take it down or delete it, and my rules keep that rather than the page. Draw Edit, Publish, Unpublish and Delete only where canEdit(record) says so — on somebody else’s they give an error and nothing else. Everything else about it is the same for everyone looking.`,`Anything published needs somewhere to BE, or it cannot be sent to anybody: show one on this same page at ?thing=<id> — my addresses are matched whole, so never a path of its own — read it there with useCase, and give the person who made it a button that copies that link. A link to something unpublished answers "this one has not been shared with you", which is a sentence to show as it is rather than a page saying nothing is there.`,r.length?`Handing one to a PERSON instead of to everybody still works and is worth building where my words ask for it: sendTo('${n}', id, { people: [uid] }) with the person picked from usePeople('${i}'), { canEdit: false } for somebody who may only look, takeBack(...) to take it off them again. It works on a draft as well as on a published one.`:`Publishing is the whole of how a thing reaches anybody here: the people on this page cannot list one another, so never build a picker of people, a way to send one to somebody by name, or anything that asks who somebody wants to share it with. Theirs, or everybody’s.`,`Pictures and files put up through the app’s upload box follow the record, so a published thing’s photographs open for everybody and an unpublished one’s for nobody but its author.`]},Wn=e=>j.s(String(e?.template??``))?[]:[`The list this page is ABOUT is handed to its code and is never named there: my app hands the content file actions — actions.records is that list, live, already from this page’s own collection; await actions.saveRecord(record) adds one and answers the new record’s id; actions.updateRecord(id, change) changes one; actions.deleteRecord(id) deletes it and its files. Those are the page’s only reads and writes of its own records: never write the collection’s name out, never open a listener or a query on it, never pass a collection to saveRecord, and never call useCases for it — useCases reads only a page whose entries are SENT to people, and given anything else it reads nothing at all, so the page stays empty however much is saved. Any OTHER collection this page keeps beside its records is the one place a name of mine is written out.`],Gn=e=>{if(!e?.pageType)return[];let t=a.Gn(e),r=t.filter(a.Dn),i=r.map(e=>n.qr(e)).join(` or `),o=a.Rn(e),s=a.Mn(e),c=a.Pn(e)===`shared`,l=[`${r.length?t.includes(`user`)?`This page is for the people I have marked ${i} as well as everybody else who signs in.`:t.includes(`internal`)?`This page is for the people I have marked ${i} and for my team, and for nobody else who signs in.`:`This page is only for the people I have marked ${i}: the app turns everybody else away at the address itself.`:a.jn(e.pageType)===`admin`?`This page is for me and my admins alone.`:a.jn(e.pageType)===`internal`?`This page is for my team${t.includes(`admin`)?` and my admins`:``}, and for nobody else who signs in.`:`This page is for everybody who signs in.`} The app decides who may open it — never write a guard, a redirect or a sign-in check of your own on it.`];return a.Pn(e)===`case`?(l.push(...Hn(e,s)),l):a.Pn(e)===`publish`?(l.push(...Un(e,s)),l):c?(l.push(o?`Whatever everybody marked ${i} SHARES on this page — one list they all read, add to and edit — goes in collections whose names begin role_${o}_: role_${o}_projects, role_${o}_notes, whatever it needs. My security rules open those to the people marked ${i}, to my admins, and to nobody else, and every one of them reads and writes the SAME records there.`:`Everybody who can open this page SHARES what is on it: its records go in collections whose names begin ${s} — ${s}jobs, ${s}notes, whatever this page needs — which my security rules open to ${s===`admin_`?`me and my admins`:`my team and my admins`} and to nobody else. All of them read, add to and edit the SAME records there, so build one list and not a copy each.`),s!==`admin_`&&l.push(o?`Whatever belongs to ONE of them and the others must not see — their own documents, their own answers, the files they upload for themselves — stays in the ordinary user_ collections instead, where each person only ever reads the records that carry their own uid, and their uploads go with them. Nothing anybody marked ${i} has to read may sit in a mem_, admin_ or pub_ collection: mem_ and admin_ answer them with a permission error, and pub_ is the open internet.`:`Whatever belongs to ONE of them and the others must not see — their own documents, their own answers, the files they upload for themselves — stays in the ordinary user_ collections instead, where each person only ever reads the records that carry their own uid, and their uploads go with them. Only my admins read everybody’s.`),l.push(...Wn(e)),l):(l.push(`Nothing on this page is shared. Every record it keeps belongs to ONE person and lives in the ordinary user_ collections, with that person’s own uid on every document — my security rules then hand each of them their own and nobody else’s, and every file they upload through the app’s upload box goes to their own folder the same way. Never build a list everybody here shares, and never keep anything this page holds anywhere my team, my admins or a role of mine would read it: two people on the same page see two different lists, and a query that reaches for somebody else’s records is refused, not empty. Only my admins read everybody’s.`),l.push(...Wn(e)),!o&&r.length&&l.push(`There is no space the people marked ${i} could share with anybody else on this list — my rules open no collection to two audiences at once, short of pub_, which is the open internet. If what I described needs ONE list they all share, say so and tell me the page has to be kept for that one role, on its own, and set to a shared page.`),l)},Kn=e=>e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`),qn=e=>{let t=e.map(e=>String(e.name||``).trim()).filter(Boolean).map(Kn);return[{key:`admin`,re:/\b(admins?|administrators?|only i|only me|just me|myself|nobody but me)\b/gi},{key:`team`,re:/\b(my team|the team|our team|team members?|teammates?|staff|colleagues?|internal(?: users?| members?| people| staff)?)\b/gi},...t.length?[{key:`role`,re:RegExp(`\\b(${t.join(`|`)})s?\\b`,`gi`)}]:[],{key:`named`,re:/\b(clients?|customers?|suppliers?|vendors?|partners?|patients?|students?|tenants?|contractors?|subscribers?)\b/gi},{key:`guest`,re:/\b(guests?|visitors?|the public|anyone not signed in)\b/gi},{key:`member`,re:/\b(members?|free users?|signed[- ]in (?:users?|people|visitors?))\b/gi}]},Jn=(e,t=n.Kr())=>{let r=` ${String(e||``)} `,i=[];for(let e of qn(t)){let t=r;r=r.replace(e.re,` `),r!==t&&i.push(e.key)}return i},Yn=/\b(only|cannot|can not|can'?t|must not|should ?n[o’']?t|not allowed|no access|hidden from|kept from|never sees?|does ?n[o’']?t see|do not see|read[ -]only|view only)\b/i,Xn=/[^.!?;\n]+/g,Zn=(e,t=n.Kr())=>{let r=String(e||``);return r.trim()?Jn(r,t).length>1?!0:(r.match(Xn)||[]).some(e=>Jn(e,t).length>0&&Yn.test(e)):!1},Qn=/\b(assign(?:ed|s|ing|ment|ments)?|allocated|responsible for|each of (?:my|our|the) (?:team|staff|people|users)|their own records?)\b/i,$n=`Then show each person only the sections that are theirs: read const { userRole } = useAuth() from 'your-ai-workflow-firebase-os' — 'admin' is one of my admins, 'internal' is my team, a role of my own arrives as that role's own plain word, and anything else is an ordinary member. Leave a section OUT of the page for somebody it is not for rather than rendering it: a section that reads a collection that person may not read answers with a permission error, and a permission error is never an empty list — never draw it as “nothing here yet”.`,er=`Only the groups my words actually name, and only INSIDE the page: never invent a group or a role word of your own, never add a check for anybody I did not mention, and never guard the page itself, redirect anyone or test whether they are signed in — who may open this page is my app’s decision and it is already made.`,tr=`Anything one group must not see is its OWN document in one of those collections, never a field sitting beside what they do see: whoever may read a document reads every field of it. And where my words say a group may look at something without changing it, or may remove a record without editing it, build them exactly those buttons and leave the others out of their view.`,nr=[`Where my words say somebody sees only what is assigned to them, that is not a uid on a record and not a query — it is who the entry was sent to. Handing one to ONE person is my app’s own piece and nothing of yours: <HandOver entry={entry} collection={…} role='<their role>' name={…} />, imported from 'your-ai-workflow-firebase-os' — collection is the case_ collection the entry is kept in, role the group my words hand it to, name what that entry is called (“Ticket 42”) for the bell. It shows who holds the entry by their picture and their name, and for whoever may hand it over it is the picker of those people: picking one hands it over there and then, takes whoever had it off, keeps who holds it on the entry and rings them. Draw it on each entry’s card (compact) and inside the opened entry (label='Assigned to').`,`WHO gets that picker is my words’ to say: a group whose own line gives it the assigning, the handing over or the passing on gets <HandOver> as it is, and every other group gets <HandOver readOnly … /> — who holds it, and nothing to press. A group my words only hand entries TO is never given the picker. Never a picker, an Assign button, a usePeople, a notify() or a sendTo to one person of your own for this, and never who holds it written on the entry by hand. Sending an entry to a whole ROLE is still sendTo(collection, id, { roles: ['x'] }), and takeBack takes it back.`],rr=[`Where my words say each of my team sees only what is assigned to them, those records go in a user_ collection with the assignee’s own uid on every document — my rules then show each of them their own and nobody else’s, and a colleague cannot so much as list them. Read them back with a query on that uid, never by fetching the collection and filtering afterwards.`,`Handing a record to somebody else is an ADMIN’s doing: only an admin may write a document carrying another person’s uid, so put the assigning where an admin does it, and never build a team member a button that assigns a record to a colleague — it answers with a permission error.`],ir=/\b(?:only|just)\s+(?:sees?|views?|gets?|shows?|lists?)\b[^.\n]{0,80}\bassigned\b|\b(?:sees?|views?|gets?|shows?|lists?)\s+only\b[^.\n]{0,80}\bassigned\b/i,ar=(e,t,r=String(t?.brief||``),i=!1)=>{if(!Ra(e,t))return[];let o=a.jn(t?.pageType);if(o===`admin`||sr(t).length<2)return[];let s=n.Kr();if(!i&&!Zn(r,s))return[];let c=a.Pn(t),l=c===`shared`,u=c===`case`,d=c===`publish`,f=l&&o===`internal`,p=f?``:l?a.Rn(t):``,m=p?n.qr(p,s):``,h=p?`what everybody marked ${m} shares in role_${p}_ collections and what belongs to one of them in user_ collections, as above, and — the third space — what only my admins may ever see, in admin_ collections`:`${f?`what my whole team works on stays in mem_ collections, `:``}what only my admins may ever see goes in admin_ collections, and what belongs to ONE person alone goes in user_ collections with that person’s own uid on every document`,g=d?[`What I say about this page gives different people different things on it. Build that by WHOSE each thing is and whether it has been published, before anything else — never a second collection, and never a section merely hidden in the code. The person who made a thing is the only one who can change it or take it down, published or not; everybody signed in sees it once it is out, and nobody at all before.`,`Where my words let one group put things up and another only browse, that is the buttons each group is drawn — say so as a button rather than as a wall, because anybody signed in may add one of their own and my rules cannot tell two of them apart. What really is kept apart is whose a thing is and whether it is published, and both of those my rules hold by themselves.`,`My admins read every document in these collections, so where my words give my admins the whole lot — everybody’s drafts included — it is the same hook without the filter, never a second copy of the records kept somewhere else.`]:u?[`What I say about this page gives different people different things on it. Build that by WHO EACH ENTRY IS SENT TO, before anything else — the two lists on the record, never a second collection and never a check in the code. An entry that one group must not see is simply not on their list, so they cannot read it at all; a group who may look and not touch goes on access and not on editors. Work out from my words which of them an entry starts with and who it goes to next, and build the button that sends it on.`,`My admins read every document in every one of these collections, so where my words give my admins the whole lot it is the list they already get from the same hook — never a second copy of the records kept somewhere else, and never a list on the page that everybody can read.`]:l?[`What I say about this page gives different people different things to see on it. Build that by WHERE each thing is kept, before anything else: ${h}. My security rules hold those apart by themselves, so a thing kept in the right place is really kept from everybody else — a section merely hidden in the code is not kept from anybody, because the database is still open to them.`,`My admins read every document in all of those collections, so where my words give my admins the whole list it is the same query with nobody’s uid on it — never a second copy of the records kept somewhere else.`]:[`What I say about this page gives different people different things on it, and this is a private page: every record on it is one person’s own, in a user_ collection carrying their uid, and there is nowhere else on this page to put anything. So the difference between my groups is never one of them reading another’s records — it is what each of them may DO with their own: which sections they are shown, which of them may add, change or delete, and how much they are allowed. Build exactly that.`,`My admins read every document in the database, so where my words give my admins everybody’s records it is the same query with nobody’s uid on it, opened by this page itself on that same collection — ${j.r(t,`user_`,String(t?.pageId||``))}, the one place its name is written — only while userRole === 'admin' (anybody else is refused, not empty), while actions.records stays each person’s own — never a second copy of the records kept somewhere else, and never a collection of your own that everybody here can read.`];return l&&!f&&!p&&!a.Gn(t).some(a.Dn)&&g.push(`There is no space on this page that every member shares: a list they could all read would have to be a pub_ one, open to the whole internet. So keep to per-person records unless my words ask for something I would not mind a stranger reading.`),!f&&!u&&a.Gn(t).includes(`internal`)&&g.push(`${o===`internal`?`My team is on this page, but here`:`My team can open this page too, but on it`} they are like everybody else who signs in: each of them reads only the records that carry their own uid, never anybody else’s — only my admins read everybody’s. Where my words give my team other people’s records, build that for my admins alone and tell me my team cannot have it on this page.`),g.push($n,er,tr),Qn.test(r)&&(u||a.Gn(t).includes(`internal`))&&(u?g.push(...nr):(!l||ir.test(r))&&g.push(...rr)),p&&Jn(r,s).includes(`team`)&&g.push(`One thing this page cannot do: the people I have marked internal do not read role_${p}_ collections at all — only the people marked ${m} and my admins do. So anything my TEAM has to see belongs on a team page of its own rather than here, and on this page “my team” means my admins.`),g},or=e=>{let t=e=>e===`user`?0:e===`internal`?1:e===`admin`?3:2;return[...new Set(e)].sort((e,n)=>t(e)-t(n))},sr=e=>{let t=a.vn(e);return or(t.includes(`user`)?[...t,`admin`]:t)},cr=e=>{if(!e?.pageType)return[];let t=or(a.vn(e));return t.length>1?t:[]},lr=(e,t)=>{let r=n.qr(e,t);return e===`admin`&&r===n.Vr.admin?`You and your admins`:r},ur={user:`See and change only what they added themselves.`,internal:`See every job and move it along, but never delete one.`,admin:`Everything — and only we see what each job was charged.`,role:`See their own projects and the shared price list, and add notes — never delete anything.`},dr={user:`Raise a request and see their own, and nothing anybody else raised.`,internal:`See every issue sent to them, answer it, and pass it on to whoever it belongs to.`,admin:`Everything — and only we see what anything was charged.`,role:`Add an issue, and see only the ones they raised and any a supervisor shares with them.`},fr={user:`Browse everything that is up, and put up their own — nobody else’s is theirs to change.`,internal:`Put things up, and take down anything that should not be there.`,admin:`Everything — and only we see what has been put up but not published yet.`,role:`Put up their own listings and edit them any time; everybody else only browses.`},pr=e=>!!e?.pageType&&e?.notifications===!0,mr=e=>pr(e)&&e?.notifyEmail===!0,hr={user:`They get a notification when their job is finished.`,internal:`They get a notification when a new job comes in.`,admin:`We get a notification when a job is marked done.`,role:`They get a notification when a note is added to their project.`},gr={user:`They get a notification when somebody answers their request.`,internal:`They get a notification when an issue is sent to them.`,admin:`We get a notification when an issue is closed.`,role:`They get a notification when a supervisor sends their issue on.`},_r={user:`They get a notification when something new is published.`,internal:`They get a notification when something new is put up.`,admin:`We get a notification when a listing is taken down.`,role:`They get a notification when one of their listings is taken down.`},vr={user:`Email them a month before their contract ends.`,internal:`Email them when a job has waited two days.`,admin:`Email us a week before a contract ends.`,role:`Email them a week before their project is due.`},yr=(e,t=!1,n=!1)=>{let r=e===`publish`?fr:e===`case`?dr:ur;if(!t)return r;let i=e===`publish`?_r:e===`case`?gr:hr,a=e=>n?` ${vr[e]}`:``;return{user:`${r.user} ${i.user}${a(`user`)}`,internal:`${r.internal} ${i.internal}${a(`internal`)}`,admin:`${r.admin} ${i.admin}${a(`admin`)}`,role:`${r.role} ${i.role}${a(`role`)}`}},br=e=>!e?.pageType||cr(e).length?``:or(a.vn(e))[0]||``,xr=(e,t)=>{let r=br(e),i=r?n.qr(r,t):``;return`What notifications will ${r?r===`internal`&&i===n.Vr.internal?`your team`:r===`admin`&&i===n.Vr.admin?`you and your admins`:i:`they`} see?`},Sr={user:`When their request is answered — and tell me when a new one comes in.`,internal:`When a job is handed to them, and when one is marked done.`,admin:`When one of us adds a job, and when one is marked done.`,role:`When their project moves to the next stage — and tell me when they add a note.`},Cr=(e,t=!1)=>t?`${Sr[e]} ${vr[e]}`:Sr[e],wr=e=>pr(e)&&br(e)?String(e?.notifyWish??``).trim():``,Tr=e=>{let t=`Optional — the bell in your app tells people when something happens on this page.`;return pr(e)?cr(e).length?`${t} Say what each group is notified about in its own box below. Whatever you skip, your assistant decides.`:`${t} Whatever you skip, your assistant decides.`:t},Er=e=>{let t=e?.canDo&&typeof e.canDo==`object`?e.canDo:{},n={};for(let r of[...cr(e)].sort()){let e=String(t[r]??``).trim();e&&(n[r]=e)}return n},Dr=e=>{let t=n.qr(e);return e===`user`?`${t} (everybody who signs in)`:e===`internal`?t===n.Vr.internal?`My team`:t:e===`admin`?t===n.Vr.admin?`Me and my admins`:t:`The people I have marked ${t}`},Or=`What each of them may do on this page, in my own words — build each group exactly the sections, and the add, change and delete buttons, its line gives it. A group I say nothing about here is yours to decide:`,kr=`What each of them may do on this page has changed. This is the whole of it now, in place of what I said before — build each group exactly the sections, and the add, change and delete buttons, its line gives it:`,Ar=(e,t=Or)=>{let n=Er(e),r=cr(e).filter(e=>n[e]);return r.length?[t,...r.map(e=>`${Dr(e)}: ${n[e]}`)]:[]},jr=`Only me and my admins may delete anything on this page. My app enforces it — every record saved through actions.saveRecord carries a lock, and my database refuses everybody else’s delete whatever the page shows — so draw a Delete button only where actions.canDelete(record) is true, and never decide it from a role yourself. Where it is false there is no button at all: not greyed, not explained. Changing a record is not deleting it — everybody who could change one still can.`,Mr=`From now on ${jr.charAt(0).toLowerCase()}${jr.slice(1)} Change nothing else.`,Nr=`Anybody who can change a record on this page may delete it again — my app has lifted the lock. Draw Delete wherever actions.canDelete(record) is true, which it now is for everybody who can change one, and change nothing else.`,Pr=`Nothing on this page may be deleted — not by me, not by my admins, not by anybody. My app enforces it: every record saved through actions.saveRecord carries a lock my database honours. So never draw a Delete, a Remove, a bin or any other way of throwing a record away here — actions.canDelete(record) is false for everybody on this page, and you never decide it from a role yourself. Changing a record is not deleting it — everybody who could change one still can.`,Fr=`From now on nothing on this page may be deleted — not by me, not by my admins, not by anybody. My app has locked every record: take away every Delete, Remove and bin this page has, and never draw one again. Changing a record is not deleting it — everybody who could change one still can. Change nothing else.`,Ir=/\b(?:delet(?:e|es|ed|ing)|remov(?:e|es|ed|ing)|throw(?:n|s)? (?:it |them |one )?away|discard(?:s|ed)?|eras(?:e|es|ed)|bin (?:it|them|one))\b/i,Lr=e=>{let t=P.o(e),n=[`admin`,`all`,`none`,``].includes(e?.deleteBy),r=[e?.brief,...Object.values(Er(e)||{})].join(`
-`);return t===`none`&&!n&&Ir.test(r)?`Your words say something here is removed or deleted, and this is set to No one — pick who may, or the page will have no way to.`:P.n[t]},Rr=e=>{if(!P.s(e))return[];let t=P.o(e);return t===`admin`?[jr]:t===`none`?[Pr]:[]},zr=`I want notifications on this page.`,Br=`I want notifications on this page now.`,Vr=`What this page sends notifications about has changed — this is the whole of it now.`,Hr=`Every one is the app’s own notify() — called once, right after the save that causes it, with a link to the page the person receiving it opens — and never a bell, a badge, a toast or a list of your own. A booking and a payment already ring the bell by themselves, so never add one for those, and never tell somebody about a thing they have just done themselves.`,Ur=e=>{let t=a.Pn(e),n=a.En(t)&&t!==`publish`,r=Xl(e),i=`One person is notify({ toUid, … }) — ${n?`the uid the entry already carries for them: entry.uid for whoever made it, holderOf(entry).uid for whoever holds it`:`the uid the record already carries for them, or an assignee picked from usePeople()`} — and a whole group is notify({ toRole, … }): 'admin', 'internal', 'user', or the id of a role of mine.`;return n?`here is the default, and build it finished:${r===`handed`?` The person an entry is HANDED to is told that it is theirs by <HandOver> itself, the moment it is handed over — never a notify() of yours for that.`:``} the person an entry is ABOUT — whoever made it, its uid, or the buyer or sender it names — is told each time its status changes, with what it changed to; ${r===`handed`?``:`the person it is handed to or assigned to is told when that happens — by <HandOver> itself where the page hands entries over with it, never twice; `}and me and my admins are NOT told of every change — we already hear each new one arrive, so tell us only what my words above single out. ${i} A buyer who paid signed out has an empty uid, so the bell cannot reach them: pass the entry as well — notify({ toUid: entry.uid, about: entry, … }) — and my app emails them at the address on it instead, once my email reaches customers; until then nobody is told, and nothing is drawn for it.`:t===`shared`&&a.jn(e?.pageType)===`internal`?`here is the default, and build it finished: the person a card or a record is assigned to or handed to is told when that happens, and when somebody else changes it; nobody is told of a change they made themselves; and me and my admins are told only what my words above single out. ${i}`:`here is the default, and build it finished: the member a record is about — its uid, the person it names — is told when somebody else changes it or answers it, with what changed; and me and my admins are told only what my words above single out. ${i}`},Wr=`Who is told about what is in what I said each group may do on this page. Here it is again — nothing else about it has changed:`,Gr=`Take the notifications off this page: remove every notify() call it makes, and change nothing else.`,Kr=`Take the notifications off this page: remove every notify() call it makes, and any email call sent beside one, and change nothing else.`,qr=`Pass email: true to every notify() on this page, so each one is emailed as well, in the same words — my app finds the address itself, so never read one or write email code for it. Where my words say to EMAIL somebody, that is one of these notifications too; one that depends on a date follows my app’s rule 33.`,Jr=`The notifications this page already sends go out by email as well now: add email: true to every notify() it makes, and change nothing else. ${qr}`,Yr=`Stop emailing this page’s notifications: take email: true off every notify() it makes, and any email call sent beside one, and keep the notifications themselves.`,Xr=`Except a notify() to me or my admins that this page’s form was sent: my app already emails me each one, so that one carries no email: true.`,Zr=e=>An()&&mr(e)?` ${qr}${Zc(e)&&Qc(e).owner?` ${Xr}`:``}`:``,Qr=(e,t,n=zr)=>{if(!pr(e))return[];let r=br(e),i=wr(e);return[`${n} ${Hr} ${r&&i?`Here is what I want ${Dr(r)} told about, in my own words: ${i} Anything I have not said is yours to decide — ${Ur(e)}`:t?`Who is told about what is in my words for each group above. Where I have not said, ${Ur(e)}`:`I have not said who is told about what — ${Ur(e)}`}${Zr(e)}`]},$r=(e,t=[])=>{let r=`Optional — for each, what they see here and what they can add, change or delete. Whatever you skip, your assistant decides.`;if(a.jn(e?.pageType)!==`user`)return r;let i=a.Gn(e),o=i.includes(`admin`)?` and ${n.qr(`admin`,t).toLowerCase()}`:``,s=a.Rn(e);return a.Pn(e)===`case`?`Everything added here goes only to the people it is sent to — so say who starts one, who it goes to next, and who may only look at it. That is what builds the lists on each record, and it is the half nobody can guess. ${r}`:a.Pn(e)===`publish`?`Everything here belongs to whoever made it until they publish it, and then everybody signed in can see it — so say which of these groups PUT things up and which only browse, and anything one of them may do that the others may not. ${r}`:a.Pn(e)===`private`?`Everyone here keeps their own records and nobody sees anybody else’s — so these boxes are about what each group may DO with their own: what they are shown, what they may add or change, how much they are allowed. ${r}`:s?`Only the people you have marked ${n.qr(s,t)}${o} can open this page — mark them on your Users screen, and all of them share what is on it. ${r}`:i.includes(`internal`)?`Everybody on this page shares its records. ${r}`:r},ei=e=>e.draft?`draft`:e.hidden?`hidden`:`live`,ti={draft:`Draft`,live:`Live`,hidden:`Hidden`},ni={draft:`Nothing is saved yet. Give it a name and the page is created.`,live:`This page is live at its web address and listed in the menu.`,hidden:`This page still exists at its web address, but it is out of the menu.`},ri=e=>(e||``).trim().toLowerCase().replace(/\s+/g,`-`).replace(/[^a-z0-9_-]/g,``),ii=e=>String(e||``).replace(/^\/+/,``).replace(/[^a-zA-Z0-9_-]/g,`_`).toLowerCase();function ai(e){let t=ri(e.address);if(!t)throw Error(`A page needs a web address.`);let n=ii(`/`+t),r=e.type===`public`,i={form:e.form||``,formFields:e.formFields||``,formButton:e.formButton||``,formSpot:e.formSpot||``,formWish:e.formWish||``};e.images?.length&&(i.images=e.images.filter(e=>e.url).map(e=>({url:e.url,where:e.where||``})),i.imageNotes=e.imageNotes||``),e.booking?.schedules?.length&&(i.booking={schedules:e.booking.schedules,party:a.$t(e.booking),ask:e.booking.ask||``,how:e.booking.how||``});let o=r?{route:`/`+t,pageName:e.name,pageTitle:e.name,...i,brief:e.about,contentKey:n}:{route:`/`+t,tabName:e.name,tabTitle:e.name,iconName:e.iconName||``,template:Ai.some(t=>t.value===e.template)?e.template:`none`,...i,brief:e.about,pageType:e.type,contentKey:n};return o.form===`__new__`&&(o.form=Gc(o),o.formIsNew=!0),{id:n,config:o,isPublic:r}}async function oi(e){return ui(ai(e))}var si=e=>e===`public`?{route:``,pageName:``,pageTitle:``,form:``,formWish:``,brief:``,imageNotes:``}:{route:``,tabName:``,tabTitle:``,iconName:``,template:`none`,form:``,formWish:``,brief:``,imageNotes:``,pageType:e},ci=(e,t,n)=>n?[...e,t]:[t,...e],li=(e,t,n,r)=>{let i=e=>{let i=t.findIndex(t=>t.id===e.id);return i===-1?r(e)?n?-.5:t.length:null:i};return[...e].sort((e,t)=>{if(e.id===`home`)return-1;if(t.id===`home`)return 1;let r=i(e),a=i(t);return r===null&&a===null?0:r===null?n?-1:1:a===null?n?1:-1:r-a})};async function ui({id:e,config:t,isPublic:r}){await(0,z.setDoc)((0,z.doc)(n.ui,r?`sys_pages`:`sys_tabs`,e),t);let i=r?`page_order`:`tab_order`,a=await(0,z.getDoc)((0,z.doc)(n.ui,`sys_configs`,i)),o=(a.exists()?a.data()?.order:null)||[];return o.some(t=>(typeof t==`string`?t:String(t?.id))===e)||await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,i),{order:ci(o,{id:e,hidden:!1},r)}),e}var di=(e,t,n,r,i)=>{let a=e.findIndex(e=>e.id===t);if(a===-1)return null;if(i){if(!i(t))return null;let o=e.map((e,t)=>({o:e,i:t})).filter(({o:e})=>i(e.id)),s=o.findIndex(e=>e.i===a),c=o[n===`up`?s-1:s+1];if(s===-1||!c||c.o.id===r)return null;let l=[...e];return l[a]=c.o,l[c.i]=e[a],l}let o=r&&e[0]?.id===r?1:0,s=n===`up`?Math.max(o,a-1):Math.min(e.length-1,a+1);if(s===a||s<o)return null;let c=[...e],[l]=c.splice(a,1);return c.splice(s,0,l),c},fi=()=>Object.fromEntries(r.x()),pi=(e,t=!1)=>{let n={};for(let[r,i]of Object.entries(fi())){let o=!!i.isPublic;if(o!==e)continue;let s=i.config||{};!t&&s.enabled===!1||(n[r]={id:r,title:o?s.pageName||s.pageTitle||s.title||r:s.tabName||s.tabTitle||s.title||r,path:s.route?s.route.startsWith(`/`)?s.route:`/`+s.route:`/`+r,type:o?`public`:a.jn(s.pageType),isSystem:!1,enabled:s.enabled!==!1,fromFile:!0})}return n},mi=(e,t)=>{let r=a._n(e);return!r.length||r.includes(`user`)||r.includes(`admin`)?``:`Only ${r.map(e=>n.qr(e,t)).join(` and `)} — you and your admins will not see this page. Tick ${n.qr(`admin`,t)} as well to keep it in your own menu too.`},hi=[{value:`shared`,label:`Everyone here — one list, like a team jobs board`},{value:`private`,label:`Only the person who added it — like their own notes`},{value:`case`,label:`Only the people it is sent to — like a client’s own file`},{value:`publish`,label:`Theirs, until they publish it — like putting up a listing`}],gi=`Who sees what somebody adds here?`,_i=`Keep this tab to a group`,vi=`No — everybody ticked above`,yi=e=>[{value:`-`,label:vi},...e.map(e=>({value:e.id,label:e.name}))],bi=e=>e.length>1?`${e.slice(0,-1).join(`, `)} and ${e[e.length-1]}`:e[0]||``,xi=(e,t,r=[])=>{let i=a.xn(e,t);if(!i)return`Kept to a group, the tab is only there for the people in it. Your ticks and boxes above stay as they are.`;if(!i.roles.length)return`${i.name} has no roles in it yet, so nobody sees this tab. Add roles to it on the Users screen.`;let o=a.Vn(e,i);return o.length?`Only ${bi(o.map(e=>n.qr(e,r)))} will see this tab — nobody outside ${i.name}, whatever is ticked above.`:`Nobody ticked above is in ${i.name}, so nobody sees this tab. Tick one of its roles, or pick another group.`},Si=`Needs the rules pasted from /setup at 1.14.30 or later.`,Ci=`Needs the rules pasted from /setup at 1.14.66 or later.`,wi=(e,t=[])=>{let r=a.Gn(e).filter(a.Dn),i=r.map(e=>n.qr(e,t)).join(` and `);return r.length?`${i} ${r.length>1?`are`:`is`} ticked alongside another audience, and no two audiences share one list.`:`${n.qr(`user`,t)} means everybody who signs in, and there is nothing they could all share that a stranger could not read too.`},Ti=(e,t=[])=>`${a.Wn(e).includes(`shared`)?``:`${wi(e,t)} `}Pick one — it decides where this page keeps everything, and it is not something your assistant can guess.`,Ei=(e,t=[])=>{let r=a.Wn(e);if(r.length<2)return``;let i=a.Gn(e).filter(a.Dn),o=i.map(e=>n.qr(e,t)).join(` and `),s=r.includes(`shared`)?``:`${wi(e,t)} `,c=a.Pn(e);if(c===`case`)return s?``:`What somebody adds starts with them and goes to whoever they send it to — one person or a whole role — who can pass it on again. Anybody it was not sent to cannot see it at all. Say in the boxes below who sends what to whom, and who may only look. ${Si}`;if(c===`publish`)return`What somebody makes here is theirs alone until they press Publish; published, it is there for ${i.length||!r.includes(`shared`)?`everybody signed in to your app — including people who cannot open this page`:`everybody signed in to your app`}. It stays theirs to change or take down — nobody else can touch it — and they can hand it to one person by name at any point. Never the open internet: somebody with no account sees none of it. ${Ci}`;if(c===`private`)return`${s}Each person keeps their own records and their own uploads. Nobody else on this page can open them, not even to hand them on; only you and your admins see everybody's.`;let l=i.length?`everyone you have marked ${o}`:n.qr(`internal`,t).toLowerCase();return`${l[0].toUpperCase()}${l.slice(1)} reads, adds to and edits the same records here, and can open every file uploaded to this page.`};function Di({roles:e,picked:t,onChange:r,onCreateRole:i,busy:a,label:o}){let[s,c]=(0,L.useState)(!1),[l,u]=(0,L.useState)(``),[d,f]=(0,L.useState)(``),[p,m]=(0,L.useState)(!1),h=p?l.trim().toLowerCase():``,g=[...Bn(e),...e.filter(e=>!h||e.name.trim().toLowerCase()!==h).map(e=>({value:e.id,label:e.name}))],_=e=>{let n=t.includes(e)?t.filter(t=>t!==e):[...t,e];n.length&&r(n)},y=()=>{c(!1),u(``),f(``)},b=async()=>{let a=O.o(l,e);if(a){f(a);return}m(!0);try{let e=await i(l.trim());r([...t.filter(t=>t!==e.id),e.id]),y()}catch(e){f(n.ii(e,`The role could not be saved. Try again.`))}m(!1)},S=`flex items-center gap-2 px-3 py-2.5 text-[13px]`,C={borderRadius:`calc(var(--input-radius, 0.75rem) - 0.25rem)`},w=`shrink-0 w-7 h-7 flex items-center justify-center rounded-md transition-colors cursor-pointer hover:bg-foreground/[0.07]`,T=(0,R.jsx)(`div`,{className:`mt-1 pt-1 border-t border-[var(--panel-border)]/60`,children:p?(0,R.jsxs)(`div`,{className:`${S} justify-between font-medium text-foreground/55`,style:C,children:[(0,R.jsxs)(`span`,{className:`truncate`,children:[`Adding `,l.trim(),`…`]}),(0,R.jsx)(v.r,{className:`w-3.5 h-3.5 shrink-0 animate-spin text-accent`})]}):s?(0,R.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,R.jsx)(`input`,{autoFocus:!0,value:l,placeholder:`Client`,"aria-label":`Name the role`,onChange:e=>{u(e.target.value),d&&f(``)},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),b()),e.key===`Escape`&&(e.preventDefault(),y())},className:`flex-1 min-w-0 h-8 px-2.5 rounded-md border border-[var(--panel-border)] bg-[var(--panel-bg)] text-[13px] font-medium text-foreground placeholder:text-foreground/35 outline-none focus:border-accent transition-colors`}),(0,R.jsx)(`button`,{type:`button`,onClick:b,title:`Add role`,"aria-label":`Add role`,className:`${w} text-accent`,children:(0,R.jsx)(n.At,{className:`w-3.5 h-3.5`})}),(0,R.jsx)(`button`,{type:`button`,onClick:y,title:`Cancel`,"aria-label":`Cancel the new role`,className:`${w} text-foreground/45 hover:text-foreground`,children:(0,R.jsx)(v.t,{className:`w-3.5 h-3.5`})})]}),d&&(0,R.jsx)(`span`,{className:`text-[11.5px] font-semibold text-red-500 leading-snug px-1.5`,children:d})]}):(0,R.jsxs)(`div`,{role:`option`,"aria-selected":!1,onClick:()=>c(!0),className:`${S} font-semibold text-accent hover:bg-foreground/5 cursor-pointer`,style:C,children:[(0,R.jsx)(x.t,{className:`w-3.5 h-3.5 shrink-0`}),`Custom role…`]})});return(0,R.jsx)(`div`,{className:o?`w-full min-w-0`:`shrink-0 min-w-0 max-w-[14rem]`,onClick:e=>e.stopPropagation(),children:(0,R.jsx)(n.Z,{multiple:!0,compact:!o,dense:!!o,portal:!0,direction:`auto`,className:`console-select`,label:o,ariaLabel:`Who can open this page`,values:t,options:g,onChange:_,footer:T,disabled:a,placeholder:`Pick who`})})}var Oi=`Add it here — a name and what you would like to see on it — then copy the sentence for your assistant.`,ki=`Add it here, then copy the sentence for your assistant.`,Ai=[{value:`none`,label:`From scratch`},{value:`board`,label:`Board`},{value:`table`,label:`Table`},{value:`calendar`,label:`Calendar`},{value:`drive`,label:`Files`}],ji=[`board`,`table`,`calendar`,`drive`],Mi={board:{is:`a board`,keeps:`its board frame and the card editor that is already in it`,open:`actions.openInlineEditor(columnId)`},table:{is:`a table`,keeps:`its table frame and the row and column controls that are already in it`,open:`actions.addRow()`},calendar:{is:`a calendar`,keeps:`its calendar frame — the month heading, Today, and the arrows — and the add-event form that is already in it`,open:`actions.openAddModal()`},drive:{is:`a file library`,keeps:`its file frame and the upload box that is already in it`,open:`openUploadModal()`}},Ni=e=>{let t=Mi[e];return t?`This page already works as ${t.is} and it stays one: it keeps ${t.keeps}, already styled to match my app. Design only what fills it, and open the one that is already there with ${t.open}. Never build your own add, edit or upload form on this page — one exists, and yours will not match.`:``},Pi=e=>t.u(e,1)[0]||``,Fi=(e,t)=>t?.contentKey||t?.tabName||t?.pageName||t?.pageId||e.title,Ii=(e,t)=>`src/your-ai-workflow-firebase-os/microcomponents/${En(Fi(e,t))||`Page`}Content.tsx`,Li=(e,t)=>{let n=String(t?.route||``).trim();return n?n.startsWith(`/`)?n:`/`+n:e.path||``},Ri=(e,t,n=[])=>Li(e,t).replace(/^\/+/,``)?String(t?.brief||``).trim()?Kc(t)?`Say what the forms should ask for, and this sentence is ready to copy.`:ic(t,n,e)||fu(e.id?{...t,id:e.id}:t,n):`Say what you would like to see on this page, and this sentence is ready to copy.`:`Give this page a name and it will be created — then this sentence is ready to copy.`,zi=(e,t)=>{let n={url:t?String(e?.url||``).trim():String(e?.url||``),where:t?String(e?.where||``).trim():String(e?.where||``)};return e?.name&&(n.name=String(e.name)),e?.type&&(n.type=String(e.type)),Number(e?.width)>0&&(n.width=Number(e.width)),Number(e?.height)>0&&(n.height=Number(e.height)),Number(e?.size)>0&&(n.size=Number(e.size)),(e?.bg===`clear`||e?.bg===`plain`||e?.bg===`busy`)&&(n.bg=e.bg),e?.bgColour&&(n.bgColour=String(e.bgColour)),n},$=e=>{let t=e=>e.map(e=>zi(e,!0)).filter(e=>e.url);if(Array.isArray(e?.images))return t(e.images);let n=String(e?.imageUrl||``).trim();return n?[{url:n,where:String(e?.imageWhere||``).trim()}]:[]},Bi=e=>Array.isArray(e?.images)?e.images.map(e=>zi(e,!1)):$(e),Vi=e=>String(e?.imageNotes||``).trim(),Hi=e=>T.u(e.url,e.type),Ui=e=>Hi(e)===`image`,Wi=(e,t)=>{let r=[e.name&&t!==`image`&&t!==`link`?e.name:``,n.q(e)].filter(Boolean);return r.length?` (${r.join(`, `)})`:``},Gi=e=>e.some(e=>Ui(e)&&(!!e.width||!!e.bg)),Ki=`What is in brackets after a link is the real picture, and all of this is about the pictures I gave you — a picture somebody uploads has no brackets and is shaped by the picture itself. Use the brackets to choose the spot and the crop that suit it. For one picture in a spot of its own — a band, the top of the page, a picture beside words — the design decides the shape of the frame, and the picture FILLS its frame — corner to corner, edge to edge, cropped at the edges with what matters kept in view, never stretched or squashed. Pictures shown as a set — a gallery, a portfolio, products, thumbnails — are the other way round: each frame is cut to its own picture, so the picture fills it with nothing cut off. Put the two numbers from its brackets on <Picture> as width and height (1080 × 1350 → width={1080} height={1350}) and nothing about height or shape in its className. Either way, never a smaller picture sitting in the middle of a frame with space, a tint or padding showing round it. A photo on a plain background fills its frame the same way — except a tall one in a wide hero, which takes one side at full height with its own background colour continued across the rest, as the hero line says; that colour, named in its brackets, may be the background of that picture’s own section and nowhere else. Only a logo or a see-through cut-out sits whole in its space instead, with no panel, border or white card behind it.`,qi=`<Picture src={…} alt="…" className="…" /> imported from 'your-ai-workflow-firebase-os', never a bare <img>`,Ji=`on its own in a spot, the frame your design shapes and cropped at the edges where it must be; as one of a set — a gallery, a shop, a row of products — a frame of its own shape with nothing cropped off`,Yi=` Draw it with ${qi} , filling its frame edge to edge — ${Ji}; never stretched, never shrunk into the middle of a frame — and give it a short description for screen readers. Draw it ONCE, in its own spot — never again in another to fill it — and do not swap it for a placeholder or a picture of your own.`,Xi=`Draw each with ${qi}, each filling its frame edge to edge — ${Ji}; never stretched, never shrunk into the middle of a frame — give each a short description for screen readers, draw each ONCE — never one again in another spot to fill it — and never swap one for a placeholder or a picture of your own.`,Zi=`Every picture of mine above is DRAWN on the page: a thing with more than one shows them all — as a set on its card or in its pop-up — and preload never stands in for drawing one, because it only fetches a picture and shows nothing.`,Qi=`what it is and where it goes`,$i=e=>`My line for each one is not only where it goes — it is also what it IS. A name, a description, a price or any other words about the THING in my line belong on the page with it: written beside or under it in my own wording, in the style of the words already there. But the part of my line that says WHERE is an instruction to you and never words to put on the page: “first card”, “second from the left”, “picture 2”, “product 3”, “use as silhouette 1”, “for the collection section”, “at the top” name the spot and nothing else. Never print one of those — not under the picture, not beside it, not in the description you write for screen readers, which says what is IN the picture and never where it sits. And a line that only tells you where it goes is never its caption — my note to you is not a name. A picture alone in a spot of its own, a band or the hero, needs no words then; but a piece in a set — a collection, a showcase, a row of things I sell — gets a short title of your own under it: a few words naming what it is, the name its file carries where that reads as one. A title and nothing more: never a price, a material or a claim my line does not give. Where it takes the spot of something that had a name or a description of its own, those old words go and mine take their place — never my picture left over another thing’s name.`+(e?` Writing them is part of this change, even where the rest of the page’s words stay as they are.`:``),ea=e=>e.some(e=>!!e.where),ta=(e,t,n)=>{let r=Hi(e),i=T.n[r],a=n===`use`?`Use this ${i} of mine on the page`:n===`added`?`I have added this ${i} to the page`:`I have changed my words for this ${i}`,o=e.where?`${Qi}: ${e.where}`:`put it where it works best in your design`,s=r===`image`?Yi:``;return`${t}. ${a}: ${e.url}${Wi(e,r)} — ${o}.${s}`},na=e=>{let t=e.map(Hi),n=t.some(e=>e===`video`||e===`audio`),r=t.some(T.c);if(!n&&!r)return[];let i=[n?`videos and recordings play in the app's VideoPlayer (a YouTube, Vimeo or Loom link too)`:``,r?`files open in its FileViewer on the page, or in FileViewerPopup behind a button — whichever my line for each says, and a button that opens the popup when it says neither`:``].filter(Boolean).join(`; `);return[`${i.charAt(0).toUpperCase()}${i.slice(1)}, imported from 'your-ai-workflow-firebase-os'. Never a bare <video>, <audio> or <iframe> for them, and never a video or a file of your own.`]},ra=(e,t,n,r,i=[])=>{let a=e=>t.findIndex(t=>t.url===e.url)+1,o=Vi(r);return[...e.map(e=>ta(e,a(e),n)),...i.map(e=>ta(e,a(e),`changed`)),...ea([...e,...i])?[$i(n===`added`)]:[],...na([...e,...i]),...Gi([...e,...i])?[Ki]:[],...o?[`Here is how the pictures go: ${o}`]:[]]},ia=e=>{let t=$(e);if(!t.length)return[];if(!t.every(Ui))return ra(t,t,`use`,e);if(t.some(({where:e})=>e))return[...t.map(e=>e.where?`Use this picture of mine on the page: ${e.url}${Wi(e,`image`)} — ${Qi}: ${e.where}.${Yi}`:`Use this picture of mine on the page: ${e.url}${Wi(e,`image`)} — put it where it works best in your design.${Yi}`),$i(!1),...Gi(t)?[Ki]:[],...t.length>1?[Zi]:[]];let n=t.map((e,t)=>`${t+1}: ${e.url}${Wi(e,`image`)}`).join(`; `),r=Vi(e);return[`Use these pictures of mine on the page, numbered the way I refer to them — ${n}. ${Xi}`,...Gi(t)?[Ki]:[],r?`Here is how the pictures go: ${r}`:`Put each picture where it works best in your design.`,...t.length>1?[Zi]:[]]},aa=e=>{if(!Array.isArray(e?.imagesSent))return[];let t=new Set(e.imagesSent.map(String));return $(e).filter(({url:e})=>!t.has(e))},oa=e=>$(e).map(({url:e,where:t})=>({url:e,where:t})),sa=e=>{if(!Array.isArray(e?.imagesSent)||!Array.isArray(e?.mediaSent))return[];let t=new Set(e.imagesSent.map(String)),n=new Map(e.mediaSent.map(e=>[String(e?.url||``),String(e?.where||``).trim()]));return $(e).filter(e=>t.has(e.url)&&n.has(e.url)&&n.get(e.url)!==e.where)},ca=e=>{if(!Array.isArray(e?.imagesSent))return[];let t=new Set($(e).map(e=>e.url));return e.imagesSent.map(String).filter(e=>e&&!t.has(e))},la=e=>{let t=aa(e),n=sa(e),r=ca(e),i=$(e),a=[];if(t.length&&!n.length&&t.every(e=>Ui(e)&&!e.where)){let n=t.map(e=>`${i.findIndex(t=>t.url===e.url)+1}: ${e.url}${Wi(e,`image`)}`).join(`; `),r=Vi(e);a.push(`I have added ${t.length===1?`a picture`:`pictures`} to the page's gallery, numbered the way I refer to them — ${n}. Use ${t.length===1?`it`:`them`} on the page. ${Xi}`,...Gi(t)?[Ki]:[],r?`Here is how the pictures go: ${r}`:`Put each where it works best in your design, unless my words below say where.`)}else (t.length||n.length)&&a.push(...ra(t,i,`added`,e,n));return r.length&&a.push(`Take ${r.length===1?`this`:`these`} off the page — I have removed ${r.length===1?`it`:`them`} from its media: ${r.join(`; `)}.`),a},ua=e=>{if(!Array.isArray(e?.imagesSent))return[];let t=new Set(e.imagesSent.map(String)),n=new Set(sa(e).map(e=>e.url)),r=$(e),i=r.filter(e=>t.has(e.url)&&!n.has(e.url));if(!i.length)return[];let a=i.map(e=>`${r.indexOf(e)+1}: ${e.url}${e.where?` (${e.where})`:``}`).join(`; `);return[`Already on the page, and staying exactly where ${i.length===1?`it is, with this exact link`:`they are, with these exact links`} — put back any that has gone missing: ${a}.`]},da=String.raw`(?:photos?|pictures?|images?|pics?|photographs?|shots?)`,fa=String.raw`(?:(?!(?:over|on|under|above|below|beside|behind|around|round|between|inside|within|from|in|into|of|off|out|with|next|near|at|by|to|and|or|but|for|stock|placeholder|placeholders|dummy|sample|blank|empty|generic|default|template|example)\b)[\w'’-]+\s+){0,5}`,pa=String.raw`\s+(?:carousel|gallery|slider|grid)\s+(?:arrows?|dots?|buttons?|controls?|captions?|counter|labels?|titles?)\b|\s+(?:arrows?|captions?|borders?|frames?|filters?|overlays?|shadows?|dots?|buttons?|controls?|counters?|labels?|credits?|titles?|text|corners?|spacing|gaps?|sizes?|effects?|zoom|hover)\b|\s+on (?:phones?|mobiles?|mobile|small screens?|tablets?)\b(?![^.!?\n]*\b(?:desktops?|computers?|laptops?|everywhere|all screens|big screens?)\b)`,ma=String.raw`(?!${pa}|\s+(?:over|across)\s+to\b)`,ha=String.raw`(?!\s+(?:around|round|over|places|positions|order|sides)\b|\s+so\b[^.!?\n]*\b(?:first|last|left|right|top|bottom|before|after)\b|\s+and (?:the |my |our )?(?:text|words|writing|copy|heading|headings|titles?)\b|${pa})`,ga=String.raw`instead of (?:the|my|our|that|this) (?:old|other|current|previous|existing|first|second|third)\b(?!\s+(?:blank|empty|placeholder|grey|gray|tile|frame|spot|space|box)\b)`,_a=new RegExp([String.raw`\b(?:take|takes|taking|took|remove|removes|removing|delete|deletes|deleting|drop|drops|dropping|lose|get rid of|hide|hides|hiding|hid)\s+(?:out\s+|off\s+)?${fa}${da}\b${ma}`,String.raw`\b(?:swap|swaps|swapping|replace|replaces|replacing)\s+(?:out\s+)?${fa}${da}\b${ha}`,String.raw`(?<!\b(?:on|over|under|above|below|beside|behind|around|of|in|inside|within|to|with|from)\s+(?:(?:the|my|our|this|that|each|every)\s+)?(?:[\w'’-]+\s+)?)\b${da}(?:\s+\d+|\s+(?:of|from|in|with)\s+(?:[\w'’-]+\s+){0,3}?[\w'’-]+)?\s+(?:should|can|could|must|has to|needs to|may)\s+(?:go|be removed|be taken off|be deleted|be swapped|be replaced|be hidden|come off)\b`,String.raw`\b${da}\b[^.!?\n]{0,40}?\b${ga}`,String.raw`\b${ga}\s+(?:[\w'’-]+\s+){0,3}?${da}\b`,String.raw`\b(?:no more|without) (?:the|that|this) ${fa}${da}\b`,String.raw`\b(?:do not|don't|don’t|no longer)\s+(?:want|need)\s+${fa}${da}(?=\s*(?:[.,;:!?]|$|\s+(?:any ?more|at all|there|here|on (?:the|this|my|our) (?:page|site|website)|please|now)\b))`].join(`|`),`i`),va=new RegExp(String.raw`\b${ga}`,`i`),ya=(e,t)=>[t,...aa(e).map(e=>e.where)].map(e=>String(e||``).trim()).filter(Boolean).join(`
-`),ba=(e,t)=>_a.test(ya(e,t))||aa(e).some(e=>va.test(String(e.where||``))),xa=`Your words take a picture off the page or swap one. If it is one of the pictures in Media above, take it off there with the ✕ on it first — otherwise this sentence hands it back as a picture that stays.`,Sa=`It is not one of these`,Ca=(e,t)=>{if(!Array.isArray(e?.imagesSent))return``;let n=ya(e,t);if(!n||!ba(e,t)||ca(e).length)return``;let r=new Set(e.imagesSent.map(String));return!$(e).some(e=>r.has(e.url)&&Ui(e))||String(e?.picturesNotOnRow||``).trim()===n?``:xa},wa=(e,t)=>!Ra(e,t)&&aa(t).some(Ui)?[pt]:[],Ta=e=>Array.isArray(e?.imagesSent)?la(e):ia(e),Ea=e=>!e||typeof e!=`object`?!1:Object.entries(e).some(([e,t])=>e===`sent`||e===`imagesSent`||e===`mediaSent`?!1:Array.isArray(t)?t.length>0:t&&typeof t==`object`?Object.keys(t).length>0:String(t??``).trim()!==``),Da=`Make it match the rest of my app: style with the app’s own theme styles so it looks right in light and dark. Do not pick your own colors. Build it from the app’s own pieces — import { SectionHeading, Card, Button } from 'your-ai-workflow-firebase-os': section titles are SectionHeading, buttons are Button, and a boxed section (only where one is called for) is Card — so nothing gets a look of its own. Do not add a dropdown, a search box, a filter, a picker or a switch I did not ask for. If something I asked for needs a dropdown, it is CustomSelect from the same import (options as { value, label } pairs; onChange hands back the chosen value itself) — never the browser’s own <select>, which ignores my theme. Everything must be readable: an icon or word on a button takes the button’s own text color — give it no color of its own, so there is never a dark icon on a colored button — and nothing anywhere is light on light or dark on dark. The design should be minimal, modern and clean and match the app.`,Oa=`Keep it matching the rest of my app: style with the app’s own theme styles so it looks right in light and dark. Do not pick your own colors. Anything new you draw uses the app’s own pieces — import { SectionHeading, Card, Button } from 'your-ai-workflow-firebase-os': section titles are SectionHeading, buttons are Button, and a boxed section (only where one is called for) is Card. Do not add a dropdown, a search box, a filter, a picker or a switch I did not ask for. If something I asked for needs a dropdown, it is CustomSelect from the same import (options as { value, label } pairs; onChange hands back the chosen value itself) — never the browser’s own <select>, which ignores my theme. Everything must be readable: an icon or word on a button takes the button’s own text color — give it no color of its own, so there is never a dark icon on a colored button — and nothing anywhere is light on light or dark on dark.`,ka=`The type is yours to design here — size, weight, tracking and case chosen for this page: a heading may be large and light or small and widely spaced, a section title is your own heading, not the app’s SectionHeading; the typefaces are my theme’s — every heading is already in its display face and everything else in its body face, and font-display or font-body puts either on anything else — so the character comes from weight, size, space and case, never a font-family of your own. Buttons are still the app’s Button, and colours are still my theme’s.`,Aa=`Make it match the rest of my app: style with the app’s own theme styles so it looks right in light and dark. Do not pick your own colors. ${ka} Build it from the app’s own pieces — import { Button, Card, Reveal, RevealList } from 'your-ai-workflow-firebase-os': buttons are Button, a boxed section (only where one is called for) is Card, every section after the first eases in inside <Reveal as="section">, and a set of things inside <RevealList> on its own, never inside a Reveal. Do not add a dropdown, a search box, a filter, a picker or a switch I did not ask for. If something I asked for needs a dropdown, it is CustomSelect from the same import (options as { value, label } pairs; onChange hands back the chosen value itself) — never the browser’s own <select>, which ignores my theme. Everything must be readable: an icon or word on a button takes the button’s own text color — give it no color of its own, so there is never a dark icon on a colored button — and nothing anywhere is light on light or dark on dark.`,ja=`Keep it matching the rest of my app: style with the app’s own theme styles so it looks right in light and dark. Do not pick your own colors. ${ka} Anything new you draw uses the app’s own pieces — import { Button, Card, Reveal, RevealList } from 'your-ai-workflow-firebase-os': buttons are Button, a boxed section (only where one is called for) is Card, a new section eases in inside <Reveal as="section">, and a set of things inside <RevealList> on its own, never inside a Reveal. Do not add a dropdown, a search box, a filter, a picker or a switch I did not ask for. If something I asked for needs a dropdown, it is CustomSelect from the same import (options as { value, label } pairs; onChange hands back the chosen value itself) — never the browser’s own <select>, which ignores my theme. Everything must be readable: an icon or word on a button takes the button’s own text color — give it no color of its own, so there is never a dark icon on a colored button — and nothing anywhere is light on light or dark on dark.`,Ma=`Whatever genuinely fits what I asked for is right. My words below are the brief, and where they describe a section that description is the whole of it: what I list there is all it holds. Keep the words few and let the page be visual: my theme’s own colours and type, real space, real scale, and the pictures I gave you — or a clean placeholder where a picture I have not given you yet belongs. Sections are separated by space, not by lines or boxes — no border above or below a section, and no frame, shadow, box or caption around a picture I gave you unless my words for it ask for one. Draw no icon my words do not ask for: not beside a heading, not on a button, not in a list, not on a card. Every page of mine should look like it was designed for what it does, not like the last one with the words swapped. Use my theme’s colours and nothing else — no green, red, amber or yellow to mark anything: no green “in stock” pill, no red “sold out” chip, no amber “pending”, no coloured dot beside a status. Traffic lights are nobody’s theme and they look cheap over a design. Say the state in words and tell it apart with my accent colour, my text colour and a quieter version of it.`,Na=e=>`Design it yourself and make it impressive. Do not copy the shape of another page of mine${e?` — my home page least of all, which is a starter I never designed —`:` unless my words below name one to match, and then only its look, as said under this —`} and never reach for a title, a line under it and a row of icon cards because that is what a page usually has. ${Ma}`,Pa=Na(!0),Fa=`Whatever you draw for this change is yours to design, and worth making good: my theme’s own colours and type, few words, something to look at. Do not copy the shape of another page of mine, never fall back on a title with a quieter line under it and a row of icon cards, and add no icon, line, frame or box my words do not ask for.`,Ia=`Build it finished and REAL — this is my live app, not a demo. Every button does the thing it names, every list reads and writes the real thing, and nothing on the page is invented: no made-up products, prices, people, reviews, photos or numbers; no claims about me I did not make — no places, years, materials, guarantees, services, awards or slogans of your own — and no paragraph telling my story: the words on the page are mine, from below, plus the few a heading, a button or a piece’s title needs; no “coming soon”, and never a few example rows put there so it looks full. Nothing is shown twice to fill space either: each product, picture or entry appears ONCE, never repeated to fill out a row, a grid or a carousel — when there are fewer than the design has room for, the design fits the ones there are. A list with nothing in it yet shows one short, quiet line of words in my quieter text colour — no icon, no drawing, no box around it, and no button unless it is the one that adds the first thing — and fills up as people use it. Where my words ask for words they do not give — a brand statement, a tagline, a welcome line — use my app’s own name — appName in my theme settings — and nothing more: never a line of your own, and never a bracketed “your text here”. A section’s heading is the exception: my own word for the section where I named it, or else a few plain words saying what it holds — and under it, where it helps, one short line of your own about what the section holds: one line, never a paragraph, a slogan or a claim about me. And when what I describe happens in STEPS — one thing, then the next — build it as steps: one on screen at a time, what they entered carried forward to the next, a way back, and the last step doing the real thing at the end. Never lay every step on the page at once. A step that is a page of its own — a basket, a checkout, a finished order — gets its own real web address that says what it is (/basket or /cart, /checkout, /order), set on that page and gone to with a link, never by swapping what one address draws underneath somebody: that is what makes the browser’s Back button walk back through the steps, and what lets somebody leave it open and come back to it. A page about one particular thing keeps its plain address and carries the thing as a question on the end — /order?number=A7F31, read with useSearchParams — because my app matches a page’s address whole and a /order/:id never matches anything at all.`,La=`If the page opens with a hero, make it the full height of the first screen: min-h-[calc(100svh-var(--menu-h,0px))] on that one section — the screen less the menu bar the app draws above it, which the app measures into --menu-h — never min-h-screen, which pushes the bottom of the hero and whatever stands there past the fold by the bar’s height; never a fixed height, never overflow hidden. Its wow factor comes from scale — a picture I put in the hero fills it, edge to edge, with the words laid over or beside it, never shrunk into a box — and never from things my words did not put there. A hero picture that is TALLER than it is wide (its brackets say so — tall, 4:5, portrait) is the exception on a wide screen: never crop a person to a strip. It takes one side of the hero at the full height, cropped only at its own edges with the whole figure kept in view, and the other side is the words, on a background that is the picture’s own plain background colour continued (the brackets name it) so the photo has no visible edge — that one colour, taken from the picture, is the one colour you may add beyond my theme, and only behind that picture. On a phone the picture takes the first screen and the words sit over its quietest part or under it. End it where the next section begins: the rest of the page comes after it, never inside it.`,Ra=(e,t)=>e?.type?e.type!==`public`:!!t?.pageType,za=/\b(?:minimal|minimalist|small|short|compact|slim|thin|narrow|low|modest|little|tiny|simple)(?:,?\s+[\w-]+){0,2}\s+(?:hero|header|banner)\b|\b(?:hero|header|banner)\b[^.\n]{0,100}\b(?:without taking (?:up )?(?:too )?much (?:space|room)|not (?:be |to be )?(?:too |very |that )?(?:tall|big|large|high)|minimal|small|short|compact|slim)\b/i,Ba=`My words below say how big the top of this page is, and they win: a hero or header I call minimal, small or short is exactly that — a calm band with its heading in it, never the full height of the screen and never padded out to look like more. It still begins directly under the menu bar, and the rest of the page comes after it, never inside it.`,Va=e=>za.test(String(e||``))?Ba:La,Ha=e=>{let t=e.find(e=>e.id===`home`);return!t||!Us(t.config)},Ua=String.raw`(?:match(?:ing|es)?|like|same[^.\n]{0,24}?as|in the (?:same )?(?:style|look|design) (?:of|as)|consistent with|similar to|mirror(?:ing|s)?|in keeping with|as on|as)`,Wa=(e,t,n)=>{let r=String(e||``);return r.trim()?hs(n).filter(e=>{if(e.path===t)return!1;let n=[e.title,e.path.replace(/^\//,``)].map(Kn).filter(Boolean);return new RegExp(String.raw`\b${Ua}\b[^.\n]{0,60}?\b(?:${n.join(`|`)})\b`,`i`).test(r)}):[]},Ga=(e,t,n)=>{let r=Wa(e,t,n);return r.length?[`My words below name a page of mine to match: ${r.map(e=>`my ${e.title} page (${e.path}) — its one file is ${e.file}`).join(`; `)}. Open that file and take its LOOK — the type sizes and weights, the spacing between and inside sections, the card and button style, the corner radius, the way pictures sit, the motion — so this page reads as the same site. Do NOT take its sections, its layout or its words: this page has its own, from my words below, and a page that repeats another’s sections is the one thing “matching” never means.`]:[]},Ka=(e,t=``,n=[])=>qa.flatMap(r=>r===La?[Va(e)]:r===Pa?[Na(Ha(n)),...Ga(e,t,n)]:[r]),qa=[`The whole page is yours to design: the app draws only the menu bar at the top — no heading, no back button and no panel — so the page’s heading is yours too, designed with everything else. Lay it out however suits it across the full width of the window, and give its content the same side padding the menu bar has — px-4 md:px-8 — so the page’s words start exactly where the logo above them does. That padding is the floor and it is on EVERY section: a background, a picture or a band of colour may run right to the edges, but the words, buttons and boxes standing on it keep it (px-6 md:px-12 where a section wants more air; never less, and never none — a heading hard against the side of the window is the thing I notice first). Let it breathe down the page too: real space between one section and the next — py-16 md:py-24 on a section, or a gap-16 md:gap-24 column — never sections flush against each other. The very top depends on what the page opens with. If it opens with a picture or a band of colour that RUNS EDGE TO EDGE, that begins directly under the menu bar: no empty band across the top of it and no mt-* or pt-* on the FIRST thing you draw — the bar’s own space is the whole gap. If it opens with WORDS — its heading — they get room instead, pt-10 md:pt-16 above them: a heading pressed up under the menu is as cramped as one hard against the side of the window. And a PHOTO standing on the page rather than filling the width — a model, a person, a product, with my background showing at its sides — gets pt-6 md:pt-10 for the same reason: close under the menu is right, against it is not. Whichever it is, nothing is pushed down the screen to leave room for a heading the app is not drawing. That is about the top only; everything below it keeps its padding and its space. Never stack panels inside panels, never let sections overlap, and when the content grows tall let the page scroll.`,Pa,ut,Qe,La],Ja=`The app draws nothing on this page but the menu bar at the top — no heading, no back button, no panel — so the whole page is yours, its heading included: if the file has no heading of its own yet, design one as part of the page. Keep the page lined up with the menu bar above it: the same side padding on your content that the bar has — px-4 md:px-8 on every section, never less and never none — with only backgrounds, pictures and bands of colour running right to the edges, the words and buttons standing on them keeping that padding.`,Ya=`This page is a screen INSIDE my app, not a page of my website: it opens for somebody who has already signed in, under the heading and the menu the app draws itself — those two are the app’s, never yours to change, repeat or restyle. So it never opens like a landing page — no full-height hero, no headline selling my app to a visitor, no marketing sections, and no page heading, menu, background or wrapper of your own: the app’s own chrome is not yours to redraw. Begin with the thing the page is FOR, at the top, where somebody who came to use it will reach it without scrolling; anything explaining it goes after that, short. Below that the design is yours. The app puts no panel around your content, so give it a main container of its own the way my other tabs do — glass-panel border border-[var(--panel-border)] rounded-3xl — and design freely inside it: what it holds and how it looks are yours, but having one is what makes the page read as part of my app instead of words lying on the background. That container fills the width it is given — it starts and ends exactly where the menu above it does, like every other tab — so keep everything inside the menu’s width and let it fill that width: never a narrow strip down the middle, no max-w-* with mx-auto wrapped around the page, nothing centred just because it is short, nothing wider than the menu, no negative side margins, nothing fixed to the screen. Lay it out as one clean column of sections across the full width of that space, never a panel inside a panel (that container is the one panel — the sections inside it are not panels of their own), never sections that overlap, and when it grows tall let it scroll.`,Xa=[[/<Basket\b/,`a basket, its checkout and its Pay button are ONE <Basket> with a <BasketButton />`],[/<CheckoutReturn\b/,`coming back from paying is <CheckoutReturn>`],[/<BuyButton\b/,`one thing bought is <BuyButton>`],[/\busePublicCopy\(/,`what a page anyone can open shows of my team’s records is read with usePublicCopy() and never written`],[/\buseCases\(/,`entries sent to people are read with useCases() and arrive by themselves — never fetched from the Inbox`],[/\buseStock\(/,`what is left in stock is useStock().left() — never a stock number read off a record`],[/\btally\(/,`what visitors do is counted with tally()`],[/\buseTallies\(/,`those counts are read with useTallies() on the page for my team and shown on every card`],[/\blogHistory\(/,`a history is logHistory() and <History>`],[/<SwatchField\b/,`a colour that is data is picked with <SwatchField> and shown with <Swatch>`],[/<NumberStepper\b/,`a count somebody sets is <NumberStepper>`],[/<Pipeline\b/,`things moved through stages are <Pipeline>`],[/<HandOver\b/,`handing an entry to a person, and showing who holds it, is <HandOver>`],[/\busePeople\('internal'\)/,`a person from my team is picked from usePeople()`],[/<MadeBy\b/,`who made or changed a thing is <MadeBy>`],[/<Bars\b/,`numbers drawn side by side are <Bars>`],[/<UploadBox\b/,`an upload is <UploadBox>`],[/<Lightbox\b/,`the big picture of a set zooms in <Lightbox zoom>`]],Za=[[/\busePublicCopy\(/,`usePublicCopy(…) said once at the top, so my app keeps the public copy`],[/\buseStock\(/,`const stock = useStock(actions.records) beside it, and stock.left(…) drawn and edited as the count, never .stock off the record`],[/\buseTallies\(/,`the counts read with useTallies(…) and SHOWN on every card`],[/<Bars\b/,`those counts drawn with <Bars>`]],Qa=(e,t)=>{let n=[...e];for(let e of t){let t=n.findIndex(t=>t.startsWith(`Now the page at ${e}`));if(t<0)continue;let r=n.slice(0,t).filter(t=>t.includes(`at ${e}`)).join(`
-`),i=Za.filter(([e])=>e.test(r)).map(([,e])=>e);if(i.length<2)continue;let a=n.findIndex((e,n)=>n>t&&(e.startsWith(`Now the page at `)||e.startsWith(`Do not touch any other page`)));a<0&&(a=n.length),n.splice(a,0,`So that none of it is missed, here is everything this request changes on the page at ${e} — ${i.length} things, and it is not done until all ${i.length} are in its file: ${i.map((e,t)=>`(${t+1}) ${e}`).join(`; `)}. Each one is spelled out above; this is only the list.`)}return n},$a=e=>{let t=e.join(`
-`).split(n.Zn).join(``),r=Xa.map(([e,n])=>({at:t.search(e),clause:n})).filter(e=>e.at>=0).sort((e,t)=>e.at-t.at).map(e=>e.clause),i=r.some(e=>e.startsWith(`a basket`))?r.filter(e=>!e.startsWith(`one thing bought`)):r;return i.length?[`One last time, because it is what goes wrong most: build everything my words ask for — every part of it, real and working, none of it left for later — and wherever a line above names my app’s own piece for a job, that piece does the job, never one you wrote yourself in its place: ${i.join(`; `)}.`]:[]},eo=(e,t,r=[])=>{let i=Li(e,t),a=String(t?.tabName||t?.pageName||``).trim(),o=a===`New page`?``:a,s=String(t?.brief||``).trim(),c=gs(e,t,r),l=Qa([`My app already has a page${o?` called ${o}`:``} at ${i}. It is already made and it is already in the menu — do not create a page, a web address or a settings file for it, and do not edit any file this request does not ask for${c.length?`, apart from the one thing a line below DOES ask for: where a button on another page of mine leads`:``}.`,...to(e,t),Ra(e,t)?Da:Aa,...Ra(e,t)?[Ya]:Ka(s,i,r),fs,Ia,$e,Z,Ze,it(!Ra(e,t)),...zo(e,t,s),...Ra(e,t)?[]:[ms],...c,...us(e,t,s),...Bo(e,t,Pn()?[s,Ue(t)].join(`
-`):s),...ds(e,t),`Here is what I would like on it: ${s||`___`}`,...wu({...t,id:e.id},r),...Wl({...t,id:e.id},r,n._r(t).map(e=>n.Nr(e.pageId,r)?.id||e.pageId),!0),...Ou(t,r)],Tu(t,r).map(({target:e})=>e.path));return[...l,...$a(l)].join(`
-`)},to=(e,t,n=`the page`)=>{let r=En(Fi(e,t))||`Page`,i=r.replace(/([a-z0-9])([A-Z])/g,`$1_$2`).toLowerCase();return[`Write one file: ${Ii(e,t)}, with a default export. That file is what ${n} shows.`,`Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts so the app loads your file: import ${r}Content from './${r}Content'; and registerMicrocomponent('${i}', ${r}Content); — registerMicrocomponent is imported there from 'your-ai-workflow-firebase-os'. Never remove another page's lines from that file.`]},no=/\b(?:baskets?|carts?|check ?out|wish ?lists?|favou?rites?|shortlists?|saved for later|their own|each visitor|per visitor|each person|each customer)\b/i,ro=/\b(?:colou?r (?:shades?|variants?|options?|swatch(?:es)?|pickers?|choices?)|shades?|swatch(?:es)?|(?:select|choose|pick|switch(?: between)?) (?:a |the |its |their |between )?(?:colou?rs?|shades?)|comes? in (?:\w+ )?colou?rs|available colou?rs)\b/i,io=e=>ro.test(e)?["The colours my words ask for are DATA, not design: a shade is one hex string on the record ('#d8c3a5', or a list of them). Wherever one is picked it is my app's own <SwatchField label='Shades' multiple value={…} onChange={…} /> and wherever one is shown or chosen it is <Swatch color={shade} name={…} selected={…} onClick={…} />, both from 'your-ai-workflow-firebase-os' — never <input type='color'>, never a class built from the shade (bg-[${shade}] draws blank), never a fixed list of named colours of your own. The page's OWN colours are still only my theme's."]:[],ao=/\b(?:variants?|variations?)\b|\bcomes? in (?:\w+ )?(?:colou?rs|sizes|shades|finishes|styles)\b/i,oo=`A thing with variants is shown as ONE variant at a time — the chosen one — everywhere it is shown, its card included. Every card keeps its own chosen variant (its first until another is pressed), and the variants' swatches or names sit ON the card as buttons of their own: pressing one swaps that card's picture and stock — and its price, where a variant has its own — for that variant's right there, without opening anything. A button is never inside another button — the card opens from its picture and its name, and a <Swatch> press stops at the swatch by itself, so it never opens the card too. Stock is ALWAYS a variant's own: on the card, in the preview, wherever it is set, shown or sold, the number is the chosen variant's — never the variants added up into one, and never a stock of the whole product saved beside theirs.`,so=e=>ao.test(e)?[oo]:[],co=/\b(?:stock|inventory|quantit(?:y|ies)|qty|(?:pick|choose|select|set|adjust|enter|change) how many|how many (?:guests|people|seats|tickets|nights|rooms|adults|children|items|units|copies|of (?:each|them|it))|number of (?:guests|people|seats|tickets|nights|rooms|adults|children|items|units|copies))\b/i,lo=/\b(?:kanban|pipeline|(?:drag(?:ged|ging|s)?|mov(?:e|ed|es|ing)) (?:\w+ ){0,3}(?:between|across|from|into|to) (?:\w+ ){0,2}(?:columns?|stages?|the next|status(?:es)?)|(?:columns?|stages?|statuses)(?: such as| like)?:\s*\w|from (?:new|to ?do|open|pending|planning|backlog) to (?:done|delivered|closed|won|complete|completed|finished|paid|review)|moves? (?:through|along|between) (?:the |its |their )?(?:stages|steps|columns|statuses)|board (?:of|with|in) (?:\w+ )?(?:columns|stages|statuses)|in (?:two|three|four|five|six|\d) columns)\b/i,uo=(e,t)=>!e?.pageType||j.s(String(e?.template??``))||!lo.test(t)?[]:[`Where my words move things through STAGES — the columns of a board, a pipeline, from one status to the next — that board is my app's own <Pipeline stages={[{ id: 'todo', label: 'To do' }, { id: 'doing', label: 'In progress' }]} items={actions.records} stageOf={(t) => t.stage} onMove={(t, stage) => actions.updateRecord(t.id, { stage })} onOpen={(t) => setChosen(t)} card={(t) => <>…</>} /> from 'your-ai-workflow-firebase-os': you write what ONE card says (card) and how a move is saved (onMove — return the write's promise, so a refused move puts the card back and says so); it draws the columns, the count on each, the loading blocks and the empty stage, drags under a mouse AND a finger, gives every card a small "move to" list for a keyboard, and on a phone the stages swipe sideways. canMove={(t, stage) => …} says where a thing may not go; onMove's third word is where it landed among the others. A card says three or four things — the rest opens WHOLE in a <Popup> from onOpen, and what can be done to it lives there. NEVER draggable, onDragStart, onDrop, a drag library or columns of your own, and never a stage kept anywhere but on the record as its stage.`],fo=/\b(?:assign(?:ed|s|ing|ee|ees|ment|ments)?|allocat(?:e|ed|es|ing)|hand(?:ed|s|ing)? (?:it |one |them |each )?(?:to|over|out)|team ?members?|colleagues?|(?:who|someone|somebody|anyone|one of us|people|person|members?) (?:on|from|in) (?:my|our|the) team|(?:team|project|account) leads?|who leads? (?:it|them|each|the)|(?:the |its |their )lead(?:'|’)?s? (?:face|photo|avatar|name)|leads? (?:it|them|the project)|responsible for|in charge of)\b/i,po=(e,t)=>{if(!e?.pageType||a.Pn(e)!==`shared`||j.s(String(e?.template??``)))return[];let n=a.Gn(e);return!n.includes(`internal`)&&!n.includes(`admin`)||!fo.test(t)?[]:[`Where my words put somebody from my team ON a record — assigned to them, handed to them, leading it, on it — that is two fields on the shared record, their uid and their name, and nothing else: the record stays in this page's own list, where everybody on this page reads it, and "mine" or "only my tasks" is that same list narrowed in the browser to the records carrying the signed-in person's uid — never a user_ collection, never a query on a uid, and never a uid that limits who may READ it. Anybody who may change a record may put a person on it, so the picker is where my words put it, not an admin's alone. The person is picked from usePeople('internal') from 'your-ai-workflow-firebase-os' — each shown by their name with their email address beside it, both of which usePeople hands you, and the picker says so while they load; if it answers nobody, or an error, that is one short line where the picker would be (people are put on my team on the Users screen), never a picker with nothing in it. Never read user_profiles yourself. Save both their uid and their name on the record: the name is what the page draws, and the uid is who notify({ toUid }) rings.`]},mo=/\b(?:who (?:created|made|added|finished|completed|changed|edited|updated|closed|posted) (?:it|them|each|the|a|an|this|that|every)\b|(?:created|made|added|finished|completed|edited|updated|posted) by\b|(?:creator|author)(?:'|’)?s? (?:name|face|photo|avatar)|show(?:s|ing)? who (?:created|made|added|did|finished)|(?:the|their|its) (?:lead|owner|creator)(?:'|’)?s (?:face|photo|avatar|name))\b/i,ho=(e,t)=>!e?.pageType||!mo.test(t)?[]:[`Who made a record, and who changed it last, is on the record already — actions.saveRecord stamps creatorName, creatorAvatar and createdAt, actions.updateRecord stamps editedName, editedAvatar and editedAt — and it is drawn with <MadeBy record={r} /> for who made it and <MadeBy record={r} edited /> for the last change (it draws nothing on a record nobody has changed), both from 'your-ai-workflow-firebase-os'. Never a name, an email or a uid saved by hand for it, and never user_profiles read to turn a uid into a name — that read is refused for every role but my team. Who FINISHED something is whoever moved it to its last stage: the stamp updateRecord left, drawn with the edited word.`],go=/\b(?:charts?|graphs?|visuali[sz]ations?|infographics?|diagrams?|(?:shown|show(?:n|ed|ing)?|see|totals?|numbers?|hours|amounts?|breakdown|figures) (?:\w+ ){0,3}visually|visually(?: \w+){0,3} (?:so I can see|where the|by (?:person|project|month|week|day)))\b/i,_o=(e,t)=>!e?.pageType||!go.test(t)||Eo.test(t)?[]:[`Where my words ask for numbers to be shown VISUALLY — a chart, a graph, "so I can see where the time goes" — that is my app's own <Bars items={[{ label: 'Design', value: 12 }, { label: 'Build', value: 30 }]} /> from 'your-ai-workflow-firebase-os': one bar for each number, every bar the theme's accent, the number written at its tip; size='sm' fits a card's corner, format={money} writes them as prices, note puts a few quiet words after a number, max gives the scale a top of its own. The numbers are added up from the page's real records in the browser — never a made-up one — and each item's label is what it counts. NEVER bars of your own (a div whose width is a percentage), never a chart library (recharts, chart.js, d3), never a colour per bar, and only where my words ask for a picture of the numbers: everywhere else a number is a number with its word.`],vo=`How many of a thing somebody buys is set in my app's own basket: each line inside <Basket> has its own − and +, and pressing a thing's add button again puts one more in. So a card or a pop-up needs no count of its own — never a stepper, a box or a − and + of your own for how many to buy.`,yo=String.raw`(?<!\b(?:book|books|booked|booking|schedule|schedules|scheduled|arrange|arranges|reserve|reserves)\s+(?:a|an|their|your|the|our|my)\s+(?:[\w-]+\s+){0,3})(?<!\b(?:log|logs|record|records|note|notes|summary|summaries|history|minutes|transcripts?)\s+(?:of|from|on|about|after|for)\s+(?:[\w-]+\s+){0,3})(?<!\b(?:no|without|not)\s+(?:a\s+|any\s+)?)(?:chat(?:s|ting)?|conversations?)`,bo=new RegExp(String.raw`\b(?:${yo}|back and forth|two[- ]way|messag(?:e|es|ing) (?:each other|one another|back)|writes? back|(?:can|to|and|may|then) reply|repl(?:y|ies) to (?:a|the|their|each|my|our|his|her|any) (?:message|note)s?|(?:their|the|any) replies(?!\s+(?:we|I|you|they)\s+(?:got|get|received|had|collected)\b|\s+to\s+(?:the|a|our|my|this|each)\s+(?:survey|poll|form|questionnaire|quiz|feedback)\b)|messag(?:e|es|ing)\s+(?:us|me|the team|our team)\b[^.!?\n]{0,30}?\b(?:we|I|they|the team)\s+(?:reply|replies|answer|respond|write back)|direct messages?|DMs?)\b`,`i`),xo=`Conversations on a page are switched off for now, so this page gets notes that go one way — from your team to the one person each is for, with the bell. Somebody who wants to answer writes to you through your contact form.`,So=(e,t)=>{if(!e?.pageType||!bo.test(t))return[];let n=`Conversations on a page are switched off in my app for now, so where my words ask for messages back and forth, build only the half that goes ONE way — never a chat, a reply box, a thread, a composer on the other side or an unread count. Somebody who wants to answer writes to me through my contact form.`;if(a.Pn(e)!==`case`)return[n];let r=j.t(e,a.Mn(e));return[`${n} A note is an entry of this page, written by whoever my words say writes them: const id = await actions.saveRecord({ text, toUid, toName }) — text is what it says, toUid and toName the one person it is for, picked from usePeople(…) — then sendTo('${r}', id, { people: [toUid], canEdit: false }), so it is theirs to read and nobody else's.${pr(e)?` Right after the sendTo, notify({ toUid, … }) tells them a note has arrived, with a link to this page.`:``} Their page lists the notes sent to them with useCases('${r}'), newest first, each with its text, who wrote it (<MadeBy record={note} /> from 'your-ai-workflow-firebase-os') and when (createdAt) — the fields saveRecord writes, and no others.`]},Co=/\b(?:(?:they|he|she|you)(?:'ve|’ve| have| had)? booked|(?:their|his|her|my|your) (?:own )?(?:bookings?|appointments?|reservations?)|what they (?:have )?booked|bookings? they (?:made|have))\b/i,wo=(e,t)=>[],To=(e,t=!1)=>co.test(e)?t?[vo]:[`If a count my words ask for is SET on this page — stock, a quantity, how many — it is my app's own <NumberStepper label='Stock' name={variant.name} value={variant.stock} min={0} onChange={(n) => …} onSettled={(n, from) => …} /> from 'your-ai-workflow-firebase-os': a − and a + a thumb can hit, with a box between them to type into. onChange fires on every press and is for the SCREEN; onSettled fires ONCE when they have stopped, with what it is now and what it was — the save goes there, and the history line if the page keeps one, so five presses are one save. Give it max wherever there is a most (what is in stock). Never <input type='number'> for a count, never a − and a + of your own, never a save on every press. A count that is only shown is plain words.`]:[],Eo=/\b(?:(?:amount|number|count|total|tally)s? of (?:views|visits|visitors|clicks|adds|downloads|shares|saves|times|people)|(?:view|visit|visitor|click|download|share|page ?view)s? (?:counts?|counters?|numbers?|totals?)|how many (?:people|visitors|customers|times|views|clicks)|analytics|statistics|stats|add(?:ed|s)?[- ]to[- ](?:the |their |a )?(?:cart|basket|bag) (?:actions?|counts?|clicks?|numbers?|totals?|events?)|most[- ](?:viewed|popular|opened|clicked)|times (?:it (?:was|is) |they (?:were|are) )?(?:viewed|opened|added|clicked|shared|downloaded)|count(?:s|ing)? (?:the |every |each )?(?:views|visits|clicks|downloads|shares))\b/i,Do=`Needs the rules pasted from /setup at 1.14.66 or later.`,Oo=(e,t)=>`Counting what visitors do is my app's own piece, never a write of yours: on ${e} call tally('products', product.id, 'views') from 'your-ai-workflow-firebase-os' in the press that opens the thing — one plain word for what is counted, the record's OWN id, then one of views, added, clicks, saves, shares or downloads. Call it and move on: never await it, it never throws, it counts one visitor once a visit and leaves my team's own looks out.${t?` The <Basket> there takes tally="products" and counts every add itself, so write NO tally beside basket.add().`:``} NEVER increment(, a views field on a record, a count in a pub_ collection or in the browser: a visitor is signed out and my security rules refuse that write, so it would only ever count me. ${e.charAt(0).toUpperCase()+e.slice(1)} SHOWS no count — only my team may read them.`,ko=/\b(?:charts?|graphs?|visual(?:ly|i[sz]ed?)?|visuali[sz]ations?|infographics?|diagrams?)\b/i,Ao=e=>ko.test(e)?`and because my words ask for them to be visual, draws them with my app's own <Bars items={[{ label: 'Views', value: counts.of(product.id).views }, { label: 'Added to bag', value: counts.of(product.id).added }]} size='sm' /> from the same package — never bars, a chart or a chart library of your own, and never dates along it: a count is one running total, there is no "per day" to draw`:`and a chart only where my words ask for one`,jo=(e,t=``)=>`${e.charAt(0).toUpperCase()+e.slice(1)} reads those counts with const counts = useTallies('products') from 'your-ai-workflow-firebase-os' — the SAME word the counting page uses — and shows counts.of(product.id).views and .added on each card as plain numbers with their words ("128 views · 14 added to bag"): 0 until somebody looks, never a made-up number, ${Ao(t)}. My app's public copy keeps each record's id, so the id counted under IS the id the card asks for. Units SOLD are not a count of presses — add them up from the paid orders. ${Do}`,Mo=(e,t)=>{if(!Eo.test(t))return[];let r=Al(e);return r===`public`?[Oo(`this page`,Fo(e))]:n.jr(r)||r===`admin`?[jo(`this page`,t)]:[`The counts my words ask for cannot be kept from this page: what visitors do is counted by my app's own tally() on a page ANYONE can open and read with useTallies() on a page for my team, and this page is neither. Build the rest, leave the counts out, and say so in your reply — never a views field, never increment(, never a made-up number.`]},No=/\b(?:histor(?:y|ies)|audit(?: trail| log)?|activity (?:log|feed)|change ?log|log of (?:every|all|each|the)|who (?:did|changed|edited|made) (?:what|it|them|each))\b/i,Po=(e,t)=>{if(!e?.pageType||!No.test(t))return[];let n=a.Mn(e);return n===`user_`||n===`case_`?[`The history my words ask for is a list of LINES kept on the record itself, each added ONCE at the moment somebody does the thing, in the same function that saves the change, and never afterwards: what was done in a few plain words with the old and the new value where there is one ("Stock of Sand: 12 → 9"), who did it — the person pressing the button, from useAuth() (user.displayName || user.email) — and when (Date.now()). Never make up lines for what happened before there was a history, never date one by subtracting from now, never sign one with whoever happens to be LOOKING at the page, and never keep a copy of the history in the browser. Show it newest first, each line with who and when.`]:[`The history my words ask for is my app's own, never a collection and a list of yours. Straight after each change is saved, in the same function, call logHistory('<the records' own ${n} collection>', record.id, 'Stock of Sand', { from: 12, to: 9 }) from 'your-ai-workflow-firebase-os' — what was done in a few plain words, and the old and the new value where there is one. It signs the line itself, with the person signed in and the time, so NEVER pass a name or a date — the one exception is a change my app applied from somebody's order, which carries by: { name: order.who.name } and at: order.at, never whoever had the page open. Show it with <History collection='<that same collection>' of={record.id} /> — newest first, in days, each line with who and when, and it says so while there is nothing.${n===`admin_`?``:` My app keeps the lines beside the records, in the SAME space — never an admin_ collection of your own for it, even where my words give the history to my admins alone: the people doing the work are the ones whose changes write it, and my security rules refuse them every write to an admin_ collection, so their lines would never be saved. "Only my admins see it" is then the <History> and its button left out of the page for everybody else (userRole === 'admin').`} Never make up lines for what happened before there was a history, never write one later or in a loop over old records, and never keep a copy of the history in the browser.`]},Fo=e=>Pn()&&!yl(e)&&Ie(e).length>0&&ze.test([e?.brief,e?.pageChange,Ue(e)].join(`
-`)),Io=e=>Fo(e)?{formId:Ml({path:``,audience:Al(e),config:e,prefix:``}).id}:void 0,Lo=`If what I describe below plainly needs more than one page — a page for each thing I list, a step I call a page of its own — make those pages too, in this same request, exactly the way a page asked for in the chat is made: each one as files, never in the database, its settings decided from my words, linked both ways with the page before it. Never a page my words do not call for, and never a second page, address or settings file for THIS one. And on this page its basket and its checkout are NOT pages of their own: they are my app’s own basket, which opens over this page — the payment lines below spell it out — so make no /basket, /cart or /checkout page, no settings file for one and no icon in my header for one.`,Ro=`This is ONE screen of my app. Only if my words below plainly call for a page of its own beyond it, make that page too, in this same request, the way a page asked for in the chat is made, and link the two both ways. Never a page my words do not call for, and never a second page, address or settings file for THIS one.`,zo=(e,t,n)=>Fo(t)?[Lo]:Ra(e,t)&&!ht(n)?[Ro]:[ps],Bo=(e,t,n)=>Ra(e,t)||!no.test(n)?[]:Fo(t)?[`The basket on this page is my app’s own — useBasket(), <BasketButton /> and <Basket />, the way the payment lines below spell out — and it already keeps what is in it in that one visitor’s own browser, through a reload and until they have paid. Never keep a basket with useVisitorState, in state of your own or in a collection. Anything ELSE a visitor builds up here before they act — a shortlist, favourites, answers they are part-way through — is kept with useVisitorState from 'your-ai-workflow-firebase-os' — const { value, setValue, clear, ready } = useVisitorState('shortlist', []) — which holds it in that visitor’s own browser and nowhere else; never in a collection, where every visitor to my site would read it.`]:[`Anything a visitor builds up on this page before they act — a basket, a shortlist, answers they are part-way through — is that one visitor’s and nobody else’s, and there is nobody signed in to keep it for. If it is a LIST of things they then SEND me without paying — a basket, an enquiry list, a quote request — it is my app’s own basket with one more word, all from 'your-ai-workflow-firebase-os': const basket = useBasket() where a thing is added (basket.add({ id, name, options, picture }), a price only if it has one; it opens the list itself), <BasketButton /> where the list is opened, and ONE <Basket send formId='…' /> near the top of the page. Its last step is my own form — formId names a form of mine that asks who they are — drawn inside it, and the list is sent with the entry as items; never a drawer, quantity buttons or a useVisitorState of your own for that list. Anything ELSE is kept with useVisitorState — const { value, setValue, clear, ready } = useVisitorState('shortlist', []) — which holds it in that visitor’s own browser and nowhere else; draw the empty shape until ready is true, and clear() it once they have gone through with it. Never keep it in a collection: every visitor to my site can read the collections a public page may touch, so one person’s basket would be everybody’s. What they actually order, book or send is a different thing — that goes through my app’s own form, payment or booking, and that is the half that reaches me.`],Vo=/\bupload(?:s|ing|ed|er|ers)?\b|\battach(?:es|ing|ed|ment|ments)?\b|\b(?:add|adds|adding|put|puts|putting|post|posts|posting|send|sends|sending|share|shares|sharing|drop|drops|dropping)\s+(?:in\s+|up\s+|a\s+|an\s+|the\s+|their\s+|his\s+|her\s+|its\s+|our\s+|my\s+|some\s+|several\s+|multiple\s+|new\s+|own\s+|\d+\s+)*(?:photo|photos|picture|pictures|image|images|file|files|document|documents|docs|pdf|pdfs|scan|scans|screenshot|screenshots|logo|logos|video|videos|cv|cvs|resume|resumes)\b/i,Ho=e=>Vo.test(String(e||``)),Uo=/\b(?:gallery|galleries|portfolio|catalogue|catalog|listing|listings|thumbnail|thumbnails|product|products|item|items|shop|store|menu of|lookbook|collection|collections|photo wall|slideshow|carousel|grid of\s+\w+)\b/i,Wo=e=>Uo.test(String(e||``)),Go=`In a gallery, a portfolio, a shop or any grid or row of pictures, every frame is cut to its own picture’s shape and the picture fills it exactly — the whole picture in view, nothing cropped off, and no space, tint or padding showing round it. Never a box whose shape you chose with the picture sitting inside it, and never fit="contain" for a photo. For a picture I gave you, put the two numbers in the brackets after its link on <Picture> as width and height (1200 × 1500 → width={1200} height={1500}). For a picture you have not seen — one people upload, a product’s own photo, anything read back out of a record — give it nothing: <Picture> already knows its shape. Either way, nothing about height or shape goes in its className — no aspect-something, no h-something. When the pictures are not all one shape, lay them out as columns that each keep their own heights (columns-2 md:columns-3 gap-6, every tile break-inside-avoid mb-6), never rows of equal boxes; a row that scrolls sideways is the one place a height goes on it, with the width left to the picture (className="h-72 w-auto shrink-0"). A name or a price goes under its picture, never over it, and one with a page or a pop-up of its own shows its picture whole at its own shape. Each one is shown once — never the same product or picture repeated to fill out a row or a grid; the layout fits however many there are. The photo of the thing I am selling is the thing being sold — it has to shine, not be cut off, and not sit small inside a box.`,Ko=e=>Ho(e)||Wo(e)?[Go]:[],qo=`Where my words say somebody uploads or attaches something — a photo, a file, a document — that is my app’s own upload box and never one you build: <UploadBox value={photo} onChange={setPhoto} label="Product photo" /> imported from 'your-ai-workflow-firebase-os', placed where the thing being uploaded belongs, inside the form that adds the record. It uploads the moment a file is picked or dropped, shows it, lets it be swapped or removed, and hands you back the link to save on the record with everything else; several at once take multiple, and the value is then a list of links. Never a file input, a drop zone or an upload button of your own, never upload code, and never a box asking me to paste a link to a picture instead. If the page has no obvious place for the upload, design one — an upload I asked for and did not get is the part I will notice first. Wherever an uploaded picture is then shown — on this page or any other — draw it with <Picture src={record.photo} alt="…" className="…" /> from the same package, never a bare <img>.`,Jo=`If something uploaded here also has to show on a page anyone can open — my shop, my website — add shared to that box (<UploadBox value={photo} onChange={setPhoto} label="Product photo" shared />) and keep its link on the record, beside the name and the price — my app’s public copy carries it to that page, so never write the copy yourself. Without it the file stays inside this page’s own people and every visitor sees a broken square.`,Yo=`Where my words say somebody uploads or attaches something, this page’s own upload is the one to use and there is nothing to build: open it with openUploadModal(), which makes the entry and puts the file in it. Never draw an upload box, a file input or a drop zone of your own on this page, and never a box asking me to paste a link to a file. Show a file with the viewer the page already has — viewFile(file) — and draw a picture with <Picture src={file.url} alt="…" className="…" /> from 'your-ai-workflow-firebase-os', never a bare <img>.`,Xo=/\b(?:(?:make|mark|set|choose|pick)(?:s|es)?\b[^.\n]{0,40}\b(?:main|cover|primary|featured|first)|(?:main|cover|primary|featured) (?:image|photo|picture)|(?:re-?order|re-?arrange|drag(?:s|ged|ging)?(?: and drop| ?(?:&|n) ?drop)?)\b[^.\n]{0,60}\b(?:images?|photos?|pictures?|gallery)|(?:images?|photos?|pictures?)\b[^.\n]{0,40}\b(?:re-?order|re-?arrange|order them|in(?:to)? order))\b/i,Zo=`The set of pictures my words ask to put in order is that same box with one more word: <UploadBox multiple max={10} sortable value={pictures} onChange={…} label='Photos' />. Its tiles drag into order under a mouse and a finger, the FIRST picture is the main one and says so, and every other tile has Make main — so each set is ONE ordered list of links and its pictures[0] is the main picture wherever it is shown. Never an isMain flag or a mainIndex beside the list, never move-left / move-right buttons, and never the browser's own draggable.`,Qo=/\b(?:for|per)\s+(?:each|every)\s+(?:product\s+)?(?:variant|variation|colou?r|colou?rway|shade|size|option|edition|style|finish|model)s?\b[^.\n]{0,80}\b(?:upload|photos?|pictures?|images?|gallery)\b|\b(?:upload|photos?|pictures?|images?|gallery)\b[^.\n]{0,80}\b(?:per|for each|for every)\s+(?:product\s+)?(?:variant|variation|colou?r|colou?rway|shade|size|option|edition|style|finish|model)s?\b/i,$o=`The set of pictures my words ask to put in order belongs to EACH variant, not to the product: every variant gets its own box, inside that variant's own section, and its own list saved on the variant — <UploadBox multiple max={10} sortable value={variant.pictures} onChange={(pictures) => setVariant({ ...variant, pictures })} label='Photos' /> — never one gallery for the whole product. Its tiles drag into order under a mouse and a finger, the FIRST picture is the main one and says so, and every other tile has Make main — so each variant's pictures are ONE ordered list of links and variant.pictures[0] is its main picture. Never an isMain flag or a mainIndex beside a list, never move-left / move-right buttons, and never the browser's own draggable. Wherever the product is shown — its card, its preview, its pop-up — the pictures are the CHOSEN variant's, its first one largest, and pressing another variant's swatch or name swaps them for that variant's — on a card too, right there on the card, which starts on its first variant.`,es=e=>Qo.test(e)?$o:Zo,ts=(e,t,n)=>{if(!Ho(n))return[];let r=Ra(e,t);if(r&&String(t?.template||``)===`drive`)return[Yo];let i=Xo.test(n)?[es(n)]:[];return r?[qo,...i,Jo]:[qo,...i]},ns=/\bzoom(?:ed|ing|s)?(?:[- ]in)?\b|\benlarge[sd]?\b|\bfull[- ]?screen\b|\blightbox\b|\bview (?:the |all |its |their |each )?(?:photos?|pictures?|images?|gallery)\b|\b(?:click|tap|press)(?:s|es|ing|ed)?\b[^.\n]{0,30}\b(?:view|see|open)\b[^.\n]{0,20}\b(?:photos?|pictures?|images?)\b/i,rs=`Viewing and zooming are two things. Wherever a set of pictures is shown — a listing, its preview, the pop-up a card opens — it is VIEWED on the page itself: one big picture with the rest small beside or under it, and pressing a small one swaps the big one in place. Pressing the BIG one is ZOOMING, to see its details closer: it opens my app's own <Lightbox pictures={pictures} index={at} onIndex={setAt} onClose={() => setAt(null)} zoom /> from 'your-ai-workflow-firebase-os', with const [at, setAt] = useState<number | null>(null), which opens that picture WHOLE and magnifies the spot pressed in it — the close-up then follows the mouse exactly, a finger drags and pinches it, one more press shows it whole again — and its arrows and a swipe move on through the set. It never opens already magnified: which part of a picture somebody wants closer is theirs to choose. A grid of pictures with no big one (a gallery) opens a pressed tile the same way without zoom, whole, and a press there zooms in. Never a viewer or a magnifier of your own, never a 'zoom' that only shows the picture a little bigger, and never a picture that is only looked at.`,is=e=>ns.test(e)||Xo.test(e)?[rs]:[],as=/\b(?:main|nav|navigation|top|header|site|website)\s+(?:menu|bar|navigation)\b|\b(?:in|into|to|on)\s+the\s+(?:menu|header|nav|navigation|top bar)\b|\bmenu ?bar\b|\bnav ?bar\b/i,os=e=>as.test(String(e||``)),ss=e=>os(e)?Ts(e):``,cs=`If my words below are about the menu itself — how it looks, icons instead of words, a dropdown, anything about the bar — that is one file: src/your-ai-workflow-firebase-os/Menu.tsx. Change that file however you think best: it is handed every page of my site in the order I set (pages: label, path, iconName), a phone flag for the list inside the phone menu, and onNavigate to call after a tap there. Keep its named export Menu, keep every page it is handed reachable, draw nothing the header already draws (the logo, the theme toggle, Sign In), and never put a <style> tag in it — it is on every screen.`,ls=e=>`When the page is done, look at my menu. The bar is the app’s, and the pages in it are drawn by one file of mine — src/your-ai-workflow-firebase-os/Menu.tsx — which the app hands every page of my site that belongs in the menu, in the order I set. A menu that simply draws that list needs nothing from you; `+(e?`and this page is pinned in the header as its icon, so it never goes in that file. Change it only if something about my menu genuinely needs it for this page.`:`but if that file picks, groups, names or lays out my pages itself, add this page to it, where it belongs and looking like everything else in there. Changing that file is yours to do — keep its named export Menu, keep every page it is handed reachable, and draw nothing the header already draws (the logo, the theme toggle, Sign In).`),us=(e,t,n)=>{if(Ra(e,t))return[];let r=String(t?.iconName||``).trim(),i=r.replace(/-/g,` `),a=[r?`My menu bar is the app’s own, and it already shows this page in it as a ${i} icon — on every screen, at every size, whether somebody is signed in or not. So build no part of a menu inside the page: no menu bar, no nav, no icon of your own in a corner, no floating button.`:`My menu bar is the app’s own: it lists my pages itself, and I set their order and what each is called on my Pages screen. So never build a menu, a nav bar or a row of page links of your own inside the page. (If I want a page to sit in the menu as an icon instead of a word, I say which icon on that screen and the app does it.)`,ls(r)];return os(n)&&a.push(cs),a},ds=(e,t)=>{let n=String(t?.template||``),r=String(t?.form||``).trim(),i=String(t?.brief||``).trim(),a=t?.pageType?`private`:`public`,o=[...Gn(t)],s=Ar(t);o.push(...ar(e,t,[i,...s].join(`
-`),s.length>0)),o.push(...s),o.push(...Rr(t)),o.push(...Qr(t,s.length>0)),o.push(...Po(t,[i,...s].join(`
-`))),o.push(...Mo(t,[i,...s].join(`
-`))),o.push(...io([i,...s].join(`
-`))),o.push(...so([i,...s].join(`
-`))),o.push(...To([i,...s].join(`
-`),Fo(t))),o.push(...So(t,[i,...s].join(`
-`))),o.push(...wo(t,[i,...s].join(`
-`))),o.push(...uo(t,[i,...s].join(`
-`))),o.push(...po(t,[i,...s].join(`
-`))),o.push(...ho(t,[i,...s].join(`
-`))),o.push(..._o(t,[i,...s].join(`
-`))),ji.includes(n)&&o.push(Ni(n)),o.push(...ts(e,t,[i,...s].join(`
-`))),o.push(...Ko([i,...s].join(`
-`))),o.push(...is([i,...s].join(`
-`)));let c=Ps(t);return c?o.push(...Ls(t,a)):r?o.push(...Rs(t,r)):Ds(i)&&o.push(Os(t,a)),o.push(...zs(t,c)),o.push(...Ms(t,a)),o.push(...wn(t)),o.push(...al(t)),hc(e,t)||o.push(...pl(e,t)),o.push(...ia(t)),o},fs=`Anything I have not decided below — the section titles, the words on the buttons, the layout, where the pictures and the form go — decide yourself and build it finished; do not stop to ask me.`,ps=`If what I describe below plainly needs more than one page — a shop whose basket and checkout are pages of their own, a page for each thing I list — make those pages too, in this same request, exactly the way a page asked for in the chat is made: each one as files, never in the database, with its own settings file, its own content file and its two lines in registry.ts. Decide every setting from my words: its name, its web address, who can open it — the same people as this page unless I say otherwise — whether it needs a form, and where it sits in my header, from what the page is: a word in the menu only for a page that stands on its own; an icon pinned in the header for a page people reach for from anywhere, like a basket; and nowhere in the menu — an inner page, reached only from the page before it — for every step of a flow: a checkout, a payment, a thank-you page, a page about one order. My menu is not a list of every page that exists: a shop is one word in it, its basket an icon, and its checkout and confirmation are inner pages nobody sees listed. Then link them the way the flow goes: a button or a link on each page to the next and a way back, with what was built up on one page carried to the next, so no page is a dead end. A step I call a page of its own is a page of its own; the other steps stay inside the page they belong to. Each new page shows up on my Pages screen with the others, the inner ones under Hidden pages. Never a page my words do not call for, and never a second page, address or settings file for THIS one.`,ms=`A button or a link my words ask for that names a page I have not made yet — Shop, Book, About — is drawn as part of the design and left going nowhere for now: no "#", no address no page of mine answers, and do NOT make that page from this request. I make my pages myself on my Pages screen, and the moment one exists the app has that button lead to it. The pages the line above asks you to make are only the steps THIS page’s own flow needs — its basket, its checkout, its thank-you — never a page a button merely points at. And a button my words name for something a form described below does — an order, an enquiry, a booking — opens that form.`,hs=e=>e.flatMap(e=>{let t=String(e.title||``).trim()||e.path;return e.id===`home`?[{title:t,path:e.path,file:`src/your-ai-workflow-firebase-os/Home.tsx`}]:e.id===`dashboard`?Us(e.config)?[{title:t,path:e.path,file:`src/your-ai-workflow-firebase-os/microcomponents/DashboardContent.tsx`}]:[]:(ml(e)?Us(e.config):hl(e))?[{title:t,path:e.path,file:Ii({title:t},e.config)}]:[]}),gs=(e,t,n)=>{let r=e?Li(e,t):``,i=hs(n).filter(e=>e.path!==r);return i.length?[`The pages I already have were designed before this one existed, so some of them are probably promising it already — a button that says what this page is, a card, a line in a footer — written when there was nowhere to send it, so it goes nowhere, to '#', or it is not a link at all. Here are those pages and the one file each is drawn by: ${i.slice(0,8).map(e=>`${e.title} (${e.path}) — ${e.file}`).join(`; `)}. So when this page is built, open them and make what was waiting for it lead to it: wherever the words on a button, a link or a card name this page or promise the thing it does, wrap exactly those words and their classes in <Link to="${r||`this page`}"> and leave everything else about them alone — their words, their look, their place on the page and the section around them. Where it GOES is the only thing you change, and it is the only reason to open another page's file in this request. Never add a new link to a page that was not already offering one — my menu lists my pages by itself — and never redesign one of those pages along the way. It runs the other way too: a button YOU put on this page that names one of the pages above goes to that page's address, never to '#', never to a button that does nothing, and never to an address no page of mine answers. If something on one of them promises a page I do not have at all, leave it exactly as it is and tell me about it in a line at the end.`]:[]},_s=/^\s*(name|page name|address|web address|route|url|heading|title|forms?)\s*(?::|\s[-–—]\s)\s*(.*)$/i,vs=e=>{let t={name:``,address:``,heading:``,rest:``},n=[];for(let r of String(e||``).split(`
-`)){let e=r.match(_s),i=e?e[1].toLowerCase():``;if(!e||i===`form`||i===`forms`){n.push(r);continue}let a=e[2].trim();i===`name`||i===`page name`?t.name=a:i===`heading`||i===`title`?t.heading=a:t.address=a}return t.rest=n.join(`
-`).trim(),t},ys={public:{name:`Photos`,describe:`A gallery of my work, newest first, with a short line about me at the top and a Get in touch button at the bottom.`,form:`Ask for their name, email and what they need, at the bottom of the page under a Get in touch button. After they send it, thank them and say I answer within a day. And a second one at the top, Join the newsletter, that asks only for an email.`,payments:`A Book button under each session. After they pay, thank them here and say I will be in touch to set a time.`},user:{name:`My albums`,describe:`A private gallery with albums, where each person sees only their own. Use a camera icon in the menu.`,form:`A new album — its name and a line about it. After it is sent, open the album. And Report a problem — what went wrong, with a screenshot.`,payments:`A Pay button on each plan. After they pay, unlock the videos for them right here.`},internal:{name:`Clients`,describe:`A list of every client — name, what we are doing for them, the next step and its date — that anyone on the team can add to. Use a briefcase icon in the menu.`,form:`Add a client — their name, company and what they need. After it is sent, add them to the list. And Log a call — the client, the date and what was said.`,payments:`Every sale as a row — who, what, when — newest first, with the total this month at the top.`},admin:{name:`Invoices`,describe:`Every invoice — who, how much, paid or not — with totals per month at the top. Use a receipt icon in the menu.`,form:`Add an invoice — the client, the amount and the due date. After it is sent, add it to the list unpaid. And Record a payment — the invoice and the amount received.`,payments:`Every sale as a row — who, what, when — newest first, with the total this month at the top.`}},bs={visitor:`For new clients to book an intro call. Explain what the session covers first, and say I will confirm by email.`,ask:`What they need help with, their phone number, and whether they have worked with us before.`,team:`Every booking as a row — who, with whom, when — soonest first.`},xs=`A button under the opening hours that says Book time with me, and it opens in a pop-up over the page.`,Ss={how:`Every order made on this page appears there, newest first.`},Cs=`Show the albums three to a row, put a search box above them, and take the prices off.`,ws=`Ask for a phone number too, and add a second form at the bottom, Join the newsletter, that asks only for an email.`,Ts=e=>{let n=String(e||``).match(/\b(?:icon\s*(?::|is|of|should be|could be)?\s*(?:a|an|the)?\s*([a-z][a-z-]*)|(?:a|an|the)\s+([a-z][a-z-]*)\s+icon)\b/i),r=(n?.[1]||n?.[2]||``).toLowerCase();return!r||[`in`,`for`,`on`,`that`,`of`,`the`,`menu`].includes(r)?``:t.u(r,1)[0]||``},Es=e=>{let t=String(e||``).match(/^\s*(?:heading|title)\s*(?::|\s[-–—]\s)\s*(.+)$/im);return t?t[1].trim():``},Ds=e=>/\bforms?\b/i.test(e),Os=(e,t)=>{let n=Gc(e)||`page`;return`If my words below ask for a form, create it as one more file, src/your-ai-workflow-firebase-os/configs/${n}Form.config.ts, the way my app's instructions describe a form, with systemName '${n}' and formType '${t}', and show it on the page with <ContactPopup formId='${n}' /> — never build a form out of your own inputs. If they ask for more than one, each further form is one more file in that same shape, named after the page's id plus one lowercase word for what it is (${n}newsletterForm.config.ts, systemName '${n}newsletter'). If they name a form my app already has, show that one under its own id and do not make another. What each asks is in my words; where it goes and what its button says are yours to decide.`},ks=/\bbook(?:ed)?\s+(?:a|an|the|your|their|our|my|now|online|in|with|for|today|here|it|them|\d+)\b|\b(?:to|or|and)\s+book(?=\s*(?:[.,;:!?)]|$))/i,As=e=>ks.test(e)||a.Ct(String(e||``).replace(/\bbooks?\b/gi,` `)),js=(e,t,n)=>{if(!As(n))return[];if(yl(e))return[`Booking a time is not part of my app in this version, so there are no bookings for my team to follow. If my words below ask for them, leave that part out, build the rest, and say so in your reply.`];let r=String(e?.form||``).trim()||Gc(e)||`page`;return[`Booking a time is not part of my app in this version. If my words below ask for booking, people ask for a time on a form instead: the page's form (if the page has none, create one as src/your-ai-workflow-firebase-os/configs/${r}Form.config.ts, the way my app's instructions describe a form, with systemName '${r}' and formType '${t}', asking their name and their email) also asks the day they would like (a date question) and the time (a short text question), and each request arrives in my Inbox like any other entry. Draw no calendar of free times and no list of bookings, and say in your reply that booking a time is not in this version.`]},Ms=(e,t,n=String(e?.brief||``))=>js(e,t,n),Ns=e=>String(e?.formWish||``).trim(),Ps=e=>String(e?.form||``)===`__new__`||!!e?.formIsNew||!String(e?.form||``).trim()&&!!Ns(e),Fs=e=>{let t=Us(e);return!!String(e?.form||``).trim()||Ps(e)||!!t?.formWish||!!t?.form},Is=`Open each form as a pop-up from a button that belongs to the page's design — render <ContactPopup formId='…' onClose={…} /> while it is open. Build a form into the page only when it is what the page is for, or my words say the form itself sits on the page: then <ContactPopup formId='…' isInline bare /> inside a section of your own, under your own heading, with no Go Back button. Each form is shown one way — a pop-up or built in, never both.`,Ls=(e,t)=>{let n=String(e?.form||``),r=n!==`__new__`&&n||Gc(e)||`page`,i=Ns(e),a=String(e?.formFields||``).trim(),o=String(e?.formButton||``).trim(),s=String(e?.formSpot||``).trim();if(i)return[`The page needs the forms my words below describe — one, or several. If my words below name a form my app already has, show that one with <ContactPopup formId='…' /> under its own id and do not make another. Otherwise create the first as one more file, src/your-ai-workflow-firebase-os/configs/${r}Form.config.ts, the way my app's instructions describe a form, with systemName '${r}' and formType '${t}', and each further one as one more file in that same shape, named after the page's id plus one lowercase word for what it is (${r}newsletterForm.config.ts, systemName '${r}newsletter'). Show each on the page with <ContactPopup formId='…' /> under its own systemName — never build a form out of your own inputs. Where each goes on the page and what its button says are yours to decide.`,Is,`Here is what the forms should ask, and what happens after: ${i}`];let c=[`The page needs a form of its own. Create it as one more file, src/your-ai-workflow-firebase-os/configs/${r}Form.config.ts, the way my app's instructions describe a form, with systemName '${r}' and formType '${t}'. It should ask for: ${a||`___`}`,`Show that form on the page with <ContactPopup formId='${r}' /> — never build a form out of your own inputs.`,Is];return o&&c.push(`The form opens from a button that says ${o} — make that button part of the page's design, not an afterthought.`),s&&c.push(`Where the form belongs on the page: ${s}`),c},Rs=(e,t,n=!1)=>{let r=n?[`The page already shows my form ${Uc(t)} with <ContactPopup formId='${t}' /> — keep showing it, and change how it works here as my words say. Never write a form by hand.`]:[`Show my form ${Uc(t)} on it with <ContactPopup formId='${t}' /> — never write a form by hand.`,Is],i=Ns(e),a=String(e?.formButton||``).trim(),o=String(e?.formSpot||``).trim();return i&&r.push(n?`Here is what should change about the form here: ${i}`:`Here is how the form should work on this page: ${i}`),a&&r.push(`The form opens from a button that says ${a} — make that button part of the page's design, not an afterthought.`),o&&r.push(`Where the form belongs on the page: ${o}`),r},zs=(e,t)=>{let n=yl(e),r=a.V(e,a.yt(),n,a.vt());if(!r.length||n)return r;let i=String(e?.form||``).trim();if(Ps(e)||t)return r;let o=Us(e)?.formWish?Gc(e)||`page`:``;if(i||o){let e=i||o;return[o&&!i?`The page already has its own form, src/your-ai-workflow-firebase-os/configs/${e}Form.config.ts — add the question to that form where it is defined (if the page has several and my words name one, to that one), keeping its systemName exactly as it is.`:`The page's form is '${e}' — add the question to that form where it is defined, keeping its id exactly '${e}'.`,...r]}let s=a.Ot(e)?.ask.trim()||``,c=`their name (text) and their email (email)`;return[...Ls({...e,form:Wc,formFields:String(e?.formFields||``).trim()||(s?`${c}, and ${s}`:c)},e?.pageType?`private`:`public`),...r]},Bs={formWish:``,form:``,booking:{schedules:[],party:`each`,ask:``,how:``},bookingLinks:[],bookingLinksNote:``,links:[],emails:[],paymentIds:[],paymentNote:``,customPayments:[],roles:[],canDo:{},notifications:!1,notifyWish:``,notifyEmail:!1,prefix:``,space:``,arrivalsTo:``,deleteBy:`all`},Vs=e=>{let t={};if(!e||typeof e!=`object`)return t;for(let n of Object.keys(e).sort()){let r=String(e[n]??``).trim();r&&(t[n]=r)}return t},Hs=(e,t)=>{let r=Au(t);return{formWish:Ns(t),form:String(t?.form||``).trim(),booking:{schedules:r.schedules,party:r.party,ask:r.ask.trim(),how:r.how.trim()},bookingLinks:bn(t),bookingLinksNote:xn(t),links:n._r(t).filter(e=>e.pageId).map(e=>({pageId:e.pageId,how:e.how.trim()})),emails:Yc(t).map(e=>({...e,what:e.what.trim()})),paymentIds:cl(e,t).map(e=>e.id),soldIds:uc(e,t).map(e=>e.id),paymentNote:ll(t),customPayments:Ie(t),roles:t?.pageType?a.Gn(t):[],canDo:Er(t),notifications:pr(t),notifyWish:wr(t),notifyEmail:mr(t),prefix:t?.pageType?a.Mn(t):``,space:t?.pageType?a.Pn(t):``,arrivalsTo:Xl(t),deleteBy:P.s(t)?P.o(t):`all`,handOnBy:P.c({...t||{},arrivalsTo:Xl(t)})}},Us=e=>{let t=e?.sent;if(!t||typeof t!=`object`)return null;let n=Au({booking:t.booking});return{formWish:String(t.formWish||``).trim(),form:String(t.form||``).trim(),booking:{schedules:n.schedules,party:n.party,ask:n.ask.trim(),how:n.how.trim()},bookingLinks:bn(t),bookingLinksNote:xn(t),links:Array.isArray(t.links)?t.links.map(e=>({pageId:String(e?.pageId||``),how:String(e?.how||``).trim()})).filter(e=>e.pageId):[],emails:Yc({emails:t.emails}).map(e=>({...e,what:e.what.trim()})),paymentIds:Array.isArray(t.paymentIds)?t.paymentIds.map(String):[],...Array.isArray(t.soldIds)?{soldIds:t.soldIds.map(String)}:{},paymentNote:String(t.paymentNote||``).trim(),customPayments:Ie({customPayments:t.customPayments}),roles:a._n(t.roles),canDo:Vs(t.canDo),notifications:t.notifications===!0,notifyWish:String(t.notifyWish||``).trim(),notifyEmail:t.notifyEmail===!0,prefix:String(t.prefix||``),space:String(t.space||``),arrivalsTo:t.arrivalsTo===`team`||t.arrivalsTo===`handed`?t.arrivalsTo:``,deleteBy:P.o(t),handOnBy:t.handOnBy===`admin`?`admin`:`holder`}},Ws=e=>{let t=e?.copied;return t&&typeof t==`object`&&(t.kind===`build`||t.kind===`change`)?t:null},Gs=e=>{let t=Ws(e);return t&&!t.linkedFrom?t:null},Ks=(e,t)=>{if(!t)return e;let n={...e};for(let e of[`sent`,`imagesSent`,`mediaSent`])t[e]==null?delete n[e]:n[e]=t[e];return n},qs=e=>Ks(e,Gs(e)),Js=`Copied — paste it into your assistant’s chat. Press Edit to change the page after that.`,Ys=new Set([`built`,`sent`,`imagesSent`,`mediaSent`,`copied`,`_uiKey`]),Xs=e=>Array.isArray(e)?e.map(Xs):e&&typeof e==`object`?Object.fromEntries(Object.keys(e).filter(t=>e[t]!==void 0).sort().map(t=>[t,Xs(e[t])])):e,Zs=e=>{let t=JSON.stringify(Xs(Object.fromEntries(Object.entries(e||{}).filter(([e])=>!Ys.has(e))))),n=5381;for(let e=0;e<t.length;e++)n=(n<<5)+n+t.charCodeAt(e)|0;return`${t.length}:${(n>>>0).toString(36)}`},Qs=(e,t,n,r)=>{let i=Ws(e),a=i?.kind===t?i:e||{};return{kind:t,prompt:n,from:Zs(r),sent:a.sent??null,imagesSent:a.imagesSent??null,mediaSent:a.mediaSent??null}},$s=(e,t,n)=>{let r=Gs(e);return r?r.prompt&&r.from===Zs(t)?r.prompt:n(Ks(t,r)):n(t)},ec=(e,t)=>JSON.stringify(e)===JSON.stringify(t),tc=e=>{let t=String(e?.form||``).trim();return t!==`__new__`&&t||Gc(e)||`page`},nc=e=>(qc.find(t=>t.id===e)?.label||`that email`).replace(/^./,e=>e.toLowerCase()),rc=(e,t,r,i)=>{let o=Hs(e,t),s=t?.pageType?`private`:`public`,c=yl(t),l=[],u=!1,d=!1;if(o.form!==i.form||o.formWish&&o.formWish!==i.formWish){u=!0;let e=!!i.form||!!i.formWish;if(o.form||o.formWish)if(Ps(t))if(e){let e=tc(t);l.push(`The page's own forms already exist as files — the first as src/your-ai-workflow-firebase-os/configs/${e}Form.config.ts with systemName '${e}', any further one named after the page's id plus one lowercase word for what it is. Change them where they are defined, keeping each systemName exactly as it is, and keep showing each on the page with <ContactPopup formId='…' />. A form my words add is one more file in that same shape, with formType '${s}'. Never build a form out of your own inputs.`,`Here is what should change about the forms: ${o.formWish}`)}else l.push(...Ls(t,s)),d=!0;else o.form&&l.push(...Rs(t,o.form,o.form===i.form));else l.push(`Take the form off this page: stop showing it here, and leave the form itself where it is defined.`)}ec(o.booking,i.booking)||(u=!0,o.booking.schedules.length?l.push(...zs(t,d)):l.push(c?`This page no longer follows bookings — take the list of bookings off it.`:`Take booking off this page: remove the 'schedule' question from its form and every trace of the picker. The schedules themselves stay on my Schedule screen.`));let f=o.bookingLinks.filter(e=>!i.bookingLinks.includes(e)),p=i.bookingLinks.filter(e=>!o.bookingLinks.includes(e)),m=o.bookingLinksNote!==i.bookingLinksNote&&o.bookingLinks.length>0;if(f.length||p.length||m){u=!0,f.length?l.push(...wn(t,yn(),f)):m&&o.bookingLinksNote&&l.push(`Here is where the booking links on this page should sit now and how they should open: ${o.bookingLinksNote}`);for(let e of p)l.push(Tn(e))}let h=o.links.filter(e=>!i.links.some(t=>t.pageId===e.pageId&&t.how===e.how)),g=i.links.filter(e=>!o.links.some(t=>t.pageId===e.pageId)),_=[];if(h.length||g.length){if(u=!0,h.length){let n=h.map(e=>e.pageId);l.push(...wu({...t,id:e.id},r,n)),_=Ou(t,r,n)}for(let e of g){let t=n.Nr(e.pageId,r);l.push(t?`This page is no longer linked to the page at ${t.path} — take that connection off this page, and leave that page as it is.`:`The page this one was linked to has been deleted. Take the link off: the button, the link or the card that opened it, anything on this page that only made sense beside it, and anything this page read or wrote for it. Never leave a link to a page that is gone — it opens Page Not Found.`)}}let v=e=>e.filter(e=>e.kind!==`send`);if(An()&&Zc(t)&&v(i.emails).length&&!v(o.emails).length)u=!0,l.push(tl);else{let e=v(o.emails).filter(e=>!i.emails.some(t=>ec(t,e))),n=v(i.emails).filter(e=>!o.emails.some(t=>t.kind===e.kind));if(e.length||n.length){u=!0,l.push(...al({...t,formEmails:void 0,emails:e}));for(let e of n)l.push(`Stop the email this page sends to ${nc(e.kind)} — remove that call, and nothing else changes.`)}}let y=o.emails.find(e=>e.kind===`send`),b=i.emails.find(e=>e.kind===`send`);!ec(y,b)&&An()&&(c||b)&&(u=!0,y&&b?l.push(`Change the email my team sends from this page — keep it the one way this page sends it, the app's own <EmailWindow>, in place of any address, subject and message boxes and any emailAnyone call the page has of its own, and change only what it is for.${y.what.trim()?` Here is what should be sent now, and to whom: ${y.what.trim()}`:``}`):y?l.push(il(y)):l.push(`Take off the way my team sends email from this page — the <EmailWindow>, or the emailAnyone call and the boxes for it — and nothing else changes.`));let x=i.roles.some(a.Dn),S=o.roles.some(a.Dn),C=!ec(o.roles,i.roles)&&(x||S),w=!!i.prefix&&!!o.prefix&&o.prefix!==i.prefix,T=!!i.prefix&&!!i.space&&!!o.space&&o.space!==i.space&&!w,E=ec(o.roles,i.roles);if(C||w||T)if(u=!0,S&&C)l.push(...Gn(t));else if(T&&E){let e=o.space===`publish`;l.push(e?`What people make on this page is their own from here on, and goes out to everybody signed in only when they publish it — it is no longer an entry sent to the people it belongs to. The collections stay exactly where they are, with everything already in them: a record nobody publishes is simply its author’s, as it already was.`:`Nothing on this page is published any more: what somebody adds goes to the people it is sent to and to nobody else. The collections stay exactly where they are. Take off every Publish and Unpublish button, every usePublished and every isPublished, and — because a thing already published stays published until the word is taken off it — give me a way to take down the ones that are out, or take them down as you go.`),l.push(...e?Un(t,o.prefix):Hn(t,o.prefix))}else if(w&&!(x&&C)){let e=a.Pn(t),n=E?e===`case`?`Every entry on this page is sent to the people it belongs to from here on`:e===`publish`?`What somebody makes on this page is their own from here on, and everybody signed in sees it when they publish it`:e===`private`?`Everything on this page is each person’s own from here on — nothing on it is shared`:`Everybody who can open this page shares what is on it from here on`:`Who can open this page has changed`;l.push(`${n}, and its records now belong in ${o.prefix} collections rather than ${i.prefix} ones — read and write those from here on. Whatever is already saved in the ${i.prefix} collections stays where it is; do not move it unless I ask.`),E&&a.En(e)?(l.push(...e===`publish`?Un(t,o.prefix):Hn(t,o.prefix)),l.push(`Take off anything that read one of these collections directly — a getDocs, an onSnapshot or a query of your own — and read them through useCases instead: those calls are refused now, for everybody but my admins, and a refusal is never an empty list.`)):E&&i.prefix===`case_`?l.push(`Entries here are no longer sent to anybody: take off every sendTo, takeBack and useCases on this page, stop writing the access and editors lists onto new records, and read and write the collections above the ordinary way.`):E&&e===`private`&&l.push(`So every record here carries the uid of the person it belongs to, each of them reads only their own, and their uploads go to their own folder with them. Take off anything that showed one person another’s records, and never leave a shared list with a filter over it.`)}else l.push(`This page is no longer kept for one of my own roles, so its data goes back to the ordinary ${a.Mn(t)} collections — read and write those from here on. Whatever is already saved in the role_ collections stays where it is; do not move it unless I ask.`);let D=!ec(o.canDo,i.canDo)&&Object.keys(o.canDo).length>0;D&&(u=!0,l.push(...Ar(t,kr))),o.arrivalsTo!==i.arrivalsTo&&(o.arrivalsTo===`handed`||i.arrivalsTo===`handed`)&&Zl({...t,id:e.id},r).length>0&&(u=!0,l.push(...o.arrivalsTo===`handed`?pu(t):vu(t))),o.arrivalsTo===`handed`&&i.arrivalsTo===`handed`&&Zl({...t,id:e.id},r).length>0&&(o.handOnBy||`holder`)!==(i.handOnBy||`holder`)&&(u=!0,l.push(o.handOnBy===`admin`?gu:_u)),o.deleteBy!==i.deleteBy&&(u=!0,l.push(o.deleteBy===`admin`?Mr:o.deleteBy===`none`?Fr:Nr));let O=o.notifications!==i.notifications||o.notifyWish!==i.notifyWish,k=An()&&o.notifyEmail!==i.notifyEmail;if(O||o.notifications&&k)if(u=!0,!o.notifications)l.push(i.notifyEmail&&An()?Kr:Gr);else if(O){let e=D?[]:Ar(t,Wr);l.push(...e),l.push(...Qr(t,D||e.length>0,i.notifications?Vr:Br)),k&&!o.notifyEmail&&l.push(Yr)}else l.push(o.notifyEmail?Jr:Yr);let A=c?i.paymentIds:i.soldIds??i.paymentIds.filter(e=>!lc(i.bookingLinks||[]).has(e)),j=uc(e,t),M=j.filter(e=>!A.includes(e.id)),N=A.filter(e=>!j.some(t=>t.id===e)),P=o.paymentNote!==i.paymentNote&&o.paymentIds.length>0,ee=Pn()&&!c,F=i.customPayments||[],te=ee?o.customPayments:[],I=te.filter(e=>!F.some(t=>t.id===e.id)),ne=te.filter(e=>F.some(t=>t.id===e.id&&!ec(t,e))),L=ee?F.filter(e=>!te.some(t=>t.id===e.id)):[];if(M.length||N.length||P||I.length||ne.length||L.length){u=!0,(M.length||I.length)&&l.push(...pl(e,t,M,I)),!M.length&&P&&o.paymentNote&&l.push(`Here is what should appear for the payments on this page now: ${o.paymentNote}`);for(let n of ne){let r=F.find(e=>e.id===n.id);l.push(`The payment on this page whose amount the page works out — described before as "${r.how}" — works differently now: change it to match what follows, and nothing else changes.`),l.push(...He(n,Li(e,t),Io(t)))}for(let e of N){let t=n.mr().find(t=>t.id===e);l.push(c?`This page no longer follows ${t?n.xr(t):`that payment`} — take it off the page.`:`Take ${t?n.xr(t):`that payment`} off this page — its Pay button goes, and nothing else changes.`)}for(let e of L)l.push(`Take the payment whose amount the page works out — described as "${e.how}" — off this page: its Pay button goes, and nothing else changes.`)}return{changed:u,lines:l,linked:_}},ic=(e,t,n)=>Dl(e,t)||(Pn()&&!yl(e)?Le(e):``)||(n?hc(n,e):``),ac=e=>!yl(e)&&a.J(e,a.yt(),a.vt()),oc=`A time booked on the hours under Schedules is always free, and your words take a payment for it. To be paid for each booking, give a booking link its price on the Schedule screen, pick it under Booking links instead, take the hours off under Schedules and untick the payment here — or untick the payment to keep booking free.`,sc=`My payment is not the price of a booking`,cc=`A time booked on the hours under Schedules is always free. To be paid for each booking, give a booking link its price on the Schedule screen and pick it under Booking links.`,lc=e=>new Set(a.vt().filter(t=>!!t.paymentId&&e.includes(a.U(t.id))).map(e=>e.paymentId)),uc=(e,t,r=n.mr())=>{let i=cl(e,t,r);if(yl(t))return i;let a=lc(bn(t));return i.filter(e=>!a.has(e.id))},dc=(e,t,n)=>Pn()&&ac(t)&&(uc({id:e.id,title:``,path:e.path},t,n).length>0||Ie(t).length>0),fc=(e,t,n)=>dc(e,t,n)||Pn()&&ac(t)&&lc(bn(t)).size>0,pc=(e,t,n)=>[a.kt({...t,pageChange:``}),...uc({id:e.id,title:``,path:e.path},t,n).map(e=>e.how),...Ie(t).map(e=>e.how)].join(`
-`).trim(),mc=(e,t,n)=>{if(!dc(e,t,n))return!1;let r=pc(e,t,n),i=String(t?.pageChange||``).trim();return String(t?.paidHoursApart||``).trim()===r?!!i&&i!==String(t?.paidHoursApartChange||``).trim()&&a.tn(i):a.tn([r,i].filter(Boolean).join(`
-`))},hc=(e,t)=>mc(e,t)?oc:``,gc=(e,t,n)=>fc(e,t,n)&&!mc(e,t,n)?cc:``,_c=(e,t={title:``,path:``},n=[],r=Us(e)??Hs(t,e),i=String(e?.pageChange||``),a=la(e).length>0)=>ic(e,n,t)||fu(t.id?{...e,id:t.id}:e,n)||Ca(e,i)||(i.trim()||a||rc(t,e,n,r).changed?``:`Say what you would like changed on this page, and this sentence is ready to copy.`),vc=(e,t,r=[])=>{let i=Li(e,t),a=String(t?.tabName||t?.pageName||``).trim(),o=a===`New page`?``:a,s=String(t?.pageChange||``).trim(),c=t?.pageType?`private`:`public`,l=!Ra(e,t),u=ht(s),d=[`My app already has a page${o?` called ${o}`:``} at ${i}, and the file it shows already exists: ${Ii(e,t)}.`,`Change that one file. Do not create a page, a web address, a settings file or a second content file for it, do not add or remove anything in registry.ts for it, and do not edit any other file — except the page's own form, where it is defined, when the change is about the form, and except what this request asks for below.`,at,ft(l),...l&&gt(s)?[Va(s)]:[],...l?Ga(s,i,r):[],...u?[Ia,Fo(t)?Lo:ps,...gs(e,t,r)]:[]],f=Ni(String(t?.template||``));f&&d.push(f);let p=Us(t)??Hs(e,t),{lines:m,linked:h}=rc(e,t,r,p);d.push(...m);let g=n._r(t).filter(e=>!p.links.some(t=>t.pageId===e.pageId&&t.how===e.how)).map(e=>n.Nr(e.pageId,r)?.id||e.pageId);d.push(...Wl({...t,id:e.id},r,g)),!Fs(t)&&Ds(s)&&d.push(Os(t,c));let _=!ec(Er(t),p.canDo)&&Object.keys(Er(t)).length>0;return d.push(...ar(e,t,[s,..._?Ar(t):[]].join(`
-`),_)),(u||os(s))&&d.push(...us(e,t,s)),d.push(...Bo(e,t,Pn()?[s,Ue(t,p.customPayments)].join(`
-`):s)),d.push(...Mo(t,s)),d.push(...io(s)),d.push(...so(s)),d.push(...To(s,Fo(t))),d.push(...So(t,s)),d.push(...wo(t,s)),d.push(...ts(e,t,s)),d.push(...Ko(s)),d.push(...is(s)),d.push(...Ms(t,c,s)),d.push(...ua(t)),d.push(...la(t)),d.push(...wa(e,t)),(s||!m.length)&&d.push(`Here is what I would like changed: ${s||`___`}`),d.push(ot),d.push(...h),d.join(`
-`)},yc=`My app already has a home page, and it is one file: src/your-ai-workflow-firebase-os/Home.tsx. Change that one file — do not create a page, a web address, a settings file or a HomeContent.tsx, and do not edit any other file except what this request asks for by name below.`,bc=`Keep its named export exactly as it is: export function Home. Making it a default export breaks my site.`,xc=`Start that file again from nothing. What is in it now is the starter my app shipped with — not a design of mine, not a template, and not a shape to fit my words into: delete all of it and write a new page. The pill with the little icon in it, the big centred gradient title, the quieter line under it, the pair of buttons, any row of icon cards — none of that is mine, and none of it comes back unless I have asked for it below: not kept, not re-styled, not re-arranged, not re-worded. If what you hand back still has the shape the page has now, it is wrong.`,Sc=`Design it yourself and make it impressive — this page is the first thing anybody sees of me, and it should look like a website somebody designed, not the starter with my words dropped into it. My words below are the brief, and where they describe a section that description is the whole of it: what I list there is all it holds. Give the page a real shape: a hero, and under it sections that each do a different job and each LOOK different from the last, balanced and spaced so the whole thing reads as one page — every one of them something I asked for or something I really have. Never reach for a pill, a big centred title, a quieter line under it and a row of icon cards just because that is what a home page usually has; never three sections that are the same box with the words swapped; and never filler to make the page longer — no story about me, no row of promises or badges, no numbers about me, no footer of links, nothing “why choose us”. Keep the words few and let the design carry it: my theme’s own colours and type, real space, real scale, and the pictures I gave you — or a clean placeholder where a picture I have not given you yet belongs. Sections are separated by space, not by lines or boxes — no border above or below a section, and no frame, shadow, box or caption around a picture I gave you unless my words for it ask for one. And draw no icon my words do not ask for: not beside a heading, not on a button, not in a list, not on a card. Use my theme’s colours and nothing else — no green, red, amber or yellow to mark anything: no green “in stock” pill, no red “sold out” chip, no amber “pending”, no coloured dot beside a status. Traffic lights are nobody’s theme and they look cheap over a design. Say the state in words and tell it apart with my accent colour, my text colour and a quieter version of it. Under the hero, a home page holds only what I really have: a section for each form described below, drawn as part of the design and not as a box; my pictures; and, where my words point at things that do not exist yet, a placeholder set with no words on it. Never a paragraph about me, and never a second button doing what one above already does.`,Cc=`Line the page up with the menu bar above it: the bar runs the full width of the window with px-4 md:px-8 of side padding, so give the page’s own content that same side padding and its words will start exactly where my logo does. It goes on every section, never less and never none: a background, a picture or a band of colour may run right to the edges, but the words, buttons and boxes standing on it keep that padding.`,wc=`The app draws only the menu bar above this page — no heading, no panel — so the page begins directly under it: no empty band across the top, no mt-* or pt-* on the FIRST thing you draw — the bar’s own space is the whole gap — and nothing pushed down the screen to leave room for a heading the app is not drawing. That is the top of the page only: everything below it still has its side padding and real space between one section and the next.`,Tc=/\b(?:shop|store|e-?commerce|boutique|retail|collections?|products?|sells?|selling|buy|bags?|atelier|brand|label|maison)\b/i,Ec=/\b(?:bookings?|book(?:ed)?\s+(?:a|an|the|your|their|our|my|now|online|in|with|for|today|here|it|them|\d+)|(?:to|or|and)\s+book(?=\s*(?:[.,;:!?)]|$))|(?<!-)class(?:es)?|sessions?|appointments?|lessons?|(?<!\bof\s)courses?|workshops|treatments?|consultations?|who we are|about us|our story)\b/i,Dc=/\b(?:to|visit|visiting|browse|browsing|see|into|through)\s+(?:our|my|the)\s+(?:online\s+)?(?:shop|store)\b/gi,Oc=e=>{let t=String(e||``);return Ec.test(t)?!1:Tc.test(t.replace(Dc,` `))},kc=e=>`My words say this is a store, so decide the sections under the hero yourself from what a store’s home page needs — and build each one only from what I really have. In this order: a band of pieces from my shop, under a short heading — my own word for that section where I named it — and until my shop page exists, a set of picture placeholders in the shape product photos take, with no names and no prices on them, and once it exists that band is where its pieces go`+(e?`; a section for the form described below — a short heading of a few words and the form built into the page as a quiet section of its own, or its button where a pop-up suits the design better`:``)+`; one large picture band with no words on it — a placeholder, unless a picture of mine below has no other place on the page: never one of my pictures drawn a second time; and, to close, my name set in the theme’s type with the way to reach me: a link to my contact page, which my app already has at /contact. Nothing else: no newsletter, no story, no promises, no reviews, no footer of links, no social icons — each of those is a thing I did not give you.`,Ac={home:{title:`Change the home page`,ask:`What would you like on the home page?`,example:`A big heading that says Bright Studio, a photo of the shop under it, and a Get in touch button.`,changeAsk:`What would you like changed on the home page?`,changeExample:`Make the heading bigger, and put the Get in touch button under the photo.`,firstLead:[yc,bc,xc,wc,Cc,ja,Sc,ut,Qe,La,Ia,$e,Z,Ze,it(!0),ps,ms],lead:[yc,bc,at,ft(!0)]},contact:{title:`Change the contact page`,ask:`What would you like on the contact page?`,example:`A line saying we answer within a day, our opening hours, and the form under them.`,changeAsk:`What would you like changed on the contact page?`,changeExample:`Add a map under the opening hours, and say we are closed on Sundays.`,firstLead:[`My app already has a contact page at /contact and a contact form. Do not create a page, do not create a form, and do not change the questions the form asks unless this request says so by name below.`,`Change what the page shows by writing one file: src/your-ai-workflow-firebase-os/microcomponents/ContactContent.tsx, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import ContactContent from './ContactContent'; and registerMicrocomponent('contact', ContactContent); — never remove another page's lines from that file.`,`Show my form with <ContactPopup formId='contact' /> — to build it into the page instead of opening it as a pop-up, add isInline bare and put it in a section of your own, under your own heading, with no Go Back button. Never build a form out of your own inputs.`,Ja,ja,Fa,Qe,Ia,$e,Z,Ze,it(!0),`Keep everything on the page that I have not asked you to change.`],lead:[`My app already has a contact page at /contact and a contact form. Do not create a page, do not create a form, and do not change the questions the form asks unless this request says so by name below.`,`Change what the page shows by writing one file: src/your-ai-workflow-firebase-os/microcomponents/ContactContent.tsx, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import ContactContent from './ContactContent'; and registerMicrocomponent('contact', ContactContent); — never remove another page's lines from that file.`,`Show my form with <ContactPopup formId='contact' /> — to build it into the page instead of opening it as a pop-up, add isInline bare and put it in a section of your own, under your own heading, with no Go Back button. Never build a form out of your own inputs.`,at,ft(!0)]},dashboard:{title:`Change the dashboard`,ask:`What would you like on the dashboard?`,example:`Three boxes across the top: new messages this week, new sign-ups this month, and unread messages.`,changeAsk:`What would you like changed on the dashboard?`,changeExample:`Add a fourth box for sales this month, and list the latest five messages under the boxes.`,firstLead:[`My app already has a dashboard at /dashboard — the screen a signed-in person lands on. Do not create a page, a web address or a settings file for it, do not touch src/App.tsx, and do not edit any other file except what this request asks for by name below.`,`Fill it by writing one file: src/your-ai-workflow-firebase-os/microcomponents/DashboardContent.tsx, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import DashboardContent from './DashboardContent'; and registerMicrocomponent('dashboard', DashboardContent); — never remove another page's lines from that file.`,`It draws under the welcome heading and the menu, which are the app’s — so write no page heading, menu or page wrapper of your own. The app puts no panel around it, so give it a main container of its own the way my other tabs do — glass-panel border border-[var(--panel-border)] rounded-3xl — and design freely inside it. That container fills the menu’s width: it starts and ends exactly where the menu above it does, never a narrow strip down the middle, no max-w-* with mx-auto wrapped around it, nothing wider than the menu and nothing fixed to the screen.`,Oa,Ia,$e,Z,Ze,it(!1)],lead:[`My app already has a dashboard at /dashboard — the screen a signed-in person lands on. Do not create a page, a web address or a settings file for it, do not touch src/App.tsx, and do not edit any other file except what this request asks for by name below.`,`Fill it by writing one file: src/your-ai-workflow-firebase-os/microcomponents/DashboardContent.tsx, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import DashboardContent from './DashboardContent'; and registerMicrocomponent('dashboard', DashboardContent); — never remove another page's lines from that file.`,at,ft(!1)]},support:{title:`Change the support page`,ask:`What would you like on the support page?`,example:`A short list of the questions we get asked most, above the form.`,changeAsk:`What would you like changed on the support page?`,changeExample:`Add a question about refunds to the list, and move the form above it.`,firstLead:[`My app already has a support page at /support and a support form. Do not create a page, do not create a form, and do not change the questions the form asks unless this request says so by name below.`,`Change what the page shows by writing one file: src/your-ai-workflow-firebase-os/microcomponents/SupportContent.tsx, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import SupportContent from './SupportContent'; and registerMicrocomponent('support', SupportContent); — never remove another page's lines from that file.`,`Show my form with <ContactPopup formId='support' /> — to build it into the page instead of opening it as a pop-up, add isInline bare and put it in a section of your own, under your own heading, with no Go Back button. Never build a form out of your own inputs.`,Ja,ja,Fa,Qe,Ia,$e,Z,Ze,it(!0),`Keep everything on the page that I have not asked you to change.`],lead:[`My app already has a support page at /support and a support form. Do not create a page, do not create a form, and do not change the questions the form asks unless this request says so by name below.`,`Change what the page shows by writing one file: src/your-ai-workflow-firebase-os/microcomponents/SupportContent.tsx, with a default export. Then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import SupportContent from './SupportContent'; and registerMicrocomponent('support', SupportContent); — never remove another page's lines from that file.`,`Show my form with <ContactPopup formId='support' /> — to build it into the page instead of opening it as a pop-up, add isInline bare and put it in a section of your own, under your own heading, with no Go Back button. Never build a form out of your own inputs.`,at,ft(!0)]}},jc=(e,t)=>{let n=Fn.find(t=>t.id===e)?.type||`public`;return{...t||{},contentKey:e,...n===`public`?{}:{pageType:n},...e===`contact`||e===`support`?{form:e}:{}}},Mc=e=>{let t=Fn.find(t=>t.id===e);return{id:e,title:t?.title||e,path:t?.path||`/${e}`}},Nc=(e,t,n=[])=>{let r=Ac[e];if(!r)return``;let i=Mc(e),a=jc(e,t),o=String(t?.pageWish||``).trim(),s=a.pageType?`private`:`public`,c=Us(a),{lines:l,linked:u}=rc(i,a,n,c??Bs);!Fs(a)&&Ds(o)&&l.push(Os(a,s)),l.push(...Ms(a,s,o));let d=l.length+Ta(a).length,f=e===`home`&&ht(o);(!c||f||os(o))&&l.push(...us(void 0,a,o)),c&&l.push(...ua(a)),l.push(...Ta(a)),(Wo(o)||Ho(o)||$(a).length>1)&&l.push(Go),c&&l.push(...wa(void 0,a)),(o||!d)&&l.push(`Here is what I would like ${c?`changed`:`on the page`}: ${o||`___`}`),c&&l.push(ot);let p=!c&&r.firstLead?r.firstLead:r.lead,m=c?[...!Ra(void 0,a)&&gt(o)?[Va(o)]:[],...f?[Ia,Fo(a)?Lo:ps,...gs(i,a,n)]:[]]:[...e===`home`&&Oc(o)?[kc(!!Ns(a))]:[],...gs(i,a,n)];return[...p,...m,...l,...u].join(`
-`)},Pc=(e,t,n=[])=>{let r=jc(e,t);return _c(r,Mc(e),n,Us(r)??Bs,String(t?.pageWish||``),Ta(r).length>0)},Fc=(e,t)=>{let n=e=>{let{_uiKey:t,pageType:n,route:r,contentKey:i,built:a,imagesSent:o,mediaSent:s,sent:c,...l}=e||{};return l},r=n(e),i=n(t),a=new Set([...Object.keys(r),...Object.keys(i)]),o=(e,t)=>e&&typeof e==`object`?JSON.stringify(e)===JSON.stringify(t):(e??``)===(t??``);for(let e of a)if(!o(r[e],i[e]))return!0;return!1},Ic=(e,t)=>{let n=fi(),r=n[e.id]||(t?.contentKey?n[String(t.contentKey)]:void 0)||Object.entries(n).find(([t,n])=>{let r=n.config||{},i=r.route?r.route.startsWith(`/`)?r.route:`/`+r.route:`/`+t;return!!e.path&&i===e.path})?.[1];return r?r.config||{}:null},Lc=(e,t)=>{let{_uiKey:n,...r}=e||{};return{...r,...a.gn(t)}},Rc=`max-sm:hidden sm:inline-flex items-center gap-1.5 text-[11px] font-semibold text-foreground/45 border border-[var(--panel-border)] bg-foreground/[0.02] px-2 py-[3px] rounded-full`,zc={draft:`text-foreground/55 border-[var(--panel-border)] bg-foreground/[0.03]`,live:`text-emerald-500 border-emerald-500/25 bg-emerald-500/[0.07]`,hidden:`text-foreground/45 border-[var(--panel-border)]/70 bg-transparent`},Bc={draft:`bg-foreground/30`,live:`bg-emerald-500 shadow-[0_0_5px] shadow-emerald-500/60`,hidden:`bg-foreground/25`};function Vc({status:e}){return(0,R.jsxs)(`span`,{title:ni[e],className:`inline-flex items-center gap-1.5 shrink-0 whitespace-nowrap text-[11px] font-semibold px-2.5 py-[3px] rounded-full border ${zc[e]}`,children:[(0,R.jsx)(`span`,{className:`w-1.5 h-1.5 rounded-full shrink-0 ${Bc[e]}`}),ti[e]]})}var Hc=e=>{let t=typeof window<`u`?window.location.host:``;return t?`${t}${e}`:e},Uc=e=>e.replace(/[_-]+/g,` `).replace(/^./,e=>e.toUpperCase()),Wc=`__new__`,Gc=e=>String(e?.contentKey||``).toLowerCase().replace(/-+/g,`_`),Kc=e=>Ps(e)&&!Ns(e)&&!String(e?.formFields||``).trim(),qc=[{id:`notify`,label:`Let me know when something happens here`,ask:`What should I be told about?`,hint:`In your own words — you get an email each time it happens.`,placeholder:`Every new message, with their name and what they asked`,look:`notification`},{id:`confirm`,label:`Send the person a confirmation`,ask:`What should the confirmation say?`,hint:`Sent to whoever wrote in, right after. It only reaches people who are signed in.`,placeholder:`Thanks, your message is in — I will reply within a day.`,look:`text`},{id:`send`,label:`Send emails from my account`,ask:`What should be sent, and to whom?`,hint:`Your team writes the email on this page and it goes out from your address — to a customer, a client, anyone.`,placeholder:`A message to a customer, picked from the list of people who wrote in, written on the spot`,look:`text`,team:!0}],Jc=e=>e.look===`text`||e.look===`notification`?e.look:qc.find(t=>t.id===e.kind)?.look||`text`,Yc=e=>{let t=e?.emails;if(!Array.isArray(t))return[];let n={owner:`notify`,confirm:`confirm`};return t.map(e=>typeof e==`string`?{kind:n[e]||e,what:``}:{kind:String(e?.kind||``),what:String(e?.what||``),...e?.look===`text`||e?.look===`notification`?{look:e.look}:{}}).filter(e=>qc.some(t=>t.id===e.kind))},Xc=e=>{let t=[];for(let n of Yc(e)){let e=n.what.trim();if(!e)continue;let r=Jc(n)===`notification`;n.kind===`notify`?t.push(r?`Email me when something happens on this page, with the app's own emailOwner('heads_up', { title, summary, details }) right after it happens — title says what happened in a few words, summary one line under it, details an object of the facts worth seeing ({ Name: name, Time: slot } and the like). It arrives as a notification card in my app's own look. Never write email code of your own. Here is what I want to hear about: ${e}`:`Email me when something happens on this page, with the app's own emailOwner('heads_up', { title, summary, look: 'text' }) right after it happens — title says what happened in a few words, summary the details in plain sentences. It arrives as a simple text email in my app's own look. Never write email code of your own. Here is what I want to hear about: ${e}`):n.kind===`confirm`&&t.push(r?`When a SIGNED-IN person sends something on this page, email them a confirmation with the app's own emailPerson('submission_received', collection, docId, { note, look: 'notification', details }) right after it saves, putting the words below in note and what they sent in details as an object ({ Date: date, Guests: guests } and the like). It arrives as a notification card in my app's own look. Skip it silently for someone who is not signed in — their saved record is not theirs to read. Here is what the confirmation should say: ${e}`:`When a SIGNED-IN person sends something on this page, email them a confirmation with the app's own emailPerson('submission_received', collection, docId, { note }) right after it saves, putting the words below in note. It arrives as a simple text email in my app's own look. Skip it silently for someone who is not signed in — their saved record is not theirs to read. Here is what the confirmation should say: ${e}`)}return t},Zc=e=>!!e?.formEmails&&typeof e.formEmails==`object`,Qc=e=>{if(Zc(e)){let t=e.formEmails;return{owner:t.owner===!0,confirm:t.confirm===!0,note:String(t.note??``)}}let t=Yc(e),n=t.find(e=>e.kind===`confirm`);return{owner:t.some(e=>e.kind===`notify`),confirm:!!n,note:n?.what||``}},$c=(e,t)=>({formEmails:{owner:t.owner,confirm:t.confirm,note:t.note},emails:Yc(e).filter(e=>e.kind===`send`)}),el=`My app emails this page's forms itself once one is sent — to me, and a confirmation to whoever sent it, as I switched them on — so write no email code for them: no emailOwner, emailPerson or email of your own after a form is sent.`,tl=`My app sends this page's form emails itself now. Take out the emails this page sends by hand — every emailOwner(…) and emailPerson(…) call — and change nothing else.`,nl=e=>Yc(e).find(e=>e.kind===`send`)||null,rl=`This page lets my team send an email to anyone from the app. That is the app's own <EmailWindow /> and nothing else: it is the button, the window to write in, the email shown as it will arrive, the sending and what is said after, so build no address, subject or message box and call no email function. Where the page already holds who it is for, hand them over, <EmailWindow to={their email} name={their name} />, with subject and message for what the email starts as. It only works for a signed-in team member or admin, which is who this page is for.`,il=e=>{let t=e.what.trim(),n=Jc(e)===`notification`,r=t?` Here is what should be sent, and to whom: ${t}`:``;return n?`${rl} Give it look="notification" and details, an object of the facts the email is about ({ Order: order, Date: date } and the like), from what this page holds: it arrives as a notification card in my app's own look, the subject as its headline, the message under it, the details in a box. Never write email code of your own.${r}`:`${rl} It arrives as a simple text email in my app's own look. Never write email code of your own.${r}`},al=e=>{if(!An())return[];let t=[];if(Zc(e)){let n=Qc(e);(n.owner||n.confirm)&&t.push(el)}else t.push(...Xc(e));let n=nl(e);return n&&yl(e)&&t.push(il(n)),t},ol=(e=n.mr())=>e.filter(e=>n.wr(e)),sl=(e,t)=>({id:String(e.id||t?.contentKey||``),title:e.title,path:e.path,config:t}),cl=(e,t,r=n.mr())=>{let i=sl(e,t);return i.id?ol(r).filter(e=>n.vr(e,i)):[]},ll=e=>String(e?.paymentNote||``).trim(),ul=e=>{let t=e.map(n.xr);return t.length<=1?t.join(``):`${t.slice(0,-1).join(`, `)} and ${t[t.length-1]}`},dl=e=>e===`Your words take a picture off the page or swap one. If it is one of the pictures in Media above, take it off there with the ✕ on it first — otherwise this sentence hands it back as a picture that stays.`||e.endsWith(` time booked on the hours under Schedules is always free, and your words take a payment for it. To be paid for each booking, give a booking link its price on the Schedule screen, pick it under Booking links instead, take the hours off under Schedules and untick the payment here — or untick the payment to keep booking free.`)||e.startsWith(Tl)?e:``,fl=`, on its own: a time booked on this page’s hours is always free, and no button here is ever the price of a booking`,pl=(e,t,r,i)=>{if(!Pn())return[];let o=yl(t),s=r??uc(e,t),c=o?[]:i??(r?[]:Ie(t));if(!s.length&&!c.length)return[];let l=[],u=Li(e,t);if(o){let e=a.vn(t),r=e.length>0&&e.every(e=>e===`admin`);l.push(r?`This page is where I follow what ${ul(s)} sold. ${n.rr}`:`This page is where my team follows what ${ul(s)} sold. ${n.nr}`)}else{let e=ac(t)?fl:``;l.push(s.length?`This page sells ${ul(s)}${e}. ${n.Zn}`:`This page takes a payment whose amount the page works out${e}. ${n.Zn}`);for(let e of s)l.push(...n.Tr(e,u));!t?.pageType&&s.some(e=>e.kind===`subscription`&&e.plans.some(e=>e.roleId))&&l.push(n.er);for(let e of c)l.push(...He(e,u,Io(t)))}let d=ll(t);return d&&s.length&&l.push(`Here is what should appear for the payments on this page: ${d}`),l.filter((e,t)=>l.indexOf(e)===t)},ml=e=>j.l.some(t=>t.id===e.id),hl=e=>!!e.built||!!e.config?.built,gl=`Make it match the rest of my app exactly as this request says above: the app’s own theme styles and its own pieces, never colors or controls of your own.`,_l=(e,t=[])=>{let n=e.config;if(ml(e)||!n)return vl(e);let r=String(e.brief??n.brief??``).trim(),i={id:e.id,title:e.title,path:e.path,type:e.audience};return hl(e)?[`The page at ${e.path} is built already, and the file it shows exists: ${Ii(i,n)}. Change that one file only as far as this link needs — keep everything else on it as it is, and leave registry.ts as it is.`]:[...to(i,n,`the page at ${e.path}`),gl,...Ra(i,n)?[Ya]:Ka(r,e.path,t),fs,Ia,$e,Z,Ze,it(!Ra(i,n)),...zo(i,n,r),...us(i,n,r),...Bo(i,n,Pn()?[r,Ue(n)].join(`
-`):r),...ds(i,n),...r?[`Here is what I would like on the page at ${e.path}: ${r}`]:[]]},vl=e=>{let t=e.config,n=[],r=String(e.brief??t?.brief??``).trim();if(r&&n.push(`The page at ${e.path} is for: ${r}`),e.id===`home`)return n.push(`The home page is one file: src/your-ai-workflow-firebase-os/Home.tsx — put what I sell there by changing that one file. Keep its named export exactly as it is: export function Home. Never create a HomeContent.tsx, and do not edit any other file for it.`),n;if(e.id===`dashboard`)return n.push(`The dashboard's content is one file: src/your-ai-workflow-firebase-os/microcomponents/DashboardContent.tsx, with a default export. If it does not exist yet, write it and add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import DashboardContent from './DashboardContent'; and registerMicrocomponent('dashboard', DashboardContent); — never remove another page's lines from that file. It draws under the welcome heading and the menu, which are the app's — so write no page heading, menu or page wrapper of your own. The app puts no panel around it, so give it a main container of its own like my other tabs have (glass-panel border border-[var(--panel-border)] rounded-3xl) and design freely inside it, filling the menu's width: it starts and ends exactly where the menu above it does, never a narrow strip down the middle.`),n;if(!t)return n;let i={title:e.title,path:e.path},a=En(Fi(i,t))||`Page`,o=a.replace(/([a-z0-9])([A-Z])/g,`$1_$2`).toLowerCase();n.push(`If it is empty, build it by writing one file: ${Ii(i,t)}, with a default export, then add two lines to src/your-ai-workflow-firebase-os/microcomponents/registry.ts: import ${a}Content from './${a}Content'; and registerMicrocomponent('${o}', ${a}Content); — registerMicrocomponent is imported there from 'your-ai-workflow-firebase-os', and never remove another page's lines from that file. If it is already built, that file exists — change it, and leave registry.ts as it is.`);let s=String(t.template||``);ji.includes(s)&&n.push(Ni(s));let c=String(t.form||``).trim(),l=Ps(t);return l?(Ns(t)||String(t.formFields||``).trim())&&n.push(...Ls(t,t.pageType?`private`:`public`)):c&&n.push(...Rs(t,c)),n.push(fs),n.push(...al(t)),n.push(...ia(t)),n.push(...zs(t,l)),n.push(...wn(t)),n},yl=e=>n.jr(a.jn(e?.pageType)),bl=e=>Fs(e),xl=e=>{let t=e===`this page`;return`One thing to say in your reply: ${t?`this page`:`the page at ${e}`} is ticked for my team only, so no admin has it open in ordinary use and the entries are never read — build it exactly as described, and tell me to tick Admins on ${t?`this`:`that`} page's row on my Pages screen so they arrive.`},Sl=(e,t)=>e===`internal`&&!a.vn(t||{pageType:`internal`}).includes(`admin`),Cl=(e,t)=>`On ${e}, do this exactly the way my app's instructions describe: while an admin has the page open, mirror each entry once into that page's own collection, keeping the source id on the copy — never read user_submissions or user_requests on a screen a non-admin can open. Mirror only the entries THIS page's form sent: my Inbox holds every form in my app, so skip any entry whose formId does not start with '${t}'. A time somebody booked is never in there at all — meetings come from useBookings() and nowhere else.`,wl=(e,t)=>e.pageId?n.Nr(e.pageId,t):void 0,Tl=`On the page at `,El=(e,t)=>{if(!e.pageId)return`Pick the page this one links to — or unlink it — and this sentence is ready to copy.`;let n=wl(e,t);if(!n)return`The page this one linked to was deleted. Pick another, and this sentence is ready to copy.`;if(!e.how.trim())return`Say how the two pages connect, and this sentence is ready to copy.`;if(n.config&&!ml(n)&&!hl(n)){let e=Kc(n.config)?`Say what the forms should ask for, and this sentence is ready to copy.`:hc(n,n.config);if(e)return`${Tl}${n.path}: ${e.charAt(0).toLowerCase()}${e.slice(1)}`}return``},Dl=(e,t)=>{for(let r of n._r(e)){let e=El(r,t);if(e)return e}return``},Ol=(e,t)=>{let r=e===`user`&&t?.pageType?a.Gn(t):[],i=r.filter(a.Dn);if(i.length&&!r.includes(`user`)){let e=i.map(e=>n.qr(e)).join(` or `);return{kind:a.Rn(t)?`${e}-only`:`signed-in`,who:`only the people I have marked ${e}${r.includes(`internal`)?`, my team`:``} and my admins`}}switch(e){case`admin`:return{kind:`admin-only`,who:`only admins`};case`internal`:return{kind:`internal`,who:a.vn(t||{pageType:`internal`}).includes(`admin`)?`only my team and admins`:`only my team`};case`user`:return{kind:`signed-in`,who:`only people who are signed in`};default:return{kind:`public`,who:`anyone`}}},kl={public:0,user:1,internal:2,admin:3},Al=e=>e?.pageType?a.jn(e.pageType):`public`,jl=e=>({user:`user_`,internal:`mem_`,admin:`admin_`})[e]||`pub_`,Ml=(e,t=!0)=>{if(bl(e.config)){let n=tc(e.config);return{id:n,words:`<ContactPopup formId='${n}' isInline bare extra={…} onSubmitted={…} /> — the form ${e.path} has, ${t?`with transaction: true added to its config so its entries land on my Transactions screen and never in my Inbox`:`whose entries land in my Inbox as well, where I see each one come in`}, or a further one made the way that one was`}}let n=e.config?.contentKey?String(e.config.contentKey).toLowerCase().replace(/-+/g,`_`):`page`;return{id:`${n}order`,words:`<ContactPopup formId='${n}order' isInline bare extra={…} onSubmitted={…} />, from one more file you write for it — src/your-ai-workflow-firebase-os/configs/${n}orderForm.config.ts, the way my app's instructions describe a form, with systemName '${n}order', formType '${e.audience===`public`?`public`:`private`}'${t?` and transaction: true, so its entries land on my Transactions screen beside the payment and never in my Inbox`:`, and its entries land in my Inbox as well, where I see each one come in`}`}},Nl=e=>Pn()&&(cl({title:``,path:``},e.config).length>0||Ie(e.config).length>0),Pl=e=>e.path.match(/\/\S*$/)?.[0]||String(e.config?.route||``).trim(),Fl=`items (each { id, name, options, quantity, price, picture }), extras (each { label, amount }), subtotal, total, currency, name, email, phone, address`,Il=`an item’s id is its product’s, so the same thing bought in two choices is two items with one id — a list of an order’s items is keyed by each one’s place in it, never by its id`,Ll=`every amount on an order — an item’s price, an extra, its subtotal and its total — is money(amount, order.currency), in the currency it was paid in, never money(amount) alone`,Rl=`Only an order that was PAID arrives — one abandoned at the checkout never does — so Paid is the first stage: never an Incomplete, Unpaid or Awaiting payment stage, which would stay empty for ever.`,zl=(e,t,r=``)=>{let i=String(r||e?.id||``).trim(),a=(i?n.Nr(i,t):void 0)||g.d(t,e),o=a?.id||i||String(e?.contentKey||``).trim(),s=[{id:o,title:a?.title||``,path:a?.path||``,audience:Al(e),config:e},...t.filter(e=>e.id!==o)];return[...new Set(g.c(g.u(s),o).map(e=>e.to))]},Bl=(e,t)=>{if(!e.length)return{prop:``,why:``};let n=e.length===1;return{prop:`collection='${n?e[0]:`…`}' `,why:` Its collection is ${n?`${e[0]}, the copy ${t} reads`:`whichever copy the things in the basket come from — ${e.join(` or `)}`} — letter for letter, never shortened: my app then reads each line's real price there before charging, and under a name nothing is kept in it finds no price and refuses every line.`}},Vl=(e,t,r=[])=>{let i=Nl(t),a=Ml(t,i),o=Bl(r,t.path),s=Pl(e)||`…`,c=j.t(e.config),l=Xl(e.config),u=`What is MADE on ${t.path} and has to land on ${e.path} — an order, a request, an application — travels as a form entry, and no other way: whoever makes it is signed out, or was given an account a minute ago and has not opened their verification email yet, and my security rules refuse both of them every write to a case_ collection. A form entry is the one thing they may write.`,d=[i?Fo(t.config)?`${u} There is a basket and a payment on ${t.path}, so the basket, its last step and the order it sends are my app's own and nothing of yours: ONE <Basket ${o.prop}formId='${a.id}'${n.lr()} phone address extras={…} /> near the top of ${t.path}, imported from 'your-ai-workflow-firebase-os', with things put into it by useBasket().add({ id, name, options, price, picture, max }) — the record's own id, its name, the choices made in words, the price of ONE, the web address of its picture, how many are in stock, and any key of your own (a variant's id) beside them — and <BasketButton /> for the bag.${o.why} It does the rest itself: it draws the lines, asks who is paying (which is also what gives the buyer an account to come back to), saves the order whole as that entry, and only then starts the payment with the entry's id on it. NEVER a basket, a drawer, a <Checkout>, a <BuyerDetails>, a form or a <PayButton> of your own for it, and write NO form file for it: if ${t.path} has any of those for its basket now, replacing them with <Basket> is part of what this link needs. And ONCE near the top of ${t.path}, outside the basket and any window or step, <CheckoutReturn basket='basket' orderPath='${s}' /> — orderPath is the web address of ${e.path} — which is everything that happens when they come back from paying: never read session_id, call confirmPayment, empty the basket or draw a thank-you yourself. What arrives on ${e.path} then ALWAYS has these keys, and ${e.path} draws from them and no others: ${Fl} — plus any key of your own a basket line held, on that item; ${Il}; ${Ll}. Never write a case_ entry, or anything else, from ${t.path}.`:`${u} There is a payment on ${t.path}, so its last step is my app's own checkout and nothing of yours: <Checkout formId='${a.id}' items={…} extras={…}${n.lr()} phone address />, imported from 'your-ai-workflow-firebase-os'. Give it the basket — for each item its id, its name, its options (the choices made, in words), its quantity, its price for ONE and its picture (the web address of it) — with delivery or a discount as extras ({ label, amount }), and it does the rest itself: it asks who is paying (it has <BuyerDetails> in it, which is also what gives the buyer an account to come back to), saves the order whole as that entry, and only then starts the payment with the entry's id on it. NEVER a <BuyerDetails>, a form or a <PayButton> of your own for the basket, and write NO form file for it: if ${t.path} has any of those for its basket now, replacing them with <Checkout> is part of what this link needs. And ONCE near the top of ${t.path}, outside any basket window or step, <CheckoutReturn basket='…' orderPath='${s}' /> — basket is the useVisitorState key the basket is kept under, orderPath the web address of ${e.path} — which is everything that happens when they come back from paying: never read session_id, call confirmPayment, empty the basket or draw a thank-you yourself. What arrives on ${e.path} then ALWAYS has these keys, and ${e.path} draws from them and no others: ${Fl} — plus anything you gave <Checkout> as carry; ${Il}; ${Ll}. Never write a case_ entry, or anything else, from ${t.path}.`:`${u} So the last step on ${t.path} is the app's own form, ${a.words}, and EVERYTHING ${e.path} has to show rides in that extra object, one key per thing, whole — every item with its name, its options, its quantity, its price and the web address of its picture, the total, and who it is for and where it is going — because ${e.path} can show nothing the entry did not carry. An entry sent by somebody who is signed in comes back to them on ${e.path} as their own; one from somebody signed out reaches them by the email address on it, the day they sign in with that address — so the form asks for one. Never write a case_ entry, or anything else, from ${t.path}.`,`You write nothing to get them there — my app lets them in itself. While I or one of my admins am signed in, each entry of that form ${i?`that Stripe says was PAID for `:``}becomes ONE entry in ${c}: under the same id, exactly once, carrying every key the extra carried and every answer the form asked, each under the name it was sent with. It is sent to the person who made it to LOOK at — they watch it, they never change it; by their account, and by the email address on it, so somebody who ordered signed out finds it the day they sign in with that address — and ${l===`team`?`to my team to work on, and my app rings both of them when it arrives`:l===`handed`?`to nobody else but my admins until one of them hands it to a person on my team, and my app rings my admins when it arrives`:`to nobody else but my admins, and my app rings them when it arrives`}. ${i?`An order abandoned at the checkout never arrives. So every order on that page is ALREADY PAID the moment it appears — Paid is its first status, and the statuses my words describe go on from there. If my words speak of an order that is incomplete, unpaid or waiting for payment, that one is simply never shown: until the money moves it is a basket somebody may still walk away from, and it is never read from anywhere to fill the gap. `:``}So ${e.path} only READS them, with const { loading, records, error } = useCases('${c}') like any other entry on the page — they are records, under no other name — drawing each one from those same keys; one with no stage yet is in the first. Its uid is the person who made it, so notify({ toUid: entry.uid, … }) is who to ring when my words say they are told of a change — never a whole role, which would tell everybody marked with it about one person's entry. Somebody who made it signed out has an empty uid and their address in email: pass the entry as well — notify({ toUid: entry.uid, about: entry, … }) — and my app emails them there instead, once my email reaches customers; until then they are not told.`,`While there are none, ${e.path} shows a short empty line you designed and NOTHING else: never made-up orders, sample rows or a "fallback" list, not even until real ones come — this is my live app, and they would be shown to my customers as theirs. Never read user_submissions or user_requests on ${e.path} yourself, never call useCasesFromForm for this, and never build a form or a button for typing such an entry in by hand: what arrives is what was made on ${t.path}, and nothing else.`],f=[e.config?.brief,...Object.entries(Er(e.config)).filter(([e])=>e!==`internal`&&e!==`admin`).map(([,e])=>e)].join(`
-`);return Hl.test(f)&&d.push(Ul(c,e.path)),l===`handed`&&d.push(...pu(e.config,e.path)),d},Hl=/\b(?:approv(?:e|es|ed|al|als)|accept(?:s|ed)?|reject(?:s|ed)?|declin(?:e|es|ed)|confirm(?:s|ed)?|sign(?:s|ed)? (?:it|off|them)|repl(?:y|ies|ied)|answer(?:s|ed)?|respond(?:s|ed)?|comment(?:s|ed)?|(?:add|leave|write)s? (?:a |their |us )?(?:notes?|messages?|comments?)|request(?:s|ed)? (?:a )?changes?|ask(?:s|ed)? for (?:a )?changes?|upload(?:s|ed)?|attach(?:es|ed)?|rat(?:e|es|ed)|cancel(?:s|led)?)\b/i,Ul=(e,t)=>`Where my words let the person an entry is ABOUT do something to it — approve it, ask for a change, answer, leave a note, put a file on it — remember they hold it to LOOK at: they are on its access list and not its editors, and my rules refuse them every write to it. So never actions.updateRecord on their entry from their side, and never make them an editor of it — that would let them change its stage. What they do is an entry of its OWN in ${e}: await actions.saveRecord({ about: entry.id, kind: 'approval', … }) on ${t} — they are its author, on both of its lists — then sendTo('${e}', id, { people: [holderOf(entry).uid] }) to whoever holds it — holderOf from the same package reads who <HandOver> handed it to, and where it is null nobody holds it yet and my admins read the new one without a send — or { roles: ['internal'] } where my whole team works it; and ${t} shows it under the entry it is about, newest first, to everybody who can see both. A file they put up goes on THAT entry through <UploadBox>, never on the one they only look at.`,Wl=(e,t,r=[],i=!1)=>{let o={path:`this page`,audience:Al(e),config:e,prefix:e?.pageType?a.Mn(e):`pub_`},s=[],c=new Set,l=n=>{if(!n||c.has(n.id)||r.includes(n.id))return;let a={...Gl(n),path:`the page at ${n.path}`},l=kl[a.audience]>kl[o.audience]?a:o,u=l===o?a:o;if(l.prefix!==`case_`||u.audience!==`public`)return;c.add(n.id);let d=j.t(l.config);if(i){if(l!==o){s.push(Vl(l,u,zl(e,t))[0]);return}let n=Kl(u)?`Every one ALWAYS has these keys, and this page draws from them and no others: ${Fl} — what was bought, for how much, who it is for and where it is going (${Il}; ${Ll})`:`Every one carries what the form on ${u.path} put in its extra, each thing under the key it was sent with — read that page's file for the names, and change nothing in it`;s.push(`Already true of this page, and not yours to build: what is made on ${u.path} arrives on this page by itself — my app lets each one${Kl(u)?` that was PAID for`:``} into ${d}, sent to the person who made it to look at${Xl(l.config)===`team`?` and to my team to work on`:Xl(l.config)===`handed`?` and to my admins, and to nobody on my team until it is handed to them`:``}, and this page only reads them with const { loading, records, error } = useCases('${d}') — the entries are records, under no other name. ${n}; beside them createdAt, when it was made (a number of milliseconds — new Date(entry.createdAt)), and uid, the person who made it, who notify({ toUid: entry.uid, … }) rings when my words say they are told of a change — never a whole role. Somebody who made it signed out has an empty uid and their address in email: pass the entry as well — notify({ toUid: entry.uid, about: entry, … }) — and my app emails them there instead, once my email reaches customers; until then they are not told. One with no stage yet is in the first.${Kl(u)?` ${Rl}`:``} Whatever this page adds to an entry — a stage, a note — is saved ON that entry, and handing one to a single person is my app's own <HandOver entry={entry} collection='${d}' />, which keeps who holds it on the entry itself: never a picker of your own for it, and never a copy of the entry kept in another collection, which the person who ordered never sees change.`,`While there are none it shows a short empty line and NEVER made-up entries, sample rows or a "fallback" list. Never read user_submissions here${Kl(u)?` — what <Checkout> saves there is saved BEFORE the money is taken, so it holds every basket somebody walked away from —`:`,`} never call useCasesFromForm, never keep the list in localStorage, and never build a way to type an entry in by hand.`),Xl(l.config)===`handed`&&s.push(...pu(l.config));return}s.push(l===o?`Still true, and not to be changed: what is made on ${u.path} arrives on this page by itself — my app lets each one into ${d}, and this page only reads them with const { loading, records, error } = useCases('${d}') — the entries are records, under no other name — drawing each from the keys it arrived with.${Kl(u)?` ${Rl}`:``} While there are none it shows a short empty line and NEVER made-up entries, sample rows or a "fallback" list. Never read user_submissions here, never call useCasesFromForm, and never build a way to type one in by hand.`:Kl(u)?`Still true, and not to be changed: what is paid for on this page travels to ${l.path} through my app's own ${Fo(u.config)?`<Basket formId='${Ml(u).id}' …> — the bag, its lines, who is paying and the Pay button in one`:`<Checkout formId='${Ml(u).id}' …>`}, and what happens when the buyer comes back is <CheckoutReturn>. Keep both exactly as they are — never a basket kept by hand, never a <BuyerDetails>, a form or a <PayButton> of your own for it, never session_id read by the page — and if this page still pays for its basket any other way, replace that with the two of them, changing nothing else.`:`Still true, and not to be changed: what is made on this page travels to ${l.path} as the entry of the form '${Ml(u).id}', with everything that page shows riding in its extra — keep that form, its extra and its place in the page exactly as they are unless my words below change them.`)};for(let r of n._r(e))l(r.pageId?n.Nr(r.pageId,t):void 0);let u=[String(e?.contentKey||``).trim(),String(e?.id||``).trim()].filter(Boolean);for(let e of t)n._r(e.config).some(e=>u.includes(e.pageId))&&l(e);return s},Gl=e=>({path:e.path,audience:e.audience||`public`,config:e.config,prefix:e.config?.pageType?a.Mn(e.config):jl(e.audience||`public`)}),Kl=e=>cl({title:``,path:``},e.config).length>0||Ie(e.config).length>0,ql=/\b(assign(?:ed|s|ing|ment|ments)?|allocat(?:e|ed|es|ing)|hand(?:ed|s|ing)? (?:(?:each|it|one|them|every) )?(?:one )?(?:out|over|to)\b)/i,Jl=[{value:`team`,label:`My whole team, as soon as it arrives`},{value:`handed`,label:`Only the person it is handed to`}],Yl={team:`Everyone on your team sees each new one the moment it arrives.`,handed:`A new one reaches you and your admins only. Hand it to a person and they see it from then on — nobody else on your team does.`},Xl=e=>{if(!e?.pageType||!a.vn(e).includes(`internal`))return``;let t=String(e?.arrivalsTo||``);if(t===`team`||t===`handed`)return t;let n=[String(e?.brief||``),String(e?.pageChange||``),...Object.values(Er(e))].join(`
-`);return ql.test(n)?`handed`:`team`},Zl=(e,t)=>{if(!e?.pageType||a.Mn(e)!==`case_`)return[];let r=[String(e?.contentKey||``).trim(),String(e?.id||``).trim()].filter(Boolean),i=[],o=e=>{e&&(e.audience||`public`)===`public`&&!i.includes(e)&&i.push(e)};for(let r of n._r(e))o(r.pageId?n.Nr(r.pageId,t):void 0);for(let e of t)n._r(e.config).some(e=>r.includes(e.pageId))&&o(e);return i},Ql=e=>Kl(e)||bl(e.config),$l=(e,t)=>{if(!e?.pageType||a.Mn(e)!==`user_`)return[];let r=[String(e?.contentKey||``).trim(),String(e?.id||``).trim()].filter(Boolean),i=[],o=e=>{e&&(e.audience||`public`)===`public`&&Ql(Gl(e))&&!i.includes(e)&&i.push(e)};for(let r of n._r(e))o(r.pageId?n.Nr(r.pageId,t):void 0);for(let e of t)n._r(e.config).some(e=>r.includes(e.pageId))&&o(e);return i},eu=(e,t)=>{let r={path:`this page`,audience:Al(e),config:e,prefix:e?.pageType?a.Mn(e):`pub_`};return r.audience!==`public`||!Ql(r)?[]:n._r(e).map(e=>wl(e,t)).filter(e=>!!e?.config?.pageType&&a.Mn(e.config)===`user_`)},tu=hi.find(e=>e.value===`case`).label.split(` — `)[0],nu=hi.find(e=>e.value===`private`).label.split(` — `)[0],ru=e=>e.map(e=>e.title).join(`, `),iu=(e,t)=>{let n=$l(e,t);if(!n.length)return``;let r=ru(n);return`${r} ${n.length>1?`are`:`is`} linked to this page, so what is made there lands here — and it can only land on “${tu}”. As “${nu}”, nothing from ${r} ever arrives.`},au=e=>`${e.title} keeps each person’s own records, so nothing made here can land there. On its row, pick “${tu}” under “${gi}”.`,ou=e=>{if(!e?.pageType)return!1;let t=a.Mn(e);return t===`mem_`||t===`admin_`||t.startsWith(`role_`)},su=e=>!!e?.config?.pageType&&a.Pn(e.config)===`case`,cu=(e,t)=>!e?.pageType||a.Pn(e)!==`case`?[]:n._r(e).map(e=>e.pageId?n.Nr(e.pageId,t):void 0).filter(e=>!!e&&ou(e.config)),lu=e=>`${e.title} keeps one list for your team, so nobody can be sent their own from it. On its row, pick “${tu}” under “${gi}”, and both pages read the same entries.`,uu=(e,t)=>{if(!ou(e))return[];let r=[String(e?.contentKey||``).trim(),String(e?.id||``).trim()].filter(Boolean),i=[],a=e=>{su(e)&&!i.includes(e)&&i.push(e)};for(let r of n._r(e))a(r.pageId?n.Nr(r.pageId,t):void 0);for(let e of t)n._r(e.config).some(e=>r.includes(e.pageId))&&a(e);return i},du=(e,t)=>{let n=uu(e,t);if(!n.length)return``;let r=ru(n);return`${r} ${n.length>1?`show`:`shows`} each person their own from this page — that works only as “${tu}”, with each one sent to its person. As it is, nothing here reaches ${r}.`},fu=(e,t)=>{let n=$l(e,t);if(n.length)return`${ru(n)} ${n.length>1?`are`:`is`} linked to this page, so what is made there lands here — pick “${tu}” under “${gi}”, and this sentence is ready to copy.`;let r=eu(e,t);return r.length?`On the page at ${r[0].path}: pick “${tu}” under “${gi}” — what is made here lands there, and it can only land on a page that answers that. Then this sentence is ready to copy.`:``},pu=(e,t=`this page`)=>{let n=j.t(e);return[`New entries on ${t} reach nobody on my team by themselves: my app sends each one to the person who made it and to my admins, and each of my team sees only the ones handed to them — useCases('${n}') already gives every person exactly those, so never filter a list for them and never keep a copy anywhere. Handing one to a person is my app's own piece and nothing of yours: <HandOver entry={entry} collection='${n}' name={…} />, imported from 'your-ai-workflow-firebase-os' — name is what that entry is called (“Order A7F31”), for the bell. It shows who holds the entry by their picture and their name, and for whoever may hand it over it is the picker of my team: picking a person hands it over there and then, takes whoever had it off, keeps who holds it on the entry and rings them. ${hu(e)} Draw it TWICE for my admins and my team: on each entry's card (compact), so handing one over never means opening it, and inside the opened entry (label='Assigned to') beside its stage — and leave it off what the person an entry is ABOUT sees, unless my words show them who has it. Never a picker, an Assign button, a usePeople, a sendTo, a takeBack or a notify() of your own for this, and never who holds it written on the entry by hand. Say in your reply where that control is.`]},mu=e=>P.c({...e||{},arrivalsTo:`handed`}),hu=e=>mu(e)===`admin`?`Only me and my admins hand one over or take it back: my app enforces it — my database refuses everybody else’s, and the piece draws its picker for nobody else — so somebody on my team who was handed an entry sees who holds it, works on it, and is never given a way to pass it on.`:`Whoever holds an entry may pass it on, so the piece draws its picker for them too; give a group my words keep the handing over from <HandOver readOnly … /> instead.`,gu=`From now on only me and my admins hand an entry on this page to somebody, or take it back. My app enforces it — my database refuses everybody else’s, and <HandOver> draws its picker for nobody else — so somebody who was handed an entry works on it and never passes it on. Wherever this page has a picker, an Assign or Unassign button, a usePeople, a sendTo or a takeBack of its own for handing an entry to a person, replace the lot with my app’s own <HandOver entry={entry} collection={…} name={…} /> from 'your-ai-workflow-firebase-os' — on each entry’s card (compact) and inside the opened entry (label='Assigned to') — and take out anything that writes who holds an entry by hand. Change nothing else.`,_u=`Whoever holds an entry on this page may pass it on again — my app has lifted the lock, and <HandOver> now draws its picker for them too. Where my words keep the handing over from a group, draw that group <HandOver readOnly … />. Change nothing else.`,vu=e=>[`New entries on this page now reach my whole team as soon as they arrive — my app does that by itself, and useCases('${j.t(e)}') hands each of them the lot. Entries already handed to one person stay with that person. Keep the way to hand one over if the page has it; build nothing new for this.`],yu=e=>{let t=[];for(let r of e)for(let i of n._r(r.config)){let a=i.pageId?n.Nr(i.pageId,e):void 0;if(!a||a.id===r.id)continue;let[o,s]=[Gl(r),Gl(a)],c=kl[s.audience]>kl[o.audience]?s:o,l=c===o?s:o;if(c.prefix!==`case_`||l.audience!==`public`)continue;let[u,d]=c===o?[r,a]:[a,r],f={collection:j.t(c.config),formId:Ml(l).id,paid:Kl(l),roles:Xl(c.config)===`team`?[`internal`]:[],page:{path:u.path,title:u.title},from:{path:d.path,title:d.title}};t.some(e=>e.collection===f.collection&&e.formId===f.formId)||t.push(f)}return t},bu=(e,t,n=``,r=[])=>{let i=t.audience||`public`,o={path:`this page`,audience:Al(e),config:e,prefix:e?.pageType?a.Mn(e):`pub_`},s={path:`the page at ${t.path}`,audience:i,config:t.config,prefix:t.config?.pageType?a.Mn(t.config):jl(i)};if(o.prefix===s.prefix){let n=`They connect through the app's own database and nothing else: what this page saves is what the page at ${t.path} reads, live, from the same place. Never write a backend, an export or a copy of the data for it.`;if(e?.pageType&&t.config?.pageType&&o.prefix!==`pub_`){let r=j.r(e,o.prefix,String(e?.pageId||``)),i=j.r(t.config,s.prefix,t.id),a=o.prefix===`case_`?`useCases('${i}') beside its own — my rules hand each person what was sent to them on both pages`:`onSnapshot(collection(db, '${i}'), …) from 'firebase/firestore', db from 'your-ai-workflow-firebase-os', a loading state until the first answer lands and an honest quiet line when it is empty`;return[`${n} Both lists by name, so nothing is guessed: this page's own records are ${r}, handed to it as actions.records and never opened by name; the page at ${t.path} keeps ${i}, handed to that page the same way. Where either page shows the OTHER's list — to pick from it, to count it, to show it beside its own — it reads that list by its name: ${a}. Each page writes only its own list, through its own actions; the other's it only reads.`]}return[n]}let c=kl[s.audience]>kl[o.audience]?s:o,l=c===o?s:o;Ol(l.audience,l.config),c===s&&(c.config={...c.config||{tabName:t.title},pageId:c.config?.pageId||t.id});let u=()=>l===o?zl(e,[t,...r]):zl(t.config,[t,...r],t.id);if(c.prefix===`user_`||c.prefix===`case_`){let n=c.prefix===`case_`?`an entry that was sent to the people it belongs to`:`one person’s own records`,r=c.path.charAt(0).toUpperCase()+c.path.slice(1);if(l.audience===`public`&&c.prefix===`case_`)return[`${r} keeps ${n}, and ${l.path} is a page ANYBODY can open — so ${l.path} never SHOWS any of it, and nothing is copied. NEVER write what ${c.path} keeps into a pub_ collection: pub_ is readable by everybody on the internet, signed in or not, so a copy of ${c.prefix} records there hands each person’s own to every visitor at once. ${l.path} shows only what I mean everybody to see, and whoever wants their own signs in and opens ${c.path} — link to it from ${l.path} and my app takes them through the door itself. Never write a backend, an export or a copy of the data for it either.`,...Vl(c,l,u())];if(l.audience===`public`)return Ql(l)?[`${r} keeps ${n}, and ${l.path} is a page ANYBODY can open — and as ${c.path} is set, NOTHING made on ${l.path} can land on it: my app carries what a visitor makes — an order, a request — only onto a page whose entries are sent to people, and a page of one person’s own records is not one. So build no road of your own for it: never read user_submissions or user_requests on ${c.path}, never write what ${l.path} makes into a user_ collection, never keep a copy anywhere, and never make up entries to fill the gap — ${c.path} shows its empty line until I change that setting. NEVER write what ${c.path} keeps into a pub_ collection either: pub_ is readable by everybody on the internet, signed in or not. Say in your reply, in one line, that for what is made on ${l.path} to arrive on ${c.path} I pick “${tu}” under “${gi}” on its row of the Pages screen and copy the sentence again.`]:[`${r} keeps ${n}, and ${l.path} is a page ANYBODY can open — so there is nothing here for the two of them to share, and nothing to copy. NEVER write what ${c.path} keeps into a pub_ collection: pub_ is readable by everybody on the internet, signed in or not, so a copy of ${c.prefix} records there hands each person’s own to every visitor at once. ${l.path} shows only what I mean everybody to see, and whoever wants their own signs in and opens ${c.path} — link to it from ${l.path} and my app takes them through the door itself. Never write a backend, an export or a copy of the data for it either.`];let i=[`Both pages are behind sign-in, so they share the COLLECTION itself and nothing is copied: my security rules read a collection’s name, never which page asked, so the same ${c.prefix} collection read from ${l.path} hands each person exactly what ${c.path} hands them — ${c.prefix===`case_`?`the entries sent to them, through useCases on both pages`:`the records carrying their own uid`}. Write it in one place and read it in both, live. NEVER keep a pub_ copy of it: pub_ is readable by everybody on the internet, signed in or not, and ${n} is the one thing that must never go there. Never write a backend or an export for it either.`];if(l.prefix!==`user_`&&l.prefix!==`case_`&&l.prefix!==`pub_`){let n=j.r(l.config,l.prefix,l===s?t.id:String(e?.pageId||``));i.push(xu(c.config,l.prefix)?`And where ${c.path} shows what ${l.path} keeps — its own list, ${n}, handed to that page as actions.records — ${c.path} reads it by that name: onSnapshot(collection(db, '${n}'), …) from 'firebase/firestore', db from 'your-ai-workflow-firebase-os', a loading state until the first answer lands and an honest quiet line when it is empty. The people on ${c.path} may read it because they are ${Su(l.prefix)}; it is never written from ${c.path}, and never copied.`:`And where ${c.path} shows what ${l.path} keeps — its own list, ${n} — the people on ${c.path} cannot read that ${l.prefix} list: my rules refuse them. So ${l.path} says usePublicCopy('${n}') once at the top of its code, my app keeps a pub_ copy of it while that page is open, and ${c.path} reads only the copy, ${g.h(n)||`pub_${n.replace(/^[a-z_]*?_/,``)}`}, by that name. The copy is the open internet, so only what I would put on my website goes in it — never a person — and nothing of ${c.path}'s own goes anywhere.`)}return i}if(l.prefix===`case_`||l.prefix===`user_`&&l.audience!==`public`){let e=e=>e.charAt(0).toUpperCase()+e.slice(1),t=j.t(c.config),r=a.Gn(l.config).filter(a.Dn)[0]||`user`,i=c.prefix===`mem_`?`one list for my team`:c.prefix===`admin_`?`one list for my admins`:`one list for the people marked with a role of mine`,o=`${e(c.path)} keeps its records as entries sent to people as well — its row set to “${tu}” under “${gi}”, which makes its collection ${t} — each one sent by my team to the person it is for (sendTo('${t}', id, { people: [uid], canEdit: false }) with the person picked from usePeople('${r}')) and to my team (sendTo('${t}', id, { roles: ['internal'] })); then ${l.path} reads those very entries with useCases('${t}') beside its own, and each person sees exactly theirs there, live, as my team changes them. What they must never see — a note to my team, a cost — is its own record with its own two lists, never a field on the entry.`;return l.prefix===`case_`?[`${e(c.path)} keeps ${i} in ${c.prefix} collections, and ${l.path} keeps entries that were sent to the people they belong to — and what one of those people follows from ${c.path} is one of those entries, not a copy: a pub_ copy of ${c.path}'s list would put every one of them on the open internet, signed out included, and ${l.path} could not tell which is whose. So nothing is copied and NO pub_ collection is written for it. The way is this: ${o} Until that row is changed nothing from ${c.path} can reach ${l.path}: build ${l.path} without it — never a copy, never a made-up stand-in — and say in your reply, in one line, that I pick “${tu}” on the row of ${c.path} and copy both sentences again.`]:[`First, what each person on ${l.path} sees from ${c.path}. If it is THEIR OWN — their order, their project, their file, one of many that ${c.path} keeps for different people — a copy is the wrong shape: it would put every person's on the open internet, and ${l.path} could not tell whose is whose. Then the way is this, and nothing below about a copy applies: ${o} Only where what ${l.path} shows from ${c.path} is the SAME for everybody — a list, a menu, a catalogue I would put on my website — is it the copy below.`,...Cu(c,l,n,u())]}return Cu(c,l,n,u())},xu=(e,t)=>{let n=a.Gn(e);if(!n.length)return!1;if(t===`mem_`)return n.every(e=>e===`internal`||e===`admin`);if(t===`admin_`)return n.every(e=>e===`admin`);let r=t.match(/^role_(.+)_$/)?.[1];return r?n.every(e=>e===r||e===`admin`):t===`pub_`},Su=e=>e===`mem_`?`my team and my admins`:e===`admin_`?`my admins`:`the people marked ${n.qr(e.replace(/^role_/,``).replace(/_$/,``))} and my admins`,Cu=(e,t,r,i=[])=>{let a=Ol(t.audience,t.config),o=j.r(e.config||{tabName:``},e.prefix,String(e.config?.pageId||``)),s={from:o,to:g.h(o)||`pub_${o.replace(/^[a-z_]*?_/,``)}`},c=e.prefix.startsWith(`role_`)?`${e.prefix}, mem_, admin_ or user_`:`mem_, admin_ or user_`,l=t.audience===`public`?`a visitor is not signed in, so the security rules refuse every write ${t.path} makes with a permission error, the copy included`:`a change made to the copy from ${t.path} would never reach the ${e.prefix} record it mirrors`,u=Ml(t).words,d=t.audience===`public`&&Nl(t),f=Fo(t.config)?`Basket`:`Checkout`,p=f===`Basket`?` ${Bl(i.length?i:[s.to],t.path).prop.trim()}`:``,m=No.test([e.config?.brief,...Object.values(Er(e.config)||{})].join(`
-`))?` The history ${e.path} keeps is of what my team does there — a count set, a price changed, written with logHistory when they save — and never of the sales: nobody's browser sees a sale happen, so no line is written for one. What sold is read, never written; the sales themselves are on my Transactions screen.`:``,h=t.audience===`public`&&(n.jr(e.audience)||e.audience===`admin`)&&Eo.test(r),_=h?`not a status, not a sold mark, and a count only through tally() as said below`:`not a count, not a status, not a sold mark`,v=e.path.charAt(0).toUpperCase()+e.path.slice(1);return[`The two pages are for different people, so they cannot share one collection: a ${a.kind} page cannot read ${e.prefix} collections — the security rules answer with a permission error. Keep a public copy instead — and my app keeps it, never the page: ${e.path} saves to its own ${e.prefix} collection and NOTHING else, and says once at the top of its code usePublicCopy('${s.from}') from my app’s package — ${s.from} is that page's own collection, the one it is handed as actions.collection. While that page is open my app keeps a pub_ copy of every record — whole, once, under the same document id, written again when any detail changes and removed when the record goes; ${t.path} reads ONLY the pub_ copy, and it is called ${s.to}. ${t.audience===`public`?`And ${t.path} reads it ITSELF, by that name: a page anyone can open is handed no actions — no actions.records, no actions.loading, nothing — so never read those there (they are empty for ever, and the page shows nothing). Instead: import { db } from 'your-ai-workflow-firebase-os' and onSnapshot(collection(db, '${s.to}'), …) from 'firebase/firestore' at the top of the component, a loading state until the first answer lands, an honest quiet line when it is empty, and those records handed to everything below that asks for records. `:``}${v} NEVER writes the pub_ collection itself — not on a save, not on a delete, not to catch up: a copy written by the page is how my shop ends up showing every product twice, because the page’s own list holds things the server does not yet. For the same reason it never shows a new record under an id it made up while the save is on its way, and never remembers the list in the browser. The copy is the WHOLE record, not a summary of it: every field ${t.path} has to show is in it, the lists inside a record included — its options, its choices, its pictures, its counts, whatever I have put on it — so a change to any single detail reaches the other page. The only fields it is told to leave out are the ones that are my own business — what a thing cost me, a note to my team. The copy is PUBLIC, whoever the other page is for: a pub_ collection is readable by everybody on the internet, signed in or not, so only what I would put on my website goes in it. Never a person — no name, no email, no message, no address — and nothing else ${a.who} should not see${t.audience===`public`?``:`, because the copy reaches further than that page does`}. Never name a ${c} collection in the code of ${t.path}, and never write a backend or an export for it.`,d?`The copy goes ONE way: my app makes it from what ${e.path} keeps, and ${t.path} only reads it — ${l}. So nothing ${t.path} does ever updates, adds to or deletes from the copy — ${_} — and it keeps no collection of its own for what people do there. When something BOUGHT on ${t.path} has to change what ${e.path} keeps — an order takes stock — it goes BACK as the order itself, and my app applies it, never code of yours: what my app's own <${f}${p} formId='${Ml(t).id}' …> on ${t.path} saves when the buyer pays carries items — each { id, name, options, quantity, price, picture } plus any key of your own the basket line was given — so give each line the record's OWN id as id and, where a product comes in variants, the variant's own id as variantId. Write NO form file and no form for it. Nothing is ever taken OFF a record by a sale — not by ${t.path}, not by ${e.path}, not by my app: what ${e.path} keeps is the count my team had when they last counted — the record's own stock number, or variants[i].stock where a product comes in variants, each variant with an id of its own that never changes — and my app dates every count as it is saved through actions.saveRecord / actions.updateRecord. What is LEFT is worked out by my app from what Stripe says was paid for since that count was set, and it is the same one line on BOTH pages: const stock = useStock(records) from 'your-ai-workflow-firebase-os' — over the pub_ copy's records on ${t.path}, over actions.records on ${e.path} — and stock.left(product) or stock.left(product, variant.id) is the number to draw and the number that decides whether a thing can still be added to the basket (null where it keeps no count; stock.loading while the first answer is on its way). NEVER product.stock or variants[i].stock in what is shown or compared: that is the count as it was set, right until the first sale and wrong for every visitor after. On ${e.path} the number my team edits IS what is left — draw stock.left(…) in the <NumberStepper> and save what they set as the new stock: my app dates it, and the sales before it stop counting. It is right for everybody the second Stripe says paid, whoever is signed in or nobody at all. NEVER write any of that by hand: no listener over user_submissions, no useSales() join, no decrement, no sold mark or applied list on the record, no userRole check round it.${m} That is all "both ways" ever means: down through the copy, back through the order.`:`The copy goes ONE way: my app makes it from what ${e.path} keeps, and ${t.path} only reads it — ${l}. So nothing ${t.path} does ever updates, adds to or deletes from the copy — ${_} — and it keeps no collection of its own for what people do there. When something that happens on ${t.path} has to change what ${e.path} keeps — an order takes stock, a seat is taken, a vote is counted — it goes BACK as a form entry: the last step on ${t.path} is the app's own form, ${u}, and whatever that page worked out along the way — the items, their options, their quantities, the total — rides in that extra object, one key per thing, so the entry carries the whole of what was done. Then ${e.path}, while an admin has it open, reads that form's entries and no other form's — by formId, the way my app's instructions describe for the Inbox — applies each one it has not applied yet to its own ${e.prefix} record — my app carries the change to the copy — and keeps the entry's id on the record so it is never applied twice. That is all "both ways" ever means: down through the copy, back through the Inbox.`,...h?[Oo(t.path,Fo(t.config)),jo(e.path,r)]:[]]};function wu(e,t,r){let i=[],o=bl(e);for(let{how:s,target:c}of Tu(e,t,r)){let r=c.audience===`admin`,l=n.jr(c.audience),u=Ol(c.audience,c.config),d=hl(c)&&!ml(c)?`That page is built already: change it in this same request, only as far as the link needs.`:`Build both pages of the link in this one request — this page and the one at ${c.path}.`;i.push(`This page is linked to the ${u.kind} page at ${c.path}, which ${u.who} can open. ${d} That page's web address and menu entry already exist — do not create a web address or a settings file for it, and do not change who can open it.`),i.push(`Here is how the two pages are linked: ${s}`);let f=i.length;i.push(...bu(e,c,s,t));let p=a.bt(c.path,c.config,a.yt(),yl(e),a.vt(),[e?.brief,e?.pageChange,s].map(e=>String(e||``)).join(`
-`));p&&i.push(p),o&&l&&!r&&i.push(`Entries from the form on this page land in the Inbox collections, which only admins may read. ${Cl(c.path,tc(e))}`);let m=i.slice(f);Sl(c.audience,c.config)&&m.some(e=>e.includes(`On ${c.path}, do this exactly`)||e.includes(`Then the page at ${c.path}, while an admin has it open`))&&i.push(xl(c.path)),Sl(Al(e),e)&&m.some(e=>e.includes(`Then this page, while an admin has it open`))&&i.push(xl(`this page`))}return i}var Tu=(e,t,r)=>n._r(e).flatMap(e=>{if(r&&!r.includes(e.pageId))return[];let n=wl(e,t),i=e.how.trim();return n&&i?[{how:i,target:n}]:[]}),Eu=e=>{let t=e.config,r=t?.pageType?a.Mn(t):`pub_`;return r===`pub_`?`it reads and writes pub_ collections only — never a mem_, admin_, user_ or role_ one`:r===`case_`?`every entry on it is sent to the people it belongs to, in case_ collections read only through useCases — never query one yourself`:r===`mem_`?`its records live in mem_ collections, which are my team’s`:r===`admin_`?`its records live in admin_ collections, which are my admins’ alone`:r.startsWith(`role_`)?`what everybody marked ${a.Gn(t).filter(a.Dn).map(e=>n.qr(e)).join(` or `)} shares lives in ${r} collections and what belongs to one of them in user_ ones`:`its records live in user_ collections, each person reading only the ones that carry their own uid`},Du=e=>{let t=Ol(e.audience,e.config),n=/^[aeiou]/i.test(t.kind)?`an`:`a`;return`The page at ${e.path} keeps its own rules whatever the link asks of it: it is ${n} ${t.kind} page that ${t.who} can open, ${Eu(e)}, and the link changes neither. Never widen or narrow who may open it, never make it read another page's private collections — whatever it must show from a page with a different audience reaches it exactly the way the lines above say and no other — and never write a guard, a redirect or a sign-in check of your own on it.`};function Ou(e,t,n){let r=[];for(let{target:i}of Tu(e,t,n)){let e=String(i.config?.tabName||i.config?.pageName||``).trim();r.push(`Now the page at ${i.path}${e&&e!==`New page`?`, called ${e}`:``}. Everything from here on is about that page: where a line says “this page” or “the page”, it means the page at ${i.path}.`),r.push(Du(i)),r.push(..._l(i,t))}return r.length&&r.push(`Do not touch any other page of mine: only the pages this request names, any new page my words above ask you to make, and — where a page above says so — the one button on another page that was already promising it, changed only in where it leads.`),r}var ku=(e,t,r,i)=>{let a=new Set([e.id]),o=String(t?.contentKey||``).trim();o&&a.add(o);let s=[];for(let t of r)t.id!==e.id&&n._r(i[t.id]).some(e=>e.pageId&&a.has(e.pageId))&&s.push(t.title);return s},Au=e=>{let t=e?.booking&&typeof e.booking==`object`?e.booking:{};return{schedules:a.lt(a.en(t),a.yt(),a.vt()),party:a.$t(t),ask:String(t.ask||``),how:String(t.how||``)}};function ju({title:e,hint:t,action:n,children:r}){return(0,R.jsxs)(`section`,{className:`flex flex-col gap-3 pt-4 border-t border-[var(--panel-border)]/50`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3 ml-1`,children:[(0,R.jsxs)(`div`,{className:`flex flex-col gap-0.5 min-w-0`,children:[(0,R.jsx)(`h4`,{className:`text-[13px] font-bold text-foreground/85 tracking-tight`,children:e}),t&&(0,R.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug max-sm:hidden`,children:t})]}),n]}),r]})}var Mu=`Optional — leave it empty and nothing is booked on this page unless your words above ask for it. In your own words, not fields: their name and their email are always taken, and a visitor already signed in is never asked for them. A time booked on these hours is free; for a paid one, pick a booking link with its price under Booking links instead.`,Nu=e=>e===`practice`?`ready`:e,Pu=e=>e===`practice`?`practice`:`ready`;function Fu({emails:e,readiness:t,onSwitch:r,onNote:i,onBlur:a}){return(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,R.jsx)(n.S,{label:`Email me each time someone sends this`,hint:`With who sent it and what they wrote. Press Reply to answer them.`,enabled:e.owner,onChange:t=>r({...e,owner:t})}),(0,R.jsx)(te.t,{service:`email`,readiness:Pu(t),audience:`customer`,children:(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,R.jsx)(n.S,{label:`Email them a confirmation`,hint:`A moment after they send it: to the address they signed in with, or the one they gave.`,enabled:e.confirm,onChange:t=>r({...e,confirm:t})}),e.confirm&&(0,R.jsx)(n.y,{label:`Anything to say in the confirmation?`,hint:`Optional. Your words replace ours: “Thanks for getting in touch — we have your message and will come back to you shortly.”`,value:e.note,onChange:t=>i({...e,note:t}),onBlur:a,placeholder:`Thanks, your message is in — I will reply within a day.`})]})})]})}function Iu({entry:e,readiness:t,onSwitch:r,onWords:i,onBlur:a}){return(0,R.jsx)(te.t,{service:`email`,readiness:Pu(t),audience:`customer`,children:(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,R.jsx)(n.S,{label:`Your team writes emails to people from this page`,hint:`To a customer, a client or anyone else, in your app’s look.`,enabled:!!e,onChange:r}),e&&(0,R.jsx)(n.y,{label:`What do they send, and to whom?`,value:e.what,onChange:i,onBlur:a,placeholder:`A message to a customer, picked from the list of people who wrote in, written on the spot`})]})})}function Lu({link:e,links:t,index:r,targets:i,self:a,onPatch:o,onBlur:s,onRemove:c,warnFor:l}){let u=wl(e,i),d=i.filter(e=>!n.fr(a.id,e)&&!(a.contentKey&&n.fr(a.contentKey,e))&&(e.id===u?.id||!t.some((t,n)=>n!==r&&wl(t,i)?.id===e.id))),f=e.pageId?u?.id||e.pageId:``,p=e=>{e!==f&&o({pageId:e},!0)},m=u?.title||`A linked page`;return(0,R.jsxs)(`div`,{className:`flex flex-col rounded-2xl border border-[var(--panel-border)]/60`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2 px-4 pt-3 pb-1`,children:[(0,R.jsx)(`span`,{className:`flex-1 min-w-0 text-[13px] font-semibold text-foreground/75 truncate`,children:m}),(0,R.jsx)(n.o,{icon:S.t,tone:`danger`,compact:!0,title:`Unlink ${m}`,onClick:c,children:`Unlink`})]}),(0,R.jsxs)(`div`,{className:`flex flex-col gap-4 px-4 pb-4 pt-2`,children:[(0,R.jsx)(n.g,{label:`Which page is it linked to?`,hint:f?void 0:`One of your pages — on the website or in the dashboard. To link a new one, add it first.`,value:f,onChange:p,options:d.map(e=>({value:e.id,label:`${e.title} — ${e.path}`})),placeholder:`Pick a page`}),!!e.pageId&&!u&&(0,R.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500`,children:`The page this one linked to was deleted. Pick another, or unlink it.`}),!!u&&(0,R.jsx)(n.y,{label:`How are the two pages linked?`,hint:`In your own words — what made here should show up there, and what happens after. It goes into the sentence below.`,value:e.how,onChange:e=>o({how:e},!1),onBlur:s,placeholder:Ss.how}),!!u&&!!l?.(u)&&(0,R.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500`,children:l(u)})]})]})}function Ru({links:e,targets:t,self:r,onChange:i,onBlur:a,warnFor:o}){let s=(t,n,r)=>i(e.map((e,r)=>r===t?{...e,...n}:e),r),c=t=>i(e.filter((e,n)=>n!==t),!0),l=()=>i([...e,{pageId:``,how:``}],!0),u=e.every(e=>!!wl(e,t));return e.length?(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[e.map((n,i)=>(0,R.jsx)(Lu,{link:n,links:e,index:i,targets:t,self:r,onPatch:(e,t)=>s(i,e,t),onBlur:a,onRemove:()=>c(i),warnFor:o},i)),u&&(0,R.jsx)(`div`,{className:`flex`,children:(0,R.jsx)(n.o,{icon:x.t,onClick:l,children:`Link another page`})})]}):(0,R.jsx)(`div`,{className:`flex`,children:(0,R.jsx)(n.o,{icon:x.t,onClick:l,title:`One of your pages — on the website or in the dashboard`,children:`Link a page`})})}var zu=[`pageType`,`roles`,`alsoTeam`,`iconName`,`iconByHand`,`iconWords`,`group`],Bu=(e,t)=>{let n=t?ss:Ts;return{brief:n(String(e?.brief??``)),change:n(String(e?.pageChange??``))}},Vu=(e,t,n)=>!!e?.iconByHand&&n===String(e?.iconWords?.[t]??``),Hu={iconByHand:void 0,iconWords:void 0},Uu=e=>Object.fromEntries(zu.filter(t=>e&&t in e).map(t=>[t,e[t]])),Wu=2500,Gu=(e,t,n)=>{let r=e;for(let i of new Set([...Object.keys(t),...Object.keys(n)]))ec(e[i],n[i])||!ec(e[i],t[i])||(r===e&&(r={...e}),i in n?r[i]=n[i]:delete r[i]);return r},Ku={before:`The page is created the moment you leave this box.`,after:`Created — renaming it later keeps its web address.`},qu={before:`Made from the name unless you write one.`,after:`Change it and the page moves to the new address.`};function Ju({before:e,after:t,made:n}){return(0,R.jsxs)(`span`,{className:`grid`,children:[(0,R.jsx)(`span`,{className:`col-start-1 row-start-1 ${n?`invisible`:``}`,"aria-hidden":n||void 0,children:e}),(0,R.jsx)(`span`,{className:`col-start-1 row-start-1 ${n?``:`invisible`}`,"aria-hidden":!n||void 0,children:t})]})}function Yu({page:e,config:t,saving:r,saveError:i,onSave:o,onTyping:s,addressTaken:c,actions:l,footer:u,isNew:d,quick:f,system:p,linkTargets:m,products:h,onTogglePayment:g,onCreatePayment:_,customRoles:v,onCreateRole:y,locked:b}){let x=e.type===`public`,S=n.jr(e.type),C=x?`pageName`:`tabName`,w=x?`pageTitle`:`tabTitle`,T=ys[e.type],[D,O]=(0,L.useState)(()=>({...t||{}})),[k,A]=(0,L.useState)(``),[M,N]=(0,L.useState)(!1),[ee,F]=(0,L.useState)(``),I=ri(String(D.route??``).replace(/^\/+/,``)),[ne,z]=(0,L.useState)(I),[re]=(0,L.useState)(!!d),ie=(0,L.useRef)(t||{});(0,L.useEffect)(()=>{let e=ie.current,n=t||{};if(e===n)return;ie.current=n,O(t=>Gu(t,e,n));let r=e=>ri(String(e.route??``).replace(/^\/+/,``)),i=r(e),a=r(n);i!==a&&z(e=>ri(e)===i?a:e)},[t]);let ae=(0,L.useRef)(new Set),oe=(0,L.useRef)(null),se=(0,L.useRef)(0),ce=(0,L.useRef)(null),le=(0,L.useRef)(()=>{}),ue=(0,L.useRef)(()=>{}),de=()=>{oe.current&&=(clearTimeout(oe.current),null),ce.current&&=(clearTimeout(ce.current),null),se.current=0},fe=e=>{ae.current.add(e),ce.current||=setTimeout(()=>{ce.current=null,ue.current()},300),se.current||=Date.now(),oe.current&&clearTimeout(oe.current);let t=se.current+Wu-Date.now();oe.current=setTimeout(()=>le.current(),Math.max(0,Math.min(700,t)))};(0,L.useEffect)(()=>{let e=()=>le.current(),t=()=>{document.visibilityState===`hidden`&&e()};return window.addEventListener(`pagehide`,e),document.addEventListener(`visibilitychange`,t),()=>{window.removeEventListener(`pagehide`,e),document.removeEventListener(`visibilitychange`,t),de()}},[]);let B=(e,t)=>{O(n=>({...n,[e]:t})),e!==C&&fe(e)},pe=n=>{let r={...t||{},...D,...Uu(t),...n};return!f&&!p&&!r.sent&&(r.sent=Hs(e,t||{})),delete r._uiKey,r},V=e=>{let t=pe(e);de();for(let t of Object.keys(e))ae.current.delete(t);O(n=>({...n,...e,...t.sent&&!n.sent?{sent:t.sent}:{}})),o(t)};le.current=()=>{de();let e={};for(let n of ae.current)ec((t||{})[n],D[n])||(e[n]=D[n]);ae.current.clear(),Object.keys(e).length&&V(e)},ue.current=()=>{!s||!ae.current.size||s(pe({}))};let H=e=>{(t||{})[e]!==D[e]&&V({[e]:D[e]})},U=n=>{if(!t||!I||String(t.recordsKey??``).trim())return n;let r=C in n&&String(n[C]??``)!==String(t[C]??``),i=`route`in n&&String(n.route??``)!==String(t.route??``);if(!r&&!i)return n;let a=j.a(t,e.id,x);return a?{...n,recordsKey:a}:n},W=String(D[C]??``).trim(),me=String((t&&`iconName`in t?t.iconName:D.iconName)??``).trim(),he=ri(ne)||ri(W),ge=()=>{if(!W){A(`Give the page a name — ${T.name}`);return}if(!he){A(`Use a name with a letter or a number in it.`);return}let n=I||he;if(!I&&c(e.id,n)){A(`${Zt(n)} Pick a different name or address.`);return}A(``);let r={[C]:W},i=String(D[w]??``).trim();if((!i||i===String(t?.[C]??``).trim())&&(r[w]=W),!me&&!t?.iconByHand){let e=String(D.brief??``),t=x?ss(e):Ts(e)||Pi(W);t&&(r.iconName=t)}I||(r.route=`/`+n,z(n)),Object.keys(r).some(e=>(t||{})[e]!==r[e])?V(U(r)):O(e=>({...e,...r}))},_e=()=>{let t=ri(ne);if(!ne.trim()){z(I),F(``);return}if(!t){F(`Use an address with a letter or a number in it.`);return}if(z(t),t===I){F(``);return}if(c(e.id,t)){F(`${Zt(t)} Pick a different address.`);return}F(``),I&&V(U({route:`/`+t}))},ve=()=>{let e=String(D.brief??``),n={brief:e},r=Es(e);r&&(n[w]=r);let i=me,a=x?ss(e):Ts(e),o=a||(x||i?``:Pi(String(D[C]??``)));o&&o!==i&&!Vu(t,`brief`,a)&&Object.assign(n,{iconName:o},t?.iconByHand?Hu:{}),Object.keys(n).some(e=>(t||{})[e]!==n[e])&&V(n)},ye=String(D.pageChange??``),G=vs(ye),K=ri(G.address)||I,be=()=>{if(G.address&&!ri(G.address)){A(`Use an address with a letter or a number in it.`);return}if(K!==I&&c(e.id,K)){A(`${Zt(K)} Pick a different address.`);return}A(``);let n={pageChange:ye};G.name&&(n[C]=G.name),G.heading&&(n[w]=G.heading),K!==I&&(n.route=`/`+K);let r=me,i=x?ss(ye):Ts(ye);i&&i!==r&&!Vu(t,`change`,i)&&Object.assign(n,{iconName:i},t?.iconByHand?Hu:{}),Object.keys(n).some(e=>(t||{})[e]!==n[e])?V(U(n)):O(e=>({...e,...n}))},q=f?I||he:K,J=p?{...t||{},...D}:{...t||{},...D,...Uu(t),...f?{}:{pageChange:x&&G.heading?[`Heading: ${G.heading}`,G.rest].filter(Boolean).join(`
-`):G.rest,...G.name?{[C]:G.name}:{},...G.heading?{[w]:G.heading}:{}},route:q?`/`+q:``,contentKey:t?.contentKey||q||void 0};a.yt(),Au(D),bn(D);let xe=n._r(D),Se={id:e.id,title:e.title,path:e.path},Ce=cl(Se,D,h).map(e=>e.id),we=!!p&&(e.id===`contact`||e.id===`support`),Te=p?jc(e.id,qs(J)):qs(J),Ee=String((p?J.pageWish:J.pageChange)??``),Y=dl(p?Pc(e.id,qs(J),m):f?Ri(e,qs(J),m):_c(qs(J),e,m)),De=p?``:gc(Se,qs(J),h),Oe=!p&&So(J,[J.brief,J.pageChange,...Ar(J)].join(`
-`)).length>0,Ae=Us(qs(t)),je=p?!!Ae:!f,Me=we||!!Ae?.formWish||!!Ae?.form||je&&!!(Ns(t)||String(t?.form||``).trim()),Ne=we?{label:je?`What would you like changed about the ${e.title.toLowerCase()} form here?`:`How should the ${e.title.toLowerCase()} form work here?`,hint:je?`Optional — in your own words. Anything you do not mention stays as it is.`:`This page has its form already — say where it sits and what happens after someone sends it.`,placeholder:je?`Ask for their phone number too, and move it under the opening hours.`:`Build it into the page under our opening hours, and after sending say we answer within a day.`}:je&&Me?{label:`What would you like changed about the forms?`,hint:`Optional — in your own words; anything you do not mention stays as it is. One more form is described here too.`,placeholder:ws}:{label:`What forms should the page have, and what does each ask?`,hint:`Optional — as many as you like, one after the other: what each asks, where it sits and what happens after. Every answer lands in your Inbox. Or name forms you already have.`,placeholder:T.form},Pe=(0,R.jsx)(ke,{items:Bi(D),note:String(D.imageNotes??``),onChange:e=>{if(f||p){V({images:e});return}let t=Bi(D).map(e=>e.url).filter(Boolean);V({images:e,imagesSent:Array.isArray(D.imagesSent)?D.imagesSent:t,mediaSent:Array.isArray(D.mediaSent)?D.mediaSent:oa(D)})},onNote:e=>B(`imageNotes`,e),onNoteBlur:()=>H(`imageNotes`),onBusyChange:N}),Ie=(u||l)&&(0,R.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 pt-2 border-t border-[var(--panel-border)]/60`,children:[(0,R.jsx)(n.p,{saving:r,error:i}),(0,R.jsx)(`div`,{className:`flex flex-wrap items-center gap-2 ml-auto`,children:l})]}),Le=p?(0,R.jsx)(n.y,{label:p.ask,hint:`In your own words. Everything you do not mention stays as it is.`,value:String(D.pageWish??``),onChange:e=>B(`pageWish`,e),onBlur:()=>H(`pageWish`),placeholder:p.example}):f?(0,R.jsxs)(`div`,{className:`flex flex-col gap-3 sm:gap-4`,children:[(0,R.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4`,children:[(0,R.jsx)(n.b,{label:`Name`,hint:re?(0,R.jsx)(Ju,{...Ku,made:!d}):void 0,value:String(D[C]??``),onChange:e=>{B(C,e),k&&A(``)},onBlur:ge,error:k,placeholder:T.name}),(0,R.jsx)(n.b,{label:`Web address`,hint:re?(0,R.jsx)(Ju,{...qu,made:!d}):void 0,prefix:`/`,value:ne,onChange:e=>{z(e),ee&&F(``)},onBlur:_e,error:ee,placeholder:ri(W)||ri(T.name)})]}),(0,R.jsx)(n.y,{label:`What is on the page?`,hint:x?`In your own words — what it shows, what it says, what people do there. Whatever you skip, your assistant decides.`:`In your own words — what it shows, what people do there, and the icon it gets in the menu. Whatever you skip, your assistant decides.`,value:String(D.brief??``),onChange:e=>B(`brief`,e),onBlur:ve,placeholder:T.describe})]}):(0,R.jsx)(n.y,{label:`What would you like changed?`,hint:`In your own words — anything you do not mention stays as it is. To rename or move the page, add a line of its own: Name: Gallery, Address: /gallery or Heading: Our gallery.`,value:ye,onChange:e=>{B(`pageChange`,e),k&&A(``)},onBlur:be,error:k,placeholder:Cs}),X={...D,...Uu(t)},Re=cr(X),ze=()=>{JSON.stringify(t?.canDo||{})!==JSON.stringify(D.canDo||{})&&V({canDo:D.canDo||{}})},Be=d||p?[]:Zl({...X,id:e.id},m),Ve=Be.length?Xl(X):``,He=d||p?[]:eu(X,m),Ue=d||p?[]:cu(X,m),We=pr(X),Ge=br(X),Ke=We&&mr(X)&&An(),qe=Fs(X)||Zc(D)||Yc(D).some(e=>e.kind!==`send`)||E.n.includes(e.id);return(0,R.jsxs)(`div`,{className:`flex flex-col gap-4 sm:gap-5`,children:[(0,R.jsxs)(`fieldset`,{disabled:b,inert:b||void 0,className:`flex flex-col gap-4 sm:gap-5 min-w-0 transition-opacity duration-300 ${b?`opacity-40 pointer-events-none select-none`:``}`,children:[Le,!p&&!x&&(0,R.jsxs)(ju,{title:`Add notifications?`,hint:Tr(X),action:(0,R.jsx)(n.x,{enabled:We,onChange:e=>V({notifications:e}),label:`Add notifications?`}),children:[We&&(0,R.jsx)(te.t,{service:`email`,readiness:kn(),children:(0,R.jsx)(n.S,{label:`Also send them by email?`,hint:`Each notification arrives as an email too, in the same words.`,enabled:mr(X),onChange:e=>V({notifyEmail:e})})}),We&&Ge&&(0,R.jsx)(n.y,{label:xr(X,v),value:String(D.notifyWish??``),onChange:e=>B(`notifyWish`,e),onBlur:()=>H(`notifyWish`),placeholder:Cr(a.Dn(Ge)?`role`:Ge,Ke)})]}),!p&&Re.length>0&&(0,R.jsx)(ju,{title:`Who can do what`,hint:$r(X,v),children:Re.map(e=>(0,R.jsx)(n.y,{label:lr(e,v),value:String(D.canDo?.[e]??``),onChange:t=>{O(n=>({...n,canDo:{...n.canDo||{},[e]:t}})),fe(`canDo`)},onBlur:ze,placeholder:yr(a.Pn(X),We,Ke)[a.Dn(e)?`role`:e]},e))}),!p&&!x&&a.jn(X.pageType)!==`admin`&&!ji.includes(String(X.template||``))&&(0,R.jsx)(ju,{title:`Who may delete`,hint:`Nothing is thrown away until you say who may — whoever you pick, the database refuses everybody else, whatever a page shows.`,children:(0,R.jsx)(n.g,{label:`Who may delete records on this page?`,hint:Lr(X),value:P.o(X),onChange:e=>V({deleteBy:e===`admin`?`admin`:e===`all`?`all`:`none`}),options:P.t,allowEmpty:!1})}),(0,R.jsx)(ju,{title:`Media`,hint:`Optional — pictures, videos, files or links, each with a line on what it is and where it goes.`,children:Pe}),(0,R.jsx)(ju,{title:`Forms`,hint:Ne.hint,children:(0,R.jsx)(n.y,{label:Ne.label,value:String(D.formWish??``),onChange:e=>B(`formWish`,e),onBlur:()=>H(`formWish`),placeholder:Ne.placeholder})}),!1,!1,(0,R.jsx)(ju,{title:`Linked pages`,hint:`Optional — another page you already have, on the website or in the dashboard. Pick it, then say how the two connect.`,children:(0,R.jsx)(Ru,{links:xe,targets:m,self:{id:e.id,contentKey:String(t?.contentKey||(f?q:``)||``)},onChange:(e,t)=>t?V({links:e}):B(`links`,e),onBlur:()=>H(`links`),warnFor:e=>He.some(t=>t.id===e.id)?au(e):Ue.some(t=>t.id===e.id)?lu(e):``})}),Ve&&(0,R.jsxs)(ju,{title:`New arrivals`,hint:`${Be.map(e=>e.title).join(`, `)} ${Be.length>1?`are`:`is`} linked to this page, so what is made there lands here.`,children:[(0,R.jsx)(n.g,{label:`Who on your team sees a new one?`,hint:Yl[Ve],value:Ve,onChange:e=>V({arrivalsTo:e===`handed`?`handed`:`team`}),options:Jl,allowEmpty:!1}),Ve===`handed`&&(0,R.jsx)(n.g,{label:`Who may hand one on?`,hint:P.i[P.c({...X,arrivalsTo:`handed`})],value:P.c({...X,arrivalsTo:`handed`}),onChange:e=>V({handOnBy:e===`holder`?`holder`:`admin`}),options:P.r,allowEmpty:!1})]}),(0,R.jsx)(ju,{title:`Emails`,hint:`Optional — your app sends these itself. Receipts and sale alerts are on the Email screen.`,children:(0,R.jsx)(te.t,{service:`email`,readiness:Nu(kn()),children:(0,R.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[qe?(0,R.jsx)(Fu,{emails:Qc(D),readiness:kn(),onSwitch:e=>V($c(D,e)),onNote:e=>{let t=$c(D,e);B(`formEmails`,t.formEmails),B(`emails`,t.emails)},onBlur:()=>{(!ec(t?.formEmails,D.formEmails)||!ec(t?.emails,D.emails))&&V({formEmails:D.formEmails,emails:D.emails})}}):(0,R.jsx)(`p`,{className:`${n.s} px-1`,children:`Give this page a form, and your app can email you each one that is sent.`}),S&&(0,R.jsx)(Iu,{entry:nl(D),readiness:kn(),onSwitch:e=>{let t=Yc(D).filter(e=>e.kind!==`send`);V({emails:e?[...t,{kind:`send`,what:``}]:t})},onWords:e=>B(`emails`,Yc(D).map(t=>t.kind===`send`?{...t,what:e}:t)),onBlur:()=>H(`emails`)})]})})}),!d&&g&&_&&(0,R.jsx)(ju,{title:`Payments`,hint:S?`Optional — tick the payments your team follows here: who paid, for what, when.`:`Optional — pick a payment you have, or add one: a one-time price, a subscription, or a custom amount the page works out.`,children:(0,R.jsx)(te.t,{service:`payments`,readiness:Nn(),children:(0,R.jsx)(Xe,{pageId:e.id,products:h,ticked:Ce,team:S,custom:Fe(D),note:String(D.paymentNote??``),notePlaceholder:S?ys.internal.payments:ys.public.payments,onToggle:g,onCreateOnce:_,onCustomChange:(e,t)=>t?V({customPayments:e}):B(`customPayments`,e),onCustomBlur:()=>H(`customPayments`),onNote:e=>B(`paymentNote`,e),onBlur:()=>H(`paymentNote`)})})}),!Y&&Oe&&(0,R.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug px-1`,children:`Conversations on a page are switched off for now, so this page gets notes that go one way — from your team to the one person each is for, with the bell. Somebody who wants to answer writes to you through your contact form.`}),!Y&&!!De&&(0,R.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug px-1`,children:De}),Y&&(0,R.jsxs)(`div`,{className:`flex flex-col items-start gap-2 px-1`,children:[(0,R.jsx)(`p`,{className:`text-[12px] font-semibold text-red-500`,children:Y}),Y===`Your words take a picture off the page or swap one. If it is one of the pictures in Media above, take it off there with the ✕ on it first — otherwise this sentence hands it back as a picture that stays.`&&(0,R.jsx)(n.o,{icon:n.At,onClick:()=>V({picturesNotOnRow:ya(Te,Ee)}),children:`It is not one of these`}),Y===`A time booked on the hours under Schedules is always free, and your words take a payment for it. To be paid for each booking, give a booking link its price on the Schedule screen, pick it under Booking links instead, take the hours off under Schedules and untick the payment here — or untick the payment to keep booking free.`&&(0,R.jsx)(n.o,{icon:n.At,onClick:()=>V({paidHoursApart:pc(Se,qs(J),h),paidHoursApartChange:String(J.pageChange??``).trim()}),children:`My payment is not the price of a booking`})]}),u?.(J,M)]}),Ie]})}var Xu=()=>{let e=cn(``);return Object.fromEntries(Object.entries(sn()).filter(([t])=>t.startsWith(e)).map(([t,n])=>[t.slice(e.length),n]))},Zu=[2e3,6e3,2e4],Qu=`Not saved yet — trying again`,$u=`Not saved — kept on this device`,ed=e=>new Promise(t=>setTimeout(t,e)),td=async(e,t,r)=>{let i=nn(cn(e),t);for(let a=0;;a++)try{return await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,`page_briefs`),{[e]:t},{merge:!0}),rn(cn(e),i),``}catch(t){if(console.error(`Could not save the page answers`,t),!an(cn(e),i))return``;if(a>=Zu.length)return $u;if(a||r?.(),await ed(Zu[a]),!an(cn(e),i))return``}},nd=()=>{try{return JSON.parse(localStorage.getItem(`fbos_theme_ai_draft`)||`{}`)}catch{return{}}};function rd({sections:e,onPick:t}){let[r,i]=(0,L.useState)(!1),a=(0,L.useRef)(null);return(0,L.useEffect)(()=>{if(!r)return;let e=e=>{a.current&&!a.current.contains(e.target)&&i(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[r]),(0,R.jsxs)(`div`,{ref:a,className:`relative`,children:[(0,R.jsx)(w.t,{variant:`secondary`,onClick:()=>i(e=>!e),className:`w-10 h-10 p-0 border-transparent bg-transparent hover:bg-foreground/5 rounded-xl flex items-center justify-center shrink-0 transition-colors group cursor-pointer`,title:`Add a page`,children:(0,R.jsx)(x.t,{className:`w-4 h-4 text-foreground/60 group-hover:text-foreground transition-colors`})}),(0,R.jsx)(n.rt,{children:r&&(0,R.jsxs)(n.nt.div,{initial:{opacity:0,y:10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:10,scale:.95},transition:{duration:.18,ease:n.w.ease},className:`absolute top-full mt-2 right-0 w-56 glass-popover border border-[var(--panel-border)] rounded-2xl p-2 z-50 flex flex-col gap-1`,children:[(0,R.jsx)(`span`,{className:`px-3 pt-1 pb-2 text-[10px] font-bold uppercase tracking-widest text-foreground/40`,children:`Add a page to`}),e.map(e=>(0,R.jsx)(`button`,{onClick:()=>{i(!1),t(e.defaultType)},className:`text-left px-3 py-2 text-[13px] font-bold text-foreground/70 hover:text-foreground hover:bg-foreground/5 rounded-lg transition-colors cursor-pointer`,children:e.title},e.id))]})})]})}var id=450,ad=1200;function od({heard:e,pageIds:t,configs:n,targets:r,onWrite:i}){let a=(0,L.useRef)(new Set);return(0,L.useEffect)(()=>{if(e)for(let e of t){let t=n[e];!t||t.arrivalsTo||a.current.has(e)||Xl(t)!==`handed`||Zl({...t,id:e},r).length&&(a.current.add(e),i(e,{...t,arrivalsTo:`handed`}))}},[e,t.join(`
-`),n]),null}function sd(){let{userRole:e}=n.Ft(),{activeConfig:s}=r.N(),d=(0,re.useLocation)(),[h,v]=(0,L.useState)(()=>{try{if(typeof window<`u`){let e=localStorage.getItem(`fbos_swr_pages`);if(e)return Ln(JSON.parse(e))}}catch{}return Fn}),[w,T]=(0,L.useState)(()=>{try{return sessionStorage.getItem(`fbos_pages_expandedId`)||null}catch{return null}}),[E,k]=(0,L.useState)(()=>new Set),[P,F]=(0,L.useState)(()=>new Set),[te,ie]=(0,L.useState)(null),ae=(0,L.useRef)(w),se=(0,L.useRef)(null),[ce,le]=(0,L.useState)(null),[ue,de]=(0,L.useState)(null),B=e=>{let t=typeof window<`u`?window.location.origin:``;navigator.clipboard?.writeText(`${t}${e.path}`),le(e.id),setTimeout(()=>le(null),2e3)},[H,U]=(0,L.useState)(()=>{let e={};try{if(typeof window<`u`){let t=localStorage.getItem(`fbos_swr_page_configs`);t&&(e=JSON.parse(t))}}catch{}let t=sn();for(let n of Object.keys(e))t[n]&&(e[n]=t[n]);return e}),W=(0,L.useRef)(H);W.current=H,(0,L.useEffect)(()=>{try{localStorage.setItem(`fbos_swr_page_configs`,JSON.stringify(H))}catch{}},[H]),(0,L.useEffect)(()=>{let e=h.filter(e=>!e.id.startsWith(`draft_`)||Fc(W.current[e.id],si(e.type)));try{localStorage.setItem(`fbos_swr_pages`,JSON.stringify(e))}catch{}},[h]);let[me,he]=(0,L.useState)({}),[ge,_e]=(0,L.useState)({}),ve=(e,t)=>{he(n=>({...n,[e]:t})),_e(n=>({...n,[e]:t}))},[ye,G]=(0,L.useState)({}),K=(e,t)=>G(n=>n[e]===t?n:{...n,[e]:t}),be=(0,L.useRef)(new Set),[q,J]=(0,L.useState)(()=>{let e={};try{let t=localStorage.getItem(`fbos_swr_page_briefs`);t&&(e=JSON.parse(t))}catch{}return{...e,...Xu()}}),Se=(0,L.useRef)(q);(0,L.useEffect)(()=>{Se.current=q},[q]),(0,L.useEffect)(()=>{let e=!1;return(0,z.onSnapshot)((0,z.doc)(n.ui,`sys_configs`,`page_briefs`),t=>{let n=Xu(),r={...t.exists()?t.data():{},...n};Se.current=r,J(r);try{localStorage.setItem(`fbos_swr_page_briefs`,JSON.stringify(r))}catch{}if(!e){e=!0;for(let[e,t]of Object.entries(n))td(e,t)}},()=>{})},[]);let{schedules:Ce}=l.y(),{pages:we}=M.i();vn(gn(Ce,we));let[Te,Ee]=(0,L.useState)(null);(0,L.useEffect)(()=>{if(Te===`ready`)return;let e=!1,t=()=>D.o().then(t=>{if(e||t.error)return;let n=t.configured?t.senderVerified===!1?`practice`:`ready`:t.connected?`off`:`unset`;On(n),Ee(n)});t();let r=setInterval(()=>{typeof document<`u`&&document.visibilityState===`hidden`||t()},n.Dn);return()=>{e=!0,clearInterval(r)}},[Te]);let[Y,De]=(0,L.useState)(()=>n.mr()),[Oe,ke]=(0,L.useState)(!1),[Pe,Fe]=(0,L.useState)(!1);(0,L.useEffect)(()=>n.Zr(n.Qn,()=>(0,z.collection)(n.ui,n.Qn),e=>{let t=e.docs.find(e=>e.id===n.$n);n.kr(!!t?.data()?.liveMode);let r=[];e.forEach(e=>{e.id!==`_settings`&&r.push(n.Dr(e.id,e.data()))}),r.sort((e,t)=>(e.createdAt||0)-(t.createdAt||0)),n.Or(r),De(r),ke(!0)},()=>{}),[]);let Ie=n.zn(!0);Mn(Ie.loading?`loading`:Ie.configured?`ready`:Ie.connected?`off`:`unset`),n.Rr();let Le=O.l(),{groups:X}=r.v(),Re=e=>O.n(e),ze=async(e,t)=>{let n={...Se.current[e]||{},...t};Se.current={...Se.current,[e]:n},J(t=>({...t,[e]:n})),he(t=>({...t,[e]:!0})),K(e,await td(e,n,()=>{K(e,Qu),he(t=>({...t,[e]:!1}))})),he(t=>({...t,[e]:!1}))},Be=(e,t)=>{let n=String(t?.route??``).trim();if(!n||e.startsWith(`draft_`))return;let r=Object.fromEntries(Object.entries(t).filter(([e,t])=>t!==void 0&&e!==`_uiKey`));r.contentKey||=ii(n.startsWith(`/`)?n:`/`+n),nn(e,r)},[Ve,He]=(0,L.useState)({}),Ue=e=>He(t=>({...t,[e]:(t[e]||0)+1})),[We,Ge]=(0,L.useState)({}),[Ke,qe]=(0,L.useState)(null),[Je,Ye]=(0,L.useState)(null),[Xe,Ze]=(0,L.useState)(!1),[Qe,$e]=(0,L.useState)([]),[Z,et]=(0,L.useState)([]),tt=e=>e?.fromFile?fi()[e.fileId||e.id]?.config:void 0,nt=e=>r.b(e.type===`public`?Qe:Z,e.id,tt(e)),rt=e=>(e||[]).map(e=>typeof e==`string`?{id:e,hidden:!1}:{id:String(e.id),hidden:!!e.hidden,...e.removed?{removed:!0}:{}});(0,L.useEffect)(()=>{let e=(0,z.onSnapshot)((0,z.doc)(n.ui,`sys_configs`,`page_order`),e=>{$e(rt(e.exists()&&e.data().order||[]))},i.s),t=(0,z.onSnapshot)((0,z.doc)(n.ui,`sys_configs`,`tab_order`),e=>{et(rt(e.exists()&&e.data().order||[]))},i.s);return()=>{e(),t()}},[]),(0,L.useEffect)(()=>{let e=d.pathname.split(`/pages/`)[1]?.split(`/`)[0];e&&!w&&h.some(t=>t.id===e)&&T(e)},[d.pathname,h]),(0,L.useEffect)(()=>{ae.current=w;try{w?sessionStorage.setItem(`fbos_pages_expandedId`,w):sessionStorage.removeItem(`fbos_pages_expandedId`)}catch{}},[w]);let it=(0,L.useRef)(null);(0,L.useEffect)(()=>{let e=it.current;if(!e)return;try{let t=sessionStorage.getItem(`fbos_pages_scrollY`);t&&(e.scrollTop=parseInt(t,10))}catch{}let t=()=>{try{sessionStorage.setItem(`fbos_pages_scrollY`,String(e.scrollTop))}catch{}};return e.addEventListener(`scroll`,t,{passive:!0}),()=>e.removeEventListener(`scroll`,t)},[]),(0,L.useEffect)(()=>{(async()=>{try{let[e,t]=await Promise.all([(0,z.getDocs)((0,z.collection)(n.ui,`sys_pages`)),(0,z.getDocs)((0,z.collection)(n.ui,`sys_tabs`))]),r=[`home`,`drive`,`assets`,`contact`,`guide`,`templates`,`setup`,`support`,`theme`,`page_order`,`tab_order`],i=[],o={},s=sn(),c=[],l=(e,t,n)=>s[t]?(c.push([e,t,s[t]]),s[t]):be.current.has(t)&&W.current[t]?W.current[t]:n;e.forEach(e=>{if(!r.includes(e.id)){let t=l(`sys_pages`,e.id,e.data());i.push({id:e.id,title:t.pageName||t.title||e.id,path:t.route||`/`+e.id,type:`public`,isSystem:!1,enabled:t.enabled!==!1}),o[e.id]=t}}),t.forEach(e=>{if(!r.includes(e.id)){let t=l(`sys_tabs`,e.id,e.data()),n=a.jn(t.pageType);i.push({id:e.id,title:t.tabName||t.title||e.id,path:t.route||`/`+e.id,type:n,isSystem:!1,enabled:t.enabled!==!1}),o[e.id]=t}});let u=fi(),d={...pi(!0,!0),...pi(!1,!0)};for(let[e,t]of Object.entries(d)){let n=i.find(t=>t.id===e)||i.find(t=>String(o[t.id]?.fileId||``)===e)||i.find(e=>e.path===t.path);if(n){n.fromFile=!0,n.fileId=e;continue}i.push(t),o[e]=u[e]?.config||{}}v(e=>{let t=Ln(e.filter(e=>(e.isSystem||e.id.startsWith(`draft_`)||be.current.has(e.id))&&e.id!==`drive`)),n=i.filter(e=>!t.some(t=>t.id===e.id));return[...t,...n]}),U(e=>({...e,...o})),Fe(!0);for(let[e,t,r]of c){let i=nn(t,r);(0,z.setDoc)((0,z.doc)(n.ui,e,t),r).then(()=>{rn(t,i),K(t,``)}).catch(n=>{console.error(`Failed to save ${t} config:`,n),K(t,Qu),at(e,t,r,i)})}}catch(e){console.error(`Error loading custom pages`,e)}})()},[]);let at=async(e,t,r,i)=>{for(let a of Zu){if(await ed(a),!an(t,i))return;try{await(0,z.setDoc)((0,z.doc)(n.ui,e,t),r),rn(t,i),K(t,``);return}catch(e){console.error(`Failed to save ${t} config:`,e)}}an(t,i)&&K(t,$u)},ot=async(e,t,i)=>{if(be.current.add(e),t.route&&!t.route.startsWith(`/`)&&(t.route=`/`+t.route),!String(t.route||``).replace(/^\/+/,``).trim()){U(n=>({...n,[e]:t}));return}let a=h.find(t=>t.id===e),o=i||a?.type||t.pageType||(e.startsWith(`pub_`)?`public`:void 0),s=o===`public`?`sys_pages`:`sys_tabs`;o&&o!==`public`?t.pageType=o:delete t.pageType;let c=Object.fromEntries(Object.entries(t).filter(([e,t])=>t!==void 0)),l=t.route?ii(t.route):e;be.current.add(l);let u=a?.fromFile?String(a.fileId||e):``;c.contentKey||=u?ne.t(fi()[u]?.config||c,u):l,u&&!c.fileId&&(c.fileId=u),t={...t,contentKey:c.contentKey,...c.fileId?{fileId:c.fileId}:{}},c.form===`__new__`&&(c.form=Gc(c),c.formIsNew=!0,t={...t,form:c.form,formIsNew:!0}),he(t=>({...t,[e]:!0,[l]:!0}));try{let i=l!==e&&l.trim()!==``&&l!==`draft`;if(i&&a?.fromFile&&!String(c.recordsKey??``).trim()){let n=j.a(c,e,o===`public`);n&&(c.recordsKey=n,t={...t,recordsKey:n})}if(i){try{let{deleteDoc:t}=await import(`firebase/firestore`);await t((0,z.doc)(n.ui,s,e))}catch{}let i=nn(l,c);try{await(0,z.setDoc)((0,z.doc)(n.ui,s,l),c),rn(l,i),K(e,``),K(l,``)}catch(e){console.error(`Failed to save ${l} config:`,e),K(l,Qu),at(s,l,c,i)}let a=o===`public`,u=a?`page_order`:`tab_order`,d=a?Qe:Z,f=null;if(!d.some(e=>e.id===l)){let t=d.find(t=>t.id===e),n=t?t.hidden===!0:r.y(tt(h.find(t=>t.id===e))),i=d.findIndex(t=>t.id===e);f=i===-1?ci(d,{id:l,hidden:n},a):d.map((e,t)=>t===i?{id:l,hidden:n}:e)}if(v(n=>n.map(n=>n.id===e?{...n,id:l,_uiKey:n._uiKey||e,path:t.route,title:t.pageName||t.tabName||t.title||n.title}:n)),f&&(a?$e:et)(f),ae.current===e&&(T(l),window.history.replaceState(null,``,`/pages/${l}`)),U(n=>{let r={...n};return r[l]=t,delete r[e],r}),f)try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,u),{order:f})}catch(e){console.error(`Failed to update tab order:`,e)}}else{W.current={...W.current,[e]:t},U(n=>({...n,[e]:t})),v(n=>n.map(n=>n.id===e?{...n,path:t.route||n.path,title:t.pageName||t.tabName||t.title||n.title}:n));let r=nn(e,c);try{await(0,z.setDoc)((0,z.doc)(n.ui,s,e),c),rn(e,r),K(e,``)}catch(t){console.error(`Failed to save ${e} config:`,t),K(e,Qu),at(s,e,c,r)}}}catch(t){console.error(`Failed to save ${e} config:`,t),K(e,$u)}finally{setTimeout(()=>{he(t=>({...t,[e]:!1,[l]:!1}))},500)}},st=e=>{let t=`draft_`+Math.floor(Math.random()*1e5),n={id:t,title:`New page`,path:``,type:e,isSystem:!1,enabled:!0},r=si(e);v(t=>e===`public`?[...t,n]:[n,...t]),U(e=>({...e,[t]:r})),e!==`public`&&(k(e=>new Set(e).add(t)),F(e=>new Set(e).add(t)));let i=ae.current;T(t),ie(t),ct(t,i)},ct=(e,t=null)=>{let n=typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches,r=performance.now(),i=r,a=!1,o=()=>{a=!0},s=[`wheel`,`touchstart`,`keydown`];s.forEach(e=>window.addEventListener(e,o,{passive:!0}));let c=()=>s.forEach(e=>window.removeEventListener(e,o)),l=()=>{let o=document.getElementById(`page-${e}`);if(a||!o)return c();let s=it.current,u=!!s&&s.scrollHeight>s.clientHeight+1,d=u?s.scrollTop:window.scrollY,f=o.getBoundingClientRect().top,p=t&&t!==e?document.getElementById(`page-${t}`):null,m=p&&p.getBoundingClientRect().top<f?p.querySelector(`:scope > .overflow-hidden.mt-4`):null,h=m?m.getBoundingClientRect().height:0,g=Math.max(0,d+f-(u?s.getBoundingClientRect().top:0)-16-h),_=performance.now(),v=g-d,y=n?1:1-Math.exp(-Math.min(_-i,20)/70);if(i=_,Math.abs(v)>=.5){let e=Math.abs(v)<1?g:d+v*y;try{(u?s:window).scrollTo({top:e,behavior:`instant`})}catch{}}let b=_-r;b<id||!n&&Math.abs(v)>=1&&b<ad?requestAnimationFrame(l):c()};requestAnimationFrame(l)},lt=e=>e.id.startsWith(`draft_`),ut=e=>lt(e)||String(e._uiKey||``).startsWith(`draft_`),dt=e=>{let t=e.isSystem?jc(e.id,Se.current[e.id]):H[e.id],n={id:e.id,title:e.title,path:e.path,config:t};return!e.isSystem&&t&&(t.built||e.fromFile)&&!t.sent&&ot(e.id,{...t,sent:Hs(n,t)}),n},ft=async(e,t)=>{let r=dt(e),i={...t,pageIds:n.Mr(t,r)},a=Y.map(e=>e.id===t.id?i:e);n.Or(a),De(a);try{await(0,z.setDoc)((0,z.doc)(n.ui,n.Qn,t.id),{pageIds:i.pageIds},{merge:!0})}catch(e){console.error(`Could not save which pages the payment goes on`,e)}},pt=async(e,t)=>{let r=dt(e),i={...n.cr(`p_${Date.now().toString(36)}`),kind:`once`,items:t,pageIds:[r.id]},a=Y,o=[...Y,i];n.Or(o),De(o);try{let{id:e,...t}=i;return await(0,z.setDoc)((0,z.doc)(n.ui,n.Qn,e),t),``}catch(e){return console.error(`Could not make the payment`,e),n.Or(a),De(a),`It could not be saved — make sure you are signed in as an admin and try again.`}},mt=(0,L.useRef)(!1);if((0,L.useEffect)(()=>{if(mt.current)return;let e=new URLSearchParams(d.search).get(`addPayment`);if(!e)return;let t=d.pathname.split(`/pages/`)[1]?.split(`/`)[0]||``,r=h.find(e=>e.id===t),i=Y.find(t=>t.id===e);!r||!i||!r.isSystem&&!H[r.id]||(mt.current=!0,typeof window<`u`&&window.history.replaceState(null,``,d.pathname),n.wr(i)&&(n.vr(i,{id:r.id,title:r.title,path:r.path,config:H[r.id]})||ft(r,i),T(r.id)))},[d.search,h,Y,H]),e!==`admin`)return(0,R.jsx)(`main`,{className:`flex-1 w-full max-w-7xl mx-auto p-4 pt-2 md:p-8 md:pt-4 z-10 flex flex-col min-h-screen`,children:(0,R.jsx)(ee.i,{})});let ht=async(e,t,i)=>{let a=i===`public`,o=a?`page_order`:`tab_order`,s=a?Qe:Z,c=h.find(t=>t.id===e),l=c?nt(c):r.b(s,e);v(h.map(t=>t.id===e?{...t,enabled:l}:t));let u=[...s],d=u.findIndex(t=>t.id===e);d===-1?u=ci(u,{id:e,hidden:!l},a):u[d]={...u[d],hidden:!l},await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,o),{order:u})},gt=e=>!!e.fromFile&&(e.type===`public`?Qe:Z).some(t=>t.id===e.id&&t.removed),_t=async(e={})=>{if(!Le.length)return;let t=a.Hn(h.filter(e=>!e.isSystem&&!lt(e)).map(t=>t.id in e?e[t.id]:H[t.id]).filter(Boolean)),r=Le.filter(e=>!ec(t[e.id]||[],[...e.sees||[]].sort()));if(r.length)try{await Promise.all(r.map(e=>(0,z.setDoc)((0,z.doc)(n.ui,`sys_roles`,e.id),{sees:t[e.id]||[]},{merge:!0})))}catch(e){console.error(`Failed to write which roles can see whose people:`,e)}},vt=async(e,t)=>{E.has(e.id)&&k(t=>{let n=new Set(t);return n.delete(e.id),n});let r=H[e.id],i=a.gn(t);if(ec(a.vn(r||{pageType:e.type}),a.vn(i)))return;let o=e.type;if(v(t=>t.map(t=>t.id===e.id?{...t,type:i.pageType}:t)),lt(e)){U(t=>({...t,[e.id]:{...t[e.id]||{},...i}}));return}ve(e.id,!0);let s=Lc(r,t);(e.fromFile||r?.built)&&r&&!r.sent&&(s.sent=Hs(e,r));try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_tabs`,e.id),s,{merge:!0}),U(t=>t[e.id]?{...t,[e.id]:{...t[e.id],...i,...s.sent?{sent:s.sent}:{}}}:t),await _t({[e.id]:{...r||{},...i}})}catch(t){console.error(`Failed to change who can open ${e.id}:`,t),v(t=>t.map(t=>t.id===e.id?{...t,type:o}:t))}finally{ve(e.id,!1)}},yt=async(e,t)=>{if(!a.Wn(H[e.id]||{pageType:e.type}).includes(t))return;F(t=>{if(!t.has(e.id))return t;let n=new Set(t);return n.delete(e.id),n});let r=H[e.id];if(a.Pn(r||{pageType:e.type})===t&&!P.has(e.id))return;if(lt(e)){U(n=>({...n,[e.id]:{...n[e.id]||{},space:t}}));return}ve(e.id,!0);let i={space:t};(e.fromFile||r?.built)&&r&&!r.sent&&(i.sent=Hs(e,r));try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_tabs`,e.id),i,{merge:!0}),U(t=>t[e.id]?{...t,[e.id]:{...t[e.id],...i}}:t),await _t({[e.id]:{...r||{pageType:e.type},space:t}})}catch(t){console.error(`Failed to change how ${e.id} keeps its data:`,t)}finally{ve(e.id,!1)}},bt=async(e,t)=>{let r=H[e.id];if(a.Nn(r)===t)return;if(lt(e)){U(n=>({...n,[e.id]:{...n[e.id]||{},group:t}}));return}ve(e.id,!0);let{_uiKey:i,...o}=r||{pageType:e.type};try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_tabs`,e.id),{...o,group:t},{merge:!0}),U(n=>({...n,[e.id]:{...n[e.id]||{},group:t}}))}catch(t){console.error(`Failed to keep ${e.id} to a group:`,t)}finally{ve(e.id,!1)}},xt=async(e,t)=>{let r=e.type===`public`,i=H[e.id]||(r?{}:{pageType:e.type}),a=Bu(i,r),o=a.change||a.brief||(r?``:Pi(e.title)),{_uiKey:s,iconByHand:c,iconWords:l,...u}=i,d=t?{...u,iconName:t,iconByHand:!0,iconWords:a}:{...u,iconName:o},f=t?d:{...d,iconByHand:(0,z.deleteField)(),iconWords:(0,z.deleteField)()};U(t=>({...t,[e.id]:{...d,...i._uiKey?{_uiKey:i._uiKey}:{}}}));try{await(0,z.setDoc)((0,z.doc)(n.ui,r?`sys_pages`:`sys_tabs`,e.id),f,{merge:!0})}catch(t){console.error(`Failed to change the icon of ${e.id}:`,t),U(t=>({...t,[e.id]:i}))}},St=e=>E.has(e.id)?[]:a.vn(H[e.id]||{pageType:e.type}),Ct=(e,t)=>{if(!t){if(lt({id:e})){v(t=>t.filter(t=>t.id!==e)),U(t=>{let n={...t};return delete n[e],n}),w===e&&T(null);return}qe(e)}},wt=async()=>{if(!Ke)return;let e=Ke;Ze(!0),on(e);try{let{deleteDoc:t,collection:r,getDocs:i,doc:a,getDoc:o,query:c,where:l}=await import(`firebase/firestore`),{ref:u,deleteObject:d}=await import(`firebase/storage`),f=h.find(t=>t.id===e),p=f?.type||`public`,m=H[e];if(!m)for(let t of[`sys_pages`,`sys_tabs`])try{let r=await o(a(n.ui,t,e));if(r.exists()){m=r.data();break}}catch{}m||={};let _={id:e,type:p,config:m,fileId:f?.fileId},y=h.filter(t=>t.id!==e&&!t.isSystem&&!lt(t)).map(e=>({id:e.id,type:e.type,config:H[e.id]||{},fileId:e.fileId})),b=new Set(y.flatMap(mn)),x=mn(_).filter(e=>!b.has(e)),S=pn(_,y),C=new Set([...Object.entries(H).filter(([e])=>!x.includes(e)).flatMap(([,e])=>N.c(e)),...N.c(s),...N.c(nd())]),E=async e=>{if(!(!e||C.has(e)))try{await d(u(n.fi,e)).catch(()=>{}),await n.F(e);let a=N.t(e);if(!a)return;let o=await i(c(r(n.ui,a),l(`storagePath`,`==`,e)));await Promise.all(o.docs.map(e=>t(e.ref)))}catch(t){console.warn(`${e}: the page is gone but its file stayed`,t)}},D=[];for(let{collection:e,folders:a}of S)D.push((async()=>{try{let o=await i(r(n.ui,e));if(o.docs.length===0)return;let s=new Set;for(let e of o.docs){for(let t of a)for(let n of N.a(e.data(),t))s.add(n);let t=e.data()?.downloadURL;if(typeof t==`string`&&t){let e=N.s(t);a.some(t=>e.startsWith(`${t}/`))&&s.add(e)}}await Promise.all([...s].map(E)),await Promise.all(o.docs.map(e=>t(e.ref))),g.a(e)}catch(t){console.error(`Error cleaning up collection ${e}:`,t)}})());for(let e of $(m)){let t=N.s(e.url);t&&N.r(t)&&D.push(E(t))}let O=[...new Set(S.map(e=>e.assets).filter(Boolean))],k=dn(m,e,f?.fileId);for(let e of O)for(let a of k)D.push((async()=>{try{let o=await i(c(r(n.ui,e),l(`sourceTab`,`==`,a)));await Promise.all(o.docs.map(async e=>{let n=e.data()?.downloadURL,r=e.data()?.storagePath||(typeof n==`string`?N.s(n):``);r&&C.has(r)||(r&&await E(r),await t(e.ref))}))}catch{}})());let A=String(m.form||``).trim();A&&m.formIsNew&&!y.some(e=>String(e.config?.form||``).trim()===A)&&D.push(t(a(n.ui,`sys_forms`,A)).catch(()=>{})),await Promise.all(D);for(let e of[`sys_pages`,`sys_tabs`])for(let r of x)try{await t(a(n.ui,e,r))}catch{}let{setDoc:j}=await import(`firebase/firestore`),M=p===`public`?`page_order`:`tab_order`;for(let e of[`page_order`,`tab_order`]){let t=e===`page_order`?Qe:Z,r=t.filter(e=>!x.includes(e.id)),i=f?.fromFile&&e===M?[...r,...x.map(e=>({id:e,hidden:!0,removed:!0}))]:r;if(!(i.length===t.length&&e!==M))try{await j(a(n.ui,`sys_configs`,e),{order:i})}catch(t){console.error(`Failed to update ${e}:`,t)}}for(let e of[`page_briefs`,`tab_briefs`]){let t=Object.fromEntries(x.flatMap(e=>[[e,(0,z.deleteField)()],[`${e}_tab`,(0,z.deleteField)()]]));try{await j(a(n.ui,`sys_configs`,e),t,{merge:!0})}catch{}}await Promise.all(Y.filter(e=>e.pageIds.some(e=>hn(e,x))).map(async e=>{let t=e.pageIds.filter(e=>!hn(e,x));try{await j(a(n.ui,n.Qn,e.id),{pageIds:t},{merge:!0})}catch(t){console.error(`Failed to untick ${e.id}:`,t)}})),await Promise.all(y.filter(e=>n._r(e.config).some(e=>hn(e.pageId,x))).map(async e=>{let t=(Array.isArray(e.config?.links)?e.config.links:[]).filter(e=>!hn(e?.pageId,x)),r=e.type===`public`;try{await j(a(n.ui,r?`sys_pages`:`sys_tabs`,e.id),{links:t},{merge:!0}),U(n=>n[e.id]?{...n,[e.id]:{...n[e.id],links:t}}:n)}catch(t){console.error(`Failed to drop the link on ${e.id}:`,t)}})),v(e=>{let t=e.filter(e=>!x.includes(e.id));try{localStorage.setItem(`fbos_swr_pages`,JSON.stringify(t))}catch{}return t}),U(e=>{let t={...e};for(let e of x)delete t[e];try{localStorage.setItem(`fbos_swr_page_configs`,JSON.stringify(t))}catch{}return t}),x.includes(w||``)&&T(null),typeof window<`u`&&x.includes(window.location.pathname.split(`/pages/`)[1]?.split(`/`)[0]||``)&&window.history.replaceState(null,``,`/pages`),await _t(Object.fromEntries(x.map(e=>[e,null])))}catch(e){console.error(`Error deleting page:`,e)}Ze(!1),qe(null)},Tt=(e,t)=>{if(e.isSystem)return null;let n=e.type===`public`,i=n?Qe:Z,a=h.filter(e=>e.type===`public`===n&&!e.isSystem&&!i.some(t=>t.id===e.id)).map(e=>({id:e.id,hidden:r.y(tt(e))}));return di(n?[...i,...a]:[...a,...i],e.id,t,n?`home`:void 0,n?void 0:e=>!(e in r.n))},Et=async(e,t)=>{let r=Tt(e,t);if(!r)return;let i=e.type===`public`;i?$e(r):et(r);try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,i?`page_order`:`tab_order`),{order:r})}catch(e){console.error(`Failed to reorder pages:`,e)}},Dt=e=>e!==`schedule`&&e!==`mybookings`&&e!==`forms`&&(e!==`transactions`&&e!==`billing`||Pn()),Ot=()=>{let e=Z.map(e=>e.id).filter(e=>e in r.n);return[...e,...Object.keys(r.n).filter(t=>!e.includes(t))].filter(Dt)},kt=async(e,t)=>{let i=Ot(),a=[...Z];i.filter(e=>!a.some(t=>t.id===e)).forEach(e=>a.push({id:e,hidden:!1}));let o=di(a,e,t,void 0,e=>e in r.n&&Dt(e));if(o){et(o);try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,`tab_order`),{order:o})}catch(e){console.error(`Failed to reorder system tabs:`,e)}}},At=(e,t)=>{if(Yt(t))return!0;let n=t.replace(/[^a-zA-Z0-9_-]/g,`_`).toLowerCase();return h.some(r=>{if(r.id===e)return!1;let i=String(H[r.id]?.route??r.path??``).replace(/^\/+/,``).toLowerCase();return i!==``&&i===t||r.id===n})},jt=e=>e===`admin`?Me:e===`internal`?Ne:e===`public`?Ae:je,Mt=async()=>{let e=h.find(e=>e.id===Je);if(!e){Ye(null);return}Ge(t=>({...t,[e.id]:!0}));let t=H[e.id]||{};if(e.isSystem){on(cn(e.id));try{await(0,z.setDoc)((0,z.doc)(n.ui,`sys_configs`,`page_briefs`),{[e.id]:(0,z.deleteField)()},{merge:!0}),J(t=>{let n={...t};return delete n[e.id],n}),Ue(e.id)}catch(e){console.error(`Failed to clear the page answers`,e)}Ge(t=>({...t,[e.id]:!1})),Ye(null);return}let r=Ic(e,t);if(r){on(e.id);try{await(0,z.deleteDoc)((0,z.doc)(n.ui,e.type===`public`?`sys_pages`:`sys_tabs`,e.id)),U(t=>({...t,[e.id]:r})),v(t=>t.map(t=>t.id===e.id?{...t,fromFile:!0,title:r.pageName||r.tabName||r.pageTitle||r.tabTitle||r.title||t.title,path:r.route?r.route.startsWith(`/`)?r.route:`/`+r.route:t.path}:t))}catch(e){console.error(`Failed to reset the page`,e)}}else await ot(e.id,{...jt(e.type),...t.contentKey?{contentKey:t.contentKey}:{}});Ge(t=>({...t,[e.id]:!1})),Ye(null)},Q=[...j.l.map(e=>({...e,config:jc(e.id,q[e.id])})),...h.filter(e=>!e.isSystem&&!lt(e)&&!gt(e)).map(e=>({id:e.id,title:e.title,path:e.path,brief:String(H[e.id]?.brief||``),config:H[e.id],audience:e.type,built:!!e.fromFile||!!H[e.id]?.built}))],Nt=Oe&&Pe?yu(Q):null,Pt=(e,t,r)=>{for(let i of n._r(e)){if(!i.pageId)continue;let e=h.find(e=>!e.isSystem&&!lt(e)&&(e.id===i.pageId||String(H[e.id]?.contentKey||``)===i.pageId)),n=e?H[e.id]:void 0;!e||!n||n.built||e.fromFile||ot(e.id,{...n,built:!0,formWish:``,imagesSent:$(n).map(e=>e.url),mediaSent:oa(n),sent:Hs(e,n),copied:{...Qs(n,`build`,t,n),linkedFrom:r}})}},Ft={dashboard:g._,support:fe,profile:C.t},It=(e,n)=>{let r=String(H[e.id]?.iconName||``).trim();if(e.type===`public`){if(e.isSystem||!r||n)return null}else if(e.isSystem)return(0,R.jsx)(t.l,{tone:`accent`,glyph:Ft[e.id],label:e.title});else if(n)return(0,R.jsx)(t.l,{tone:`accent`,name:r,label:e.title});return(0,R.jsx)(t.l,{tone:`accent`,name:r,label:`Change the icon for ${e.title}`,open:ue===e.id,onClick:t=>{t.stopPropagation(),de(ue===e.id?null:e.id)}})},Lt=[{id:`public`,title:zn.public,icon:n.Dt,description:`On your website and in the site menu — open to everyone, signed in or not.`,filter:e=>e.type===`public`,defaultType:`public`},{id:`tabs`,title:zn.tabs,icon:y.t,description:`In the dashboard, behind sign-in. Who opens each one — members, your team, your admins, a role of your own, or any of them together — is ticked on its own row.`,filter:e=>e.type!==`public`,defaultType:`user`}];return(0,R.jsxs)(`main`,{className:`flex-1 w-full max-w-7xl mx-auto p-4 pt-2 md:p-8 md:pt-4 z-10 flex flex-col min-h-screen`,children:[(0,R.jsx)(n.nt.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:`mb-6 flex items-center justify-between`,children:(0,R.jsxs)(`div`,{children:[(0,R.jsx)(t.t,{children:`Your Pages`}),(0,R.jsxs)(`div`,{className:`flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]`,children:[(0,R.jsx)(`span`,{className:`w-8 h-[1px] bg-foreground/10`}),`/pages`]})]})}),(0,R.jsxs)(`div`,{className:`flex flex-col gap-6 flex-1 pb-16`,children:[(0,R.jsx)(r.t,{}),(0,R.jsx)(xe,{}),(0,R.jsx)(V,{roads:Nt}),(0,R.jsx)(od,{heard:Pe,pageIds:h.filter(e=>!e.isSystem&&!lt(e)&&!gt(e)).map(e=>e.id),configs:H,targets:Q,onWrite:ot}),(0,R.jsxs)(`div`,{className:`flex flex-col glass-panel border border-[var(--panel-border)] rounded-3xl overflow-hidden flex-1 fbos-tab-fill shadow-2xl bg-background`,children:[(0,R.jsxs)(`div`,{className:`flex items-start justify-between gap-3 sm:gap-6 mb-4 pb-4 md:mb-6 md:pb-6 border-b border-[var(--panel-border)]/50 relative z-10 shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 md:px-10 md:pt-10`,children:[(0,R.jsxs)(`div`,{className:`min-w-0`,children:[(0,R.jsx)(`div`,{className:`flex items-center min-h-[40px]`,children:(0,R.jsx)(`h2`,{className:`text-lg md:text-xl font-bold text-foreground tracking-tight leading-tight truncate`,children:`Your pages`})}),(0,R.jsxs)(`p`,{className:`text-[12.5px] md:text-[14px] font-medium text-foreground/60 leading-relaxed max-w-3xl`,children:[(0,R.jsx)(`span`,{className:`md:hidden`,children:`Add a page, say what goes on it, paste the sentence into your assistant.`}),(0,R.jsx)(`span`,{className:`max-md:hidden`,children:`Add a page here, say what you would like on it, and copy the sentence it writes into your assistant's chat. Renaming, reordering, hiding and deleting all happen right here.`})]})]}),(0,R.jsx)(`div`,{className:`relative z-50 shrink-0 flex items-center gap-1`,children:(0,R.jsx)(rd,{sections:Lt,onPick:st})})]}),(0,R.jsxs)(`div`,{ref:it,className:`px-4 sm:px-6 md:px-10 pb-6 md:pb-10 flex flex-col pt-6 sm:pt-7 md:pt-9 gap-4 overflow-y-auto relative min-h-[400px]`,children:[Lt.map((e,r)=>{let i=li(h.filter(e.filter).filter(e=>!gt(e)),e.id===`public`?Qe:Z,e.id!==`public`,ut),s=e.icon,l=nt,u=i.filter(e=>!l(e)),d=i.filter(e=>l(e)),g=(r,i)=>{let s=r.isSystem?Ac[r.id]:void 0,l=w===r.id,u=lt(r),d=te===(r._uiKey||r.id),g=ei({draft:u,hidden:i}),v=!r.isSystem||!!s,y=!r.isSystem&&!u&&(!!r.fromFile||!!H[r.id]?.built),x=r.isSystem?[]:ku(r,H[r.id],h,H),C=()=>{T(r.id),ie(null),window.history.replaceState(null,``,`/pages/${r.id}`)},D=()=>{T(null),ie(null),window.history.replaceState(null,``,`/pages`)},O=Ws(r.isSystem?q[r.id]:H[r.id]),k=Gs(r.isSystem?q[r.id]:H[r.id]),A=!y||k?.kind===`build`,j=!u&&(r.isSystem?!!s&&!!Us(q[r.id]):y)&&(!l||!!k),M=(e,t,n)=>{if(r.isSystem){let e=Se.current[r.id]||{};ze(r.id,{imagesSent:$(e).map(e=>e.url),mediaSent:oa(e),sent:Hs(r,jc(r.id,e)),copied:Qs(e,Us(qs(e))?`change`:`build`,t,n)}),Pt(e,t,r.id)}else{let i=W.current[r.id];if(i){let a={...i,...e===`build`?{built:!0}:{},imagesSent:$(i).map(e=>e.url),mediaSent:oa(i),sent:Hs(r,i),copied:Qs(i,e,t,n)};U(e=>({...e,[r.id]:a})),ot(r.id,a),Pt(i,t,r.id)}}D();let i=document.getElementById(`page-${r.id}`),a=it.current?.getBoundingClientRect().top??0;i&&i.getBoundingClientRect().top<a&&i.scrollIntoView?.({behavior:`smooth`,block:`start`})},N=()=>{if(O){if(r.isSystem)ze(r.id,{pageWish:``,formWish:``,copied:null});else{let e=W.current[r.id];if(e){let t={...e,pageChange:``,formWish:``,copied:null};U(e=>({...e,[r.id]:t})),ot(r.id,t)}}Ue(r.id)}C()},ee=()=>{let e=W.current[r.id];if(!e)return;let t={...e,built:!0,formWish:``,imagesSent:$(e).map(e=>e.url),mediaSent:oa(e),sent:Hs(r,e)};U(e=>({...e,[r.id]:t})),ot(r.id,t),Ue(r.id)};return(0,R.jsxs)(`div`,{id:`page-${r.id}`,onMouseDown:e=>{se.current={x:e.clientX,y:e.clientY}},onClick:e=>{let t=se.current;se.current=null,v&&I.n(e,t)&&(l?D():C())},className:`${u?`fbos-row-in `:``}group flex flex-col p-3.5 sm:py-4 sm:px-5 scroll-mt-4 glass-panel border transition-all rounded-2xl hover:shadow-sm ${v?`cursor-pointer hover:border-accent/40`:``} ${i?`opacity-60 bg-foreground/[0.01] border-[var(--panel-border)]/50`:`border-transparent hover:border-[var(--panel-border)]`}`,children:[(0,R.jsxs)(`div`,{className:`flex items-center justify-between w-full gap-2 sm:gap-3 min-h-8 sm:min-h-9`,children:[(0,R.jsxs)(`div`,{className:`flex items-center gap-2.5 flex-1 min-w-0`,children:[It(r,u),(0,R.jsx)(`div`,{className:`flex flex-col gap-1 min-w-0`,children:(0,R.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,R.jsxs)(`div`,{className:d?`flex items-center gap-2 min-w-0`:`contents`,children:[(0,R.jsx)(`h3`,{className:`text-[14.5px] font-bold text-foreground tracking-tight truncate`,children:r.title}),!r.isSystem&&(0,R.jsx)(Vc,{status:g})]}),r.fromFile&&(0,R.jsxs)(`span`,{className:Rc,title:`Your assistant wrote this one as a file. Delete hides it and gives you the sentence that removes its files.`,children:[(0,R.jsx)(oe,{className:`w-3 h-3`}),` Written as a file`]}),!r.isSystem&&r.type!==`public`&&a.xn(H[r.id],X)&&(0,R.jsxs)(`span`,{className:Rc,title:xi(H[r.id],X,Le),children:[(0,R.jsx)(c.t,{className:`w-3 h-3`}),` Only `,a.xn(H[r.id],X).name]}),x.length>0&&(0,R.jsxs)(`span`,{className:Rc,title:`This page shows what happens on ${x.join(`, `)}.`,children:[(0,R.jsx)(_.t,{className:`w-3 h-3`}),` Linked to `,x.join(`, `)]})]})})]}),(0,R.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2 shrink-0`,children:[!r.isSystem&&!u&&(0,R.jsx)(n.d,{label:r.title,canUp:Tt(r,`up`)!==null,canDown:Tt(r,`down`)!==null,onMove:e=>Et(r,e),hideOnPhone:!0}),j&&(0,R.jsx)(n.o,{icon:b.t,compact:!0,title:`Change ${r.title}`,onClick:e=>{e.stopPropagation(),N()},children:`Edit`}),r.path&&!u&&(0,R.jsx)(n.C,{to:r.type===`public`?r.path:`${r.path}?preview=1`,title:`View ${r.title}`,className:d?`max-sm:hidden`:``,children:r.type===`public`?`View page`:`View tab`}),!In.has(r.id)&&!u&&(0,R.jsx)(n.o,{icon:i?p.t:f.t,compact:!0,className:d?`max-sm:hidden`:``,title:i?`Show this page`:`Hide this page`,onClick:e=>{e.stopPropagation(),ht(r.id,r.isSystem,r.type)},children:i?`Show`:`Hide`}),v?(0,R.jsx)(`div`,{className:`p-1.5 transition-transform duration-300 text-foreground/40 shrink-0 ${l?`rotate-180`:``}`,children:(0,R.jsx)(o.t,{className:`w-3.5 h-3.5`})}):(0,R.jsx)(`div`,{className:`w-[24px] shrink-0`})]})]}),ue===r.id&&!r.isSystem&&(0,R.jsx)(`div`,{className:`mt-3`,onClick:e=>e.stopPropagation(),children:(0,R.jsx)(t.s,{label:`${r.title} is drawn as`,hint:r.type===`public`?`Type a word — anything close comes up. It changes in your site’s header at once.`:`Type a word — anything close comes up. It changes in the dashboard menu at once.`,value:String(H[r.id]?.iconName||``),onPick:e=>{de(null),xt(r,e)},resetLabel:r.type!==`public`&&H[r.id]?.iconByHand?`Use the one the name suggests`:void 0,resetTitle:`Go back to the icon ${r.title} suggests`,onReset:r.type!==`public`&&H[r.id]?.iconByHand?()=>{de(null),xt(r,``)}:void 0})}),u?(0,R.jsx)(`div`,{className:`flex items-center min-w-0 min-h-6 mt-1.5`,children:(0,R.jsx)(`span`,{className:`text-[12px] font-medium text-foreground/45 truncate`,children:E.has(r.id)?`Not saved yet — pick who it is for`:`Not saved yet — give it a name`})}):r.path&&l&&(0,R.jsxs)(`div`,{className:`flex items-center gap-1 min-w-0 min-h-6 mt-1.5`,onClick:e=>e.stopPropagation(),children:[(0,R.jsx)(re.Link,{to:r.path,className:`text-[12px] font-medium text-foreground/45 truncate underline decoration-foreground/20 underline-offset-2 hover:text-accent hover:decoration-accent transition-colors`,title:`Open this page`,children:Hc(r.path)}),(0,R.jsx)(`button`,{type:`button`,onClick:()=>B(r),title:`Copy this link`,"aria-label":`Copy the link to ${r.title}`,className:`shrink-0 w-6 h-6 rounded-md flex items-center justify-center text-foreground/35 hover:text-foreground hover:bg-foreground/[0.07] transition-colors cursor-pointer`,children:ce===r.id?(0,R.jsx)(n.At,{className:`w-3.5 h-3.5 text-accent`}):(0,R.jsx)(t._,{className:`w-3.5 h-3.5`})})]}),(0,R.jsxs)(n.rt,{children:[l&&s&&(0,R.jsx)(n.nt.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:n.w,className:`overflow-hidden mt-4 pt-4 border-t border-[var(--panel-border)]/50 pb-1`,onClick:e=>e.stopPropagation(),children:(0,R.jsx)(Yu,{page:r,config:q[r.id],saving:me[r.id],saveError:ye[r.id],system:Us(qs(q[r.id]))?{ask:s.changeAsk,example:s.changeExample}:{ask:s.ask,example:s.example},onSave:e=>ze(r.id,e),onTyping:e=>nn(cn(r.id),e),addressTaken:At,linkTargets:Q,products:Y,onTogglePayment:e=>ft(r,e),onCreatePayment:e=>pt(r,e),customRoles:Le,onCreateRole:Re,footer:(e,n)=>{let i=$s(q[r.id],e,e=>Nc(r.id,e,Q));return(0,R.jsx)(t.o,{compact:!0,title:s.title,description:k?`Copied — paste it into your assistant’s chat. Press Edit to change the page after that.`:void 0,prompt:i,locked:!!Pc(r.id,qs(e),Q),busy:n,onCopied:()=>M(`change`,i,e)})},actions:Ea(q[r.id])?(0,R.jsx)(n.o,{icon:m.n,tone:`danger`,compact:!0,title:`Start again`,busy:We[r.id],onClick:()=>Ye(r.id),children:`Reset`}):null},`${r.id}:${Ve[r.id]||0}`)}),l&&!r.isSystem&&H[r.id]&&(0,R.jsxs)(n.nt.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:n.w,className:`overflow-hidden mt-4 pt-4 border-t border-[var(--panel-border)]/50 pb-1`,onClick:e=>e.stopPropagation(),children:[!r.isSystem&&r.type!==`public`&&(0,R.jsxs)(`div`,{className:`flex flex-col gap-1.5 mb-5`,children:[(0,R.jsx)(Di,{label:`Who can open this page`,roles:Le,picked:St(r),busy:ge[r.id],onChange:e=>vt(r,e),onCreateRole:Re}),E.has(r.id)?(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:`Pick at least one to start — the rest opens once you have.`}):mi(St(r),Le)?(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:mi(St(r),Le)}):null]}),!r.isSystem&&r.type!==`public`&&!E.has(r.id)&&(0,R.jsxs)(`div`,{className:`flex flex-col gap-1.5 mb-5`,children:[a.Wn(H[r.id]).length>1?(0,R.jsx)(n.Z,{dense:!0,portal:!0,direction:`auto`,className:`console-select`,label:`Who sees what somebody adds here?`,ariaLabel:`Who sees what somebody adds here?`,value:P.has(r.id)?``:a.Pn(H[r.id]),options:hi.filter(e=>a.Wn(H[r.id]).includes(e.value)),placeholder:`Who sees what people add?`,disabled:ge[r.id],onChange:e=>yt(r,e)}):null,P.has(r.id)&&a.Wn(H[r.id]).length>1?(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:Ti(H[r.id],Le)}):iu({...H[r.id]||{},id:r.id},Q)?(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:iu({...H[r.id]||{},id:r.id},Q)}):du({...H[r.id]||{},id:r.id},Q)?(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:du({...H[r.id]||{},id:r.id},Q)}):Ei(H[r.id],Le)?(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:Ei(H[r.id],Le)}):null]}),!r.isSystem&&r.type!==`public`&&!E.has(r.id)&&!!a.Nn(H[r.id])&&(0,R.jsxs)(`div`,{className:`flex flex-col gap-1.5 mb-5`,children:[(0,R.jsx)(n.Z,{dense:!0,portal:!0,direction:`auto`,className:`console-select`,label:`Keep this tab to a group`,ariaLabel:`Keep this tab to a group`,value:a.xn(H[r.id],X)?.id||`-`,options:yi(X.filter(e=>e.id===a.xn(H[r.id],X)?.id)),disabled:ge[r.id],onChange:e=>bt(r,e===`-`?``:String(e))}),(0,R.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug ml-1`,children:xi(H[r.id],X,Le)})]}),!u&&!d&&(0,R.jsxs)(`div`,{className:`sm:hidden flex items-center justify-between gap-3 mb-5`,children:[(0,R.jsx)(`span`,{className:`text-[12px] font-semibold text-foreground/55`,children:`Spot in the menu`}),(0,R.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,R.jsx)(n.o,{icon:n.jt,title:`Move up`,onClick:()=>Et(r,`up`),children:`Up`}),(0,R.jsx)(n.o,{icon:n.Mt,title:`Move down`,onClick:()=>Et(r,`down`),children:`Down`})]})]}),(0,R.jsx)(Yu,{page:r,config:H[r.id],saving:me[r.id],saveError:ye[r.id],isNew:u,locked:E.has(r.id)||P.has(r.id)&&a.Wn(H[r.id]).length>1,quick:A,onSave:e=>ot(r.id,e),onTyping:e=>Be(r.id,e),addressTaken:At,linkTargets:Q,products:Y,onTogglePayment:e=>ft(r,e),onCreatePayment:e=>pt(r,e),customRoles:Le,onCreateRole:Re,footer:(e,i)=>{if(!A){let n=$s(H[r.id],e,e=>vc(r,e,Q));return(0,R.jsx)(t.o,{compact:!0,title:`Copy this to change the page`,description:k?`Copied — paste it into your assistant’s chat. Press Edit to change the page after that.`:void 0,prompt:n,locked:!!_c(qs(e),r,Q),busy:i,onCopied:()=>M(`change`,n,e)})}let a=$s(H[r.id],e,e=>eo(r,e,Q));return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(t.o,{compact:!0,title:`Then copy this into your assistant’s chat`,description:k?`Copied — paste it into your assistant’s chat. Press Edit to change the page after that.`:u?void 0:`This one builds the page from scratch. Once it is copied, Edit on the row changes the page from then on.`,prompt:a,locked:!!Ri(r,qs(e),Q),busy:i,onCopied:()=>M(`build`,a,e)}),!u&&!d&&!y&&(0,R.jsxs)(`div`,{className:`flex items-center justify-between gap-3 px-1`,children:[(0,R.jsx)(`span`,{className:`text-[12px] font-medium text-foreground/50`,children:`Already built this page with your assistant?`}),(0,R.jsx)(n.o,{icon:pe,compact:!0,title:`This page is built — just change it`,onClick:ee,children:`Just change it`})]})]})},actions:(0,R.jsxs)(R.Fragment,{children:[Fc(H[r.id],Ic(r,H[r.id])??jt(r.type))&&(0,R.jsx)(n.o,{icon:m.n,tone:`danger`,compact:!0,title:`Reset this page`,busy:We[r.id],onClick:()=>Ye(r.id),children:`Reset`}),!r.isSystem&&(0,R.jsx)(n.o,{icon:S.t,tone:`danger`,compact:!0,title:`Delete this page`,onClick:()=>Ct(r.id,r.isSystem),children:`Delete`})]})},`${r._uiKey||r.id}:${Ve[r.id]||0}`)]})]})]},`${e.id}-${r._uiKey||r.id}`)};return(0,R.jsx)(n.nt.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:`flex flex-col relative`,children:(0,R.jsx)(n.m,{icon:s,title:e.title,description:e.description,children:i.length===0?(0,R.jsxs)(`div`,{className:`flex flex-col items-start sm:flex-row sm:items-center gap-3 rounded-2xl border border-dashed border-[var(--panel-border)] px-5 py-4`,children:[(0,R.jsx)(n.o,{icon:x.t,onClick:()=>st(e.defaultType),children:`Add a page`}),(0,R.jsxs)(`p`,{className:`text-[12.5px] text-foreground/55 font-medium leading-relaxed`,children:[(0,R.jsx)(`span`,{className:`sm:hidden`,children:ki}),(0,R.jsx)(`span`,{className:`max-sm:hidden`,children:Oi})]})]}):(0,R.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[u.map(e=>g(e,!1)),(0,R.jsx)(`div`,{className:`flex items-center rounded-2xl border border-dashed border-[var(--panel-border)] px-5 py-3`,children:(0,R.jsx)(n.o,{icon:x.t,onClick:()=>st(e.defaultType),children:`Add a page`})}),d.length>0&&(0,R.jsxs)(`details`,{className:`mt-4 group/details`,children:[(0,R.jsxs)(`summary`,{className:`text-[11px] font-bold uppercase tracking-wider text-foreground/40 cursor-pointer list-none flex items-center gap-2 select-none hover:text-foreground/70 transition-colors w-fit pb-1 ml-1 outline-none`,children:[(0,R.jsx)(o.t,{className:`w-3.5 h-3.5 group-open/details:-rotate-180 transition-transform`}),`Hidden pages (`,d.length,`)`]}),(0,R.jsx)(`div`,{className:`flex flex-col gap-4 mt-4`,children:d.map(e=>g(e,!0))})]})]})})},e.id)}),(0,R.jsx)(qt,{hiddenIds:new Set(Z.filter(e=>e.hidden).map(e=>e.id)),onToggleHidden:e=>ht(e,!0,`admin`),order:Ot(),onMove:kt})]})]})]}),(0,R.jsx)(u.t,{}),(0,R.jsx)(A.t,{isOpen:!!Ke,onCancel:()=>qe(null),onConfirm:wt,title:`Delete this page?`,message:`The page and everything saved on it will be gone for good. This cannot be undone.`,confirmText:`Delete page`,isProcessing:Xe}),(0,R.jsx)(A.t,{isOpen:!!Je,onCancel:()=>Ye(null),onConfirm:Mt,title:h.find(e=>e.id===Je)?.isSystem?`Start this page again?`:`Reset this page?`,message:(()=>{let e=h.find(e=>e.id===Je);return e?.isSystem?`What you have written about this page is cleared, and the pictures you added with it, so you can describe it again from scratch. The page itself stays as your assistant last built it.`:e&&Ic(e,H[e.id])?`Its settings go back to how your assistant built the page, and what you wrote about it is cleared. What people have saved on the page is kept.`:`Its name, heading, web address, icon and form go back to how they started, and what you wrote about it is cleared. What people have saved on the page is kept.`})(),confirmText:h.find(e=>e.id===Je)?.isSystem?`Start again`:`Reset page`,isProcessing:!!Je&&!!We[Je]})]})}Object.defineProperty(exports,`$`,{enumerable:!0,get:function(){return Yr}}),Object.defineProperty(exports,`$n`,{enumerable:!0,get:function(){return wl}}),Object.defineProperty(exports,`$r`,{enumerable:!0,get:function(){return ca}}),Object.defineProperty(exports,`$t`,{enumerable:!0,get:function(){return Zs}}),Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return go}}),Object.defineProperty(exports,`Ai`,{enumerable:!0,get:function(){return Bu}}),Object.defineProperty(exports,`An`,{enumerable:!0,get:function(){return eo}}),Object.defineProperty(exports,`Ar`,{enumerable:!0,get:function(){return Fs}}),Object.defineProperty(exports,`At`,{enumerable:!0,get:function(){return xl}}),Object.defineProperty(exports,`B`,{enumerable:!0,get:function(){return _u}}),Object.defineProperty(exports,`Bn`,{enumerable:!0,get:function(){return Es}}),Object.defineProperty(exports,`Br`,{enumerable:!0,get:function(){return ll}}),Object.defineProperty(exports,`Bt`,{enumerable:!0,get:function(){return Zl}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return co}}),Object.defineProperty(exports,`Ci`,{enumerable:!0,get:function(){return Mo}}),Object.defineProperty(exports,`Cn`,{enumerable:!0,get:function(){return Rr}}),Object.defineProperty(exports,`Cr`,{enumerable:!0,get:function(){return li}}),Object.defineProperty(exports,`Ct`,{enumerable:!0,get:function(){return fl}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return Pr}}),Object.defineProperty(exports,`Di`,{enumerable:!0,get:function(){return so}}),Object.defineProperty(exports,`Dn`,{enumerable:!0,get:function(){return al}}),Object.defineProperty(exports,`Dr`,{enumerable:!0,get:function(){return Li}}),Object.defineProperty(exports,`Dt`,{enumerable:!0,get:function(){return Ac}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return Mr}}),Object.defineProperty(exports,`Ei`,{enumerable:!0,get:function(){return es}}),Object.defineProperty(exports,`En`,{enumerable:!0,get:function(){return An}}),Object.defineProperty(exports,`Er`,{enumerable:!0,get:function(){return Ps}}),Object.defineProperty(exports,`Et`,{enumerable:!0,get:function(){return lo}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return el}}),Object.defineProperty(exports,`Fi`,{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,`Fn`,{enumerable:!0,get:function(){return xi}}),Object.defineProperty(exports,`Fr`,{enumerable:!0,get:function(){return ei}}),Object.defineProperty(exports,`Ft`,{enumerable:!0,get:function(){return ao}}),Object.defineProperty(exports,`G`,{enumerable:!0,get:function(){return rs}}),Object.defineProperty(exports,`Gn`,{enumerable:!0,get:function(){return gc}}),Object.defineProperty(exports,`Gr`,{enumerable:!0,get:function(){return Ca}}),Object.defineProperty(exports,`Gt`,{enumerable:!0,get:function(){return Rn}}),Object.defineProperty(exports,`H`,{enumerable:!0,get:function(){return Ba}}),Object.defineProperty(exports,`Hn`,{enumerable:!0,get:function(){return Va}}),Object.defineProperty(exports,`Hr`,{enumerable:!0,get:function(){return cl}}),Object.defineProperty(exports,`Ht`,{enumerable:!0,get:function(){return qs}}),Object.defineProperty(exports,`I`,{enumerable:!0,get:function(){return tl}}),Object.defineProperty(exports,`In`,{enumerable:!0,get:function(){return yi}}),Object.defineProperty(exports,`Ir`,{enumerable:!0,get:function(){return Wa}}),Object.defineProperty(exports,`It`,{enumerable:!0,get:function(){return ns}}),Object.defineProperty(exports,`J`,{enumerable:!0,get:function(){return Ku}}),Object.defineProperty(exports,`Jn`,{enumerable:!0,get:function(){return Vi}}),Object.defineProperty(exports,`Jr`,{enumerable:!0,get:function(){return Ri}}),Object.defineProperty(exports,`Jt`,{enumerable:!0,get:function(){return Bn}}),Object.defineProperty(exports,`K`,{enumerable:!0,get:function(){return Ss}}),Object.defineProperty(exports,`Kn`,{enumerable:!0,get:function(){return Ts}}),Object.defineProperty(exports,`Kr`,{enumerable:!0,get:function(){return uo}}),Object.defineProperty(exports,`Kt`,{enumerable:!0,get:function(){return Gn}}),Object.defineProperty(exports,`L`,{enumerable:!0,get:function(){return Is}}),Object.defineProperty(exports,`Ln`,{enumerable:!0,get:function(){return Jn}}),Object.defineProperty(exports,`Lr`,{enumerable:!0,get:function(){return hc}}),Object.defineProperty(exports,`Lt`,{enumerable:!0,get:function(){return Gu}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return ki}}),Object.defineProperty(exports,`Mi`,{enumerable:!0,get:function(){return En}}),Object.defineProperty(exports,`Mn`,{enumerable:!0,get:function(){return Qc}}),Object.defineProperty(exports,`Mr`,{enumerable:!0,get:function(){return Bi}}),Object.defineProperty(exports,`Mt`,{enumerable:!0,get:function(){return $o}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return Bs}}),Object.defineProperty(exports,`Ni`,{enumerable:!0,get:function(){return Ge}}),Object.defineProperty(exports,`Nn`,{enumerable:!0,get:function(){return $c}}),Object.defineProperty(exports,`Nr`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`Nt`,{enumerable:!0,get:function(){return Zo}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return Fr}}),Object.defineProperty(exports,`Oi`,{enumerable:!0,get:function(){return gs}}),Object.defineProperty(exports,`On`,{enumerable:!0,get:function(){return Jc}}),Object.defineProperty(exports,`Or`,{enumerable:!0,get:function(){return ii}}),Object.defineProperty(exports,`Ot`,{enumerable:!0,get:function(){return Do}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return ws}}),Object.defineProperty(exports,`Pi`,{enumerable:!0,get:function(){return We}}),Object.defineProperty(exports,`Pn`,{enumerable:!0,get:function(){return Ns}}),Object.defineProperty(exports,`Pr`,{enumerable:!0,get:function(){return ku}}),Object.defineProperty(exports,`Pt`,{enumerable:!0,get:function(){return oo}}),Object.defineProperty(exports,`Q`,{enumerable:!0,get:function(){return Jr}}),Object.defineProperty(exports,`Qn`,{enumerable:!0,get:function(){return wu}}),Object.defineProperty(exports,`Qr`,{enumerable:!0,get:function(){return pi}}),Object.defineProperty(exports,`Qt`,{enumerable:!0,get:function(){return js}}),Object.defineProperty(exports,`R`,{enumerable:!0,get:function(){return _i}}),Object.defineProperty(exports,`Rn`,{enumerable:!0,get:function(){return pu}}),Object.defineProperty(exports,`Rr`,{enumerable:!0,get:function(){return pc}}),Object.defineProperty(exports,`Rt`,{enumerable:!0,get:function(){return Zc}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return Js}}),Object.defineProperty(exports,`Si`,{enumerable:!0,get:function(){return Nc}}),Object.defineProperty(exports,`Sn`,{enumerable:!0,get:function(){return Lr}}),Object.defineProperty(exports,`Sr`,{enumerable:!0,get:function(){return wr}}),Object.defineProperty(exports,`St`,{enumerable:!0,get:function(){return ro}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return Nr}}),Object.defineProperty(exports,`Ti`,{enumerable:!0,get:function(){return nl}}),Object.defineProperty(exports,`Tn`,{enumerable:!0,get:function(){return Fc}}),Object.defineProperty(exports,`Tr`,{enumerable:!0,get:function(){return Gs}}),Object.defineProperty(exports,`Tt`,{enumerable:!0,get:function(){return hi}}),Object.defineProperty(exports,`U`,{enumerable:!0,get:function(){return cc}}),Object.defineProperty(exports,`Un`,{enumerable:!0,get:function(){return Po}}),Object.defineProperty(exports,`Ur`,{enumerable:!0,get:function(){return Nn}}),Object.defineProperty(exports,`Ut`,{enumerable:!0,get:function(){return As}}),Object.defineProperty(exports,`V`,{enumerable:!0,get:function(){return $u}}),Object.defineProperty(exports,`Vn`,{enumerable:!0,get:function(){return dl}}),Object.defineProperty(exports,`Vr`,{enumerable:!0,get:function(){return Pn}}),Object.defineProperty(exports,`Vt`,{enumerable:!0,get:function(){return Xl}}),Object.defineProperty(exports,`W`,{enumerable:!0,get:function(){return Ai}}),Object.defineProperty(exports,`Wn`,{enumerable:!0,get:function(){return Ha}}),Object.defineProperty(exports,`Wr`,{enumerable:!0,get:function(){return ya}}),Object.defineProperty(exports,`Wt`,{enumerable:!0,get:function(){return mi}}),Object.defineProperty(exports,`X`,{enumerable:!0,get:function(){return qr}}),Object.defineProperty(exports,`Xn`,{enumerable:!0,get:function(){return Ol}}),Object.defineProperty(exports,`Xr`,{enumerable:!0,get:function(){return vs}}),Object.defineProperty(exports,`Xt`,{enumerable:!0,get:function(){return Pi}}),Object.defineProperty(exports,`Y`,{enumerable:!0,get:function(){return Wc}}),Object.defineProperty(exports,`Yn`,{enumerable:!0,get:function(){return Oc}}),Object.defineProperty(exports,`Yr`,{enumerable:!0,get:function(){return ss}}),Object.defineProperty(exports,`Yt`,{enumerable:!0,get:function(){return ar}}),Object.defineProperty(exports,`Z`,{enumerable:!0,get:function(){return Xr}}),Object.defineProperty(exports,`Zn`,{enumerable:!0,get:function(){return El}}),Object.defineProperty(exports,`Zr`,{enumerable:!0,get:function(){return fi}}),Object.defineProperty(exports,`Zt`,{enumerable:!0,get:function(){return Au}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return Si}}),Object.defineProperty(exports,`_i`,{enumerable:!0,get:function(){return Wl}}),Object.defineProperty(exports,`_n`,{enumerable:!0,get:function(){return oi}}),Object.defineProperty(exports,`_r`,{enumerable:!0,get:function(){return br}}),Object.defineProperty(exports,`_t`,{enumerable:!0,get:function(){return Qu}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return Mu}}),Object.defineProperty(exports,`ai`,{enumerable:!0,get:function(){return Mn}}),Object.defineProperty(exports,`an`,{enumerable:!0,get:function(){return Er}}),Object.defineProperty(exports,`ar`,{enumerable:!0,get:function(){return Zn}}),Object.defineProperty(exports,`at`,{enumerable:!0,get:function(){return ys}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return xo}}),Object.defineProperty(exports,`bi`,{enumerable:!0,get:function(){return Pc}}),Object.defineProperty(exports,`bn`,{enumerable:!0,get:function(){return iu}}),Object.defineProperty(exports,`br`,{enumerable:!0,get:function(){return Cr}}),Object.defineProperty(exports,`bt`,{enumerable:!0,get:function(){return ir}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return vo}}),Object.defineProperty(exports,`ci`,{enumerable:!0,get:function(){return lu}}),Object.defineProperty(exports,`cn`,{enumerable:!0,get:function(){return sa}}),Object.defineProperty(exports,`cr`,{enumerable:!0,get:function(){return Ho}}),Object.defineProperty(exports,`ct`,{enumerable:!0,get:function(){return sc}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return ur}}),Object.defineProperty(exports,`di`,{enumerable:!0,get:function(){return uu}}),Object.defineProperty(exports,`dn`,{enumerable:!0,get:function(){return Ii}}),Object.defineProperty(exports,`dr`,{enumerable:!0,get:function(){return aa}}),Object.defineProperty(exports,`dt`,{enumerable:!0,get:function(){return xa}}),Object.defineProperty(exports,`ei`,{enumerable:!0,get:function(){return Ic}}),Object.defineProperty(exports,`en`,{enumerable:!0,get:function(){return yr}}),Object.defineProperty(exports,`er`,{enumerable:!0,get:function(){return Ou}}),Object.defineProperty(exports,`et`,{enumerable:!0,get:function(){return Sr}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return hr}}),Object.defineProperty(exports,`fi`,{enumerable:!0,get:function(){return $s}}),Object.defineProperty(exports,`fn`,{enumerable:!0,get:function(){return Fi}}),Object.defineProperty(exports,`fr`,{enumerable:!0,get:function(){return ai}}),Object.defineProperty(exports,`ft`,{enumerable:!0,get:function(){return Sa}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return gr}}),Object.defineProperty(exports,`gi`,{enumerable:!0,get:function(){return Ti}}),Object.defineProperty(exports,`gn`,{enumerable:!0,get:function(){return To}}),Object.defineProperty(exports,`gr`,{enumerable:!0,get:function(){return Ur}}),Object.defineProperty(exports,`gt`,{enumerable:!0,get:function(){return sd}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return dr}}),Object.defineProperty(exports,`hi`,{enumerable:!0,get:function(){return Ei}}),Object.defineProperty(exports,`hn`,{enumerable:!0,get:function(){return Qs}}),Object.defineProperty(exports,`hr`,{enumerable:!0,get:function(){return mr}}),Object.defineProperty(exports,`ht`,{enumerable:!0,get:function(){return Ci}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return Yl}}),Object.defineProperty(exports,`ii`,{enumerable:!0,get:function(){return On}}),Object.defineProperty(exports,`in`,{enumerable:!0,get:function(){return Ar}}),Object.defineProperty(exports,`ir`,{enumerable:!0,get:function(){return oa}}),Object.defineProperty(exports,`it`,{enumerable:!0,get:function(){return qc}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return Oi}}),Object.defineProperty(exports,`ji`,{enumerable:!0,get:function(){return ui}}),Object.defineProperty(exports,`jn`,{enumerable:!0,get:function(){return $a}}),Object.defineProperty(exports,`jr`,{enumerable:!0,get:function(){return sr}}),Object.defineProperty(exports,`jt`,{enumerable:!0,get:function(){return fo}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return Ir}}),Object.defineProperty(exports,`ki`,{enumerable:!0,get:function(){return Qa}}),Object.defineProperty(exports,`kn`,{enumerable:!0,get:function(){return kn}}),Object.defineProperty(exports,`kr`,{enumerable:!0,get:function(){return Yc}}),Object.defineProperty(exports,`kt`,{enumerable:!0,get:function(){return Eo}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return bs}}),Object.defineProperty(exports,`li`,{enumerable:!0,get:function(){return cu}}),Object.defineProperty(exports,`ln`,{enumerable:!0,get:function(){return rc}}),Object.defineProperty(exports,`lr`,{enumerable:!0,get:function(){return di}}),Object.defineProperty(exports,`lt`,{enumerable:!0,get:function(){return oc}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return _r}}),Object.defineProperty(exports,`mi`,{enumerable:!0,get:function(){return uc}}),Object.defineProperty(exports,`mn`,{enumerable:!0,get:function(){return Ws}}),Object.defineProperty(exports,`mr`,{enumerable:!0,get:function(){return pr}}),Object.defineProperty(exports,`mt`,{enumerable:!0,get:function(){return Xo}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return Zi}}),Object.defineProperty(exports,`ni`,{enumerable:!0,get:function(){return Ul}}),Object.defineProperty(exports,`nn`,{enumerable:!0,get:function(){return $r}}),Object.defineProperty(exports,`nr`,{enumerable:!0,get:function(){return ho}}),Object.defineProperty(exports,`nt`,{enumerable:!0,get:function(){return Co}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return xs}}),Object.defineProperty(exports,`oi`,{enumerable:!0,get:function(){return io}}),Object.defineProperty(exports,`on`,{enumerable:!0,get:function(){return _c}}),Object.defineProperty(exports,`or`,{enumerable:!0,get:function(){return os}}),Object.defineProperty(exports,`ot`,{enumerable:!0,get:function(){return ni}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return fr}}),Object.defineProperty(exports,`pi`,{enumerable:!0,get:function(){return Hs}}),Object.defineProperty(exports,`pn`,{enumerable:!0,get:function(){return So}}),Object.defineProperty(exports,`pr`,{enumerable:!0,get:function(){return ri}}),Object.defineProperty(exports,`pt`,{enumerable:!0,get:function(){return _a}}),Object.defineProperty(exports,`q`,{enumerable:!0,get:function(){return mo}}),Object.defineProperty(exports,`qn`,{enumerable:!0,get:function(){return ia}}),Object.defineProperty(exports,`qr`,{enumerable:!0,get:function(){return ci}}),Object.defineProperty(exports,`qt`,{enumerable:!0,get:function(){return Lc}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return Jl}}),Object.defineProperty(exports,`ri`,{enumerable:!0,get:function(){return Us}}),Object.defineProperty(exports,`rn`,{enumerable:!0,get:function(){return lr}}),Object.defineProperty(exports,`rr`,{enumerable:!0,get:function(){return Ga}}),Object.defineProperty(exports,`rt`,{enumerable:!0,get:function(){return Pa}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Wu}}),Object.defineProperty(exports,`si`,{enumerable:!0,get:function(){return bu}}),Object.defineProperty(exports,`sn`,{enumerable:!0,get:function(){return vc}}),Object.defineProperty(exports,`sr`,{enumerable:!0,get:function(){return Wo}}),Object.defineProperty(exports,`st`,{enumerable:!0,get:function(){return ti}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return qu}}),Object.defineProperty(exports,`ti`,{enumerable:!0,get:function(){return fu}}),Object.defineProperty(exports,`tn`,{enumerable:!0,get:function(){return cr}}),Object.defineProperty(exports,`tr`,{enumerable:!0,get:function(){return Dl}}),Object.defineProperty(exports,`tt`,{enumerable:!0,get:function(){return vi}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return vr}}),Object.defineProperty(exports,`ui`,{enumerable:!0,get:function(){return du}}),Object.defineProperty(exports,`un`,{enumerable:!0,get:function(){return _o}}),Object.defineProperty(exports,`ur`,{enumerable:!0,get:function(){return Gc}}),Object.defineProperty(exports,`ut`,{enumerable:!0,get:function(){return Qo}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return Cs}}),Object.defineProperty(exports,`vi`,{enumerable:!0,get:function(){return si}}),Object.defineProperty(exports,`vn`,{enumerable:!0,get:function(){return au}}),Object.defineProperty(exports,`vr`,{enumerable:!0,get:function(){return Tr}}),Object.defineProperty(exports,`vt`,{enumerable:!0,get:function(){return Zu}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return jr}}),Object.defineProperty(exports,`wi`,{enumerable:!0,get:function(){return po}}),Object.defineProperty(exports,`wn`,{enumerable:!0,get:function(){return ol}}),Object.defineProperty(exports,`wr`,{enumerable:!0,get:function(){return wo}}),Object.defineProperty(exports,`wt`,{enumerable:!0,get:function(){return gi}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return bo}}),Object.defineProperty(exports,`xi`,{enumerable:!0,get:function(){return jc}}),Object.defineProperty(exports,`xn`,{enumerable:!0,get:function(){return $l}}),Object.defineProperty(exports,`xr`,{enumerable:!0,get:function(){return xr}}),Object.defineProperty(exports,`xt`,{enumerable:!0,get:function(){return Hl}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return ko}}),Object.defineProperty(exports,`yi`,{enumerable:!0,get:function(){return kc}}),Object.defineProperty(exports,`yn`,{enumerable:!0,get:function(){return eu}}),Object.defineProperty(exports,`yr`,{enumerable:!0,get:function(){return Qr}}),Object.defineProperty(exports,`yt`,{enumerable:!0,get:function(){return zn}}),Object.defineProperty(exports,`z`,{enumerable:!0,get:function(){return gu}}),Object.defineProperty(exports,`zn`,{enumerable:!0,get:function(){return Ea}}),Object.defineProperty(exports,`zr`,{enumerable:!0,get:function(){return pl}}),Object.defineProperty(exports,`zt`,{enumerable:!0,get:function(){return yu}});