your-ai-workflow-firebase-os 2.0.1 → 2.0.3

package/dist/PublishApp-Bm-6r3Td.js

@@ -0,0 +1,595 @@
+import { t as e } from "./PageTitle-D93YCiN8.js";
+import { T as t, cr as n, o as r, sr as i, v as a, x as o } from "./TimeZoneField-DkI1Bkcz.js";
+import { t as s } from "./DashboardNav-Dmn7PVSp.js";
+import { R as c, on as l, qt as u, sn as d } from "./lucide-react-CA7GD7Nv.js";
+import { t as f } from "./Setup-CHLgd-ag.js";
+import { t as p } from "./SupportBar-CN_JGC-9.js";
+import { r as m } from "./serviceStatus-vS8AI7SZ.js";
+import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, t as S, u as C } from "./publishSteps-C1cDFzzB.js";
+import { useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Link as O } from "react-router-dom";
+//#region src/pages/PublishApp.tsx
+var k = "text-accent underline underline-offset-2 font-semibold hover:text-accent-deep transition-colors", A = "space-y-2 list-decimal list-inside text-foreground/75 marker:font-bold marker:text-foreground/40";
+function j({ href: e, children: t }) {
+	return /* @__PURE__ */ E("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: k,
+		children: t
+	});
+}
+function M({ children: e }) {
+	return /* @__PURE__ */ E("h4", {
+		className: "text-[12px] font-extrabold uppercase tracking-[0.14em] text-foreground/40 pt-1",
+		children: e
+	});
+}
+function N({ number: e, title: r, done: a, open: o, onToggle: s, children: c }) {
+	let u = /* @__PURE__ */ D(T, { children: [
+		/* @__PURE__ */ E("span", {
+			className: `w-8 h-8 shrink-0 rounded-full flex items-center justify-center text-[13.5px] font-extrabold border ${a ? "bg-emerald-500/10 border-emerald-500/20 text-emerald-500" : "bg-accent/10 border-accent/20 text-accent"}`,
+			children: a ? /* @__PURE__ */ E(d, { className: "w-4 h-4" }) : e
+		}),
+		/* @__PURE__ */ E("span", {
+			className: "flex-1 min-w-0 text-[14.5px] sm:text-[15px] font-bold text-foreground tracking-tight truncate",
+			children: r
+		}),
+		s && /* @__PURE__ */ E(l, { className: `w-4 h-4 shrink-0 text-foreground/40 transition-transform duration-200 ${o ? "rotate-180" : ""}` })
+	] });
+	return /* @__PURE__ */ D("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] overflow-hidden transition-all",
+		children: [s ? /* @__PURE__ */ E("button", {
+			type: "button",
+			onClick: s,
+			"aria-expanded": o,
+			className: "w-full px-4 sm:px-5 py-4 flex items-center gap-3 sm:gap-3.5 text-left cursor-pointer hover:bg-foreground/[0.02] transition-colors",
+			children: u
+		}) : /* @__PURE__ */ E("div", {
+			className: "w-full px-4 sm:px-5 py-4 flex items-center gap-3 sm:gap-3.5",
+			children: u
+		}), /* @__PURE__ */ E(n, {
+			initial: !1,
+			children: o && /* @__PURE__ */ E(i.div, {
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				exit: {
+					height: 0,
+					opacity: 0
+				},
+				transition: t,
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ E("div", {
+					className: "border-t border-[var(--panel-border)]/40 p-4 sm:p-5 flex flex-col gap-4 bg-background/30 text-[13.5px] sm:text-[14px] text-foreground/70 leading-relaxed",
+					children: c
+				})
+			})
+		})]
+	});
+}
+function P({ label: e, onDone: t, waitingFor: n }) {
+	return /* @__PURE__ */ D("div", {
+		className: "flex flex-col gap-2 pt-1",
+		children: [/* @__PURE__ */ D(i.button, {
+			type: "button",
+			whileHover: n ? void 0 : { scale: 1.01 },
+			whileTap: n ? void 0 : { scale: .99 },
+			onClick: t,
+			disabled: !!n,
+			className: `btn-primary inline-flex items-center justify-center gap-2 h-11 px-5 rounded-[var(--btn-radius,0.75rem)] text-[13px] font-bold text-white self-start max-sm:self-stretch shadow-lg ${n ? "opacity-40 cursor-not-allowed" : "cursor-pointer"}`,
+			children: [/* @__PURE__ */ E(d, { className: "w-4 h-4" }), e]
+		}), n && /* @__PURE__ */ E("span", {
+			className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+			children: n
+		})]
+	});
+}
+function F({ label: e, hint: t, placeholder: n, invalid: i, value: s, clean: c, preview: l, onSave: u }) {
+	let [f, p] = w(s), [m, h] = w(!1), [g, _] = w(""), v = c(f), y = f.trim().length > 0, b = v !== s;
+	return /* @__PURE__ */ D("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ E(o, {
+			label: e,
+			hint: t,
+			value: f,
+			onChange: (e) => {
+				p(e), _("");
+			},
+			placeholder: n,
+			error: g,
+			action: /* @__PURE__ */ D("div", {
+				className: "flex items-center gap-2",
+				children: [s && !b && /* @__PURE__ */ E(a, {
+					state: "saved",
+					label: "Saved"
+				}), /* @__PURE__ */ E(r, {
+					icon: d,
+					onClick: async () => {
+						if (!v) {
+							_(i);
+							return;
+						}
+						h(!0);
+						let e = await u(v);
+						h(!1), _(e || ""), e || p(v);
+					},
+					busy: m,
+					disabled: !y || !b && !!s,
+					children: "Save"
+				})]
+			})
+		}), v && !g && /* @__PURE__ */ E("div", {
+			className: "px-3.5 py-2.5 rounded-xl border border-[var(--panel-border)]/60 bg-background",
+			children: /* @__PURE__ */ E("span", {
+				className: "text-[12.5px] font-mono text-foreground/60 truncate block",
+				children: l(v)
+			})
+		})]
+	});
+}
+function I({ label: e, url: t }) {
+	return /* @__PURE__ */ D("div", {
+		className: "flex max-sm:flex-col sm:items-center justify-between gap-2 sm:gap-3 px-3.5 py-3 rounded-xl border border-[var(--panel-border)]/60 bg-background",
+		children: [/* @__PURE__ */ D("div", {
+			className: "min-w-0 flex flex-col gap-0.5",
+			children: [/* @__PURE__ */ E("span", {
+				className: "text-[11px] font-bold uppercase tracking-[0.14em] text-foreground/40",
+				children: e
+			}), /* @__PURE__ */ E("span", {
+				className: "text-[12.5px] font-mono text-foreground/70 truncate",
+				children: t
+			})]
+		}), /* @__PURE__ */ E(f, {
+			compact: !0,
+			code: t,
+			label: "Copy"
+		})]
+	});
+}
+var L = [
+	"216.239.32.21",
+	"216.239.34.21",
+	"216.239.36.21",
+	"216.239.38.21"
+];
+function R() {
+	let { loading: t, record: n, save: r } = v(), [a, o] = w(null), { status: l } = m(), d = b(n.done, a), k = (e) => d[S.indexOf(e)], R = y(n.appName), z = h(n.domain), B = n.done.length === S.length, V = B && g(l), H = B && !V, U = (e) => {
+		o(null), r({ done: C(n.done, e) });
+	}, W = (e) => e.open ? e.done ? () => o(null) : void 0 : () => o(e.done ? e.id : null), G = (e) => {
+		let t = k(e);
+		return {
+			done: t.done,
+			open: t.open,
+			onToggle: W(t)
+		};
+	};
+	return /* @__PURE__ */ D("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: [/* @__PURE__ */ D(i.div, {
+			initial: {
+				opacity: 0,
+				y: 20
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			className: "mb-6",
+			children: [/* @__PURE__ */ E(e, { children: "Publish App" }), /* @__PURE__ */ D("div", {
+				className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+				children: [/* @__PURE__ */ E("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/publish"]
+			})]
+		}), /* @__PURE__ */ D("div", {
+			className: "flex flex-col gap-6 flex-1 pb-16",
+			children: [
+				/* @__PURE__ */ E(s, {}),
+				/* @__PURE__ */ D(i.div, {
+					initial: {
+						opacity: 0,
+						y: 20
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					transition: { delay: .1 },
+					className: "glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-6 md:p-8 shadow-2xl relative bg-background flex flex-col fbos-tab-fill",
+					children: [/* @__PURE__ */ E("div", {
+						className: "mb-6 pb-4 sm:mb-8 sm:pb-6 border-b border-[var(--panel-border)]/50",
+						children: /* @__PURE__ */ D("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ E("h2", {
+								className: "text-[17px] sm:text-xl font-bold text-foreground tracking-tight truncate",
+								children: "Putting your app in front of people"
+							}), /* @__PURE__ */ D("p", {
+								className: "text-[13px] font-medium text-foreground/50 mt-1 sm:mt-1.5 leading-snug truncate",
+								children: [/* @__PURE__ */ E("span", {
+									className: "sm:hidden",
+									children: "One step at a time. Stuck? Ask me below."
+								}), /* @__PURE__ */ E("span", {
+									className: "max-sm:hidden",
+									children: "One step at a time — the next one appears as you tick each off. Stuck anywhere? Ask me below."
+								})]
+							})]
+						})
+					}), !t && /* @__PURE__ */ D("div", {
+						className: "flex flex-col gap-3",
+						children: [
+							/* @__PURE__ */ D(N, {
+								number: 1,
+								title: "Publish in AI Studio",
+								...G("published"),
+								children: [
+									/* @__PURE__ */ D("ol", {
+										className: A,
+										children: [
+											/* @__PURE__ */ D("li", { children: [
+												"In ",
+												/* @__PURE__ */ E(j, {
+													href: "https://aistudio.google.com",
+													children: "Google AI Studio"
+												}),
+												", click",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "Publish" }),
+												" in the top left corner, then ",
+												/* @__PURE__ */ E("strong", { children: "Get started" }),
+												"."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"It asks for an app URL. Type a name for your app —",
+												" ",
+												/* @__PURE__ */ E("span", {
+													className: "text-accent",
+													children: "my-ai-project"
+												}),
+												" — and copy it, you need it again at the bottom of this step."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Follow the rest of AI Studio's instructions, then click ",
+												/* @__PURE__ */ E("strong", { children: "Publish your app" }),
+												"."
+											] })
+										]
+									}),
+									/* @__PURE__ */ D("p", { children: [
+										"If it says ",
+										/* @__PURE__ */ E("strong", { children: "Failed to publish app" }),
+										", reload the page, unpublish, and publish again. It usually goes through the second time."
+									] }),
+									/* @__PURE__ */ E(F, {
+										label: "Your app name",
+										hint: "The name you just typed into AI Studio. Saving only keeps it for step 3 — nothing changes in AI Studio, it just says Saved. Pasting the whole address is fine; only the name is kept.",
+										placeholder: "my-ai-project",
+										invalid: "That does not look like an app name — letters, numbers and dashes.",
+										value: n.appName,
+										clean: x,
+										preview: y,
+										onSave: (e) => r({ appName: e })
+									}),
+									/* @__PURE__ */ E(P, {
+										label: "My app is published",
+										onDone: () => U("published"),
+										waitingFor: n.appName ? void 0 : "Save your app name first — step 3 asks for this address."
+									})
+								]
+							}),
+							k("connected").visible && /* @__PURE__ */ D(N, {
+								number: 2,
+								title: "Connect your website domain",
+								...G("connected"),
+								children: [
+									/* @__PURE__ */ D("p", { children: [
+										"Your app is live at ",
+										/* @__PURE__ */ E("span", {
+											className: "font-mono text-foreground/80",
+											children: R || "your AI Studio address"
+										}),
+										" ",
+										"already. This step puts it on a domain of your own."
+									] }),
+									/* @__PURE__ */ E(M, { children: "Start the mapping" }),
+									/* @__PURE__ */ D("ol", {
+										className: A,
+										children: [
+											/* @__PURE__ */ D("li", { children: [
+												"Back where you published, click ",
+												/* @__PURE__ */ E("strong", { children: "Advanced settings" }),
+												". It takes you to Google Cloud Run."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"In the menu on the left, open ",
+												/* @__PURE__ */ E("strong", { children: "Domain mappings" }),
+												", then",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "Add mapping" }),
+												" at the top."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Choose your service, then under ",
+												/* @__PURE__ */ E("strong", { children: "Select a verified domain" }),
+												" click",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "Verify new domain" }),
+												"."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Type your domain — ",
+												/* @__PURE__ */ E("span", {
+													className: "text-accent",
+													children: "myaiproject.com"
+												}),
+												" — and click",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "Continue" }),
+												", then ",
+												/* @__PURE__ */ E("strong", { children: "Verify in Search Console" }),
+												"."
+											] })
+										]
+									}),
+									/* @__PURE__ */ E(M, { children: "Prove the domain is yours" }),
+									/* @__PURE__ */ D("ol", {
+										className: A,
+										children: [
+											/* @__PURE__ */ D("li", { children: [
+												"Google Search Console opens. Click ",
+												/* @__PURE__ */ E("strong", { children: "Add a website" }),
+												", type the same domain, and click ",
+												/* @__PURE__ */ E("strong", { children: "Continue" }),
+												"."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"On the next screen, under ",
+												/* @__PURE__ */ D("em", { children: ["Copy the TXT record below into the DNS configuration for ", _(n.domain) || "myaiproject.com"] }),
+												", copy the",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "TXT record" }),
+												" — a long line starting",
+												" ",
+												/* @__PURE__ */ E("span", {
+													className: "font-mono text-foreground/80",
+													children: "google-site-verification="
+												})
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Open your domain registrar in another tab — GoDaddy, Namecheap, whoever you bought the domain from — go to its ",
+												/* @__PURE__ */ E("strong", { children: "DNS settings" }),
+												", and click",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "Add record" }),
+												". Choose ",
+												/* @__PURE__ */ E("strong", { children: "TXT" }),
+												", paste the line into",
+												" ",
+												/* @__PURE__ */ E("strong", { children: "Value" }),
+												", and put ",
+												/* @__PURE__ */ E("span", {
+													className: "font-mono text-foreground/80",
+													children: "@"
+												}),
+												" ",
+												"in ",
+												/* @__PURE__ */ E("strong", { children: "Host" }),
+												" or ",
+												/* @__PURE__ */ E("strong", { children: "Name" }),
+												". Save it."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Back in Search Console, click ",
+												/* @__PURE__ */ E("strong", { children: "Verify" }),
+												"."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Once it is verified you are done with Search Console — close that tab. Go back to the Google Cloud Run tab (",
+												/* @__PURE__ */ E("span", {
+													className: "font-mono text-foreground/80",
+													children: "console.cloud.google.com"
+												}),
+												") where you clicked to verify, and press its ",
+												/* @__PURE__ */ E("strong", { children: "refresh" }),
+												" button. It should say ",
+												/* @__PURE__ */ D("em", { children: [
+													"Your ownership of ",
+													_(n.domain) || "myaiproject.com",
+													" has been successfully verified. You can now map this domain to your Cloud Run services."
+												] })
+											] })
+										]
+									}),
+									/* @__PURE__ */ E(M, { children: "Point the domain at your app" }),
+									/* @__PURE__ */ D("ol", {
+										className: A,
+										children: [/* @__PURE__ */ D("li", { children: [
+											"Add a subdomain if you want one, then click ",
+											/* @__PURE__ */ E("strong", { children: "Continue" }),
+											". Cloud Run now shows you the records to add."
+										] }), /* @__PURE__ */ D("li", { children: [
+											"Back at your registrar, add each one as an ",
+											/* @__PURE__ */ E("strong", { children: "A record" }),
+											", the same way you added the TXT. It is normally these four:"
+										] })]
+									}),
+									/* @__PURE__ */ D("div", {
+										className: "rounded-xl border border-[var(--panel-border)]/60 bg-background overflow-hidden",
+										children: [/* @__PURE__ */ D("div", {
+											className: "flex items-center justify-between gap-3 px-3.5 py-2.5 border-b border-[var(--panel-border)]/40",
+											children: [/* @__PURE__ */ E("span", {
+												className: "text-[11px] font-bold uppercase tracking-[0.14em] text-foreground/40",
+												children: "A records"
+											}), /* @__PURE__ */ E(f, {
+												compact: !0,
+												code: L.join("\n"),
+												label: "Copy all four"
+											})]
+										}), /* @__PURE__ */ E("div", {
+											className: "px-3.5 py-2.5 flex flex-col gap-1",
+											children: L.map((e) => /* @__PURE__ */ E("span", {
+												className: "text-[12.5px] font-mono text-foreground/70",
+												children: e
+											}, e))
+										})]
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+										children: "Use whatever your own Cloud Run screen shows if it differs from these — that screen is always right."
+									}),
+									/* @__PURE__ */ D("p", { children: [
+										"Once they are all in, press ",
+										/* @__PURE__ */ E("strong", { children: "Done" }),
+										" in Cloud Run and wait — this can take an hour or more. Check every few minutes by typing your domain into any browser, like ",
+										/* @__PURE__ */ E("span", {
+											className: "text-accent",
+											children: "myaiproject.com"
+										}),
+										": when your published app comes up, it is connected."
+									] }),
+									/* @__PURE__ */ E(F, {
+										label: "Your domain",
+										hint: "However you have it — with or without https:// and www. Only the domain itself is kept, for step 3.",
+										placeholder: "myaiproject.com",
+										invalid: "That does not look like a domain — something like myaiproject.com.",
+										value: n.domain,
+										clean: _,
+										preview: h,
+										onSave: (e) => r({ domain: e })
+									}),
+									/* @__PURE__ */ E(P, {
+										label: "My domain is verified and my app is connected",
+										onDone: () => U("connected"),
+										waitingFor: n.domain ? void 0 : "Save your domain first — step 3 asks for this address."
+									})
+								]
+							}),
+							k("authorised").visible && /* @__PURE__ */ D(N, {
+								number: 3,
+								title: "Add your domains and email sender",
+								...G("authorised"),
+								children: [
+									/* @__PURE__ */ D("p", { children: [
+										"Once your domain answers, head back to the",
+										" ",
+										/* @__PURE__ */ E(j, {
+											href: "https://console.firebase.google.com",
+											children: "Firebase console"
+										}),
+										". Two jobs, both under ",
+										/* @__PURE__ */ E("strong", { children: "Security → Authentication" }),
+										"."
+									] }),
+									/* @__PURE__ */ E(M, { children: "Authorise both addresses" }),
+									/* @__PURE__ */ D("p", { children: [
+										"Nobody can sign in from an address Firebase does not know. Open",
+										" ",
+										/* @__PURE__ */ E("strong", { children: "Security → Authentication → Settings → Authorised domains" }),
+										", click",
+										" ",
+										/* @__PURE__ */ E("strong", { children: "Add domain" }),
+										", and paste these in one at a time — both need to be there."
+									] }),
+									/* @__PURE__ */ D("div", {
+										className: "flex flex-col gap-2",
+										children: [/* @__PURE__ */ E(I, {
+											label: "Your AI Studio address",
+											url: R ? `${x(n.appName)}.ai.studio` : "—"
+										}), /* @__PURE__ */ E(I, {
+											label: "Your own domain",
+											url: _(n.domain) || "—"
+										})]
+									}),
+									/* @__PURE__ */ E(M, { children: "Send email from your own domain" }),
+									/* @__PURE__ */ D("ol", {
+										className: A,
+										children: [
+											/* @__PURE__ */ D("li", { children: [
+												"On the same Authentication page, open the ",
+												/* @__PURE__ */ E("strong", { children: "Templates" }),
+												" tab. Every email Firebase sends for you lives here — password changes, email verification. You can reword them, but the one thing worth doing is the sender."
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"Click the pencil beside ",
+												/* @__PURE__ */ E("strong", { children: "From" }),
+												". It will be something like",
+												" ",
+												/* @__PURE__ */ E("span", {
+													className: "font-mono text-foreground/80",
+													children: "noreply@your-project.firebaseapp.com"
+												})
+											] }),
+											/* @__PURE__ */ D("li", { children: [
+												"On the right, click ",
+												/* @__PURE__ */ E("strong", { children: "Customise domain" }),
+												", enter your own domain, and follow the steps it gives you — more records at your registrar, same as before."
+											] })
+										]
+									}),
+									/* @__PURE__ */ E("p", { children: "This is what keeps your emails out of people's spam folders, and it is why they arrive looking like they came from you." }),
+									/* @__PURE__ */ E(P, {
+										label: "I've added my domains and verified my email domain",
+										onDone: () => U("authorised")
+									})
+								]
+							}),
+							V && /* @__PURE__ */ D(N, {
+								number: 4,
+								title: "Finalise your Stripe live setup",
+								done: !1,
+								open: !0,
+								children: [
+									/* @__PURE__ */ E("p", { children: "Your payments are not live yet — still on practice cards, or live without the webhook that sends receipts. Finish Go live on the Payments screen and your setup is complete." }),
+									/* @__PURE__ */ D("p", { children: [
+										"Switch ",
+										/* @__PURE__ */ E("strong", { children: "Go live" }),
+										" on and follow its steps. Its webhook step was waiting for your published address, and it is open now that step 3 is ticked."
+									] }),
+									/* @__PURE__ */ D(O, {
+										to: "/payments",
+										className: "btn-primary inline-flex items-center justify-center gap-2 h-11 px-5 rounded-[var(--btn-radius,0.75rem)] text-[13px] font-bold text-white self-start max-sm:self-stretch shadow-lg cursor-pointer",
+										children: [/* @__PURE__ */ E(u, { className: "w-4 h-4" }), "Take me to Go live"]
+									})
+								]
+							}),
+							H && /* @__PURE__ */ D("div", {
+								className: "mt-3 flex max-sm:flex-col sm:items-center gap-4 sm:gap-6 p-5 sm:p-6 rounded-2xl border border-emerald-500/20 bg-emerald-500/[0.06]",
+								children: [/* @__PURE__ */ E("div", {
+									className: "w-10 h-10 shrink-0 rounded-2xl flex items-center justify-center border border-emerald-500/20 bg-emerald-500/10 text-emerald-500",
+									children: /* @__PURE__ */ E(c, { className: "w-5 h-5" })
+								}), /* @__PURE__ */ D("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ E("h3", {
+										className: "text-[15px] font-bold text-foreground tracking-tight",
+										children: "Your app is live"
+									}), /* @__PURE__ */ D("p", {
+										className: "text-[13px] text-foreground/60 font-medium leading-relaxed mt-1",
+										children: [
+											z ? /* @__PURE__ */ D(T, { children: [
+												"Anyone can open ",
+												/* @__PURE__ */ E(j, {
+													href: z,
+													children: _(n.domain)
+												}),
+												" and sign up."
+											] }) : /* @__PURE__ */ E(T, { children: "Anyone can open your app and sign up." }),
+											" ",
+											"Any step above opens again if you need to check what you typed."
+										]
+									})]
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ E(p, {})
+			]
+		})]
+	});
+}
+//#endregion
+export { R as PublishApp };

