your-ai-workflow-firebase-os 1.2.50 → 1.2.52

package/README.md

@@ -29,7 +29,7 @@ That's it. **One component. Zero configuration files.**
 | 👥 **User Management** | Admin panel, three access levels (Free · Internal · Admin), inactive user blocking |
 | 🗂️ **Pages** | Ask your AI assistant for a page — for anyone, signed-in users, your team or admins only — and it appears in `/pages`, where you rename it, reorder it, hide it or change its web address |
 | 📋 **Templates** | Board (Kanban), Calendar, Table, Drive, Inline Form, Popup Form, Confirmation |
-| 🎨 **Theme Engine** | Full dark/light mode, custom accent colours, fonts, corner radii, logo |
+| 🎨 **Theme Engine** | Full dark/light mode, custom accent colours, corner radii, logo |
 | 📁 **File Storage** | An admin-only Assets screen for public images, plus a drive preset any page can be built on |
 | 📬 **Forms** | Created with their pages on `/pages` — say what a form should ask and the AI builds it with the page; see and hand-edit every form afterwards on `/forms`. Questions can ask for a file — a CV, a photo, a receipt — and the upload works signed out |
 | 📥 **Inbox** | Every form entry in one list at `/inbox`, filtered "From anyone" or "From signed-in users"; an attached file opens from the entry by its own name |

package/dist/{ContactPopup-BGPbJTFR.js → ContactPopup-BaGZO8GM.js}

@@ -144,7 +144,6 @@ var le = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, P = Object
 			selectionText: "#ffffff"
 		}
 	},
