@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/Content-C5Iye3t0.mjs

@@ -0,0 +1,257 @@
+import { useModule as e, useModuleBreadcrumbs as t, useModuleRoute as n } from "@oneclick.dev/cms-kit";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onMounted as m, openBlock as h, ref as g, renderList as _, resolveComponent as v, resolveDynamicComponent as ee, toDisplayString as y, unref as b, vModelText as te, watch as ne, withCtx as x, withDirectives as re } from "vue";
+import { FileText as ie, Loader2 as ae, LogIn as oe, LogOut as se, RefreshCw as ce, Search as le } from "@lucide/vue";
+//#region src/googleAnalytics/pages/Content.vue?vue&type=script&setup=true&lang.ts
+var ue = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, de = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, fe = {
+	key: 0,
+	class: "flex items-center gap-2"
+}, pe = { class: "flex items-center border rounded-lg overflow-hidden" }, me = ["onClick"], he = { class: "text-sm text-destructive font-medium" }, ge = {
+	key: 2,
+	class: "flex items-center justify-center py-20"
+}, _e = { class: "flex items-center justify-between gap-4" }, ve = { class: "flex items-center gap-2" }, S = ["onClick"], C = {
+	key: 0,
+	class: "relative"
+}, w = { class: "overflow-x-auto" }, T = { class: "w-full text-sm" }, E = { class: "divide-y" }, D = { class: "px-6 py-3 text-muted-foreground" }, O = { class: "px-4 py-3 max-w-[300px]" }, k = { class: "truncate font-mono text-xs" }, A = {
+	key: 0,
+	class: "truncate text-xs text-muted-foreground mt-0.5"
+}, j = { class: "px-4 py-3 text-right tabular-nums" }, M = { class: "px-4 py-3 text-right tabular-nums" }, N = { class: "px-4 py-3 text-right tabular-nums" }, P = { class: "px-4 py-3 text-right tabular-nums" }, F = { class: "px-4 py-3 text-right tabular-nums" }, ye = { class: "px-4 py-3 text-right" }, be = { class: "flex items-center justify-end gap-2" }, xe = { class: "w-12 h-1.5 bg-muted rounded-full overflow-hidden" }, Se = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Ce = { class: "overflow-x-auto" }, we = { class: "w-full text-sm" }, Te = { class: "divide-y" }, Ee = { class: "px-6 py-3 text-muted-foreground" }, De = { class: "px-4 py-3 font-mono text-xs truncate max-w-[300px]" }, I = { class: "px-4 py-3 text-right tabular-nums" }, Oe = { class: "px-4 py-3 text-right tabular-nums" }, ke = { class: "px-4 py-3 text-right tabular-nums" }, Ae = { class: "px-4 py-3 text-right tabular-nums" }, je = { class: "px-4 py-3 text-right tabular-nums" }, Me = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, Ne = { class: "overflow-x-auto" }, Pe = { class: "w-full text-sm" }, Fe = { class: "divide-y" }, Ie = { class: "px-6 py-3 text-muted-foreground" }, Le = { class: "px-4 py-3 font-mono text-xs truncate max-w-[300px]" }, Re = { class: "px-4 py-3 text-right tabular-nums" }, ze = { class: "px-4 py-3 text-right tabular-nums" }, Be = { class: "px-4 py-3 text-right" }, Ve = { class: "flex items-center justify-end gap-2" }, He = { class: "w-16 h-1.5 bg-muted rounded-full overflow-hidden" }, Ue = {
+	key: 0,
+	class: "px-6 py-8 text-center text-muted-foreground text-sm"
+}, L = /* @__PURE__ */ d({
+	__name: "Content",
+	setup(d) {
+		let { config: L } = e(), { moduleId: We } = n();
+		t(() => [{ label: "Content" }]);
+		let R = g(!0), z = g(null), B = g("30"), V = g("all"), H = g(""), U = g([]), W = g([]), G = g([]), K = i(() => !!(L.serviceAccount && L.propertyId));
+		function q(e) {
+			return `/api/v1/modules/${We}${e}`;
+		}
+		let Ge = [
+			{
+				label: "7d",
+				value: "7"
+			},
+			{
+				label: "14d",
+				value: "14"
+			},
+			{
+				label: "30d",
+				value: "30"
+			},
+			{
+				label: "90d",
+				value: "90"
+			}
+		];
+		function J(e) {
+			return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : Math.round(e).toString();
+		}
+		function Y(e) {
+			return `${(e * 100).toFixed(1)}%`;
+		}
+		function X(e) {
+			let t = Math.floor(e / 60), n = Math.round(e % 60);
+			return t > 0 ? `${t}m ${n}s` : `${n}s`;
+		}
+		function Z(e) {
+			let t = e.engagementRate || 0, n = Math.min((e.averageSessionDuration || 0) / 300, 1), r = Math.min((e.screenPageViews || 0) / 1e3, 1);
+			return (t * .4 + n * .35 + r * .25) * 100;
+		}
+		function Ke(e) {
+			return e >= 70 ? "text-emerald-600 dark:text-emerald-400" : e >= 40 ? "text-amber-600 dark:text-amber-400" : "text-red-500 dark:text-red-400";
+		}
+		function qe(e) {
+			return e >= 70 ? "bg-emerald-500" : e >= 40 ? "bg-amber-500" : "bg-red-500";
+		}
+		let Q = i(() => {
+			if (!H.value) return U.value;
+			let e = H.value.toLowerCase();
+			return U.value.filter((t) => (t.pagePath || "").toLowerCase().includes(e) || (t.pageTitle || "").toLowerCase().includes(e));
+		});
+		async function $() {
+			if (!K.value) return;
+			R.value = !0, z.value = null;
+			let e = `${B.value}daysAgo`;
+			try {
+				let [t, n, r] = await Promise.all([
+					$fetch(q(`/content/all-pages?startDate=${e}&endDate=today&limit=50`)),
+					$fetch(q(`/content/landing-pages?startDate=${e}&endDate=today`)),
+					$fetch(q(`/content/exit-pages?startDate=${e}&endDate=today`))
+				]);
+				U.value = t.rows || [], W.value = n.rows || [], G.value = r.rows || [];
+			} catch (e) {
+				z.value = e?.data?.statusMessage || e?.message || "Failed to load content data";
+			} finally {
+				R.value = !1;
+			}
+		}
+		return ne(B, () => $()), m(() => {
+			K.value ? $() : R.value = !1;
+		}), (e, t) => {
+			let n = v("Button"), i = v("Card"), d = v("CardContent"), m = v("CardTitle"), g = v("CardHeader");
+			return h(), s("div", ue, [c("div", de, [t[1] ||= c("div", null, [c("h1", { class: "text-2xl font-semibold" }, "Content Performance"), c("p", { class: "text-muted-foreground text-sm mt-1" }, "How your pages perform")], -1), K.value ? (h(), s("div", fe, [c("div", pe, [(h(), s(r, null, _(Ge, (e) => c("button", {
+				key: e.value,
+				class: f(["px-3 py-1.5 text-xs font-medium transition-colors", B.value === e.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
+				onClick: (t) => B.value = e.value
+			}, y(e.label), 11, me)), 64))]), u(n, {
+				variant: "outline",
+				size: "icon",
+				onClick: $,
+				disabled: R.value
+			}, {
+				default: x(() => [u(b(ce), { class: f(["size-4", { "animate-spin": R.value }]) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["disabled"])])) : o("", !0)]), K.value ? z.value ? (h(), a(i, {
+				key: 1,
+				class: "p-6 border-destructive/50 bg-destructive/5"
+			}, {
+				default: x(() => [c("p", he, y(z.value), 1), u(n, {
+					variant: "outline",
+					size: "sm",
+					class: "mt-3",
+					onClick: $
+				}, {
+					default: x(() => [...t[3] ||= [l("Retry", -1)]]),
+					_: 1
+				})]),
+				_: 1
+			})) : R.value ? (h(), s("div", ge, [u(b(ae), { class: "size-8 animate-spin text-muted-foreground" })])) : (h(), s(r, { key: 3 }, [
+				c("div", _e, [c("div", ve, [(h(!0), s(r, null, _([
+					{
+						key: "all",
+						label: "All Pages",
+						icon: b(ie)
+					},
+					{
+						key: "landing",
+						label: "Landing Pages",
+						icon: b(oe)
+					},
+					{
+						key: "exit",
+						label: "Exit Pages",
+						icon: b(se)
+					}
+				], (e) => (h(), s("button", {
+					key: e.key,
+					class: f(["flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors", V.value === e.key ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"]),
+					onClick: (t) => V.value = e.key
+				}, [(h(), a(ee(e.icon), { class: "size-3.5" })), l(" " + y(e.label), 1)], 10, S))), 128))]), V.value === "all" ? (h(), s("div", C, [u(b(le), { class: "absolute left-2.5 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground" }), re(c("input", {
+					"onUpdate:modelValue": t[0] ||= (e) => H.value = e,
+					type: "text",
+					placeholder: "Filter pages...",
+					class: "pl-8 pr-3 py-1.5 text-sm border rounded-md bg-transparent w-48 focus:outline-none focus:ring-1 focus:ring-ring"
+				}, null, 512), [[te, H.value]])])) : o("", !0)]),
+				V.value === "all" ? (h(), a(i, { key: 0 }, {
+					default: x(() => [u(d, { class: "p-0" }, {
+						default: x(() => [c("div", w, [c("table", T, [t[4] ||= c("thead", null, [c("tr", { class: "border-b text-left" }, [
+							c("th", { class: "px-6 py-3 font-medium text-muted-foreground w-8" }, "#"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground" }, "Page"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Views"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Users"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Avg Time"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Bounce"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Engagement"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Score")
+						])], -1), c("tbody", E, [(h(!0), s(r, null, _(Q.value, (e, t) => (h(), s("tr", {
+							key: e.pagePath,
+							class: "hover:bg-muted/50 group"
+						}, [
+							c("td", D, y(t + 1), 1),
+							c("td", O, [c("div", k, y(e.pagePath), 1), e.pageTitle ? (h(), s("div", A, y(e.pageTitle), 1)) : o("", !0)]),
+							c("td", j, y(J(e.screenPageViews)), 1),
+							c("td", M, y(J(e.totalUsers)), 1),
+							c("td", N, y(X(e.averageSessionDuration || 0)), 1),
+							c("td", P, y(Y(e.bounceRate || 0)), 1),
+							c("td", F, y(Y(e.engagementRate || 0)), 1),
+							c("td", ye, [c("div", be, [c("div", xe, [c("div", {
+								class: f(["h-full rounded-full transition-all", qe(Z(e))]),
+								style: p({ width: `${Math.min(Z(e), 100)}%` })
+							}, null, 6)]), c("span", { class: f(["text-xs font-medium tabular-nums w-8 text-right", Ke(Z(e))]) }, y(Math.round(Z(e))), 3)])])
+						]))), 128))])])]), Q.value.length ? o("", !0) : (h(), s("div", Se, y(H.value ? "No pages matching your search" : "No page data available"), 1))]),
+						_: 1
+					})]),
+					_: 1
+				})) : o("", !0),
+				V.value === "landing" ? (h(), a(i, { key: 1 }, {
+					default: x(() => [u(g, { class: "pb-2" }, {
+						default: x(() => [u(m, { class: "text-base" }, {
+							default: x(() => [...t[5] ||= [l("Top Landing Pages", -1)]]),
+							_: 1
+						}), t[6] ||= c("p", { class: "text-xs text-muted-foreground mt-1" }, "Where users first enter your site. Low bounce + high engagement = great landing page.", -1)]),
+						_: 1
+					}), u(d, { class: "p-0" }, {
+						default: x(() => [c("div", Ce, [c("table", we, [t[7] ||= c("thead", null, [c("tr", { class: "border-b text-left" }, [
+							c("th", { class: "px-6 py-3 font-medium text-muted-foreground w-8" }, "#"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground" }, "Landing Page"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Sessions"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Users"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Bounce"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Avg Time"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Engagement")
+						])], -1), c("tbody", Te, [(h(!0), s(r, null, _(W.value, (e, t) => (h(), s("tr", {
+							key: e.landingPagePlusQueryString,
+							class: "hover:bg-muted/50"
+						}, [
+							c("td", Ee, y(t + 1), 1),
+							c("td", De, y(e.landingPagePlusQueryString), 1),
+							c("td", I, y(J(e.sessions)), 1),
+							c("td", Oe, y(J(e.totalUsers)), 1),
+							c("td", ke, [c("span", { class: f((e.bounceRate || 0) > .6 ? "text-red-500" : (e.bounceRate || 0) < .3 ? "text-emerald-600 dark:text-emerald-400" : "") }, y(Y(e.bounceRate || 0)), 3)]),
+							c("td", Ae, y(X(e.averageSessionDuration || 0)), 1),
+							c("td", je, [c("span", { class: f((e.engagementRate || 0) > .6 ? "text-emerald-600 dark:text-emerald-400" : "") }, y(Y(e.engagementRate || 0)), 3)])
+						]))), 128))])])]), W.value.length ? o("", !0) : (h(), s("div", Me, "No landing page data"))]),
+						_: 1
+					})]),
+					_: 1
+				})) : o("", !0),
+				V.value === "exit" ? (h(), a(i, { key: 2 }, {
+					default: x(() => [u(g, { class: "pb-2" }, {
+						default: x(() => [u(m, { class: "text-base" }, {
+							default: x(() => [...t[8] ||= [l("Top Exit Pages", -1)]]),
+							_: 1
+						}), t[9] ||= c("p", { class: "text-xs text-muted-foreground mt-1" }, "Where users leave your site. High exit rate might indicate issues.", -1)]),
+						_: 1
+					}), u(d, { class: "p-0" }, {
+						default: x(() => [c("div", Ne, [c("table", Pe, [t[10] ||= c("thead", null, [c("tr", { class: "border-b text-left" }, [
+							c("th", { class: "px-6 py-3 font-medium text-muted-foreground w-8" }, "#"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground" }, "Page"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Sessions"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Page Views"),
+							c("th", { class: "px-4 py-3 font-medium text-muted-foreground text-right" }, "Bounce Rate")
+						])], -1), c("tbody", Fe, [(h(!0), s(r, null, _(G.value, (e, t) => (h(), s("tr", {
+							key: e.pagePath,
+							class: "hover:bg-muted/50"
+						}, [
+							c("td", Ie, y(t + 1), 1),
+							c("td", Le, y(e.pagePath), 1),
+							c("td", Re, y(J(e.sessions)), 1),
+							c("td", ze, y(J(e.screenPageViews)), 1),
+							c("td", Be, [c("div", Ve, [c("div", He, [c("div", {
+								class: f(["h-full rounded-full transition-all", (e.exitRate || 0) > .7 ? "bg-red-500" : (e.exitRate || 0) > .4 ? "bg-amber-500" : "bg-emerald-500"]),
+								style: p({ width: `${(e.exitRate || 0) * 100}%` })
+							}, null, 6)]), c("span", { class: f(["text-xs tabular-nums", (e.exitRate || 0) > .7 ? "text-red-500" : ""]) }, y(Y(e.exitRate || 0)), 3)])])
+						]))), 128))])])]), G.value.length ? o("", !0) : (h(), s("div", Ue, "No exit page data"))]),
+						_: 1
+					})]),
+					_: 1
+				})) : o("", !0)
+			], 64)) : (h(), a(i, {
+				key: 0,
+				class: "p-8 text-center"
+			}, {
+				default: x(() => [...t[2] ||= [c("p", { class: "text-lg font-medium" }, "Setup required", -1)]]),
+				_: 1
+			}))]);
+		};
+	}
+});
+//#endregion
+export { L as default };

package/dist/Content-eOfBx52Y.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);let e=require(`@oneclick.dev/cms-kit`),t=require(`vue`),n=require(`@lucide/vue`);var r={class:`flex flex-col gap-6 w-full max-w-7xl mx-auto py-8`},i={class:`flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center`},a={key:0,class:`flex items-center gap-2`},o={class:`flex items-center border rounded-lg overflow-hidden`},s=[`onClick`],ee={class:`text-sm text-destructive font-medium`},te={key:2,class:`flex items-center justify-center py-20`},ne={class:`flex items-center justify-between gap-4`},re={class:`flex items-center gap-2`},ie=[`onClick`],ae={key:0,class:`relative`},oe={class:`overflow-x-auto`},se={class:`w-full text-sm`},ce={class:`divide-y`},le={class:`px-6 py-3 text-muted-foreground`},ue={class:`px-4 py-3 max-w-[300px]`},de={class:`truncate font-mono text-xs`},fe={key:0,class:`truncate text-xs text-muted-foreground mt-0.5`},pe={class:`px-4 py-3 text-right tabular-nums`},me={class:`px-4 py-3 text-right tabular-nums`},he={class:`px-4 py-3 text-right tabular-nums`},ge={class:`px-4 py-3 text-right tabular-nums`},c={class:`px-4 py-3 text-right tabular-nums`},l={class:`px-4 py-3 text-right`},u={class:`flex items-center justify-end gap-2`},d={class:`w-12 h-1.5 bg-muted rounded-full overflow-hidden`},f={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},p={class:`overflow-x-auto`},m={class:`w-full text-sm`},h={class:`divide-y`},g={class:`px-6 py-3 text-muted-foreground`},_={class:`px-4 py-3 font-mono text-xs truncate max-w-[300px]`},v={class:`px-4 py-3 text-right tabular-nums`},y={class:`px-4 py-3 text-right tabular-nums`},b={class:`px-4 py-3 text-right tabular-nums`},x={class:`px-4 py-3 text-right tabular-nums`},S={class:`px-4 py-3 text-right tabular-nums`},C={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},w={class:`overflow-x-auto`},T={class:`w-full text-sm`},E={class:`divide-y`},D={class:`px-6 py-3 text-muted-foreground`},O={class:`px-4 py-3 font-mono text-xs truncate max-w-[300px]`},k={class:`px-4 py-3 text-right tabular-nums`},A={class:`px-4 py-3 text-right tabular-nums`},j={class:`px-4 py-3 text-right`},_e={class:`flex items-center justify-end gap-2`},M={class:`w-16 h-1.5 bg-muted rounded-full overflow-hidden`},N={key:0,class:`px-6 py-8 text-center text-muted-foreground text-sm`},P=(0,t.defineComponent)({__name:`Content`,setup(P){let{config:F}=(0,e.useModule)(),{moduleId:I}=(0,e.useModuleRoute)();(0,e.useModuleBreadcrumbs)(()=>[{label:`Content`}]);let L=(0,t.ref)(!0),R=(0,t.ref)(null),z=(0,t.ref)(`30`),B=(0,t.ref)(`all`),V=(0,t.ref)(``),H=(0,t.ref)([]),U=(0,t.ref)([]),W=(0,t.ref)([]),G=(0,t.computed)(()=>!!(F.serviceAccount&&F.propertyId));function K(e){return`/api/v1/modules/${I}${e}`}let ve=[{label:`7d`,value:`7`},{label:`14d`,value:`14`},{label:`30d`,value:`30`},{label:`90d`,value:`90`}];function q(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:Math.round(e).toString()}function J(e){return`${(e*100).toFixed(1)}%`}function Y(e){let t=Math.floor(e/60),n=Math.round(e%60);return t>0?`${t}m ${n}s`:`${n}s`}function X(e){let t=e.engagementRate||0,n=Math.min((e.averageSessionDuration||0)/300,1),r=Math.min((e.screenPageViews||0)/1e3,1);return(t*.4+n*.35+r*.25)*100}function ye(e){return e>=70?`text-emerald-600 dark:text-emerald-400`:e>=40?`text-amber-600 dark:text-amber-400`:`text-red-500 dark:text-red-400`}function be(e){return e>=70?`bg-emerald-500`:e>=40?`bg-amber-500`:`bg-red-500`}let Z=(0,t.computed)(()=>{if(!V.value)return H.value;let e=V.value.toLowerCase();return H.value.filter(t=>(t.pagePath||``).toLowerCase().includes(e)||(t.pageTitle||``).toLowerCase().includes(e))});async function Q(){if(!G.value)return;L.value=!0,R.value=null;let e=`${z.value}daysAgo`;try{let[t,n,r]=await Promise.all([$fetch(K(`/content/all-pages?startDate=${e}&endDate=today&limit=50`)),$fetch(K(`/content/landing-pages?startDate=${e}&endDate=today`)),$fetch(K(`/content/exit-pages?startDate=${e}&endDate=today`))]);H.value=t.rows||[],U.value=n.rows||[],W.value=r.rows||[]}catch(e){R.value=e?.data?.statusMessage||e?.message||`Failed to load content data`}finally{L.value=!1}}return(0,t.watch)(z,()=>Q()),(0,t.onMounted)(()=>{G.value?Q():L.value=!1}),(e,P)=>{let F=(0,t.resolveComponent)(`Button`),I=(0,t.resolveComponent)(`Card`),H=(0,t.resolveComponent)(`CardContent`),K=(0,t.resolveComponent)(`CardTitle`),$=(0,t.resolveComponent)(`CardHeader`);return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,r,[(0,t.createElementVNode)(`div`,i,[P[1]||=(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`h1`,{class:`text-2xl font-semibold`},`Content Performance`),(0,t.createElementVNode)(`p`,{class:`text-muted-foreground text-sm mt-1`},`How your pages perform`)],-1),G.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[(0,t.createElementVNode)(`div`,o,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(ve,e=>(0,t.createElementVNode)(`button`,{key:e.value,class:(0,t.normalizeClass)([`px-3 py-1.5 text-xs font-medium transition-colors`,z.value===e.value?`bg-primary text-primary-foreground`:`text-muted-foreground hover:text-foreground hover:bg-muted`]),onClick:t=>z.value=e.value},(0,t.toDisplayString)(e.label),11,s)),64))]),(0,t.createVNode)(F,{variant:`outline`,size:`icon`,onClick:Q,disabled:L.value},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.RefreshCw),{class:(0,t.normalizeClass)([`size-4`,{"animate-spin":L.value}])},null,8,[`class`])]),_:1},8,[`disabled`])])):(0,t.createCommentVNode)(``,!0)]),G.value?R.value?((0,t.openBlock)(),(0,t.createBlock)(I,{key:1,class:`p-6 border-destructive/50 bg-destructive/5`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`p`,ee,(0,t.toDisplayString)(R.value),1),(0,t.createVNode)(F,{variant:`outline`,size:`sm`,class:`mt-3`,onClick:Q},{default:(0,t.withCtx)(()=>[...P[3]||=[(0,t.createTextVNode)(`Retry`,-1)]]),_:1})]),_:1})):L.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,te,[(0,t.createVNode)((0,t.unref)(n.Loader2),{class:`size-8 animate-spin text-muted-foreground`})])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:3},[(0,t.createElementVNode)(`div`,ne,[(0,t.createElementVNode)(`div`,re,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)([{key:`all`,label:`All Pages`,icon:(0,t.unref)(n.FileText)},{key:`landing`,label:`Landing Pages`,icon:(0,t.unref)(n.LogIn)},{key:`exit`,label:`Exit Pages`,icon:(0,t.unref)(n.LogOut)}],e=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:e.key,class:(0,t.normalizeClass)([`flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md transition-colors`,B.value===e.key?`bg-muted text-foreground`:`text-muted-foreground hover:text-foreground`]),onClick:t=>B.value=e.key},[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.icon),{class:`size-3.5`})),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(e.label),1)],10,ie))),128))]),B.value===`all`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ae,[(0,t.createVNode)((0,t.unref)(n.Search),{class:`absolute left-2.5 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground`}),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{"onUpdate:modelValue":P[0]||=e=>V.value=e,type:`text`,placeholder:`Filter pages...`,class:`pl-8 pr-3 py-1.5 text-sm border rounded-md bg-transparent w-48 focus:outline-none focus:ring-1 focus:ring-ring`},null,512),[[t.vModelText,V.value]])])):(0,t.createCommentVNode)(``,!0)]),B.value===`all`?((0,t.openBlock)(),(0,t.createBlock)(I,{key:0},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(H,{class:`p-0`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,oe,[(0,t.createElementVNode)(`table`,se,[P[4]||=(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,{class:`border-b text-left`},[(0,t.createElementVNode)(`th`,{class:`px-6 py-3 font-medium text-muted-foreground w-8`},`#`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground`},`Page`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Views`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Users`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Avg Time`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Bounce`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Engagement`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Score`)])],-1),(0,t.createElementVNode)(`tbody`,ce,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(Z.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:e.pagePath,class:`hover:bg-muted/50 group`},[(0,t.createElementVNode)(`td`,le,(0,t.toDisplayString)(n+1),1),(0,t.createElementVNode)(`td`,ue,[(0,t.createElementVNode)(`div`,de,(0,t.toDisplayString)(e.pagePath),1),e.pageTitle?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,fe,(0,t.toDisplayString)(e.pageTitle),1)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`td`,pe,(0,t.toDisplayString)(q(e.screenPageViews)),1),(0,t.createElementVNode)(`td`,me,(0,t.toDisplayString)(q(e.totalUsers)),1),(0,t.createElementVNode)(`td`,he,(0,t.toDisplayString)(Y(e.averageSessionDuration||0)),1),(0,t.createElementVNode)(`td`,ge,(0,t.toDisplayString)(J(e.bounceRate||0)),1),(0,t.createElementVNode)(`td`,c,(0,t.toDisplayString)(J(e.engagementRate||0)),1),(0,t.createElementVNode)(`td`,l,[(0,t.createElementVNode)(`div`,u,[(0,t.createElementVNode)(`div`,d,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`h-full rounded-full transition-all`,be(X(e))]),style:(0,t.normalizeStyle)({width:`${Math.min(X(e),100)}%`})},null,6)]),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`text-xs font-medium tabular-nums w-8 text-right`,ye(X(e))])},(0,t.toDisplayString)(Math.round(X(e))),3)])])]))),128))])])]),Z.value.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,(0,t.toDisplayString)(V.value?`No pages matching your search`:`No page data available`),1))]),_:1})]),_:1})):(0,t.createCommentVNode)(``,!0),B.value===`landing`?((0,t.openBlock)(),(0,t.createBlock)(I,{key:1},{default:(0,t.withCtx)(()=>[(0,t.createVNode)($,{class:`pb-2`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(K,{class:`text-base`},{default:(0,t.withCtx)(()=>[...P[5]||=[(0,t.createTextVNode)(`Top Landing Pages`,-1)]]),_:1}),P[6]||=(0,t.createElementVNode)(`p`,{class:`text-xs text-muted-foreground mt-1`},`Where users first enter your site. Low bounce + high engagement = great landing page.`,-1)]),_:1}),(0,t.createVNode)(H,{class:`p-0`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,p,[(0,t.createElementVNode)(`table`,m,[P[7]||=(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,{class:`border-b text-left`},[(0,t.createElementVNode)(`th`,{class:`px-6 py-3 font-medium text-muted-foreground w-8`},`#`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground`},`Landing Page`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Sessions`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Users`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Bounce`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Avg Time`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Engagement`)])],-1),(0,t.createElementVNode)(`tbody`,h,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(U.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:e.landingPagePlusQueryString,class:`hover:bg-muted/50`},[(0,t.createElementVNode)(`td`,g,(0,t.toDisplayString)(n+1),1),(0,t.createElementVNode)(`td`,_,(0,t.toDisplayString)(e.landingPagePlusQueryString),1),(0,t.createElementVNode)(`td`,v,(0,t.toDisplayString)(q(e.sessions)),1),(0,t.createElementVNode)(`td`,y,(0,t.toDisplayString)(q(e.totalUsers)),1),(0,t.createElementVNode)(`td`,b,[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)((e.bounceRate||0)>.6?`text-red-500`:(e.bounceRate||0)<.3?`text-emerald-600 dark:text-emerald-400`:``)},(0,t.toDisplayString)(J(e.bounceRate||0)),3)]),(0,t.createElementVNode)(`td`,x,(0,t.toDisplayString)(Y(e.averageSessionDuration||0)),1),(0,t.createElementVNode)(`td`,S,[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)((e.engagementRate||0)>.6?`text-emerald-600 dark:text-emerald-400`:``)},(0,t.toDisplayString)(J(e.engagementRate||0)),3)])]))),128))])])]),U.value.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,C,`No landing page data`))]),_:1})]),_:1})):(0,t.createCommentVNode)(``,!0),B.value===`exit`?((0,t.openBlock)(),(0,t.createBlock)(I,{key:2},{default:(0,t.withCtx)(()=>[(0,t.createVNode)($,{class:`pb-2`},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(K,{class:`text-base`},{default:(0,t.withCtx)(()=>[...P[8]||=[(0,t.createTextVNode)(`Top Exit Pages`,-1)]]),_:1}),P[9]||=(0,t.createElementVNode)(`p`,{class:`text-xs text-muted-foreground mt-1`},`Where users leave your site. High exit rate might indicate issues.`,-1)]),_:1}),(0,t.createVNode)(H,{class:`p-0`},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,w,[(0,t.createElementVNode)(`table`,T,[P[10]||=(0,t.createElementVNode)(`thead`,null,[(0,t.createElementVNode)(`tr`,{class:`border-b text-left`},[(0,t.createElementVNode)(`th`,{class:`px-6 py-3 font-medium text-muted-foreground w-8`},`#`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground`},`Page`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Sessions`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Page Views`),(0,t.createElementVNode)(`th`,{class:`px-4 py-3 font-medium text-muted-foreground text-right`},`Bounce Rate`)])],-1),(0,t.createElementVNode)(`tbody`,E,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(W.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:e.pagePath,class:`hover:bg-muted/50`},[(0,t.createElementVNode)(`td`,D,(0,t.toDisplayString)(n+1),1),(0,t.createElementVNode)(`td`,O,(0,t.toDisplayString)(e.pagePath),1),(0,t.createElementVNode)(`td`,k,(0,t.toDisplayString)(q(e.sessions)),1),(0,t.createElementVNode)(`td`,A,(0,t.toDisplayString)(q(e.screenPageViews)),1),(0,t.createElementVNode)(`td`,j,[(0,t.createElementVNode)(`div`,_e,[(0,t.createElementVNode)(`div`,M,[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`h-full rounded-full transition-all`,(e.exitRate||0)>.7?`bg-red-500`:(e.exitRate||0)>.4?`bg-amber-500`:`bg-emerald-500`]),style:(0,t.normalizeStyle)({width:`${(e.exitRate||0)*100}%`})},null,6)]),(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`text-xs tabular-nums`,(e.exitRate||0)>.7?`text-red-500`:``])},(0,t.toDisplayString)(J(e.exitRate||0)),3)])])]))),128))])])]),W.value.length?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,N,`No exit page data`))]),_:1})]),_:1})):(0,t.createCommentVNode)(``,!0)],64)):((0,t.openBlock)(),(0,t.createBlock)(I,{key:0,class:`p-8 text-center`},{default:(0,t.withCtx)(()=>[...P[2]||=[(0,t.createElementVNode)(`p`,{class:`text-lg font-medium`},`Setup required`,-1)]]),_:1}))])}}});exports.default=P;