\u{1F41E} New bug report

Title: ${escapeHtml(title)}

Severity: ${escapeHtml(severity)}

Reported by: ${escapeHtml(email || "(not provided)")}

Page: ${escapeHtml(pageUrl || "(unknown)")}

Description

${escapeHtml(description)}

Steps to Reproduce

${escapeHtml(steps || "(not provided)")}

` }; }, [] ); const mutation = useMutation({ mutationFn: async (form) => { const body = createEmailBody(form); const response = await fetch("/api/bugs/report", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...form, ...body }) }); if (!response.ok) { const text = await response.text().catch(() => ""); throw new Error( `When fetching /api/bugs/report, the response was [${response.status}] ${response.statusText}${text ? ` - ${text}` : ""}` ); } return response.json(); }, onSuccess: () => { toast.success("Thanks! Your bug report was sent."); reset(); if (typeof window !== "undefined") { setValue("pageUrl", window.location.href); } }, onError: (err) => { console.error(err); toast.error("Could not send bug report. Please try again."); } }); const onSubmit = (data) => { mutation.mutate(data); }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-slate-900 via-blue-900 to-slate-900 text-white" }, /* @__PURE__ */ React.createElement(Toaster, { richColors: true, position: "top-right" }), /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl mx-auto px-4 sm:px-6 pt-28 pb-16" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-br from-pink-500 to-rose-600 flex items-center justify-center shadow-lg" }, /* @__PURE__ */ React.createElement(import_lucide_react.Bug, { size: 26, className: "text-white" })), /* @__PURE__ */ React.createElement("h1", { className: "text-3xl sm:text-4xl font-bold" }, "Report a Bug")), /* @__PURE__ */ React.createElement("p", { className: "text-white/80 mb-8" }, "Found something off? Tell us what happened and we\u2019ll jump on it. The more detail you share, the faster we can fix it."), /* @__PURE__ */ React.createElement( "form", { onSubmit: handleSubmit(onSubmit), className: "bg-white/5 backdrop-blur-xl border border-white/10 rounded-2xl p-5 sm:p-8 space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Title"), /* @__PURE__ */ React.createElement( "input", { className: "w-full rounded-lg bg-white/10 border border-white/10 px-4 py-3 placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-pink-500", placeholder: "Short summary (e.g., Can't submit response after analysis)", ...register("title", { required: "Please add a short title" }) } ), errors.title && /* @__PURE__ */ React.createElement("p", { className: "text-rose-400 text-sm mt-1" }, errors.title.message)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Description"), /* @__PURE__ */ React.createElement( "textarea", { className: "w-full rounded-lg bg-white/10 border border-white/10 px-4 py-3 min-h-[120px] placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-pink-500", placeholder: "What did you expect to happen? What actually happened?", ...register("description", { required: "Please describe the problem" }) } ), errors.description && /* @__PURE__ */ React.createElement("p", { className: "text-rose-400 text-sm mt-1" }, errors.description.message)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Steps to reproduce"), /* @__PURE__ */ React.createElement( "textarea", { className: "w-full rounded-lg bg-white/10 border border-white/10 px-4 py-3 min-h-[120px] placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-pink-500", placeholder: `1) Go to Roleplay 2) Start session 3) ...`, ...register("steps") } )), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Severity"), /* @__PURE__ */ React.createElement( "select", { className: "w-full rounded-lg bg-white/10 border border-white/10 px-4 py-3 focus:outline-none focus:ring-2 focus:ring-pink-500", ...register("severity", { required: true }) }, /* @__PURE__ */ React.createElement("option", null, "Low"), /* @__PURE__ */ React.createElement("option", null, "Medium"), /* @__PURE__ */ React.createElement("option", null, "High"), /* @__PURE__ */ React.createElement("option", null, "Critical") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Your email (optional)"), /* @__PURE__ */ React.createElement( "input", { type: "email", className: "w-full rounded-lg bg-white/10 border border-white/10 px-4 py-3 placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-pink-500", placeholder: "you@example.com", ...register("email", { pattern: { value: /\S+@\S+\.\S+/, message: "Please enter a valid email" } }) } ), errors.email && /* @__PURE__ */ React.createElement("p", { className: "text-rose-400 text-sm mt-1" }, errors.email.message))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium mb-2" }, "Page URL"), /* @__PURE__ */ React.createElement( "input", { className: "w-full rounded-lg bg-white/10 border border-white/10 px-4 py-3 placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-pink-500", placeholder: "https://...", ...register("pageUrl") } )), /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-3 p-3 rounded-lg bg-amber-500/10 border border-amber-400/30" }, /* @__PURE__ */ React.createElement(import_lucide_react.AlertTriangle, { className: "text-amber-400 mt-0.5", size: 18 }), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-amber-200/90" }, "Please don\u2019t include passwords, secrets, or private customer data.")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 pt-2" }, /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: isSubmitting || mutation.isLoading, className: "inline-flex items-center gap-2 bg-pink-600 hover:bg-pink-500 disabled:opacity-60 disabled:cursor-not-allowed transition-colors px-5 py-3 rounded-lg font-semibold" }, /* @__PURE__ */ React.createElement(import_lucide_react.Send, { size: 18 }), mutation.isLoading ? "Sending..." : "Submit Bug" )) ))); } function escapeHtml(str) { if (typeof str !== "string") return ""; return str.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'"); } function escapeAttr(str) { return escapeHtml(str).replace(/"/g, """); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // virtual:/apps/web/src/components/ui/EdgeTheme.jsx init_injected_globals(); var import_react4 = __toESM(require_react()); function EdgeTheme({ enabled = true, children }) { (0, import_react4.useEffect)(() => { if (typeof document !== "undefined") { const html = document.documentElement; if (enabled) html.setAttribute("data-edge-ui", "true"); return () => html.removeAttribute("data-edge-ui"); } }, [enabled]); return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children); } // virtual:/apps/web/src/components/ProductionErrorBoundary.jsx init_injected_globals(); var import_react5 = __toESM(require_react()); var import_lucide_react2 = __toESM(require_lucide_react()); var ProductionErrorBoundary = class extends import_react5.default.Component { constructor(props) { super(props); this.state = { hasError: false, error: null, errorInfo: null, errorId: null, retryCount: 0, showDetails: false }; } static getDerivedStateFromError(error) { return { hasError: true, errorId: `err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}` }; } componentDidCatch(error, errorInfo) { console.error( "\u{1F6A8} Production Error Boundary caught an error:", error, errorInfo ); this.setState({ error, errorInfo, hasError: true }); this.logErrorToService(error, errorInfo); } logErrorToService = (error, errorInfo) => { const errorData = { errorId: this.state.errorId, message: error.message, stack: error.stack, componentStack: errorInfo.componentStack, timestamp: Date.now(), userAgent: navigator.userAgent, url: window.location.href, userId: this.props.userId || "anonymous", retryCount: this.state.retryCount, props: this.props.logProps ? JSON.stringify(this.props.logProps) : null }; console.error("\u{1F4CA} Error Report:", errorData); if (typeof fetch !== "undefined") { fetch("/api/errors/report", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(errorData) }).catch((reportError) => { console.error("Failed to report error:", reportError); }); } }; handleRetry = () => { this.setState((prevState) => ({ hasError: false, error: null, errorInfo: null, retryCount: prevState.retryCount + 1, showDetails: false })); }; handleRefresh = () => { window.location.reload(); }; handleGoHome = () => { window.location.href = "/"; }; toggleDetails = () => { this.setState((prevState) => ({ showDetails: !prevState.showDetails })); }; render() { if (this.state.hasError) { const { error } = this.state; const isNetworkError = error?.name === "NetworkError" || error?.name === "TimeoutError"; const isJavaScriptError = error?.name === "TypeError" || error?.name === "ReferenceError"; const canRetry = this.state.retryCount < 3; return /* @__PURE__ */ import_react5.default.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center p-4" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 max-w-md w-full" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex items-center justify-center mb-6" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "bg-red-100 rounded-full p-3" }, /* @__PURE__ */ import_react5.default.createElement(import_lucide_react2.AlertTriangle, { className: "h-8 w-8 text-red-600" }))), /* @__PURE__ */ import_react5.default.createElement("h1", { className: "text-xl font-semibold text-gray-900 text-center mb-4" }, isNetworkError ? "Connection Problem" : "Something Went Wrong"), /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-gray-600 text-center mb-6" }, isNetworkError ? "We're having trouble connecting to our servers. Please check your internet connection and try again." : isJavaScriptError ? "We encountered a technical issue. Our team has been notified and is working on a fix." : "An unexpected error occurred. We've logged the issue and will investigate."), /* @__PURE__ */ import_react5.default.createElement("div", { className: "bg-gray-100 rounded p-3 mb-6" }, /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-sm text-gray-600 text-center" }, "Error ID:", " ", /* @__PURE__ */ import_react5.default.createElement("span", { className: "font-mono text-xs" }, this.state.errorId))), /* @__PURE__ */ import_react5.default.createElement("div", { className: "space-y-3" }, canRetry && /* @__PURE__ */ import_react5.default.createElement( "button", { onClick: this.handleRetry, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-lg font-medium hover:bg-blue-700 transition-colors flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react5.default.createElement(import_lucide_react2.RefreshCw, { className: "h-4 w-4" }), "Try Again" ), /* @__PURE__ */ import_react5.default.createElement( "button", { onClick: this.handleRefresh, className: "w-full bg-gray-600 text-white py-2 px-4 rounded-lg font-medium hover:bg-gray-700 transition-colors" }, "Refresh Page" ), /* @__PURE__ */ import_react5.default.createElement( "button", { onClick: this.handleGoHome, className: "w-full bg-gray-200 text-gray-800 py-2 px-4 rounded-lg font-medium hover:bg-gray-300 transition-colors flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react5.default.createElement(import_lucide_react2.Home, { className: "h-4 w-4" }), "Go to Homepage" ), false), false, this.state.retryCount >= 3 && /* @__PURE__ */ import_react5.default.createElement("div", { className: "mt-4 p-3 bg-yellow-50 border border-yellow-200 rounded-lg" }, /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-sm text-yellow-800" }, "Multiple retry attempts failed. Please refresh the page or contact support if the problem persists.")))); } return this.props.children; } }; var ComponentErrorBoundary = class extends import_react5.default.Component { constructor(props) { super(props); this.state = { hasError: false }; } static getDerivedStateFromError(error) { return { hasError: true }; } componentDidCatch(error, errorInfo) { console.error( `Component Error in ${this.props.componentName || "Unknown"}:`, error, errorInfo ); } render() { if (this.state.hasError) { return /* @__PURE__ */ import_react5.default.createElement("div", { className: "bg-yellow-50 border border-yellow-200 rounded p-3 text-center" }, /* @__PURE__ */ import_react5.default.createElement("p", { className: "text-sm text-yellow-800" }, this.props.fallbackMessage || "This component temporarily unavailable"), this.props.showRetry && /* @__PURE__ */ import_react5.default.createElement( "button", { onClick: () => this.setState({ hasError: false }), className: "mt-2 text-xs bg-yellow-600 text-white px-2 py-1 rounded hover:bg-yellow-700" }, "Retry" )); } return this.props.children; } }; var ProductionErrorBoundary_default = ProductionErrorBoundary; // virtual:/apps/web/src/components/NoticeBanner.jsx init_injected_globals(); var import_react6 = __toESM(require_react()); var import_lucide_react3 = __toESM(require_lucide_react()); function NoticeBanner() { const [dismissedId, setDismissedId] = (0, import_react6.useState)(null); const [isHome, setIsHome] = (0, import_react6.useState)(false); (0, import_react6.useEffect)(() => { if (typeof window === "undefined") return; try { const v = window.localStorage.getItem("ok_dismissed_notice_id"); if (v) setDismissedId(v); } catch { } }, []); (0, import_react6.useEffect)(() => { if (typeof window === "undefined") return; try { const path = window.location?.pathname || "/"; setIsHome(path === "/"); } catch { } }, []); const { data, isLoading, error } = useQuery({ queryKey: ["active-notice"], queryFn: async () => { const res = await fetch("/api/admin/notices/active"); if (!res.ok) throw new Error(`Failed to load notice: ${res.status}`); return res.json(); }, staleTime: 1e3 * 60 // 1 minute }); if (isHome) return null; const notice = data?.notice || null; const hidden = !notice || dismissedId && String(dismissedId) === String(notice.id); const onDismiss = () => { if (!notice) return; try { window.localStorage.setItem("ok_dismissed_notice_id", String(notice.id)); setDismissedId(String(notice.id)); } catch { } }; if (isLoading || hidden) return null; if (error) return null; return /* @__PURE__ */ React.createElement( "div", { className: "fixed left-0 right-0 top-16 z-[60] w-full bg-gradient-to-r from-yellow-500 to-amber-600 text-black py-2 px-4 shadow-md", role: "region", "aria-label": "Admin notice" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto flex items-center justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement(import_lucide_react3.Megaphone, { className: "w-5 h-5" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "font-bold text-sm" }, notice.title || "Notice"), notice.message && /* @__PURE__ */ React.createElement( "div", { className: "text-sm opacity-90", style: { whiteSpace: "pre-line" } }, notice.message ))), /* @__PURE__ */ React.createElement( "button", { onClick: onDismiss, className: "inline-flex items-center justify-center rounded-md border border-black/20 hover:bg-black/10 transition-colors p-1", "aria-label": "Dismiss notice" }, /* @__PURE__ */ React.createElement(import_lucide_react3.X, { className: "w-4 h-4" }) )) ); } // virtual:/apps/web/src/components/InstallPWAButton.jsx init_injected_globals(); var import_react7 = __toESM(require_react()); function IOSShareIcon({ size = 14, className = "" }) { return /* @__PURE__ */ React.createElement( "svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement( "path", { d: "M12 3v8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" } ), /* @__PURE__ */ React.createElement( "path", { d: "M9 6l3-3 3 3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" } ), /* @__PURE__ */ React.createElement( "rect", { x: "5", y: "11", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "2" } ) ); } function KebabMenuIcon({ size = 12, className = "" }) { return /* @__PURE__ */ React.createElement( "svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", className, "aria-hidden": "true", focusable: "false" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "5", r: "2" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "2" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "19", r: "2" }) ); } function InstallPWAButton() { const [deferredPrompt, setDeferredPrompt] = (0, import_react7.useState)(null); const [installed, setInstalled] = (0, import_react7.useState)(false); const [showIosTip, setShowIosTip] = (0, import_react7.useState)(false); const [visible, setVisible] = (0, import_react7.useState)(true); const isStandalone = (0, import_react7.useMemo)(() => { if (typeof window === "undefined") return false; return window.matchMedia("(display-mode: standalone)").matches || window.navigator.standalone; }, []); const isIOS = (0, import_react7.useMemo)(() => { if (typeof navigator === "undefined") return false; return /iphone|ipad|ipod/i.test(navigator.userAgent); }, []); const isAndroid = (0, import_react7.useMemo)(() => { if (typeof navigator === "undefined") return false; return /Android/i.test(navigator.userAgent); }, []); const isSafari = (0, import_react7.useMemo)(() => { if (typeof navigator === "undefined") return false; const ua = navigator.userAgent; return /Safari/i.test(ua) && !/Chrome|CriOS|Edg|OPR/i.test(ua); }, []); const isChrome = (0, import_react7.useMemo)(() => { if (typeof navigator === "undefined") return false; const ua = navigator.userAgent; return (/Chrome/i.test(ua) || /CriOS/i.test(ua)) && !/Edg|OPR/i.test(ua); }, []); (0, import_react7.useEffect)(() => { if (typeof window === "undefined") return; const onBeforeInstall = (e) => { e.preventDefault(); setDeferredPrompt(e); setVisible(true); }; const onInstalled = () => { setInstalled(true); setVisible(false); setDeferredPrompt(null); setShowIosTip(false); try { localStorage.setItem("pwaInstalled", "1"); } catch { } }; window.addEventListener("beforeinstallprompt", onBeforeInstall); window.addEventListener("appinstalled", onInstalled); try { const wasInstalled = localStorage.getItem("pwaInstalled") === "1"; if (isStandalone || wasInstalled) { setInstalled(true); setVisible(false); } } catch { } return () => { window.removeEventListener("beforeinstallprompt", onBeforeInstall); window.removeEventListener("appinstalled", onInstalled); }; }, [isStandalone]); const handleClick = async () => { if (deferredPrompt) { deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice.catch(() => ({ outcome: "dismissed" })); if (outcome === "accepted") { setDeferredPrompt(null); setVisible(false); } return; } setShowIosTip(true); }; if (!visible || installed) return null; let tipInstructions = null; if (isIOS && isSafari) { tipInstructions = /* @__PURE__ */ React.createElement(React.Fragment, null, "Tap ", /* @__PURE__ */ React.createElement(IOSShareIcon, { className: "inline-block align-[-2px] mx-1" }), /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "Share"), " \u2192", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "Add to Home Screen")); } else if (isIOS && isChrome) { tipInstructions = /* @__PURE__ */ React.createElement(React.Fragment, null, "In Chrome: tap", " ", /* @__PURE__ */ React.createElement(IOSShareIcon, { className: "inline-block align-[-2px] mx-1" }), /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "Share"), " \u2192", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "Add to Home Screen")); } else if (isAndroid && isChrome) { tipInstructions = /* @__PURE__ */ React.createElement(React.Fragment, null, "In Chrome: tap your browser menu", " ", /* @__PURE__ */ React.createElement(KebabMenuIcon, { className: "inline-block align-[-2px] mx-1" }), " then", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "Install app")); } else { tipInstructions = /* @__PURE__ */ React.createElement(React.Fragment, null, "Check your browser menu", " ", /* @__PURE__ */ React.createElement(KebabMenuIcon, { className: "inline-block align-[-2px] mx-1" }), " for", " ", /* @__PURE__ */ React.createElement("span", { className: "font-semibold" }, "Add to Home Screen")); } return /* @__PURE__ */ React.createElement("div", { style: { position: "fixed", zIndex: 50, right: 16, bottom: 16 } }, /* @__PURE__ */ React.createElement( "button", { onClick: handleClick, className: "px-4 py-3 rounded-full font-semibold shadow-lg edge-cta animate-pulse-glow", style: { background: "var(--accent)", color: "#111", boxShadow: "0 0 0 rgba(255,158,42,0.0)" }, "aria-label": "Install app" }, "Install app" ), showIosTip && /* @__PURE__ */ React.createElement( "div", { className: "mt-2 p-3 rounded-lg edge-panel", style: { maxWidth: 260 } }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-semibold mb-1" }, "Add to Home Screen"), /* @__PURE__ */ React.createElement("div", { className: "text-xs opacity-80" }, tipInstructions), /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-right" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowIosTip(false), className: "text-xs edge-ghost px-2 py-1 rounded" }, "Got it" )) )); } // virtual:/apps/web/src/app/layout.jsx var import_react9 = __toESM(require_react()); // virtual:/apps/web/src/components/TrialBanner.jsx init_injected_globals(); // virtual:/apps/web/src/utils/useSubscriptionStatus.js init_injected_globals(); function useSubscriptionStatus(options = {}) { return useQuery({ queryKey: ["subscription-status"], queryFn: async () => { const res = await fetch("/api/subscriptions/status", { method: "GET" }); if (!res.ok) { throw new Error( `When fetching /api/subscriptions/status, the response was [${res.status}] ${res.statusText}` ); } return res.json(); }, staleTime: 3e4, refetchInterval: (data) => { const isTrial = data?.stripe?.is_trialing; return isTrial ? 15e3 : false; }, ...options }); } // virtual:/apps/web/src/components/TrialBanner.jsx var import_lucide_react4 = __toESM(require_lucide_react()); var import_react8 = __toESM(require_react()); function TrialBanner() { const { data, isLoading, error } = useSubscriptionStatus({ // show everywhere the user is signed in; hook itself guards auth staleTime: 15e3 }); const trialInfo = (0, import_react8.useMemo)(() => { const isTrial = data?.stripe?.is_trialing === true; const trialEndIso = data?.stripe?.trial_end || null; return { isTrial, trialEndIso }; }, [data]); if (isLoading || error) return null; if (!trialInfo.isTrial) return null; let dateLabel = null; try { if (trialInfo.trialEndIso) { const d = new Date(trialInfo.trialEndIso); dateLabel = d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }); } } catch { } return /* @__PURE__ */ React.createElement("div", { className: "w-full sticky top-[56px] z-30 flex items-center justify-center px-4" }, /* @__PURE__ */ React.createElement( "div", { className: "edge-panel w-full max-w-5xl flex items-center justify-between gap-3 px-4 py-2", style: { borderRadius: 12 } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm" }, /* @__PURE__ */ React.createElement(import_lucide_react4.CalendarClock, { size: 16, className: "text-[color:var(--accent)]" }), /* @__PURE__ */ React.createElement("span", { className: "edge-copy text-[color:var(--ink-2)]" }, "Trial ends ", dateLabel ? `on ${dateLabel}` : "soon", ". Enjoy full Professional access during your trial.")), /* @__PURE__ */ React.createElement( "a", { href: "#pricing", className: "edge-cta text-xs px-3 py-1 rounded-md", "aria-label": "Go to pricing to upgrade" }, "Upgrade options" ) )); } // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function QAHelpers() { if (typeof window !== "undefined" && false) { null.then(({ QA_HELPERS }) => { window.QA = QA_HELPERS; console.log( "\u{1F527} QA Helpers available! Use window.QA.runQuickQA() to start testing" ); }); null.then((module) => { window.networkManager = module.default; console.log( "\u{1F310} Network Manager available! Use window.networkManager.getMetrics() for stats" ); }); null.then((module) => { window.ProductionTest = { fullTest: () => module.default.runAllTests(), quickCheck: () => module.default.quickCheck() }; console.log( "\u{1F9EA} Production Test Runner available! Use window.ProductionTest.fullTest() for comprehensive validation" ); }); } return null; } function PWAUpdateBanner({ registration, onDismiss }) { const handleUpdate = () => { try { const waiting = registration?.waiting; if (waiting) { waiting.postMessage({ type: "SKIP_WAITING" }); navigator.serviceWorker.addEventListener("controllerchange", () => { window.location.reload(); }); } } catch (e) { console.error("Failed to apply update now", e); } }; return /* @__PURE__ */ React.createElement( "div", { className: "fixed bottom-4 left-1/2 -translate-x-1/2 z-50 edge-panel p-3 px-4 flex items-center gap-3", style: { borderRadius: 12 } }, /* @__PURE__ */ React.createElement("span", { className: "text-sm" }, "A new version is available."), /* @__PURE__ */ React.createElement( "button", { onClick: handleUpdate, className: "edge-cta text-sm px-3 py-1 rounded-md" }, "Update now" ), /* @__PURE__ */ React.createElement( "button", { onClick: onDismiss, className: "edge-ghost text-sm px-3 py-1 rounded-md" }, "Later" ) ); } function RootLayout({ children }) { const [showUpdateBanner, setShowUpdateBanner] = (0, import_react9.useState)(false); const [swReg, setSwReg] = (0, import_react9.useState)(null); const updateImportanceRef = (0, import_react9.useRef)("minor"); (0, import_react9.useEffect)(() => { if (typeof window === "undefined") return; if ("serviceWorker" in navigator && true) { const swUrl = "/sw"; navigator.serviceWorker.register(swUrl).then((registration) => { setSwReg(registration); const listen = () => { const installing = registration.installing; if (!installing) return; installing.onstatechange = () => { if (installing.state === "installed") { const hasController = !!navigator.serviceWorker.controller; if (hasController && updateImportanceRef.current === "major") { setShowUpdateBanner(true); } } }; }; registration.addEventListener("updatefound", listen); listen(); const interval = setInterval( () => registration.update(), 1e3 * 60 * 60 ); window.addEventListener("focus", () => registration.update()); return () => clearInterval(interval); }).catch((err) => console.error("SW registration failed", err)); } else { if (false) { console.info("Service Worker registration is disabled in development."); } } const loadImportance = async () => { try { const res = await fetch("/api/pwa-version"); if (!res.ok) throw new Error( `When fetching /api/pwa-version, the response was [${res.status}] ${res.statusText}` ); const data = await res.json(); updateImportanceRef.current = data.importance || "minor"; } catch (e) { console.error(e); updateImportanceRef.current = "minor"; } }; loadImportance(); }, []); return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("link", { rel: "manifest", href: "/api/manifest" }), /* @__PURE__ */ React.createElement("meta", { name: "theme-color", content: "#FF9E2A" }), /* @__PURE__ */ React.createElement("meta", { name: "apple-mobile-web-app-capable", content: "yes" }), /* @__PURE__ */ React.createElement( "meta", { name: "apple-mobile-web-app-status-bar-style", content: "black-translucent" } ), /* @__PURE__ */ React.createElement( "link", { rel: "apple-touch-icon", href: "https://ucarecdn.com/d4c23e9d-98b7-4fd1-8a15-bdf1b2b481ce/-/resize/180x180/-/format/auto/" } ), /* @__PURE__ */ React.createElement( "link", { rel: "icon", sizes: "192x192", href: "https://ucarecdn.com/d4c23e9d-98b7-4fd1-8a15-bdf1b2b481ce/-/resize/192x192/-/format/auto/" } ), /* @__PURE__ */ React.createElement( "link", { rel: "icon", sizes: "512x512", href: "https://ucarecdn.com/d4c23e9d-98b7-4fd1-8a15-bdf1b2b481ce/-/resize/512x512/-/format/auto/" } ), /* @__PURE__ */ React.createElement( "link", { href: "https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400;700&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap", rel: "stylesheet" } ), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` :root { /* Original tokens - updated to gold/orange theme */ --gradient-primary: linear-gradient(135deg, #1a1a1a 0%, #0F0F0F 100%); --gradient-secondary: linear-gradient(135deg, #FF9E2A 0%, #DB7A12 100%); --gradient-accent: linear-gradient(135deg, #FF9E2A 0%, #DB7A12 100%); --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-large: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* Edge theme tokens */ --bg-0:#0F0F0F; --bg-1:#141414; --panel:#1B1B1B; --ink-1:#F7F7F7; --ink-2:#E0E0E0; --ink-3:#A3A3A3; --accent:#FF9E2A; --accent-2:#DB7A12; --divider:linear-gradient(90deg,#FFFFFF0D,#FFFFFF26,#FFFFFF0D); --rad:14px; --elev-1: 0 1px 2px rgba(0,0,0,.35); --elev-2: 0 6px 18px rgba(0,0,0,.45); --elev-3: 0 10px 30px rgba(0,0,0,.55); --elev-4: 0 16px 48px rgba(0,0,0,.60); --elev-5: 0 28px 72px rgba(0,0,0,.65); --elev-6: 0 40px 120px rgba(0,0,0,.70); } html[data-edge-ui="true"] body { background: var(--bg-0); color: var(--ink-2); } .edge-panel { background: linear-gradient(180deg,#1C1C1C,#161616); border:1px solid rgba(255,255,255,.08); border-radius: var(--rad); box-shadow: var(--elev-2); } .edge-panel--hover:hover { box-shadow: var(--elev-3); transform: translateY(-1px); transition: all 0.2s ease; } .edge-cta { background: var(--accent); color:#111; font-weight:800; border:1px solid rgba(255,255,255,.08); box-shadow: 0 12px 36px rgba(255,158,42,.28); transition: all 0.2s ease; } .edge-cta:hover { filter: brightness(1.05); transform: translateY(-1px); } .edge-ghost { border:1px solid rgba(255,255,255,.18); color: var(--ink-1); transition: all 0.2s ease; } .edge-ghost:hover { background: rgba(255,255,255,.06); } .edge-divider { height:1px; background: var(--divider); } .edge-card-topbar { height:4px; background: linear-gradient(90deg,var(--accent), var(--accent-2)); opacity:.9; } .edge-heading { font-family: 'Bebas Neue', ui-sans-serif; letter-spacing:.5px; color: var(--ink-1); } .edge-copy { font-family: 'Inter', ui-sans-serif; } .edge-input { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.18); color: var(--ink-1); border-radius: var(--rad); } .edge-input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(255,158,42,.1); } .edge-select { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.18); color: var(--ink-1); border-radius: var(--rad); } .edge-modal { background: var(--panel); border: 1px solid rgba(255,255,255,.18); box-shadow: var(--elev-6); } * { box-sizing: border-box; } body { margin: 0; padding: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; background: var(--gradient-primary); min-height: 100vh; overflow-x: hidden; } .gradient-text { background: var(--gradient-secondary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .btn-gradient { background: var(--gradient-secondary); transition: all 0.3s ease; position: relative; overflow: hidden; } .btn-gradient:hover { transform: translateY(-2px); box-shadow: var(--shadow-large); } .btn-gradient::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s; } .btn-gradient:hover::before { left: 100%; } .card-elevated { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: var(--shadow-soft); transition: all 0.3s ease; } .card-elevated:hover { transform: translateY(-4px); box-shadow: var(--shadow-large); } .glass-effect { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fadeInUp 0.6s ease-out; } /* Pulsating animation for install button */ @keyframes pulseGlow { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,158,42,.4); } 70% { transform: scale(1.03); box-shadow: 0 0 0 12px rgba(255,158,42,0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,158,42,0); } } .animate-pulse-glow { animation: pulseGlow 1.6s ease-out infinite; } `), /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(EdgeTheme, { enabled: true }, /* @__PURE__ */ React.createElement(ProductionErrorBoundary_default, null, /* @__PURE__ */ React.createElement(QAHelpers, null), /* @__PURE__ */ React.createElement(NoticeBanner, null), /* @__PURE__ */ React.createElement(TrialBanner, null), showUpdateBanner && swReg && /* @__PURE__ */ React.createElement( PWAUpdateBanner, { registration: swReg, onDismiss: () => setShowUpdateBanner(false) } ), /* @__PURE__ */ React.createElement(InstallPWAButton, null), children)))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react10.default.createElement(ReportBugPage, { ...props }); content = /* @__PURE__ */ import_react10.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) */