-	fontFamily: "Inter",
 	cornerRounding: "default",
 	cornerRadii: {
 		buttonRadius: .75,
@@ -271,7 +270,7 @@ function Re({ children: e, scopeSelector: t }) {
 		let e = T(x(Ce, "sys_configs", "theme"), (e) => {
 			if (e.exists()) {
 				let t = e.data();
-				delete t.fontStyles, delete t.fontCustomization;
+				delete t.fontStyles, delete t.fontCustomization, delete t.fontFamily;
 				let r = Fe(n, t);
 				c(r), localStorage.setItem("theme_config_cache", JSON.stringify(r));
 				let a = localStorage.getItem("last-seen-default-theme");
@@ -290,19 +289,11 @@ function Re({ children: e, scopeSelector: t }) {
 		let i = (e, t) => !e || e.length === 0 ? t || "transparent" : e.length === 1 ? e[0] : `linear-gradient(135deg, ${e.map((t, n) => `${t} ${Math.round(n / (e.length - 1) * 100)}%`).join(", ")})`, o = a === "dark" ? "linear-gradient(135deg, #6d28d9 0%, #a78bfa 100%)" : "linear-gradient(135deg, #5b21b6 0%, #a78bfa 100%)";
 		e.style.setProperty("--button-bg", i(n.buttonGradient, o)), e.style.setProperty("--button-fg", n.buttonText || "#ffffff"), e.style.setProperty("--button-hover-bg", i(n.buttonHoverGradient || n.buttonGradient, o)), e.style.setProperty("--text-gradient", i(n.textGradient, `linear-gradient(135deg, ${n.foreground} 0%, ${n.accent} 100%)`)), e.style.setProperty("--glow-color", n.glowColor || `color-mix(in srgb, ${n.accent} 30%, transparent)`), e.style.setProperty("--notification-icon-color", n.notificationIconColor || n.accent);
 		let c = n.secondaryButton?.bg || (a === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.03)"), l = n.secondaryButton?.border || (a === "dark" ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.06)"), u = n.secondaryButton?.text || n.foreground;
-		e.style.setProperty("--btn-sec-bg", c), e.style.setProperty("--btn-sec-border", l), e.style.setProperty("--btn-sec-text", u), e.style.setProperty("--selection-bg", n.selectionBg || "color-mix(in srgb, var(--accent-color) 40%, transparent)"), e.style.setProperty("--selection-text", n.selectionText || "#ffffff"), e.setAttribute("data-theme", a), localStorage.setItem("theme-mode", r), s.cornerRounding === "custom" && s.cornerRadii ? (e.style.setProperty("--btn-radius", `${parseFloat(String(s.cornerRadii.buttonRadius)) || 0}rem`), e.style.setProperty("--card-radius", `${parseFloat(String(s.cornerRadii.cardRadius)) || 0}rem`), e.style.setProperty("--input-radius", `${parseFloat(String(s.cornerRadii.inputRadius)) || 0}rem`), e.style.setProperty("--modal-radius", `${parseFloat(String(s.cornerRadii.modalRadius)) || 0}rem`)) : (e.style.setProperty("--btn-radius", "0.75rem"), e.style.setProperty("--card-radius", "1.5rem"), e.style.setProperty("--input-radius", "0.75rem"), e.style.setProperty("--modal-radius", "1.5rem")), ((t) => {
-			let n = {
-				Inter: "\"Inter\", sans-serif",
-				Outfit: "\"Outfit\", sans-serif",
-				Roboto: "\"Roboto\", sans-serif",
-				"Space Grotesk": "\"Space Grotesk\", sans-serif",
-				"Plus Jakarta Sans": "\"Plus Jakarta Sans\", sans-serif",
-				"System UI": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
-			};
-			e.style.setProperty("--font-family", n[t] || n.Inter);
-			let r = document.getElementById("dynamic-google-font");
-			t === "System UI" ? r && r.remove() : (r || (r = document.createElement("link"), r.id = "dynamic-google-font", r.rel = "stylesheet", document.head.appendChild(r)), r.href = `https://fonts.googleapis.com/css2?family=${t.replace(/ /g, "+")}:wght@400;500;600;700;800;900&display=swap`), e.style.fontSize = "16px", e.style.setProperty("--weight-h1", "800"), e.style.setProperty("--weight-h2", "700"), e.style.setProperty("--weight-h3", "700"), e.style.setProperty("--leading-normal", "1.5");
-		})(s.fontFamily || "Inter");
+		if (e.style.setProperty("--btn-sec-bg", c), e.style.setProperty("--btn-sec-border", l), e.style.setProperty("--btn-sec-text", u), e.style.setProperty("--selection-bg", n.selectionBg || "color-mix(in srgb, var(--accent-color) 40%, transparent)"), e.style.setProperty("--selection-text", n.selectionText || "#ffffff"), e.setAttribute("data-theme", a), localStorage.setItem("theme-mode", r), s.cornerRounding === "custom" && s.cornerRadii ? (e.style.setProperty("--btn-radius", `${parseFloat(String(s.cornerRadii.buttonRadius)) || 0}rem`), e.style.setProperty("--card-radius", `${parseFloat(String(s.cornerRadii.cardRadius)) || 0}rem`), e.style.setProperty("--input-radius", `${parseFloat(String(s.cornerRadii.inputRadius)) || 0}rem`), e.style.setProperty("--modal-radius", `${parseFloat(String(s.cornerRadii.modalRadius)) || 0}rem`)) : (e.style.setProperty("--btn-radius", "0.75rem"), e.style.setProperty("--card-radius", "1.5rem"), e.style.setProperty("--input-radius", "0.75rem"), e.style.setProperty("--modal-radius", "1.5rem")), !document.getElementById("inter-font")) {
+			let e = document.createElement("link");
+			e.id = "inter-font", e.rel = "stylesheet", e.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap", document.head.appendChild(e);
+		}
+		e.style.fontSize = "16px", e.style.setProperty("--weight-h1", "800"), e.style.setProperty("--weight-h2", "700"), e.style.setProperty("--weight-h3", "700"), e.style.setProperty("--leading-normal", "1.5");
 		let d = document.querySelector("link[rel*='icon']");
 		d || (d = document.createElement("link"), d.rel = "icon", document.head.appendChild(d)), s.faviconUrl && (d.href = s.faviconUrl), s.appName && (document.title = s.appName);
 	}, [
@@ -45703,32 +45694,107 @@ function RW({ value: e, options: t, onChange: n, label: r, disabled: i, variant:
 		]
 	});
 }
+var zW = /^image\/(jpe?g|png|webp)$/i, BW = [
+	.82,
+	.65,
+	.5
+], VW = () => {
+	try {
+		let e = document.createElement("canvas");
+		return e.width = 1, e.height = 1, e.toDataURL("image/webp").startsWith("data:image/webp");
+	} catch {
+		return !1;
+	}
+}, HW = async (e) => {
+	if (typeof createImageBitmap == "function") {
+		let t = await createImageBitmap(e);
+		return {
+			source: t,
+			width: t.width,
+			height: t.height,
+			done: () => t.close?.()
+		};
+	}
+	let t = URL.createObjectURL(e);
+	try {
+		let e = await new Promise((e, n) => {
+			let r = new Image();
+			r.onload = () => e(r), r.onerror = () => n(/* @__PURE__ */ Error("That picture could not be read.")), r.src = t;
+		});
+		return {
+			source: e,
+			width: e.naturalWidth,
+			height: e.naturalHeight,
+			done: () => URL.revokeObjectURL(t)
+		};
+	} catch (e) {
+		throw URL.revokeObjectURL(t), e;
+	}
+}, UW = (e, t, n) => new Promise((r) => {
+	if (typeof e.toBlob != "function") {
+		r(null);
+		return;
+	}
+	e.toBlob((e) => r(e), t, n);
+}), WW = (e, t) => {
+	let n = t === "image/webp" ? "webp" : t === "image/png" ? "png" : "jpg";
+	return `${(e || "image").replace(/\.[^.]+$/, "") || "image"}.${n}`;
+};
+async function GW(e, t = {}) {
+	let n = t.maxSide ?? 1600, r = t.targetBytes ?? 921600;
+	if (!e || !zW.test(e.type || "") || e.size <= 153600 || typeof document > "u") return e;
+	try {
+		let { source: t, width: i, height: a, done: o } = await HW(e);
+		try {
+			if (!i || !a) return e;
+			let o = Math.min(1, n / Math.max(i, a)), s = document.createElement("canvas");
+			s.width = Math.max(1, Math.round(i * o)), s.height = Math.max(1, Math.round(a * o));
+			let c = s.getContext("2d");
+			if (!c) return e;
+			c.drawImage(t, 0, 0, s.width, s.height);
+			let l = /png$/i.test(e.type), u = VW() ? "image/webp" : l ? "image/png" : "image/jpeg", d = null;
+			for (let e of BW) {
+				let t = await UW(s, u, e);
+				if (!t || (d = t, t.size <= r) || u === "image/png") break;
+			}
+			return !d || d.size >= e.size ? e : new File([d], WW(e.name, u), {
+				type: u,
+				lastModified: Date.now()
+			});
+		} finally {
+			o();
+		}
+	} catch {
+		return e;
+	}
+}
 //#endregion
 //#region src/lib/assetUpload.ts
-var zW = "pub_files", BW = (e) => `${Date.now()}_${(e || "file").replace(/[^a-zA-Z0-9.-]/g, "_")}`;
-async function VW(e, t) {
+var KW = "pub_files", qW = (e) => `${Date.now()}_${(e || "file").replace(/[^a-zA-Z0-9.-]/g, "_")}`;
+async function JW(e, t) {
 	if (!t) throw Error("Sign in again before uploading.");
-	let n = `${zW}/${BW(e.name)}`, r = k(we, n);
-	await se(r, e, { customMetadata: { ownerId: t.uid } });
-	let i = await ae(r);
-	return await y(b(Ce, zW), {
-		fileName: e.name,
-		fileType: e.type || "unknown",
-		fileSize: e.size,
-		downloadURL: i,
-		storagePath: n,
+	let n = await GW(e), r = `${KW}/${qW(n.name)}`, i = k(we, r);
+	await se(i, n, { customMetadata: { ownerId: t.uid } });
+	let a = await ae(i);
+	return await y(b(Ce, KW), {
+		fileName: n.name,
+		fileType: n.type || "unknown",
+		fileSize: n.size,
+		downloadURL: a,
+		storagePath: r,
 		uid: t.uid,
 		uploaderEmail: t.email || "",
 		createdAt: ee()
-	}), i;
+	}), a;
 }
-var HW = "pub_form_uploads";
-async function UW(e, t) {
-	if (e.size >= 10485760) throw Error("That file is over 10 MB. Try a smaller one.");
-	let n = Math.random().toString(36).slice(2, 8), r = k(we, `${HW}/${Date.now()}_${n}_${(e.name || "file").replace(/[^a-zA-Z0-9.-]/g, "_")}`);
-	return await se(r, e, t ? { customMetadata: { ownerId: t.uid } } : void 0), ae(r);
+var YW = "pub_form_uploads";
+async function XW(e, t) {
+	let n = await GW(e);
+	if (n.size >= 10485760) throw Error("That file is over 10 MB. Try a smaller one.");
+	let r = Math.random().toString(36).slice(2, 8), i = k(we, `${YW}/${Date.now()}_${r}_${(n.name || "file").replace(/[^a-zA-Z0-9.-]/g, "_")}`);
+	return await se(i, n, t ? { customMetadata: { ownerId: t.uid } } : void 0), ae(i);
 }
-function WW(e) {
+function ZW(e) {
 	try {
 		let t = new URL(e);
 		return (decodeURIComponent(t.pathname.split("/o/")[1] || t.pathname).split("/").pop() || "").replace(/^\d+_[a-z0-9]+_/, "") || t.hostname || "Attached file";
@@ -45736,15 +45802,15 @@ function WW(e) {
 		return "Attached file";
 	}
 }
-var GW = (e) => e?.code === "storage/unauthorized" ? "You do not have permission to upload here." : e?.message || "That upload did not work. Try again.", KW = t.lazy(() => import("./PhoneInputField-OdtJcL6V.js").then((e) => e.n)), qW = /^[^\s@,;]+@[^\s@,;.]+(\.[^\s@,;.]+)*\.[a-z]{2,}$/i;
-function JW({ field: e, value: t, error: n, onChange: r }) {
+var QW = (e) => e?.code === "storage/unauthorized" ? "You do not have permission to upload here." : e?.message || "That upload did not work. Try again.", $W = t.lazy(() => import("./PhoneInputField-D1ihCXpb.js").then((e) => e.n)), eG = /^[^\s@,;]+@[^\s@,;.]+(\.[^\s@,;.]+)*\.[a-z]{2,}$/i;
+function tG({ field: e, value: t, error: n, onChange: r }) {
 	let [i, a] = v(!1), [o, s] = v(""), c = _(null), l = async (e) => {
 		if (!(!e || i)) {
 			a(!0), s("");
 			try {
-				r(await UW(e, Se.currentUser));
+				r(await XW(e, Se.currentUser));
 			} catch (e) {
-				s(e?.code === "storage/unauthorized" ? "That kind of file is not accepted. Try a PDF, a document or a picture." : GW(e));
+				s(e?.code === "storage/unauthorized" ? "That kind of file is not accepted. Try a PDF, a document or a picture." : QW(e));
 			}
 			a(!1), c.current && (c.current.value = "");
 		}
@@ -45763,7 +45829,7 @@ function JW({ field: e, value: t, error: n, onChange: r }) {
 					i ? /* @__PURE__ */ A(I, { className: "w-4 h-4 animate-spin text-accent shrink-0" }) : /* @__PURE__ */ A(jx, { className: `w-4 h-4 shrink-0 ${t ? "text-accent" : "text-foreground/40"}` }),
 					/* @__PURE__ */ A("span", {
 						className: `flex-1 min-w-0 truncate text-[15px] ${t ? "text-foreground" : "text-foreground/40"}`,
-						children: i ? "Uploading..." : t ? WW(t) : e.placeholder || "Attach a file"
+						children: i ? "Uploading..." : t ? ZW(t) : e.placeholder || "Attach a file"
 					}),
 					!i && /* @__PURE__ */ j("span", {
 						className: "inline-flex items-center gap-1.5 text-[12.5px] font-bold text-foreground/60 shrink-0",
@@ -45799,7 +45865,7 @@ function JW({ field: e, value: t, error: n, onChange: r }) {
 		]
 	});
 }
-function YW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
+function nG({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 	let [i, o] = v({}), [s, c] = v("idle"), [l, u] = v(""), [d, p] = v({}), m = _(null), [h, g] = v(n || null), [C, w] = v(!n), T = M(), E = Pe(), D = (e) => {
 		let t = (typeof window < "u" ? window.__FBOS_FORMS__ : null) || {};
 		return E?.defaultConfigs?.[e] || E?.defaultConfigs?.[`${e}Form`] || t[e] || (e === "contact" ? _e : e === "support" ? ye : null);
@@ -45873,7 +45939,7 @@ function YW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 		let a = (h?.fields || []).filter((e) => e.type === "email"), s = {}, l = {};
 		if (a.forEach((e) => {
 			let t = String(i[e.name] ?? "").trim();
-			t && (l[e.name] = t, qW.test(t) || (s[e.name] = "That does not look like an email address — check for a typo, e.g. jane@example.com"));
+			t && (l[e.name] = t, eG.test(t) || (s[e.name] = "That does not look like an email address — check for a typo, e.g. jane@example.com"));
 		}), (h?.fields || []).filter((e) => e.type === "file" && e.required && !i[e.name]).forEach((e) => {
 			s[e.name] = "Please attach a file before sending.";
 		}), Object.keys(s).length > 0) {
@@ -46009,7 +46075,7 @@ function YW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 				}).map((e, t) => {
 					if (e.type === "tel") return /* @__PURE__ */ A(a, {
 						fallback: /* @__PURE__ */ A("div", { className: "h-12 w-full glass-panel animate-pulse rounded-xl" }),
-						children: /* @__PURE__ */ A(KW, {
+						children: /* @__PURE__ */ A($W, {
 							field: e,
 							value: i[e.name] || "",
 							onChange: (t) => o({
@@ -46018,7 +46084,7 @@ function YW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 							})
 						})
 					}, t);
-					if (e.type === "file") return /* @__PURE__ */ A(JW, {
+					if (e.type === "file") return /* @__PURE__ */ A(tG, {
 						field: e,
 						value: i[e.name] || "",
 						error: d[e.name],
@@ -46240,4 +46306,4 @@ function YW({ onClose: e, formId: t, formConfig: n, isInline: r }) {
 	}), document.body);
 }
 //#endregion
-export { hg as $, Zw as A, bn as At, Bv as B, Ce as Bt, sA as C, Qo as Ct, cO as D, Ln as Dt, TO as E, Yr as Et, TS as F, Re as Ft, x_ as G, ve as Gt, X_ as H, we as Ht, Vx as I, ze as It, $g as J, pe as Jt, y_ as K, _e as Kt, jx as L, Ne as Lt, zw as M, fn as Mt, KC as N, qt as Nt, _T as O, An as Ot, pC as P, Ut as Pt, Eg as Q, cx as R, Pe as Rt, SA as S, as as St, Rk as T, $a as Tt, Y_ as U, be as Ut, uv as V, Ee as Vt, I as W, ye as Wt, Xg as X, Zg as Y, Dg as Z, eM as _, Ps as _t, VW as a, $d as at, WA as b, us as bt, PW as c, bd as ct, cU as d, Jl as dt, fg as et, oU as f, xl as ft, nM as g, nc as gt, vM as h, sc as ht, GW as i, Mf as it, Hw as j, gn as jt, oT as k, wn as kt, MW as l, ed as lt, yM as m, Yc as mt, HW as n, Bm as nt, RW as o, Nd as ot, uV as p, hl as pt, n_ as q, ge as qt, WW as r, Vf as rt, IW as s, Md as st, YW as t, gh as tt, uU as u, xu as ut, bj as v, ws as vt, zk as w, no as wt, HA as x, ls as xt, aj as y, ds as yt, Jy as z, Se as zt };
+export { Eg as $, oT as A, wn as At, Jy as B, Se as Bt, SA as C, as as Ct, TO as D, Yr as Dt, Rk as E, $a as Et, pC as F, Ut as Ft, I as G, ye as Gt, uv as H, Ee as Ht, TS as I, Re as It, n_ as J, ge as Jt, x_ as K, ve as Kt, Vx as L, ze as Lt, Hw as M, gn as Mt, zw as N, fn as Nt, cO as O, Ln as Ot, KC as P, qt as Pt, Dg as Q, jx as R, Ne as Rt, HA as S, ls as St, zk as T, no as Tt, X_ as U, we as Ut, Bv as V, Ce as Vt, Y_ as W, be as Wt, Zg as X, $g as Y, pe as Yt, Xg as Z, nM as _, nc as _t, JW as a, Mf as at, aj as b, ds as bt, IW as c, Md as ct, uU as d, xu as dt, hg as et, cU as f, Jl as ft, vM as g, sc as gt, yM as h, Yc as ht, QW as i, Vf as it, Zw as j, bn as jt, _T as k, An as kt, PW as l, bd as lt, uV as m, hl as mt, YW as n, gh as nt, GW as o, $d as ot, oU as p, xl as pt, y_ as q, _e as qt, ZW as r, Bm as rt, RW as s, Nd as st, nG as t, fg as tt, MW as u, ed as ut, eM as v, Ps as vt, sA as w, Qo as wt, WA as x, us as xt, bj as y, ws as yt, cx as z, Pe as zt };