package/dist/PublishApp-D4XJUkJa.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-CiTBaPhY.cjs`);const e=require(`./PageTitle-CZhgmmDT.cjs`),t=require(`./TimeZoneField-qs7NPR30.cjs`),n=require(`./DashboardNav-CXa_ci-_.cjs`),r=require(`./lucide-react-BwV6L6Is.cjs`),i=require(`./Setup-CaDranTm.cjs`),a=require(`./SupportBar-CDT0HwdP.cjs`),o=require(`./serviceStatus-TQyZO_Y_.cjs`),s=require(`./publishSteps-SSm8afDw.cjs`);let c=require(`react`),l=require(`react/jsx-runtime`),u=require(`react-router-dom`);var d=`text-accent underline underline-offset-2 font-semibold hover:text-accent-deep transition-colors`,f=`space-y-2 list-decimal list-inside text-foreground/75 marker:font-bold marker:text-foreground/40`;function p({href:e,children:t}){return(0,l.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,className:d,children:t})}function m({children:e}){return(0,l.jsx)(`h4`,{className:`text-[12px] font-extrabold uppercase tracking-[0.14em] text-foreground/40 pt-1`,children:e})}function h({number:e,title:n,done:i,open:a,onToggle:o,children:s}){let c=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`span`,{className:`w-8 h-8 shrink-0 rounded-full flex items-center justify-center text-[13.5px] font-extrabold border ${i?`bg-emerald-500/10 border-emerald-500/20 text-emerald-500`:`bg-accent/10 border-accent/20 text-accent`}`,children:i?(0,l.jsx)(r.sn,{className:`w-4 h-4`}):e}),(0,l.jsx)(`span`,{className:`flex-1 min-w-0 text-[14.5px] sm:text-[15px] font-bold text-foreground tracking-tight truncate`,children:n}),o&&(0,l.jsx)(r.on,{className:`w-4 h-4 shrink-0 text-foreground/40 transition-transform duration-200 ${a?`rotate-180`:``}`})]});return(0,l.jsxs)(`div`,{className:`rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] overflow-hidden transition-all`,children:[o?(0,l.jsx)(`button`,{type:`button`,onClick:o,"aria-expanded":a,className:`w-full px-4 sm:px-5 py-4 flex items-center gap-3 sm:gap-3.5 text-left cursor-pointer hover:bg-foreground/[0.02] transition-colors`,children:c}):(0,l.jsx)(`div`,{className:`w-full px-4 sm:px-5 py-4 flex items-center gap-3 sm:gap-3.5`,children:c}),(0,l.jsx)(t.cr,{initial:!1,children:a&&(0,l.jsx)(t.sr.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},transition:t.T,className:`overflow-hidden`,children:(0,l.jsx)(`div`,{className:`border-t border-[var(--panel-border)]/40 p-4 sm:p-5 flex flex-col gap-4 bg-background/30 text-[13.5px] sm:text-[14px] text-foreground/70 leading-relaxed`,children:s})})})]})}function g({label:e,onDone:n,waitingFor:i}){return(0,l.jsxs)(`div`,{className:`flex flex-col gap-2 pt-1`,children:[(0,l.jsxs)(t.sr.button,{type:`button`,whileHover:i?void 0:{scale:1.01},whileTap:i?void 0:{scale:.99},onClick:n,disabled:!!i,className:`btn-primary inline-flex items-center justify-center gap-2 h-11 px-5 rounded-[var(--btn-radius,0.75rem)] text-[13px] font-bold text-white self-start max-sm:self-stretch shadow-lg ${i?`opacity-40 cursor-not-allowed`:`cursor-pointer`}`,children:[(0,l.jsx)(r.sn,{className:`w-4 h-4`}),e]}),i&&(0,l.jsx)(`span`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:i})]})}function _({label:e,hint:n,placeholder:i,invalid:a,value:o,clean:s,preview:u,onSave:d}){let[f,p]=(0,c.useState)(o),[m,h]=(0,c.useState)(!1),[g,_]=(0,c.useState)(``),v=s(f),y=f.trim().length>0,b=v!==o;return(0,l.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,l.jsx)(t.x,{label:e,hint:n,value:f,onChange:e=>{p(e),_(``)},placeholder:i,error:g,action:(0,l.jsxs)(`div`,{className:`flex items-center gap-2`,children:[o&&!b&&(0,l.jsx)(t.v,{state:`saved`,label:`Saved`}),(0,l.jsx)(t.o,{icon:r.sn,onClick:async()=>{if(!v){_(a);return}h(!0);let e=await d(v);h(!1),_(e||``),e||p(v)},busy:m,disabled:!y||!b&&!!o,children:`Save`})]})}),v&&!g&&(0,l.jsx)(`div`,{className:`px-3.5 py-2.5 rounded-xl border border-[var(--panel-border)]/60 bg-background`,children:(0,l.jsx)(`span`,{className:`text-[12.5px] font-mono text-foreground/60 truncate block`,children:u(v)})})]})}function v({label:e,url:t}){return(0,l.jsxs)(`div`,{className:`flex max-sm:flex-col sm:items-center justify-between gap-2 sm:gap-3 px-3.5 py-3 rounded-xl border border-[var(--panel-border)]/60 bg-background`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 flex flex-col gap-0.5`,children:[(0,l.jsx)(`span`,{className:`text-[11px] font-bold uppercase tracking-[0.14em] text-foreground/40`,children:e}),(0,l.jsx)(`span`,{className:`text-[12.5px] font-mono text-foreground/70 truncate`,children:t})]}),(0,l.jsx)(i.t,{compact:!0,code:t,label:`Copy`})]})}var y=[`216.239.32.21`,`216.239.34.21`,`216.239.36.21`,`216.239.38.21`];function b(){let{loading:d,record:b,save:x}=s.l(),[S,C]=(0,c.useState)(null),{status:w}=o.r(),T=s.o(b.done,S),E=e=>T[s.t.indexOf(e)],D=s.n(b.appName),O=s.a(b.domain),k=b.done.length===s.t.length,A=k&&s.c(w),j=k&&!A,M=e=>{C(null),x({done:s.u(b.done,e)})},N=e=>e.open?e.done?()=>C(null):void 0:()=>C(e.done?e.id:null),P=e=>{let t=E(e);return{done:t.done,open:t.open,onToggle:N(t)}};return(0,l.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,l.jsxs)(t.sr.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:`mb-6`,children:[(0,l.jsx)(e.t,{children:`Publish App`}),(0,l.jsxs)(`div`,{className:`flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]`,children:[(0,l.jsx)(`span`,{className:`w-8 h-[1px] bg-foreground/10`}),`/publish`]})]}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-6 flex-1 pb-16`,children:[(0,l.jsx)(n.t,{}),(0,l.jsxs)(t.sr.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.1},className:`glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-6 md:p-8 shadow-2xl relative bg-background flex flex-col fbos-tab-fill`,children:[(0,l.jsx)(`div`,{className:`mb-6 pb-4 sm:mb-8 sm:pb-6 border-b border-[var(--panel-border)]/50`,children:(0,l.jsxs)(`div`,{className:`min-w-0`,children:[(0,l.jsx)(`h2`,{className:`text-[17px] sm:text-xl font-bold text-foreground tracking-tight truncate`,children:`Putting your app in front of people`}),(0,l.jsxs)(`p`,{className:`text-[13px] font-medium text-foreground/50 mt-1 sm:mt-1.5 leading-snug truncate`,children:[(0,l.jsx)(`span`,{className:`sm:hidden`,children:`One step at a time. Stuck? Ask me below.`}),(0,l.jsx)(`span`,{className:`max-sm:hidden`,children:`One step at a time — the next one appears as you tick each off. Stuck anywhere? Ask me below.`})]})]})}),!d&&(0,l.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,l.jsxs)(h,{number:1,title:`Publish in AI Studio`,...P(`published`),children:[(0,l.jsxs)(`ol`,{className:f,children:[(0,l.jsxs)(`li`,{children:[`In `,(0,l.jsx)(p,{href:`https://aistudio.google.com`,children:`Google AI Studio`}),`, click`,` `,(0,l.jsx)(`strong`,{children:`Publish`}),` in the top left corner, then `,(0,l.jsx)(`strong`,{children:`Get started`}),`.`]}),(0,l.jsxs)(`li`,{children:[`It asks for an app URL. Type a name for your app —`,` `,(0,l.jsx)(`span`,{className:`text-accent`,children:`my-ai-project`}),` — and copy it, you need it again at the bottom of this step.`]}),(0,l.jsxs)(`li`,{children:[`Follow the rest of AI Studio's instructions, then click `,(0,l.jsx)(`strong`,{children:`Publish your app`}),`.`]})]}),(0,l.jsxs)(`p`,{children:[`If it says `,(0,l.jsx)(`strong`,{children:`Failed to publish app`}),`, reload the page, unpublish, and publish again. It usually goes through the second time.`]}),(0,l.jsx)(_,{label:`Your app name`,hint:`The name you just typed into AI Studio. Saving only keeps it for step 3 — nothing changes in AI Studio, it just says Saved. Pasting the whole address is fine; only the name is kept.`,placeholder:`my-ai-project`,invalid:`That does not look like an app name — letters, numbers and dashes.`,value:b.appName,clean:s.r,preview:s.n,onSave:e=>x({appName:e})}),(0,l.jsx)(g,{label:`My app is published`,onDone:()=>M(`published`),waitingFor:b.appName?void 0:`Save your app name first — step 3 asks for this address.`})]}),E(`connected`).visible&&(0,l.jsxs)(h,{number:2,title:`Connect your website domain`,...P(`connected`),children:[(0,l.jsxs)(`p`,{children:[`Your app is live at `,(0,l.jsx)(`span`,{className:`font-mono text-foreground/80`,children:D||`your AI Studio address`}),` `,`already. This step puts it on a domain of your own.`]}),(0,l.jsx)(m,{children:`Start the mapping`}),(0,l.jsxs)(`ol`,{className:f,children:[(0,l.jsxs)(`li`,{children:[`Back where you published, click `,(0,l.jsx)(`strong`,{children:`Advanced settings`}),`. It takes you to Google Cloud Run.`]}),(0,l.jsxs)(`li`,{children:[`In the menu on the left, open `,(0,l.jsx)(`strong`,{children:`Domain mappings`}),`, then`,` `,(0,l.jsx)(`strong`,{children:`Add mapping`}),` at the top.`]}),(0,l.jsxs)(`li`,{children:[`Choose your service, then under `,(0,l.jsx)(`strong`,{children:`Select a verified domain`}),` click`,` `,(0,l.jsx)(`strong`,{children:`Verify new domain`}),`.`]}),(0,l.jsxs)(`li`,{children:[`Type your domain — `,(0,l.jsx)(`span`,{className:`text-accent`,children:`myaiproject.com`}),` — and click`,` `,(0,l.jsx)(`strong`,{children:`Continue`}),`, then `,(0,l.jsx)(`strong`,{children:`Verify in Search Console`}),`.`]})]}),(0,l.jsx)(m,{children:`Prove the domain is yours`}),(0,l.jsxs)(`ol`,{className:f,children:[(0,l.jsxs)(`li`,{children:[`Google Search Console opens. Click `,(0,l.jsx)(`strong`,{children:`Add a website`}),`, type the same domain, and click `,(0,l.jsx)(`strong`,{children:`Continue`}),`.`]}),(0,l.jsxs)(`li`,{children:[`On the next screen, under `,(0,l.jsxs)(`em`,{children:[`Copy the TXT record below into the DNS configuration for `,s.i(b.domain)||`myaiproject.com`]}),`, copy the`,` `,(0,l.jsx)(`strong`,{children:`TXT record`}),` — a long line starting`,` `,(0,l.jsx)(`span`,{className:`font-mono text-foreground/80`,children:`google-site-verification=`})]}),(0,l.jsxs)(`li`,{children:[`Open your domain registrar in another tab — GoDaddy, Namecheap, whoever you bought the domain from — go to its `,(0,l.jsx)(`strong`,{children:`DNS settings`}),`, and click`,` `,(0,l.jsx)(`strong`,{children:`Add record`}),`. Choose `,(0,l.jsx)(`strong`,{children:`TXT`}),`, paste the line into`,` `,(0,l.jsx)(`strong`,{children:`Value`}),`, and put `,(0,l.jsx)(`span`,{className:`font-mono text-foreground/80`,children:`@`}),` `,`in `,(0,l.jsx)(`strong`,{children:`Host`}),` or `,(0,l.jsx)(`strong`,{children:`Name`}),`. Save it.`]}),(0,l.jsxs)(`li`,{children:[`Back in Search Console, click `,(0,l.jsx)(`strong`,{children:`Verify`}),`.`]}),(0,l.jsxs)(`li`,{children:[`Once it is verified you are done with Search Console — close that tab. Go back to the Google Cloud Run tab (`,(0,l.jsx)(`span`,{className:`font-mono text-foreground/80`,children:`console.cloud.google.com`}),`) where you clicked to verify, and press its `,(0,l.jsx)(`strong`,{children:`refresh`}),` button. It should say `,(0,l.jsxs)(`em`,{children:[`Your ownership of `,s.i(b.domain)||`myaiproject.com`,` has been successfully verified. You can now map this domain to your Cloud Run services.`]})]})]}),(0,l.jsx)(m,{children:`Point the domain at your app`}),(0,l.jsxs)(`ol`,{className:f,children:[(0,l.jsxs)(`li`,{children:[`Add a subdomain if you want one, then click `,(0,l.jsx)(`strong`,{children:`Continue`}),`. Cloud Run now shows you the records to add.`]}),(0,l.jsxs)(`li`,{children:[`Back at your registrar, add each one as an `,(0,l.jsx)(`strong`,{children:`A record`}),`, the same way you added the TXT. It is normally these four:`]})]}),(0,l.jsxs)(`div`,{className:`rounded-xl border border-[var(--panel-border)]/60 bg-background overflow-hidden`,children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3 px-3.5 py-2.5 border-b border-[var(--panel-border)]/40`,children:[(0,l.jsx)(`span`,{className:`text-[11px] font-bold uppercase tracking-[0.14em] text-foreground/40`,children:`A records`}),(0,l.jsx)(i.t,{compact:!0,code:y.join(`
+`),label:`Copy all four`})]}),(0,l.jsx)(`div`,{className:`px-3.5 py-2.5 flex flex-col gap-1`,children:y.map(e=>(0,l.jsx)(`span`,{className:`text-[12.5px] font-mono text-foreground/70`,children:e},e))})]}),(0,l.jsx)(`p`,{className:`text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug`,children:`Use whatever your own Cloud Run screen shows if it differs from these — that screen is always right.`}),(0,l.jsxs)(`p`,{children:[`Once they are all in, press `,(0,l.jsx)(`strong`,{children:`Done`}),` in Cloud Run and wait — this can take an hour or more. Check every few minutes by typing your domain into any browser, like `,(0,l.jsx)(`span`,{className:`text-accent`,children:`myaiproject.com`}),`: when your published app comes up, it is connected.`]}),(0,l.jsx)(_,{label:`Your domain`,hint:`However you have it — with or without https:// and www. Only the domain itself is kept, for step 3.`,placeholder:`myaiproject.com`,invalid:`That does not look like a domain — something like myaiproject.com.`,value:b.domain,clean:s.i,preview:s.a,onSave:e=>x({domain:e})}),(0,l.jsx)(g,{label:`My domain is verified and my app is connected`,onDone:()=>M(`connected`),waitingFor:b.domain?void 0:`Save your domain first — step 3 asks for this address.`})]}),E(`authorised`).visible&&(0,l.jsxs)(h,{number:3,title:`Add your domains and email sender`,...P(`authorised`),children:[(0,l.jsxs)(`p`,{children:[`Once your domain answers, head back to the`,` `,(0,l.jsx)(p,{href:`https://console.firebase.google.com`,children:`Firebase console`}),`. Two jobs, both under `,(0,l.jsx)(`strong`,{children:`Security → Authentication`}),`.`]}),(0,l.jsx)(m,{children:`Authorise both addresses`}),(0,l.jsxs)(`p`,{children:[`Nobody can sign in from an address Firebase does not know. Open`,` `,(0,l.jsx)(`strong`,{children:`Security → Authentication → Settings → Authorised domains`}),`, click`,` `,(0,l.jsx)(`strong`,{children:`Add domain`}),`, and paste these in one at a time — both need to be there.`]}),(0,l.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,l.jsx)(v,{label:`Your AI Studio address`,url:D?`${s.r(b.appName)}.ai.studio`:`—`}),(0,l.jsx)(v,{label:`Your own domain`,url:s.i(b.domain)||`—`})]}),(0,l.jsx)(m,{children:`Send email from your own domain`}),(0,l.jsxs)(`ol`,{className:f,children:[(0,l.jsxs)(`li`,{children:[`On the same Authentication page, open the `,(0,l.jsx)(`strong`,{children:`Templates`}),` tab. Every email Firebase sends for you lives here — password changes, email verification. You can reword them, but the one thing worth doing is the sender.`]}),(0,l.jsxs)(`li`,{children:[`Click the pencil beside `,(0,l.jsx)(`strong`,{children:`From`}),`. It will be something like`,` `,(0,l.jsx)(`span`,{className:`font-mono text-foreground/80`,children:`noreply@your-project.firebaseapp.com`})]}),(0,l.jsxs)(`li`,{children:[`On the right, click `,(0,l.jsx)(`strong`,{children:`Customise domain`}),`, enter your own domain, and follow the steps it gives you — more records at your registrar, same as before.`]})]}),(0,l.jsx)(`p`,{children:`This is what keeps your emails out of people's spam folders, and it is why they arrive looking like they came from you.`}),(0,l.jsx)(g,{label:`I've added my domains and verified my email domain`,onDone:()=>M(`authorised`)})]}),A&&(0,l.jsxs)(h,{number:4,title:`Finalise your Stripe live setup`,done:!1,open:!0,children:[(0,l.jsx)(`p`,{children:`Your payments are not live yet — still on practice cards, or live without the webhook that sends receipts. Finish Go live on the Payments screen and your setup is complete.`}),(0,l.jsxs)(`p`,{children:[`Switch `,(0,l.jsx)(`strong`,{children:`Go live`}),` on and follow its steps. Its webhook step was waiting for your published address, and it is open now that step 3 is ticked.`]}),(0,l.jsxs)(u.Link,{to:`/payments`,className:`btn-primary inline-flex items-center justify-center gap-2 h-11 px-5 rounded-[var(--btn-radius,0.75rem)] text-[13px] font-bold text-white self-start max-sm:self-stretch shadow-lg cursor-pointer`,children:[(0,l.jsx)(r.qt,{className:`w-4 h-4`}),`Take me to Go live`]})]}),j&&(0,l.jsxs)(`div`,{className:`mt-3 flex max-sm:flex-col sm:items-center gap-4 sm:gap-6 p-5 sm:p-6 rounded-2xl border border-emerald-500/20 bg-emerald-500/[0.06]`,children:[(0,l.jsx)(`div`,{className:`w-10 h-10 shrink-0 rounded-2xl flex items-center justify-center border border-emerald-500/20 bg-emerald-500/10 text-emerald-500`,children:(0,l.jsx)(r.R,{className:`w-5 h-5`})}),(0,l.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,l.jsx)(`h3`,{className:`text-[15px] font-bold text-foreground tracking-tight`,children:`Your app is live`}),(0,l.jsxs)(`p`,{className:`text-[13px] text-foreground/60 font-medium leading-relaxed mt-1`,children:[O?(0,l.jsxs)(l.Fragment,{children:[`Anyone can open `,(0,l.jsx)(p,{href:O,children:s.i(b.domain)}),` and sign up.`]}):(0,l.jsx)(l.Fragment,{children:`Anyone can open your app and sign up.`}),` `,`Any step above opens again if you need to check what you typed.`]})]})]})]})]}),(0,l.jsx)(a.t,{})]})]})}exports.PublishApp=b;