your-ai-workflow-firebase-os 1.2.55 → 1.2.58

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export { useConfig } from './lib/ConfigContext';
 export type { FirebaseOSConfig } from './lib/ConfigContext';
 export { db, auth, storage } from './lib/firebase';
 export { ContactPopup } from './components/ContactPopup';
+export { notify } from './lib/notify';
+export type { NotifyInput } from './lib/notify';
 export { registerMicrocomponent } from './microcomponents/registry';
 export { Button } from './components/Button';
 export { Card } from './components/Card';

package/dist/vite.cjs.js

@@ -81,10 +81,10 @@ createRoot(document.getElementById('root')!).render(
     <App />
   </StrictMode>,
 )
-`,c=`src/your-ai-workflow-firebase-os`,l=`${c}/configs`,u=`${c}/microcomponents`,d=[`theme.config.ts`,`contactForm.config.ts`,`supportForm.config.ts`,`registry.ts`,`pagesRegistry.ts`,`home.config.ts`],f=e=>e.split(n.sep).join(`/`),p=e=>n.basename(e).replace(`.config.ts`,``).replace(/Tab$/,``).toLowerCase(),m=e=>n.basename(e).replace(`.config.ts`,``).replace(/Page$/,``).toLowerCase(),h=e=>n.basename(e).replace(`.config.ts`,``).replace(/Form$/,``).toLowerCase(),g=e=>{let t=n.basename(e).replace(/\.tsx$/,``).replace(/Content$/,``).replace(/([a-z0-9])([A-Z])/g,`$1_$2`).toLowerCase();return[t,t.replace(/_/g,``)]},_=e=>n.basename(e).replace(/\.config\.ts$/,``);function v(e){let t=n.basename(e);return d.includes(t)?`shipped`:/Tab\.config\.ts$/.test(t)?`tab`:/Page\.config\.ts$/.test(t)?`page`:/Form\.config\.ts$/.test(t)?`form`:`other`}var y=e=>t.existsSync(e)?t.readdirSync(e,{withFileTypes:!0}).filter(e=>e.isFile()).map(e=>e.name).sort():[],b=e=>t.existsSync(n.join(e,c));function x(e,t){let r=f(n.relative(e,t));return r.startsWith(l+`/`)||r.startsWith(u+`/`)}function S(e){let t=[],r=n.join(e,l);for(let e of y(r)){if(!/\.tsx?$/.test(e))continue;let i=n.join(r,e),a=`${l}/${e}`,o=v(e);o===`tab`?t.push({kind:o,file:a,abs:i,name:e,id:p(e)}):o===`page`?t.push({kind:o,file:a,abs:i,name:e,id:m(e)}):o===`form`||/Form\.config\.ts$/.test(e)?t.push({kind:`form`,file:a,abs:i,name:e,id:h(e)}):t.push({kind:`other`,file:a,abs:i,name:e,id:``})}let i=n.join(e,u);for(let e of y(i))e.endsWith(`.tsx`)&&e.replace(/\.tsx$/,``)!==`registry`&&t.push({kind:`microcomponent`,file:`${u}/${e}`,abs:n.join(i,e),name:e,id:g(e)[0]});return t}var C=e=>e.filter(e=>e.kind!==`other`),w=[{test:e=>/Content\.tsx$/.test(e),home:u},{test:e=>/(Tab|Page|Form)\.config\.tsx?$/.test(e),home:l}],ee=new Set([`node_modules`,`.git`,`dist`,`build`]);function T(e){let r=[],i=n.join(e,`src`),a=(i,o)=>{if(!(o>6||!t.existsSync(i)))for(let s of t.readdirSync(i,{withFileTypes:!0})){let t=n.join(i,s.name),c=f(n.relative(e,t));if(s.isDirectory()){ee.has(s.name)||a(t,o+1);continue}if(!(c===`${l}/${s.name}`||c===`${u}/${s.name}`)){for(let{test:e,home:t}of w)if(e(s.name)){r.push(`${c}: files like this are only found directly in ${t}/ — move it to ${t}/${s.name}.`);break}}}};return a(i,0),r.sort()}var E=e=>{let t=n.basename(e);return w.some(e=>e.test(t))},D=e=>JSON.stringify(e);function O(e){let t=[],n=[],r=[],i=[];return C(e).forEach((e,a)=>{let o=`m${a}`;if(t.push(`import * as ${o} from ${D(f(e.abs))};`),e.kind===`tab`)n.push(`{
+`,c=`src/your-ai-workflow-firebase-os`,l=`${c}/configs`,u=`${c}/microcomponents`,d=`${c}/Home.tsx`,f=[`theme.config.ts`,`contactForm.config.ts`,`supportForm.config.ts`,`registry.ts`,`pagesRegistry.ts`,`home.config.ts`],p=e=>e.split(n.sep).join(`/`),m=e=>n.basename(e).replace(`.config.ts`,``).replace(/Tab$/,``).toLowerCase(),h=e=>n.basename(e).replace(`.config.ts`,``).replace(/Page$/,``).toLowerCase(),g=e=>n.basename(e).replace(`.config.ts`,``).replace(/Form$/,``).toLowerCase(),_=e=>{let t=n.basename(e).replace(/\.tsx$/,``).replace(/Content$/,``).replace(/([a-z0-9])([A-Z])/g,`$1_$2`).toLowerCase();return[t,t.replace(/_/g,``)]},v=e=>n.basename(e).replace(/\.config\.ts$/,``);function y(e){let t=n.basename(e);return f.includes(t)?`shipped`:/Tab\.config\.ts$/.test(t)?`tab`:/Page\.config\.ts$/.test(t)?`page`:/Form\.config\.ts$/.test(t)?`form`:`other`}var b=e=>t.existsSync(e)?t.readdirSync(e,{withFileTypes:!0}).filter(e=>e.isFile()).map(e=>e.name).sort():[],x=e=>t.existsSync(n.join(e,c));function S(e,t){let r=p(n.relative(e,t));return r.startsWith(l+`/`)||r.startsWith(u+`/`)||r===d}function C(e){let r=[],i=n.join(e,l);for(let e of b(i)){if(!/\.tsx?$/.test(e))continue;let t=n.join(i,e),a=`${l}/${e}`,o=y(e);o===`tab`?r.push({kind:o,file:a,abs:t,name:e,id:m(e)}):o===`page`?r.push({kind:o,file:a,abs:t,name:e,id:h(e)}):o===`form`||/Form\.config\.ts$/.test(e)?r.push({kind:`form`,file:a,abs:t,name:e,id:g(e)}):r.push({kind:`other`,file:a,abs:t,name:e,id:``})}let a=n.join(e,u);for(let e of b(a))e.endsWith(`.tsx`)&&e.replace(/\.tsx$/,``)!==`registry`&&r.push({kind:`microcomponent`,file:`${u}/${e}`,abs:n.join(a,e),name:e,id:_(e)[0]});let o=n.join(e,d);return t.existsSync(o)&&r.push({kind:`other`,file:d,abs:o,name:`Home.tsx`,id:``}),r}var w=e=>e.filter(e=>e.kind!==`other`),T=[{test:e=>/Content\.tsx$/.test(e),home:u},{test:e=>/(Tab|Page|Form)\.config\.tsx?$/.test(e),home:l}],E=new Set([`node_modules`,`.git`,`dist`,`build`]);function D(e){let r=[],i=n.join(e,`src`),a=(i,o)=>{if(!(o>6||!t.existsSync(i)))for(let s of t.readdirSync(i,{withFileTypes:!0})){let t=n.join(i,s.name),c=p(n.relative(e,t));if(s.isDirectory()){E.has(s.name)||a(t,o+1);continue}if(!(c===`${l}/${s.name}`||c===`${u}/${s.name}`)){for(let{test:e,home:t}of T)if(e(s.name)){r.push(`${c}: files like this are only found directly in ${t}/ — move it to ${t}/${s.name}.`);break}}}};return a(i,0),r.sort()}var O=e=>{let t=n.basename(e);return T.some(e=>e.test(t))},k=e=>JSON.stringify(e);function A(e){let t=[],n=[],r=[],i=[];return w(e).forEach((e,a)=>{let o=`m${a}`;if(t.push(`import * as ${o} from ${k(p(e.abs))};`),e.kind===`tab`)n.push(`{
   const configVal = pickConfig(${o});
   if (configVal) {
-    const tabId = ${D(e.id)};
+    const tabId = ${k(e.id)};
     const finalTab = {
       config: {
         ...configVal,
@@ -102,7 +102,7 @@ createRoot(document.getElementById('root')!).render(
 }`);else if(e.kind===`page`)n.push(`{
   const configVal = pickConfig(${o});
   if (configVal) {
-    const pageId = ${D(e.id)};
+    const pageId = ${k(e.id)};
     const finalPage = {
       config: {
         ...configVal,
@@ -120,19 +120,19 @@ createRoot(document.getElementById('root')!).render(
 }`);else if(e.kind===`form`)r.push(`{
   const configVal = pickConfig(${o});
   if (configVal) {
-    const formId = ${D(e.id)};
+    const formId = ${k(e.id)};
     // The form's id is its file name; systemName always follows the file.
     const finalConfig = { ...configVal, systemName: formId };
     forms[formId] = finalConfig;
     forms[finalConfig.systemName] = finalConfig;
     forms[finalConfig.systemName.toLowerCase()] = finalConfig;
   }
-}`);else if(e.kind===`microcomponent`){let[t,n]=g(e.name);i.push(`if (${o} && ${o}.default) {
-  microcomponents[${D(t)}] = ${o}.default;
+}`);else if(e.kind===`microcomponent`){let[t,n]=_(e.name);i.push(`if (${o} && ${o}.default) {
+  microcomponents[${k(t)}] = ${o}.default;
   // Also answer to the squashed form ("mobile_apps" -> "mobileapps"): a page id
   // derived from a file name (mobileAppsPage.config.ts -> "mobileapps") has no
   // underscores, and the page must still find MobileAppsContent.tsx.
-  microcomponents[${D(n)}] = ${o}.default;
+  microcomponents[${k(n)}] = ${o}.default;
 }`)}}),`// Generated by Your AI Firebase from the files in ${c}/.
 // Never written to disk; never edit. Add or remove a file and it updates itself.
 ${t.join(`
@@ -173,4 +173,4 @@ if (typeof window !== 'undefined') {
 export const pagesRegistry = pages;
 export const formsRegistry = forms;
 export const microcomponentRegistry = microcomponents;
-`}var te=e=>O(S(e)),k=e=>e.split(`/`).pop()||e,A=e=>/\/configs\/[^/]+$/.test(e),j=e=>/\/microcomponents\/[^/]+\.tsx$/.test(e),M=e=>e.replace(/\/\*[\s\S]*?\*\//g,``).replace(/(^|[^:\\'"`])\/\/.*$/gm,`$1`),N=(e,t)=>{let n=RegExp(`(?:^|[\\s,{])${t}\\s*:\\s*([^,\\n}]+)`,`g`),r=[],i;for(;i=n.exec(e);)r.push(i[1].trim());return r},P=e=>{let t=e.match(/^(['"`])([^'"`]*)\1$/);return t?t[2]:null},F=e=>/export\s+(?:const|let|var|function|class)\s+\w*Config\b/.test(e)||/export\s*\{[^}]*\b\w*Config\b[^}]*\}/.test(e),I=e=>/export\s+default\b/.test(e),L=e=>e.toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_|_$/g,``),R=[`board`,`table`,`calendar`,`drive`],z={board:{call:`actions.openInlineEditor(categoryId)`,token:`openInlineEditor`},table:{call:`actions.addRow()`,token:`addRow`},calendar:{call:`actions.openAddModal()`,token:`openAddModal`},drive:{call:`the openUploadModal() prop`,token:`openUploadModal`}},B=/(?:copy (?:this|the sentence|it) (?:in)?to|paste (?:this|it) (?:in)?to|copy for (?:your |the )?(?:ai|assistant)|ask your assistant|your assistant.{0,3}s chat|copy this to change)[^\n]{0,40}/i,V=e=>{let t=N(e,`route`);return{first:t[0],count:t.length}};function H(e){let t=[],n=[],r=new Map,i=new Set;for(let{file:t}of e)if(j(t))for(let e of g(k(t)))i.add(e);let a=new Map;for(let{file:t,source:n}of e){if(!A(t))continue;let e=k(t),r=v(e);if(r!==`tab`&&r!==`page`)continue;let i=M(n),o=N(i,`template`)[0],s=o===void 0?null:P(o);if(!s||!R.includes(s))continue;let c=N(i,r===`tab`?`tabName`:`pageName`)[0],l=c===void 0?null:P(c),u=[r===`tab`?p(e):m(e),...l?[L(l),L(l).replace(/_/g,``)]:[]];for(let e of u)a.set(e,s)}for(let{file:o,source:s}of e){let e=k(o),c=M(s);if(A(o)){let n=v(e);if(n===`shipped`)continue;if(n===`other`){t.push(`${o}: rename it to somethingTab.config.ts (a dashboard page), somethingPage.config.ts (a page for anyone) or somethingForm.config.ts (a form).`);continue}if(!F(c)&&!I(c)&&t.push(`${o}: export one const named ${_(e)}Config.`),n===`tab`||n===`page`){let{first:a,count:s}=V(c),l=a===void 0?null:P(a);if(s===0||l===null||!l.startsWith(`/`))t.push(`${o}: route must be one string starting with /, e.g. route: '/onboarding'. A page has exactly one web address.`);else{let e=r.get(l);e?t.push(`${o}: route '${l}' is already used by ${e}. One page, one file, one address.`):r.set(l,o)}let u=N(c,`template`)[0],d=u===void 0?null:P(u);if(!d||![`board`,`table`,`calendar`,`drive`,`inline_form`,`popup_form`].includes(d)){let r=n===`tab`?p(e):m(e),a=N(c,n===`tab`?`tabName`:`pageName`)[0],s=a===void 0?null:P(a),l=e=>e.toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_|_$/g,``);if(![r,...s?[l(s),l(s).replace(/_/g,``)]:[]].some(e=>i.has(e))){let n=_(e).replace(/(Tab|Page)$/,``),r=(s||n).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``);t.push(`${o}: no content file matches this page, so it renders empty — create src/your-ai-workflow-firebase-os/microcomponents/${r}Content.tsx with export default.`)}}}if(n===`tab`){let e=N(c,`pageType`)[0],n=e===void 0?null:P(e);n!==`user`&&n!==`internal`&&n!==`admin`&&t.push(`${o}: pageType must be 'user', 'internal' or 'admin'. A dashboard page is never public.`)}if(n===`form`){let n=h(e),r=N(c,`systemName`)[0];r!==void 0&&P(r)!==n&&t.push(`${o}: systemName must be '${n}'.`)}continue}if(j(o)){I(c)||t.push(`${o}: add export default.`);let r=g(e).map(e=>a.get(e)).find(Boolean),i=/<form\b/.test(c)||/\bonSubmit\b/.test(c);if(i&&r){let e=z[r];c.includes(e.token)||n.push(`${o}: this page is a ${r} and already has its own add and edit dialog, themed for light and dark — open it with ${e.call} instead of building a form here.`)}else i&&!/ContactPopup/.test(c)&&n.push(`${o}: forms are *Form.config.ts files shown with <ContactPopup formId="…" />; a hand-written form never reaches the Inbox.`);/<style[\s>]/.test(c)&&t.push(`${o}: a <style> tag is global CSS and restyles every page of the app — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);let s=c.match(/(?<![\w-])(?:h|max-h)-(?:screen|dvh|svh|lvh|\[(?:100|9\d|8\d)(?:vh|dvh|svh|lvh)\])/);s&&n.push(`${o}: ${s[0]} makes the page exactly one screen tall and strands everything below it on a phone — the page is already inside a panel that scrolls, so let it be as long as it needs and drop the height and any overflow-hidden around it.`);let l=c.match(B);l&&n.push(`${o}: "${l[0]}" is wording off the owner's admin screens — the page is for its visitors, not for the owner or for you. Delete it and any prompt or copy-this box on the page.`);let u=c.match(/\b(?:bg-(?:white|black)|(?:bg|text|border)-(?:gray|slate|zinc|neutral|stone)-\d+)\b/);u&&n.push(`${o}: ${u[0]} is a hard-coded colour that ignores the owner's theme and stays wrong in light or dark mode — use bg-background, text-foreground, border-[var(--panel-border)], glass-panel or btn-primary.`)}}return{errors:t,warnings:n}}var U=[`--bg-color`,`--bg-secondary-color`,`--fg-color`,`--accent-color`,`--panel-bg`,`--panel-border`,`--button-bg`,`--button-fg`,`--button-hover-bg`,`--btn-sec-bg`,`--btn-sec-border`,`--btn-sec-text`,`--text-gradient`,`--glow-color`,`--notification-icon-color`,`--selection-bg`,`--selection-text`],ne=(e,t)=>{let n=[],r=t.replace(/\/\*[\s\S]*?\*\//g,``);for(let[,t,i]of r.matchAll(/([^{}]+)\{([^{}]*)\}/g)){let r=t.trim(),a=U.filter(e=>RegExp(`${e}\\s*:[^;}]*!important`).test(i));if(a.length){n.push(`${e}: \`${a[0]}\` is set with \`!important\` here, and the app writes that colour itself from the owner's theme — forcing it freezes it, so their Theme screen stops working. Delete the \`!important\` and set the colour in configs/theme.config.ts instead, in background, backgroundSecondary, foreground, accent or buttonText; every other colour is derived from those five.`);continue}let o=/(?:^|[\s;])(?:font-size|line-height|font)\s*:/.test(i);if(/\.page-title\b/.test(r)){n.push(`${e}: the rule for \`${r.replace(/\s+/g,` `)}\` styles the app's page title, which is the library's chrome and not this file's to restyle — delete the rule; a page heading you want to size is one you write yourself inside a content file.`);continue}let s=i.match(/(?:^|[\s;])font-family\s*:\s*([^;}]+)/);if(s&&!/^\s*['"]?Inter['"]?\s*(?:,|$)/i.test(s[1])){n.push(`${e}: the rule for \`${r.replace(/\s+/g,` `)}\` sets a \`font-family\`, and the app has one typeface — Inter, everywhere, with no setting for it. Delete the \`font-family\` line; the rest of the rule can stay.`);continue}let c=r.split(`,`).map(e=>e.trim()).filter(e=>/^h[1-3]$/.test(e));c.length&&o&&n.push(`${e}: this rule sets a size on \`${c.join(`, `)}\`, which changes every page title in the app — delete the size (font-weight here is fine) and size the headings you write inside your own content file instead.`)}return n};function W(e,t){return H(e.map(e=>({file:e.file,source:t(e.abs)})))}var G=i,K=`\0`+G,q=[{rel:`src/App.tsx`,source:a},{rel:`src/main.tsx`,source:s}],J=e=>`${e} is owned by Your AI Firebase; your edit was discarded.`,re=e=>e.replace(/[?#].*$/,``),Y=e=>n.normalize(e).split(n.sep).join(`/`),X={info:e=>console.log(e),warn:e=>console.warn(e),error:e=>console.error(e)};function Z(e,r=X){let i=[];for(let{rel:a,source:o}of q){let s=n.join(e,a),c=null;try{c=t.readFileSync(s,`utf8`)}catch{c=null}c!==o&&(t.mkdirSync(n.dirname(s),{recursive:!0}),t.writeFileSync(s,o),i.push(a),c!==null&&r.warn(J(a)))}return i}function Q(e){let r=n.join(e,u,`registry.ts`);return t.existsSync(r)?!1:(t.mkdirSync(n.dirname(r),{recursive:!0}),t.writeFileSync(r,o),!0)}var $=(e,t)=>{let r=Y(re(t));for(let{rel:t,source:i}of q)if(r===Y(n.join(e,t)))return i;return null};function ie(){let e=process.cwd(),r=!1,i=`build`,a=X,o=()=>{let r=W(S(e),e=>t.readFileSync(e,`utf8`)),i=n.join(e,`src`,`your-ai-workflow-firebase-os`,`theme.css`),a=t.existsSync(i)?ne(`src/your-ai-workflow-firebase-os/theme.css`,t.readFileSync(i,`utf8`)):[];return{...r,errors:[...r.errors,...T(e),...a]}};return{name:`your-ai-firebase`,enforce:`pre`,config:()=>({resolve:{dedupe:[`firebase`,`react`,`react-dom`,`react-router-dom`]}}),configResolved(t){e=t.root,i=t.command,a=t.logger,r=b(e),r&&(Z(e,a),Q(e))},resolveId(e){return e===G?K:null},buildStart(){if(!r)return;let{errors:e,warnings:t}=o();for(let e of t)this.warn(e);if(e.length!==0)if(i===`build`)this.error(e[0]);else for(let t of e)a.error(t)},load(t){if(!r)return null;if(t===K){let t=S(e),{errors:n}=o();return n.length&&this.error(n[0]),O(t)}return $(e,t)},configureServer(t){if(!r)return;let n=()=>{let e=t.moduleGraph.getModuleById(K);e&&t.moduleGraph.invalidateModule(e),t.ws.send({type:`full-reload`,path:`*`})},i=r=>{let i=Y(r);if($(e,i)!==null){Z(e,t.config.logger);return}if(!x(e,i)&&!E(i))return;n();let{errors:a,warnings:s}=o();for(let e of s)t.config.logger.warn(e);for(let e of a)t.config.logger.error(e)};t.watcher.on(`add`,i),t.watcher.on(`unlink`,i),t.watcher.on(`change`,i)}}}exports.CANONICAL_APP_TSX=a,exports.CANONICAL_MAIN_TSX=s,exports.CONFIGS_DIR=l,exports.CONSUMER_DIR=c,exports.CONSUMER_REGISTRY_TS=o,exports.MICROCOMPONENTS_DIR=u,exports.OWNED_BANNER=r,exports.RESOLVED_VIRTUAL_ID=K,exports.SHIPPED_CONFIG_FILES=d,exports.VIRTUAL_ID=G,exports.VIRTUAL_REGISTRIES_ID=i,exports.classifyConfigFile=v,exports.discover=S,exports.ensureConsumerRegistry=Q,exports.fileIdFromConfigFile=_,exports.formIdFromFile=h,exports.isConsumerRoot=b,exports.isDiscoveredPath=x,exports.microcomponentKeysFromFile=g,exports.ownedMessage=J,exports.pageIdFromFile=m,exports.registrable=C,exports.restoreOwnedFiles=Z,exports.stripComments=M,exports.tabIdFromFile=p,exports.validate=H,exports.validateDiscovered=W,exports.virtualModuleSource=te,exports.virtualModuleSourceFor=O,exports.yourAiFirebase=ie;
+`}var j=e=>A(C(e)),M=e=>e.split(`/`).pop()||e,N=e=>/\/configs\/[^/]+$/.test(e),P=e=>/\/microcomponents\/[^/]+\.tsx$/.test(e),F=e=>e.replace(/\/\*[\s\S]*?\*\//g,``).replace(/(^|[^:\\'"`])\/\/.*$/gm,`$1`),I=(e,t)=>{let n=RegExp(`(?:^|[\\s,{])${t}\\s*:\\s*([^,\\n}]+)`,`g`),r=[],i;for(;i=n.exec(e);)r.push(i[1].trim());return r},L=e=>{let t=e.match(/^(['"`])([^'"`]*)\1$/);return t?t[2]:null},R=e=>/export\s+(?:const|let|var|function|class)\s+\w*Config\b/.test(e)||/export\s*\{[^}]*\b\w*Config\b[^}]*\}/.test(e),z=e=>/export\s+default\b/.test(e),B=e=>e.toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_|_$/g,``),V=[`board`,`table`,`calendar`,`drive`],H={board:{call:`actions.openInlineEditor(categoryId)`,token:`openInlineEditor`},table:{call:`actions.addRow()`,token:`addRow`},calendar:{call:`actions.openAddModal()`,token:`openAddModal`},drive:{call:`the openUploadModal() prop`,token:`openUploadModal`}},ee=/(?:copy (?:this|the sentence|it) (?:in)?to|paste (?:this|it) (?:in)?to|copy for (?:your |the )?(?:ai|assistant)|ask your assistant|your assistant.{0,3}s chat|copy this to change)[^\n]{0,40}/i,te=e=>{let t=I(e,`route`);return{first:t[0],count:t.length}};function U(e){let t=[],n=[],r=new Map,i=new Set;for(let{file:t}of e)if(P(t))for(let e of _(M(t)))i.add(e);let a=new Map;for(let{file:t,source:n}of e){if(!N(t))continue;let e=M(t),r=y(e);if(r!==`tab`&&r!==`page`)continue;let i=F(n),o=I(i,`template`)[0],s=o===void 0?null:L(o);if(!s||!V.includes(s))continue;let c=I(i,r===`tab`?`tabName`:`pageName`)[0],l=c===void 0?null:L(c),u=[r===`tab`?m(e):h(e),...l?[B(l),B(l).replace(/_/g,``)]:[]];for(let e of u)a.set(e,s)}for(let{file:o,source:s}of e){let e=M(o),c=F(s);if(N(o)){let n=y(e);if(n===`shipped`)continue;if(n===`other`){t.push(`${o}: rename it to somethingTab.config.ts (a dashboard page), somethingPage.config.ts (a page for anyone) or somethingForm.config.ts (a form).`);continue}if(!R(c)&&!z(c)&&t.push(`${o}: export one const named ${v(e)}Config.`),n===`tab`||n===`page`){let{first:a,count:s}=te(c),l=a===void 0?null:L(a);if(s===0||l===null||!l.startsWith(`/`))t.push(`${o}: route must be one string starting with /, e.g. route: '/onboarding'. A page has exactly one web address.`);else{let e=r.get(l);e?t.push(`${o}: route '${l}' is already used by ${e}. One page, one file, one address.`):r.set(l,o)}let u=I(c,`template`)[0],d=u===void 0?null:L(u);if(!d||![`board`,`table`,`calendar`,`drive`,`inline_form`,`popup_form`].includes(d)){let r=n===`tab`?m(e):h(e),a=I(c,n===`tab`?`tabName`:`pageName`)[0],s=a===void 0?null:L(a),l=e=>e.toLowerCase().replace(/[^a-z0-9]+/g,`_`).replace(/^_|_$/g,``);if(![r,...s?[l(s),l(s).replace(/_/g,``)]:[]].some(e=>i.has(e))){let n=v(e).replace(/(Tab|Page)$/,``),r=(s||n).split(/[^a-zA-Z0-9]+/).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``);t.push(`${o}: no content file matches this page, so it renders empty — create src/your-ai-workflow-firebase-os/microcomponents/${r}Content.tsx with export default.`)}}}if(n===`tab`){let e=I(c,`pageType`)[0],n=e===void 0?null:L(e);n!==`user`&&n!==`internal`&&n!==`admin`&&t.push(`${o}: pageType must be 'user', 'internal' or 'admin'. A dashboard page is never public.`)}if(n===`form`){let n=g(e),r=I(c,`systemName`)[0];r!==void 0&&L(r)!==n&&t.push(`${o}: systemName must be '${n}'.`)}continue}if(P(o)){z(c)||t.push(`${o}: add export default.`);let r=_(e).map(e=>a.get(e)).find(Boolean),i=/<form\b/.test(c)||/\bonSubmit\b/.test(c);if(i&&r){let e=H[r];c.includes(e.token)||n.push(`${o}: this page is a ${r} and already has its own add and edit dialog, themed for light and dark — open it with ${e.call} instead of building a form here.`)}else i&&!/ContactPopup/.test(c)&&n.push(`${o}: forms are *Form.config.ts files shown with <ContactPopup formId="…" />; a hand-written form never reaches the Inbox.`);let s=c.match(/['"`](?:mem|user|admin|pub)_notifications['"`]/);s&&t.push(`${o}: ${s[0]} is the bell's own collection and pages never touch it — delete that code and send the notification with notify({ toUid | toRole, title, body, link }) imported from 'your-ai-workflow-firebase-os'.`),/<style[\s>]/.test(c)&&t.push(`${o}: a <style> tag is global CSS and restyles every page of the app — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);let l=c.match(/(?<![\w-])(?:h|max-h)-(?:screen|dvh|svh|lvh|\[(?:100|9\d|8\d)(?:vh|dvh|svh|lvh)\])/);l&&n.push(`${o}: ${l[0]} makes the page exactly one screen tall and strands everything below it on a phone — the page is already inside a panel that scrolls, so let it be as long as it needs and drop the height and any overflow-hidden around it.`);let u=c.match(ee);u&&n.push(`${o}: "${u[0]}" is wording off the owner's admin screens — the page is for its visitors, not for the owner or for you. Delete it and any prompt or copy-this box on the page.`);let d=c.match(/\b(?:bg-(?:white|black)|(?:bg|text|border)-(?:gray|slate|zinc|neutral|stone)-\d+)\b/);d&&n.push(`${o}: ${d[0]} is a hard-coded colour that ignores the owner's theme and stays wrong in light or dark mode — use bg-background, text-foreground, border-[var(--panel-border)], glass-panel or btn-primary.`);continue}if(o===d){/<style[\s>]/.test(c)&&t.push(`${o}: a <style> tag is global CSS — while the home page is open it restyles every page of the app, the titles and the menu included — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);let e=c.match(/(?<![\w-])(?:h|max-h)-(?:screen|dvh|svh|lvh|\[(?:100|9\d|8\d)(?:vh|dvh|svh|lvh)\])/);e&&n.push(`${o}: ${e[0]} makes the page exactly one screen tall and strands everything below it on a phone — let the page be as long as it needs and drop the height and any overflow-hidden around it.`);let r=c.match(/\b(?:bg-(?:white|black)|(?:bg|text|border)-(?:gray|slate|zinc|neutral|stone)-\d+)\b/);r&&n.push(`${o}: ${r[0]} is a hard-coded colour that ignores the owner's theme and stays wrong in light or dark mode — use bg-background, text-foreground, border-[var(--panel-border)], glass-panel or btn-primary.`)}}return{errors:t,warnings:n}}var ne=[`--bg-color`,`--bg-secondary-color`,`--fg-color`,`--accent-color`,`--panel-bg`,`--panel-border`,`--button-bg`,`--button-fg`,`--button-hover-bg`,`--btn-sec-bg`,`--btn-sec-border`,`--btn-sec-text`,`--text-gradient`,`--glow-color`,`--notification-icon-color`,`--selection-bg`,`--selection-text`],re=(e,t)=>{let n=[],r=t.replace(/\/\*[\s\S]*?\*\//g,``);for(let[,t,i]of r.matchAll(/([^{}]+)\{([^{}]*)\}/g)){let r=t.trim(),a=ne.filter(e=>RegExp(`${e}\\s*:[^;}]*!important`).test(i));if(a.length){n.push(`${e}: \`${a[0]}\` is set with \`!important\` here, and the app writes that colour itself from the owner's theme — forcing it freezes it, so their Theme screen stops working. Delete the \`!important\` and set the colour in configs/theme.config.ts instead, in background, backgroundSecondary, foreground, accent or buttonText; every other colour is derived from those five.`);continue}let o=/(?:^|[\s;])(?:font-size|line-height|font)\s*:/.test(i);if(/\.page-title\b/.test(r)){n.push(`${e}: the rule for \`${r.replace(/\s+/g,` `)}\` styles the app's page title, which is the library's chrome and not this file's to restyle — delete the rule; a page heading you want to size is one you write yourself inside a content file.`);continue}let s=i.match(/(?:^|[\s;])font-family\s*:\s*([^;}]+)/);if(s&&!/^\s*['"]?Inter['"]?\s*(?:,|$)/i.test(s[1])){n.push(`${e}: the rule for \`${r.replace(/\s+/g,` `)}\` sets a \`font-family\`, and the app has one typeface — Inter, everywhere, with no setting for it. Delete the \`font-family\` line; the rest of the rule can stay.`);continue}let c=r.split(`,`).map(e=>e.trim()).filter(e=>/^h[1-3]$/.test(e));c.length&&o&&n.push(`${e}: this rule sets a size on \`${c.join(`, `)}\`, which changes every page title in the app — delete the size (font-weight here is fine) and size the headings you write inside your own content file instead.`)}return n};function W(e,t){return U(e.map(e=>({file:e.file,source:t(e.abs)})))}var G=i,K=`\0`+G,q=[{rel:`src/App.tsx`,source:a},{rel:`src/main.tsx`,source:s}],J=e=>`${e} is owned by Your AI Firebase; your edit was discarded.`,ie=e=>e.replace(/[?#].*$/,``),Y=e=>n.normalize(e).split(n.sep).join(`/`),X={info:e=>console.log(e),warn:e=>console.warn(e),error:e=>console.error(e)};function Z(e,r=X){let i=[];for(let{rel:a,source:o}of q){let s=n.join(e,a),c=null;try{c=t.readFileSync(s,`utf8`)}catch{c=null}c!==o&&(t.mkdirSync(n.dirname(s),{recursive:!0}),t.writeFileSync(s,o),i.push(a),c!==null&&r.warn(J(a)))}return i}function Q(e){let r=n.join(e,u,`registry.ts`);return t.existsSync(r)?!1:(t.mkdirSync(n.dirname(r),{recursive:!0}),t.writeFileSync(r,o),!0)}var $=(e,t)=>{let r=Y(ie(t));for(let{rel:t,source:i}of q)if(r===Y(n.join(e,t)))return i;return null};function ae(){let e=process.cwd(),r=!1,i=`build`,a=X,o=()=>{let r=W(C(e),e=>t.readFileSync(e,`utf8`)),i=n.join(e,`src`,`your-ai-workflow-firebase-os`,`theme.css`),a=t.existsSync(i)?re(`src/your-ai-workflow-firebase-os/theme.css`,t.readFileSync(i,`utf8`)):[];return{...r,errors:[...r.errors,...D(e),...a]}};return{name:`your-ai-firebase`,enforce:`pre`,config:()=>({resolve:{dedupe:[`firebase`,`react`,`react-dom`,`react-router-dom`]}}),configResolved(t){e=t.root,i=t.command,a=t.logger,r=x(e),r&&(Z(e,a),Q(e))},resolveId(e){return e===G?K:null},buildStart(){if(!r)return;let{errors:e,warnings:t}=o();for(let e of t)this.warn(e);if(e.length!==0)if(i===`build`)this.error(e[0]);else for(let t of e)a.error(t)},load(t){if(!r)return null;if(t===K){let t=C(e),{errors:n}=o();return n.length&&this.error(n[0]),A(t)}return $(e,t)},configureServer(t){if(!r)return;let i=()=>{let e=t.moduleGraph.getModuleById(K);e&&t.moduleGraph.invalidateModule(e),t.ws.send({type:`full-reload`,path:`*`})},a=r=>{let a=Y(r);if($(e,a)!==null){Z(e,t.config.logger);return}if(!S(e,a)&&!O(a))return;n.relative(e,a).split(n.sep).join(`/`)!==d&&i();let{errors:s,warnings:c}=o();for(let e of c)t.config.logger.warn(e);for(let e of s)t.config.logger.error(e)};t.watcher.on(`add`,a),t.watcher.on(`unlink`,a),t.watcher.on(`change`,a)}}}exports.CANONICAL_APP_TSX=a,exports.CANONICAL_MAIN_TSX=s,exports.CONFIGS_DIR=l,exports.CONSUMER_DIR=c,exports.CONSUMER_REGISTRY_TS=o,exports.MICROCOMPONENTS_DIR=u,exports.OWNED_BANNER=r,exports.RESOLVED_VIRTUAL_ID=K,exports.SHIPPED_CONFIG_FILES=f,exports.VIRTUAL_ID=G,exports.VIRTUAL_REGISTRIES_ID=i,exports.classifyConfigFile=y,exports.discover=C,exports.ensureConsumerRegistry=Q,exports.fileIdFromConfigFile=v,exports.formIdFromFile=g,exports.isConsumerRoot=x,exports.isDiscoveredPath=S,exports.microcomponentKeysFromFile=_,exports.ownedMessage=J,exports.pageIdFromFile=h,exports.registrable=w,exports.restoreOwnedFiles=Z,exports.stripComments=F,exports.tabIdFromFile=m,exports.validate=U,exports.validateDiscovered=W,exports.virtualModuleSource=j,exports.virtualModuleSourceFor=A,exports.yourAiFirebase=ae;

package/dist/vite.es.js

@@ -73,89 +73,96 @@ createRoot(document.getElementById('root')!).render(
     <App />
   </StrictMode>,
 )
-`, s = "src/your-ai-workflow-firebase-os", c = `${s}/configs`, l = `${s}/microcomponents`, u = [
+`, s = "src/your-ai-workflow-firebase-os", c = `${s}/configs`, l = `${s}/microcomponents`, u = `${s}/Home.tsx`, d = [
 	"theme.config.ts",
 	"contactForm.config.ts",
 	"supportForm.config.ts",
 	"registry.ts",
 	"pagesRegistry.ts",
 	"home.config.ts"
-], d = (e) => e.split(t.sep).join("/"), f = (e) => t.basename(e).replace(".config.ts", "").replace(/Tab$/, "").toLowerCase(), p = (e) => t.basename(e).replace(".config.ts", "").replace(/Page$/, "").toLowerCase(), m = (e) => t.basename(e).replace(".config.ts", "").replace(/Form$/, "").toLowerCase(), h = (e) => {
+], f = (e) => e.split(t.sep).join("/"), p = (e) => t.basename(e).replace(".config.ts", "").replace(/Tab$/, "").toLowerCase(), m = (e) => t.basename(e).replace(".config.ts", "").replace(/Page$/, "").toLowerCase(), h = (e) => t.basename(e).replace(".config.ts", "").replace(/Form$/, "").toLowerCase(), g = (e) => {
 	let n = t.basename(e).replace(/\.tsx$/, "").replace(/Content$/, "").replace(/([a-z0-9])([A-Z])/g, "$1_$2").toLowerCase();
 	return [n, n.replace(/_/g, "")];
-}, g = (e) => t.basename(e).replace(/\.config\.ts$/, "");
-function _(e) {
+}, _ = (e) => t.basename(e).replace(/\.config\.ts$/, "");
+function v(e) {
 	let n = t.basename(e);
-	return u.includes(n) ? "shipped" : /Tab\.config\.ts$/.test(n) ? "tab" : /Page\.config\.ts$/.test(n) ? "page" : /Form\.config\.ts$/.test(n) ? "form" : "other";
+	return d.includes(n) ? "shipped" : /Tab\.config\.ts$/.test(n) ? "tab" : /Page\.config\.ts$/.test(n) ? "page" : /Form\.config\.ts$/.test(n) ? "form" : "other";
 }
-var v = (t) => e.existsSync(t) ? e.readdirSync(t, { withFileTypes: !0 }).filter((e) => e.isFile()).map((e) => e.name).sort() : [], y = (n) => e.existsSync(t.join(n, s));
-function b(e, n) {
-	let r = d(t.relative(e, n));
-	return r.startsWith(c + "/") || r.startsWith(l + "/");
+var y = (t) => e.existsSync(t) ? e.readdirSync(t, { withFileTypes: !0 }).filter((e) => e.isFile()).map((e) => e.name).sort() : [], b = (n) => e.existsSync(t.join(n, s));
+function x(e, n) {
+	let r = f(t.relative(e, n));
+	return r.startsWith(c + "/") || r.startsWith(l + "/") || r === u;
 }
-function x(e) {
-	let n = [], r = t.join(e, c);
-	for (let e of v(r)) {
+function S(n) {
+	let r = [], i = t.join(n, c);
+	for (let e of y(i)) {
 		if (!/\.tsx?$/.test(e)) continue;
-		let i = t.join(r, e), a = `${c}/${e}`, o = _(e);
-		o === "tab" ? n.push({
+		let n = t.join(i, e), a = `${c}/${e}`, o = v(e);
+		o === "tab" ? r.push({
 			kind: o,
 			file: a,
-			abs: i,
+			abs: n,
 			name: e,
-			id: f(e)
-		}) : o === "page" ? n.push({
+			id: p(e)
+		}) : o === "page" ? r.push({
 			kind: o,
 			file: a,
-			abs: i,
+			abs: n,
 			name: e,
-			id: p(e)
-		}) : o === "form" || /Form\.config\.ts$/.test(e) ? n.push({
+			id: m(e)
+		}) : o === "form" || /Form\.config\.ts$/.test(e) ? r.push({
 			kind: "form",
 			file: a,
-			abs: i,
+			abs: n,
 			name: e,
-			id: m(e)
-		}) : n.push({
+			id: h(e)
+		}) : r.push({
 			kind: "other",
 			file: a,
-			abs: i,
+			abs: n,
 			name: e,
 			id: ""
 		});
 	}
-	let i = t.join(e, l);
-	for (let e of v(i)) e.endsWith(".tsx") && e.replace(/\.tsx$/, "") !== "registry" && n.push({
+	let a = t.join(n, l);
+	for (let e of y(a)) e.endsWith(".tsx") && e.replace(/\.tsx$/, "") !== "registry" && r.push({
 		kind: "microcomponent",
 		file: `${l}/${e}`,
-		abs: t.join(i, e),
+		abs: t.join(a, e),
 		name: e,
-		id: h(e)[0]
+		id: g(e)[0]
 	});
-	return n;
+	let o = t.join(n, u);
+	return e.existsSync(o) && r.push({
+		kind: "other",
+		file: u,
+		abs: o,
+		name: "Home.tsx",
+		id: ""
+	}), r;
 }
-var S = (e) => e.filter((e) => e.kind !== "other"), C = [{
+var C = (e) => e.filter((e) => e.kind !== "other"), w = [{
 	test: (e) => /Content\.tsx$/.test(e),
 	home: l
 }, {
 	test: (e) => /(Tab|Page|Form)\.config\.tsx?$/.test(e),
 	home: c
-}], w = new Set([
+}], T = new Set([
 	"node_modules",
 	".git",
 	"dist",
 	"build"
 ]);
-function ee(n) {
+function E(n) {
 	let r = [], i = t.join(n, "src"), a = (i, o) => {
 		if (!(o > 6 || !e.existsSync(i))) for (let s of e.readdirSync(i, { withFileTypes: !0 })) {
-			let e = t.join(i, s.name), u = d(t.relative(n, e));
+			let e = t.join(i, s.name), u = f(t.relative(n, e));
 			if (s.isDirectory()) {
-				w.has(s.name) || a(e, o + 1);
+				T.has(s.name) || a(e, o + 1);
 				continue;
 			}
 			if (!(u === `${c}/${s.name}` || u === `${l}/${s.name}`)) {
-				for (let { test: e, home: t } of C) if (e(s.name)) {
+				for (let { test: e, home: t } of w) if (e(s.name)) {
 					r.push(`${u}: files like this are only found directly in ${t}/ — move it to ${t}/${s.name}.`);
 					break;
 				}
@@ -164,18 +171,18 @@ function ee(n) {
 	};
 	return a(i, 0), r.sort();
 }
-var T = (e) => {
+var ee = (e) => {
 	let n = t.basename(e);
-	return C.some((e) => e.test(n));
-}, E = (e) => JSON.stringify(e);
-function D(e) {
+	return w.some((e) => e.test(n));
+}, D = (e) => JSON.stringify(e);
+function O(e) {
 	let t = [], n = [], r = [], i = [];
-	return S(e).forEach((e, a) => {
+	return C(e).forEach((e, a) => {
 		let o = `m${a}`;
-		if (t.push(`import * as ${o} from ${E(d(e.abs))};`), e.kind === "tab") n.push(`{
+		if (t.push(`import * as ${o} from ${D(f(e.abs))};`), e.kind === "tab") n.push(`{
   const configVal = pickConfig(${o});
   if (configVal) {
-    const tabId = ${E(e.id)};
+    const tabId = ${D(e.id)};
     const finalTab = {
       config: {
         ...configVal,
@@ -194,7 +201,7 @@ function D(e) {
 		else if (e.kind === "page") n.push(`{
   const configVal = pickConfig(${o});
   if (configVal) {
-    const pageId = ${E(e.id)};
+    const pageId = ${D(e.id)};
     const finalPage = {
       config: {
         ...configVal,
@@ -213,7 +220,7 @@ function D(e) {
 		else if (e.kind === "form") r.push(`{
   const configVal = pickConfig(${o});
   if (configVal) {
-    const formId = ${E(e.id)};
+    const formId = ${D(e.id)};
     // The form's id is its file name; systemName always follows the file.
     const finalConfig = { ...configVal, systemName: formId };
     forms[formId] = finalConfig;
@@ -222,13 +229,13 @@ function D(e) {
   }
 }`);
 		else if (e.kind === "microcomponent") {
-			let [t, n] = h(e.name);
+			let [t, n] = g(e.name);
 			i.push(`if (${o} && ${o}.default) {
-  microcomponents[${E(t)}] = ${o}.default;
+  microcomponents[${D(t)}] = ${o}.default;
   // Also answer to the squashed form ("mobile_apps" -> "mobileapps"): a page id
   // derived from a file name (mobileAppsPage.config.ts -> "mobileapps") has no
   // underscores, and the page must still find MobileAppsContent.tsx.
-  microcomponents[${E(n)}] = ${o}.default;
+  microcomponents[${D(n)}] = ${o}.default;
 }`);
 		}
 	}), `// Generated by Your AI Firebase from the files in ${s}/.
@@ -269,19 +276,19 @@ export const formsRegistry = forms;
 export const microcomponentRegistry = microcomponents;
 `;
 }
-var te = (e) => D(x(e)), O = (e) => e.split("/").pop() || e, k = (e) => /\/configs\/[^/]+$/.test(e), A = (e) => /\/microcomponents\/[^/]+\.tsx$/.test(e), j = (e) => e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|[^:\\'"`])\/\/.*$/gm, "$1"), M = (e, t) => {
+var k = (e) => O(S(e)), A = (e) => e.split("/").pop() || e, j = (e) => /\/configs\/[^/]+$/.test(e), M = (e) => /\/microcomponents\/[^/]+\.tsx$/.test(e), N = (e) => e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|[^:\\'"`])\/\/.*$/gm, "$1"), P = (e, t) => {
 	let n = RegExp(`(?:^|[\\s,{])${t}\\s*:\\s*([^,\\n}]+)`, "g"), r = [], i;
 	for (; i = n.exec(e);) r.push(i[1].trim());
 	return r;
-}, N = (e) => {
+}, F = (e) => {
 	let t = e.match(/^(['"`])([^'"`]*)\1$/);
 	return t ? t[2] : null;
-}, P = (e) => /export\s+(?:const|let|var|function|class)\s+\w*Config\b/.test(e) || /export\s*\{[^}]*\b\w*Config\b[^}]*\}/.test(e), F = (e) => /export\s+default\b/.test(e), I = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, ""), L = [
+}, I = (e) => /export\s+(?:const|let|var|function|class)\s+\w*Config\b/.test(e) || /export\s*\{[^}]*\b\w*Config\b[^}]*\}/.test(e), L = (e) => /export\s+default\b/.test(e), R = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, ""), z = [
 	"board",
 	"table",
 	"calendar",
 	"drive"
-], R = {
+], B = {
 	board: {
 		call: "actions.openInlineEditor(categoryId)",
 		token: "openInlineEditor"
@@ -298,43 +305,43 @@ var te = (e) => D(x(e)), O = (e) => e.split("/").pop() || e, k = (e) => /\/confi
 		call: "the openUploadModal() prop",
 		token: "openUploadModal"
 	}
-}, z = /(?:copy (?:this|the sentence|it) (?:in)?to|paste (?:this|it) (?:in)?to|copy for (?:your |the )?(?:ai|assistant)|ask your assistant|your assistant.{0,3}s chat|copy this to change)[^\n]{0,40}/i, B = (e) => {
-	let t = M(e, "route");
+}, V = /(?:copy (?:this|the sentence|it) (?:in)?to|paste (?:this|it) (?:in)?to|copy for (?:your |the )?(?:ai|assistant)|ask your assistant|your assistant.{0,3}s chat|copy this to change)[^\n]{0,40}/i, te = (e) => {
+	let t = P(e, "route");
 	return {
 		first: t[0],
 		count: t.length
 	};
 };
-function V(e) {
+function H(e) {
 	let t = [], n = [], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
-	for (let { file: t } of e) if (A(t)) for (let e of h(O(t))) i.add(e);
+	for (let { file: t } of e) if (M(t)) for (let e of g(A(t))) i.add(e);
 	let a = /* @__PURE__ */ new Map();
 	for (let { file: t, source: n } of e) {
-		if (!k(t)) continue;
-		let e = O(t), r = _(e);
+		if (!j(t)) continue;
+		let e = A(t), r = v(e);
 		if (r !== "tab" && r !== "page") continue;
-		let i = j(n), o = M(i, "template")[0], s = o === void 0 ? null : N(o);
-		if (!s || !L.includes(s)) continue;
-		let c = M(i, r === "tab" ? "tabName" : "pageName")[0], l = c === void 0 ? null : N(c), u = [r === "tab" ? f(e) : p(e), ...l ? [I(l), I(l).replace(/_/g, "")] : []];
+		let i = N(n), o = P(i, "template")[0], s = o === void 0 ? null : F(o);
+		if (!s || !z.includes(s)) continue;
+		let c = P(i, r === "tab" ? "tabName" : "pageName")[0], l = c === void 0 ? null : F(c), u = [r === "tab" ? p(e) : m(e), ...l ? [R(l), R(l).replace(/_/g, "")] : []];
 		for (let e of u) a.set(e, s);
 	}
 	for (let { file: o, source: s } of e) {
-		let e = O(o), c = j(s);
-		if (k(o)) {
-			let n = _(e);
+		let e = A(o), c = N(s);
+		if (j(o)) {
+			let n = v(e);
 			if (n === "shipped") continue;
 			if (n === "other") {
 				t.push(`${o}: rename it to somethingTab.config.ts (a dashboard page), somethingPage.config.ts (a page for anyone) or somethingForm.config.ts (a form).`);
 				continue;
 			}
-			if (!P(c) && !F(c) && t.push(`${o}: export one const named ${g(e)}Config.`), n === "tab" || n === "page") {
-				let { first: a, count: s } = B(c), l = a === void 0 ? null : N(a);
+			if (!I(c) && !L(c) && t.push(`${o}: export one const named ${_(e)}Config.`), n === "tab" || n === "page") {
+				let { first: a, count: s } = te(c), l = a === void 0 ? null : F(a);
 				if (s === 0 || l === null || !l.startsWith("/")) t.push(`${o}: route must be one string starting with /, e.g. route: '/onboarding'. A page has exactly one web address.`);
 				else {
 					let e = r.get(l);
 					e ? t.push(`${o}: route '${l}' is already used by ${e}. One page, one file, one address.`) : r.set(l, o);
 				}
-				let u = M(c, "template")[0], d = u === void 0 ? null : N(u);
+				let u = P(c, "template")[0], d = u === void 0 ? null : F(u);
 				if (!d || ![
 					"board",
 					"table",
@@ -343,37 +350,46 @@ function V(e) {
 					"inline_form",
 					"popup_form"
 				].includes(d)) {
-					let r = n === "tab" ? f(e) : p(e), a = M(c, n === "tab" ? "tabName" : "pageName")[0], s = a === void 0 ? null : N(a), l = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "");
+					let r = n === "tab" ? p(e) : m(e), a = P(c, n === "tab" ? "tabName" : "pageName")[0], s = a === void 0 ? null : F(a), l = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "");
 					if (![r, ...s ? [l(s), l(s).replace(/_/g, "")] : []].some((e) => i.has(e))) {
-						let n = g(e).replace(/(Tab|Page)$/, ""), r = (s || n).split(/[^a-zA-Z0-9]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+						let n = _(e).replace(/(Tab|Page)$/, ""), r = (s || n).split(/[^a-zA-Z0-9]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
 						t.push(`${o}: no content file matches this page, so it renders empty — create src/your-ai-workflow-firebase-os/microcomponents/${r}Content.tsx with export default.`);
 					}
 				}
 			}
 			if (n === "tab") {
-				let e = M(c, "pageType")[0], n = e === void 0 ? null : N(e);
+				let e = P(c, "pageType")[0], n = e === void 0 ? null : F(e);
 				n !== "user" && n !== "internal" && n !== "admin" && t.push(`${o}: pageType must be 'user', 'internal' or 'admin'. A dashboard page is never public.`);
 			}
 			if (n === "form") {
-				let n = m(e), r = M(c, "systemName")[0];
-				r !== void 0 && N(r) !== n && t.push(`${o}: systemName must be '${n}'.`);
+				let n = h(e), r = P(c, "systemName")[0];
+				r !== void 0 && F(r) !== n && t.push(`${o}: systemName must be '${n}'.`);
 			}
 			continue;
 		}
-		if (A(o)) {
-			F(c) || t.push(`${o}: add export default.`);
-			let r = h(e).map((e) => a.get(e)).find(Boolean), i = /<form\b/.test(c) || /\bonSubmit\b/.test(c);
+		if (M(o)) {
+			L(c) || t.push(`${o}: add export default.`);
+			let r = g(e).map((e) => a.get(e)).find(Boolean), i = /<form\b/.test(c) || /\bonSubmit\b/.test(c);
 			if (i && r) {
-				let e = R[r];
+				let e = B[r];
 				c.includes(e.token) || n.push(`${o}: this page is a ${r} and already has its own add and edit dialog, themed for light and dark — open it with ${e.call} instead of building a form here.`);
 			} else i && !/ContactPopup/.test(c) && n.push(`${o}: forms are *Form.config.ts files shown with <ContactPopup formId="…" />; a hand-written form never reaches the Inbox.`);
-			/<style[\s>]/.test(c) && t.push(`${o}: a <style> tag is global CSS and restyles every page of the app — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);
-			let s = c.match(/(?<![\w-])(?:h|max-h)-(?:screen|dvh|svh|lvh|\[(?:100|9\d|8\d)(?:vh|dvh|svh|lvh)\])/);
-			s && n.push(`${o}: ${s[0]} makes the page exactly one screen tall and strands everything below it on a phone — the page is already inside a panel that scrolls, so let it be as long as it needs and drop the height and any overflow-hidden around it.`);
-			let l = c.match(z);
-			l && n.push(`${o}: "${l[0]}" is wording off the owner's admin screens — the page is for its visitors, not for the owner or for you. Delete it and any prompt or copy-this box on the page.`);
-			let u = c.match(/\b(?:bg-(?:white|black)|(?:bg|text|border)-(?:gray|slate|zinc|neutral|stone)-\d+)\b/);
-			u && n.push(`${o}: ${u[0]} is a hard-coded colour that ignores the owner's theme and stays wrong in light or dark mode — use bg-background, text-foreground, border-[var(--panel-border)], glass-panel or btn-primary.`);
+			let s = c.match(/['"`](?:mem|user|admin|pub)_notifications['"`]/);
+			s && t.push(`${o}: ${s[0]} is the bell's own collection and pages never touch it — delete that code and send the notification with notify({ toUid | toRole, title, body, link }) imported from 'your-ai-workflow-firebase-os'.`), /<style[\s>]/.test(c) && t.push(`${o}: a <style> tag is global CSS and restyles every page of the app — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);
+			let l = c.match(/(?<![\w-])(?:h|max-h)-(?:screen|dvh|svh|lvh|\[(?:100|9\d|8\d)(?:vh|dvh|svh|lvh)\])/);
+			l && n.push(`${o}: ${l[0]} makes the page exactly one screen tall and strands everything below it on a phone — the page is already inside a panel that scrolls, so let it be as long as it needs and drop the height and any overflow-hidden around it.`);
+			let u = c.match(V);
+			u && n.push(`${o}: "${u[0]}" is wording off the owner's admin screens — the page is for its visitors, not for the owner or for you. Delete it and any prompt or copy-this box on the page.`);
+			let d = c.match(/\b(?:bg-(?:white|black)|(?:bg|text|border)-(?:gray|slate|zinc|neutral|stone)-\d+)\b/);
+			d && n.push(`${o}: ${d[0]} is a hard-coded colour that ignores the owner's theme and stays wrong in light or dark mode — use bg-background, text-foreground, border-[var(--panel-border)], glass-panel or btn-primary.`);
+			continue;
+		}
+		if (o === u) {
+			/<style[\s>]/.test(c) && t.push(`${o}: a <style> tag is global CSS — while the home page is open it restyles every page of the app, the titles and the menu included — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);
+			let e = c.match(/(?<![\w-])(?:h|max-h)-(?:screen|dvh|svh|lvh|\[(?:100|9\d|8\d)(?:vh|dvh|svh|lvh)\])/);
+			e && n.push(`${o}: ${e[0]} makes the page exactly one screen tall and strands everything below it on a phone — let the page be as long as it needs and drop the height and any overflow-hidden around it.`);
+			let r = c.match(/\b(?:bg-(?:white|black)|(?:bg|text|border)-(?:gray|slate|zinc|neutral|stone)-\d+)\b/);
+			r && n.push(`${o}: ${r[0]} is a hard-coded colour that ignores the owner's theme and stays wrong in light or dark mode — use bg-background, text-foreground, border-[var(--panel-border)], glass-panel or btn-primary.`);
 		}
 	}
 	return {
@@ -381,7 +397,7 @@ function V(e) {
 		warnings: n
 	};
 }
-var H = [
+var ne = [
 	"--bg-color",
 	"--bg-secondary-color",
 	"--fg-color",
@@ -399,10 +415,10 @@ var H = [
 	"--notification-icon-color",
 	"--selection-bg",
 	"--selection-text"
-], U = (e, t) => {
+], re = (e, t) => {
 	let n = [], r = t.replace(/\/\*[\s\S]*?\*\//g, "");
 	for (let [, t, i] of r.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
-		let r = t.trim(), a = H.filter((e) => RegExp(`${e}\\s*:[^;}]*!important`).test(i));
+		let r = t.trim(), a = ne.filter((e) => RegExp(`${e}\\s*:[^;}]*!important`).test(i));
 		if (a.length) {
 			n.push(`${e}: \`${a[0]}\` is set with \`!important\` here, and the app writes that colour itself from the owner's theme — forcing it freezes it, so their Theme screen stops working. Delete the \`!important\` and set the colour in configs/theme.config.ts instead, in background, backgroundSecondary, foreground, accent or buttonText; every other colour is derived from those five.`);
 			continue;
@@ -422,35 +438,35 @@ var H = [
 	}
 	return n;
 };
-function W(e, t) {
-	return V(e.map((e) => ({
+function U(e, t) {
+	return H(e.map((e) => ({
 		file: e.file,
 		source: t(e.abs)
 	})));
 }
 //#endregion
 //#region src/vite/plugin.ts
-var G = r, K = "\0" + G, q = [{
+var W = r, G = "\0" + W, K = [{
 	rel: "src/App.tsx",
 	source: i
 }, {
 	rel: "src/main.tsx",
 	source: o
-}], J = (e) => `${e} is owned by Your AI Firebase; your edit was discarded.`, ne = (e) => e.replace(/[?#].*$/, ""), Y = (e) => t.normalize(e).split(t.sep).join("/"), X = {
+}], q = (e) => `${e} is owned by Your AI Firebase; your edit was discarded.`, J = (e) => e.replace(/[?#].*$/, ""), Y = (e) => t.normalize(e).split(t.sep).join("/"), X = {
 	info: (e) => console.log(e),
 	warn: (e) => console.warn(e),
 	error: (e) => console.error(e)
 };
 function Z(n, r = X) {
 	let i = [];
-	for (let { rel: a, source: o } of q) {
+	for (let { rel: a, source: o } of K) {
 		let s = t.join(n, a), c = null;
 		try {
 			c = e.readFileSync(s, "utf8");
 		} catch {
 			c = null;
 		}
-		c !== o && (e.mkdirSync(t.dirname(s), { recursive: !0 }), e.writeFileSync(s, o), i.push(a), c !== null && r.warn(J(a)));
+		c !== o && (e.mkdirSync(t.dirname(s), { recursive: !0 }), e.writeFileSync(s, o), i.push(a), c !== null && r.warn(q(a)));
 	}
 	return i;
 }
@@ -459,18 +475,18 @@ function Q(n) {
 	return e.existsSync(r) ? !1 : (e.mkdirSync(t.dirname(r), { recursive: !0 }), e.writeFileSync(r, a), !0);
 }
 var $ = (e, n) => {
-	let r = Y(ne(n));
-	for (let { rel: n, source: i } of q) if (r === Y(t.join(e, n))) return i;
+	let r = Y(J(n));
+	for (let { rel: n, source: i } of K) if (r === Y(t.join(e, n))) return i;
 	return null;
 };
-function re() {
+function ie() {
 	let n = process.cwd(), r = !1, i = "build", a = X, o = () => {
-		let r = W(x(n), (t) => e.readFileSync(t, "utf8")), i = t.join(n, "src", "your-ai-workflow-firebase-os", "theme.css"), a = e.existsSync(i) ? U("src/your-ai-workflow-firebase-os/theme.css", e.readFileSync(i, "utf8")) : [];
+		let r = U(S(n), (t) => e.readFileSync(t, "utf8")), i = t.join(n, "src", "your-ai-workflow-firebase-os", "theme.css"), a = e.existsSync(i) ? re("src/your-ai-workflow-firebase-os/theme.css", e.readFileSync(i, "utf8")) : [];
 		return {
 			...r,
 			errors: [
 				...r.errors,
-				...ee(n),
+				...E(n),
 				...a
 			]
 		};
@@ -485,10 +501,10 @@ function re() {
 			"react-router-dom"
 		] } }),
 		configResolved(e) {
-			n = e.root, i = e.command, a = e.logger, r = y(n), r && (Z(n, a), Q(n));
+			n = e.root, i = e.command, a = e.logger, r = b(n), r && (Z(n, a), Q(n));
 		},
 		resolveId(e) {
-			return e === G ? K : null;
+			return e === W ? G : null;
 		},
 		buildStart() {
 			if (!r) return;
@@ -499,35 +515,35 @@ function re() {
 		},
 		load(e) {
 			if (!r) return null;
-			if (e === K) {
-				let e = x(n), { errors: t } = o();
-				return t.length && this.error(t[0]), D(e);
+			if (e === G) {
+				let e = S(n), { errors: t } = o();
+				return t.length && this.error(t[0]), O(e);
 			}
 			return $(n, e);
 		},
 		configureServer(e) {
 			if (!r) return;
-			let t = () => {
-				let t = e.moduleGraph.getModuleById(K);
+			let i = () => {
+				let t = e.moduleGraph.getModuleById(G);
 				t && e.moduleGraph.invalidateModule(t), e.ws.send({
 					type: "full-reload",
 					path: "*"
 				});
-			}, i = (r) => {
-				let i = Y(r);
-				if ($(n, i) !== null) {
+			}, a = (r) => {
+				let a = Y(r);
+				if ($(n, a) !== null) {
 					Z(n, e.config.logger);
 					return;
 				}
-				if (!b(n, i) && !T(i)) return;
-				t();
-				let { errors: a, warnings: s } = o();
-				for (let t of s) e.config.logger.warn(t);
-				for (let t of a) e.config.logger.error(t);
+				if (!x(n, a) && !ee(a)) return;
+				t.relative(n, a).split(t.sep).join("/") !== u && i();
+				let { errors: s, warnings: c } = o();
+				for (let t of c) e.config.logger.warn(t);
+				for (let t of s) e.config.logger.error(t);
 			};
-			e.watcher.on("add", i), e.watcher.on("unlink", i), e.watcher.on("change", i);
+			e.watcher.on("add", a), e.watcher.on("unlink", a), e.watcher.on("change", a);
 		}
 	};
 }
 //#endregion
-export { i as CANONICAL_APP_TSX, o as CANONICAL_MAIN_TSX, c as CONFIGS_DIR, s as CONSUMER_DIR, a as CONSUMER_REGISTRY_TS, l as MICROCOMPONENTS_DIR, n as OWNED_BANNER, K as RESOLVED_VIRTUAL_ID, u as SHIPPED_CONFIG_FILES, G as VIRTUAL_ID, r as VIRTUAL_REGISTRIES_ID, _ as classifyConfigFile, x as discover, Q as ensureConsumerRegistry, g as fileIdFromConfigFile, m as formIdFromFile, y as isConsumerRoot, b as isDiscoveredPath, h as microcomponentKeysFromFile, J as ownedMessage, p as pageIdFromFile, S as registrable, Z as restoreOwnedFiles, j as stripComments, f as tabIdFromFile, V as validate, W as validateDiscovered, te as virtualModuleSource, D as virtualModuleSourceFor, re as yourAiFirebase };
+export { i as CANONICAL_APP_TSX, o as CANONICAL_MAIN_TSX, c as CONFIGS_DIR, s as CONSUMER_DIR, a as CONSUMER_REGISTRY_TS, l as MICROCOMPONENTS_DIR, n as OWNED_BANNER, G as RESOLVED_VIRTUAL_ID, d as SHIPPED_CONFIG_FILES, W as VIRTUAL_ID, r as VIRTUAL_REGISTRIES_ID, v as classifyConfigFile, S as discover, Q as ensureConsumerRegistry, _ as fileIdFromConfigFile, h as formIdFromFile, b as isConsumerRoot, x as isDiscoveredPath, g as microcomponentKeysFromFile, q as ownedMessage, m as pageIdFromFile, C as registrable, Z as restoreOwnedFiles, N as stripComments, p as tabIdFromFile, H as validate, U as validateDiscovered, k as virtualModuleSource, O as virtualModuleSourceFor, ie as yourAiFirebase };