your-ai-workflow-firebase-os 1.2.35 → 1.2.36

package/README.md

@@ -61,7 +61,13 @@ npm pack  # in this repo
 npm install /path/to/your-ai-workflow-firebase-os-1.0.0.tgz  # in your app
 ```
 
-Installing runs a postinstall step that patches the consumer project: it clears Vite's default CSS, injects the library imports into `src/main.tsx` (additively — a customised entry point is never overwritten), creates `src/your-ai-workflow-firebase-os/` with the editable theme and configs, and writes `GEMINI.md` / `AGENTS.md`.
+Installing runs a postinstall step that patches the consumer project: it clears Vite's default CSS, writes `src/main.tsx` and `src/App.tsx` (both are owned by the library — see below), adds `yourAiFirebase()` from `your-ai-workflow-firebase-os/vite` and Tailwind to `vite.config.ts`, creates `src/your-ai-workflow-firebase-os/` with the editable theme and configs, and writes `GEMINI.md` / `AGENTS.md`.
+
+### What the build enforces
+
+The package ships a Vite plugin, `yourAiFirebase()`, that puts the project's structure out of the assistant's reach. `src/App.tsx` and `src/main.tsx` are owned files: the plugin serves its own canonical source for both and rewrites them on disk whenever they differ, so an edit there has no effect. Pages, forms and content files are discovered from `src/your-ai-workflow-firebase-os/configs/` and `microcomponents/` through a virtual module, so a deleted registry import can no longer make a page vanish. And every discovered file is validated before the build: a config file with the wrong name, a `route` that is not one string starting with `/`, an address used twice, a `*Tab.config.ts` without a valid `pageType`, a missing `*Config` export, a `systemName` that does not match the file, or a content file with no default export fails the build with one sentence that names the fix. A hand-written `<form>` in a content file only warns — its entries would never reach the Inbox.
+
+Manual-first recipe: the owner adds the page on `/pages` (or the form on `/forms`) and then asks the assistant for the content, which is a single `microcomponents/<PascalCaseName>Content.tsx` file — no config file, no second address.
 
 ---
 

package/dist/{ContactPopup-CeR4KV8_.js → ContactPopup-Bm3DZkEB.js}

@@ -45589,75 +45589,118 @@ var NW = t.forwardRef(({ className: e, variant: t = "primary", isLoading: n, chi
 NW.displayName = "Button";
 //#endregion
 //#region src/components/CustomSelect.tsx
-function PW({ value: e, options: t, onChange: n, label: r, disabled: i, variant: a = "default" }) {
-	let [o, s] = v(!1), c = _(null);
+var PW = () => typeof document > "u" ? null : document.querySelector(".firebase-os") || document.body;
+function FW({ value: e, options: t, onChange: n, label: r, disabled: i, variant: a = "default", compact: o = !1, direction: s = "up", portal: c = !1, ariaLabel: l, className: u = "" }) {
+	let [d, p] = v(!1), [m, g] = v(s === "down" ? "down" : "up"), [y, b] = v(null), x = _(null), S = _(null), C = _(null);
 	f(() => {
 		function e(e) {
-			c.current && !c.current.contains(e.target) && s(!1);
+			let t = e.target;
+			x.current?.contains(t) || C.current?.contains(t) || p(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []);
-	let l = t.find((t) => t.value === e) || t[0];
+	}, []), h(() => {
+		if (!d) return;
+		let e = () => {
+			let e = S.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			if (b({
+				top: t.top,
+				left: t.left,
+				width: t.width,
+				height: t.height
+			}), s === "auto") {
+				let e = (typeof window < "u" ? window.innerHeight : 0) - t.bottom;
+				g(e < 260 && t.top > e ? "up" : "down");
+			} else g(s);
+		};
+		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [d, s]);
+	let w = t.find((t) => t.value === e) || t[0], T = t.length > 1 && !i, ee = /* @__PURE__ */ D(rU.div, {
+		ref: C,
+		role: "listbox",
+		"aria-label": l || r,
+		initial: {
+			opacity: 0,
+			y: m === "up" ? 5 : -5,
+			scale: .98
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			y: m === "up" ? 5 : -5,
+			scale: .98
+		},
+		transition: { duration: .15 },
+		className: `z-[99999] glass-popover overflow-hidden ${c ? "fixed" : `absolute left-0 w-full ${m === "up" ? "bottom-[calc(100%+8px)]" : "top-[calc(100%+8px)]"}`}`,
+		style: {
+			borderRadius: "var(--input-radius, 0.75rem)",
+			...c && y ? {
+				left: y.left,
+				width: Math.max(y.width, o ? 180 : 0),
+				...m === "up" ? { bottom: (typeof window < "u" ? window.innerHeight : 0) - y.top + 8 } : { top: y.top + y.height + 8 }
+			} : {}
+		},
+		children: /* @__PURE__ */ D("div", {
+			className: "max-h-60 overflow-y-auto no-scrollbar p-1",
+			children: t.map((t) => /* @__PURE__ */ O("div", {
+				role: "option",
+				"aria-selected": e === t.value,
+				onClick: () => {
+					n(t.value), p(!1);
+				},
+				className: `flex items-center justify-between gap-3 px-3 py-2.5 cursor-pointer transition-colors text-[13px] font-medium ${e === t.value ? "bg-accent/10 text-accent font-bold" : "text-foreground/80 hover:bg-foreground/5 hover:text-foreground"}`,
+				style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
+				children: [/* @__PURE__ */ D("span", {
+					className: "truncate",
+					children: t.label
+				}), e === t.value && /* @__PURE__ */ D(Qo, { className: "w-3.5 h-3.5 shrink-0 text-accent" })]
+			}, t.value))
+		})
+	}), te = c ? PW() : null, ne = /* @__PURE__ */ D(sV, { children: d && ee });
 	return /* @__PURE__ */ O("div", {
-		className: `flex flex-col w-full relative ${i ? "opacity-50 pointer-events-none" : ""}`,
-		ref: c,
+		className: `flex flex-col relative ${o ? "w-auto" : "w-full"} ${i ? "opacity-50 pointer-events-none" : ""} ${u}`,
+		ref: x,
 		children: [
 			r && /* @__PURE__ */ D("label", {
 				className: "text-[13px] font-medium text-foreground/50 select-none mb-1.5 ml-1",
 				children: r
 			}),
 			/* @__PURE__ */ O("div", {
+				ref: S,
+				role: "button",
+				tabIndex: i ? -1 : 0,
+				"aria-haspopup": "listbox",
+				"aria-expanded": d,
+				"aria-label": l || r,
+				"aria-disabled": i || void 0,
 				onClick: () => {
-					t.length > 1 && s(!o);
+					T && p(!d);
+				},
+				onKeyDown: (e) => {
+					T && ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), p((e) => !e)), e.key === "Escape" && p(!1));
 				},
-				className: `w-full text-[15px] text-foreground px-4 transition-all duration-300 flex items-center justify-between ${t.length <= 1 ? "cursor-default opacity-80" : "cursor-pointer"} ${a === "ghost" ? "h-10 hover:bg-foreground/5 bg-transparent" : `h-12 bg-foreground/[0.02] border transition-all duration-300 hover:border-foreground/30 glass-panel shadow-sm ${o ? "border-accent glow-focus" : "border-[var(--panel-border)]/50"}`}`,
+				className: `text-foreground transition-all duration-300 flex items-center justify-between outline-none ${o ? "h-9 px-3 gap-2 text-[12.5px] font-semibold" : "w-full h-12 px-4 text-[15px]"} ${T ? "cursor-pointer" : "cursor-default"} ${a === "ghost" ? "hover:bg-foreground/5 bg-transparent" : `border glass-panel ${o ? "" : "shadow-sm"} ${d ? "border-accent glow-focus" : "border-[var(--panel-border)]"}`}`,
 				style: { borderRadius: "var(--input-radius, 0.75rem)" },
 				children: [/* @__PURE__ */ D("span", {
 					className: "truncate",
-					children: l?.label
-				}), t.length > 1 && /* @__PURE__ */ D(as, { className: `w-4 h-4 text-foreground/50 transition-transform duration-300 ${o ? "rotate-180" : ""}` })]
+					children: w?.label
+				}), t.length > 1 && /* @__PURE__ */ D(as, { className: `w-4 h-4 text-foreground/50 shrink-0 transition-transform duration-300 ${d ? "rotate-180" : ""}` })]
 			}),
-			/* @__PURE__ */ D(sV, { children: o && /* @__PURE__ */ D(rU.div, {
-				initial: {
-					opacity: 0,
-					y: 5,
-					scale: .98
-				},
-				animate: {
-					opacity: 1,
-					y: 0,
-					scale: 1
-				},
-				exit: {
-					opacity: 0,
-					y: 5,
-					scale: .98
-				},
-				transition: { duration: .15 },
-				className: "absolute z-[99999] bottom-[calc(100%+8px)] left-0 w-full border border-[var(--panel-border)] bg-background/95 shadow-[0_-15px_40px_rgba(0,0,0,0.5)] overflow-hidden ring-1 ring-[var(--panel-border)]/50 backdrop-blur-xl",
-				style: { borderRadius: "var(--input-radius, 0.75rem)" },
-				children: /* @__PURE__ */ D("div", {
-					className: "max-h-60 overflow-y-auto no-scrollbar p-1",
-					children: t.map((t) => /* @__PURE__ */ O("div", {
-						onClick: () => {
-							n(t.value), s(!1);
-						},
-						className: `flex items-center justify-between px-3 py-2.5 cursor-pointer transition-colors text-[13px] font-medium ${e === t.value ? "bg-accent/10 text-accent font-bold" : "text-foreground/80 hover:bg-foreground/5 hover:text-foreground"}`,
-						style: { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" },
-						children: [/* @__PURE__ */ D("span", {
-							className: "truncate",
-							children: t.label
-						}), e === t.value && /* @__PURE__ */ D(Qo, { className: "w-3.5 h-3.5 shrink-0 text-accent" })]
-					}, t.value))
-				})
-			}) })
+			c && te ? ue(ne, te) : ne
 		]
 	});
 }
 //#endregion
 //#region src/components/ContactPopup.tsx
-var FW = t.lazy(() => import("./PhoneInputField-kA1QmUiI.js").then((e) => e.n));
-function IW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
+var IW = t.lazy(() => import("./PhoneInputField-ChHip6t8.js").then((e) => e.n));
+function LW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 	let [i, o] = v({}), [s, c] = v("idle"), [l, u] = v(""), d = _(null), [p, m] = v(n || null), [h, g] = v(!n), C = le(), w = Pe(), T = (e) => {
 		let t = (typeof window < "u" ? window.__FBOS_FORMS__ : null) || {};
 		return w?.defaultConfigs?.[e] || w?.defaultConfigs?.[`${e}Form`] || t[e] || (e === "contact" ? _e : e === "support" ? ye : null);
@@ -45854,7 +45897,7 @@ function IW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 					return n && !r ? 1 : !n && r ? -1 : 0;
 				}).map((e, t) => e.type === "tel" ? /* @__PURE__ */ D(a, {
 					fallback: /* @__PURE__ */ D("div", { className: "h-12 w-full glass-panel animate-pulse rounded-xl" }),
-					children: /* @__PURE__ */ D(FW, {
+					children: /* @__PURE__ */ D(IW, {
 						field: e,
 						value: i[e.name] || "",
 						onChange: (t) => o({
@@ -45880,7 +45923,7 @@ function IW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 					})]
 				}, t) : e.type === "select" ? /* @__PURE__ */ D("div", {
 					className: "w-full",
-					children: /* @__PURE__ */ D(PW, {
+					children: /* @__PURE__ */ D(FW, {
 						label: e.label,
 						value: i[e.name] || "",
 						options: [{
@@ -46036,4 +46079,4 @@ function IW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 	}), document.body);
 }
 //#endregion
-export { Mf as $, cx as A, Ut as At, n_ as B, ye as Bt, Zw as C, Yr as Ct, pC as D, gn as Dt, KC as E, bn as Et, X_ as F, Se as Ft, Dg as G, Qg as H, _e as Ht, Y_ as I, Ce as It, hg as J, Eg as K, N as L, Ee as Lt, gy as M, ze as Mt, Bv as N, Ne as Nt, TS as O, qt as Ot, uv as P, Pe as Pt, Vf as Q, x_ as R, we as Rt, _T as S, $a as St, zw as T, wn as Tt, Zg as U, ge as Ut, $g as V, ve as Vt, Xg as W, j as Wt, gh as X, fg as Y, Bm as Z, zk as _, ls as _t, aU as a, ed as at, cO as b, Yo as bt, yM as c, xl as ct, aj as d, sc as dt, $d as et, WA as f, nc as ft, qk as g, us as gt, sA as h, ds as ht, jW as i, bd as it, Jy as j, Re as jt, Vx as k, Wt as kt, nM as l, hl as lt, SA as m, ws as mt, PW as n, Md as nt, rU as o, xu as ot, HA as p, Ps as pt, vg as q, NW as r, Td as rt, sV as s, Jl as st, IW as t, Nd as tt, eM as u, Yc as ut, Rk as v, as as vt, Hw as w, Ln as wt, cE as x, no as xt, TO as y, Qo as yt, y_ as z, be as zt };
+export { $d as $, Vx as A, ze as At, n_ as B, _e as Bt, _T as C, wn as Ct, KC as D, Wt as Dt, zw as E, qt as Et, X_ as F, Ee as Ft, Eg as G, Zg as H, j as Ht, Y_ as I, we as It, fg as J, vg as K, N as L, be as Lt, Jy as M, Pe as Mt, Bv as N, Se as Nt, pC as O, Ut as Ot, uv as P, Ce as Pt, Mf as Q, x_ as R, ye as Rt, cE as S, Ln as St, Hw as T, gn as Tt, Xg as U, $g as V, ge as Vt, Dg as W, Bm as X, gh as Y, Vf as Z, qk as _, Qo as _t, aU as a, Jl as at, TO as b, $a as bt, yM as c, Yc as ct, eM as d, Ps as dt, Nd as et, aj as f, ws as ft, sA as g, as as gt, SA as h, ls as ht, jW as i, xu as it, cx as j, Ne as jt, TS as k, Re as kt, vM as l, sc as lt, HA as m, us as mt, FW as n, bd as nt, rU as o, xl as ot, WA as p, ds as pt, hg as q, NW as r, ed as rt, sV as s, hl as st, LW as t, Md as tt, nM as u, nc as ut, zk as v, Yo as vt, Zw as w, bn as wt, cO as x, Yr as xt, Rk as y, no as yt, y_ as z, ve as zt };