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

package/dist/SeoHealth-Cxp_Gb3Y.mjs

@@ -0,0 +1,459 @@
+import { i as e, n as t, r as n, t as r } from "./xy-container-CuQSwrtB.mjs";
+import { n as i, t as a } from "./line-tYLnEDGV.mjs";
+import { useModule as o, useModuleBreadcrumbs as s, useModuleRoute as c } from "@oneclick.dev/cms-kit";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, onMounted as b, openBlock as x, ref as S, renderList as C, resolveComponent as w, toDisplayString as T, unref as E, watch as ee, withCtx as D } from "vue";
+import { AlertTriangle as O, ArrowUpRight as te, Eye as k, FileText as A, Hash as j, Loader2 as M, MousePointerClick as N, RefreshCw as P, Search as F, TrendingUp as I } from "@lucide/vue";
+import { ChartTooltipContent as L, componentToString as R } from "@oneclick.dev/cms-kit/charts";
+//#region src/googleAnalytics/components/seo-health/utils.ts
+function z(e) {
+	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : Math.round(e).toString();
+}
+function B(e) {
+	return `${(e * 100).toFixed(1)}%`;
+}
+function V(e) {
+	return e.toFixed(1);
+}
+function H(e) {
+	return e <= 3 ? "text-emerald-600 dark:text-emerald-400" : e <= 10 ? "text-blue-600 dark:text-blue-400" : e <= 20 ? "text-amber-600 dark:text-amber-400" : "text-red-600 dark:text-red-400";
+}
+function U(e) {
+	return e <= 3 ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : e <= 10 ? "bg-blue-500/10 text-blue-600 dark:text-blue-400" : e <= 20 ? "bg-amber-500/10 text-amber-600 dark:text-amber-400" : "bg-red-500/10 text-red-600 dark:text-red-400";
+}
+function W(e) {
+	try {
+		return new URL(e).pathname;
+	} catch {
+		return e;
+	}
+}
+//#endregion
+//#region src/googleAnalytics/components/seo-health/SeoKpiCards.vue?vue&type=script&setup=true&lang.ts
+var G = { class: "grid grid-cols-2 @3xl:grid-cols-4 gap-4" }, K = { class: "flex items-center flex-wrap gap-2 text-xs text-muted-foreground" }, q = { class: "text-2xl font-bold tabular-nums" }, J = { class: "flex items-center flex-wrap gap-2 text-xs text-muted-foreground" }, Y = { class: "text-2xl font-bold tabular-nums" }, X = { class: "flex items-center flex-wrap gap-2 text-xs text-muted-foreground" }, Z = { class: "text-2xl font-bold tabular-nums" }, Q = { class: "flex items-center flex-wrap gap-2 text-xs text-muted-foreground" }, ne = /* @__PURE__ */ _({
+	__name: "SeoKpiCards",
+	props: { totals: {} },
+	setup(e) {
+		return (t, n) => {
+			let r = w("Card");
+			return x(), p("div", G, [
+				g(r, { class: "p-4 space-y-1" }, {
+					default: D(() => [m("div", K, [g(E(N), { class: "size-3.5 shrink-0" }), n[0] ||= h(" Total Clicks ", -1)]), m("p", q, T(E(z)(e.totals.clicks)), 1)]),
+					_: 1
+				}),
+				g(r, { class: "p-4 space-y-1" }, {
+					default: D(() => [m("div", J, [g(E(k), { class: "size-3.5 shrink-0" }), n[1] ||= h(" Total Impressions ", -1)]), m("p", Y, T(E(z)(e.totals.impressions)), 1)]),
+					_: 1
+				}),
+				g(r, { class: "p-4 space-y-1" }, {
+					default: D(() => [m("div", X, [g(E(I), { class: "size-3.5 shrink-0" }), n[2] ||= h(" Average CTR ", -1)]), m("p", Z, T(E(B)(e.totals.ctr)), 1)]),
+					_: 1
+				}),
+				g(r, { class: "p-4 space-y-1" }, {
+					default: D(() => [m("div", Q, [g(E(j), { class: "size-3.5 shrink-0" }), n[3] ||= h(" Avg Position ", -1)]), m("p", { class: v(["text-2xl font-bold tabular-nums", E(H)(e.totals.avgPosition)]) }, T(E(V)(e.totals.avgPosition)), 3)]),
+					_: 1
+				})
+			]);
+		};
+	}
+}), re = { class: "flex items-center gap-4" }, ie = { class: "flex items-center gap-2" }, ae = { class: "text-xs" }, oe = { class: "flex items-center gap-2" }, se = { class: "text-xs" }, ce = { class: "flex items-center gap-2" }, le = { class: "text-xs" }, ue = { class: "flex items-center gap-2" }, de = { class: "text-xs" }, fe = {
+	key: 0,
+	class: "flex h-3 rounded-full overflow-hidden mt-3"
+}, pe = /* @__PURE__ */ _({
+	__name: "SeoRankingDistribution",
+	props: { keywords: {} },
+	setup(e) {
+		let t = e, n = u(() => t.keywords.filter((e) => e.position <= 3).length), r = u(() => t.keywords.filter((e) => e.position <= 10).length), i = u(() => t.keywords.filter((e) => e.position <= 20).length);
+		return (t, a) => {
+			let o = w("Card");
+			return x(), d(o, { class: "p-4" }, {
+				default: D(() => [
+					a[8] ||= m("h3", { class: "text-sm font-medium mb-3" }, "Keyword Ranking Distribution", -1),
+					m("div", re, [
+						m("div", ie, [a[1] ||= m("span", { class: "inline-block w-3 h-3 rounded-full bg-emerald-500" }, null, -1), m("span", ae, [a[0] ||= h("Top 3: ", -1), m("strong", null, T(n.value), 1)])]),
+						m("div", oe, [a[3] ||= m("span", { class: "inline-block w-3 h-3 rounded-full bg-blue-500" }, null, -1), m("span", se, [a[2] ||= h("Top 10: ", -1), m("strong", null, T(r.value), 1)])]),
+						m("div", ce, [a[5] ||= m("span", { class: "inline-block w-3 h-3 rounded-full bg-amber-500" }, null, -1), m("span", le, [a[4] ||= h("Top 20: ", -1), m("strong", null, T(i.value), 1)])]),
+						m("div", ue, [a[7] ||= m("span", { class: "inline-block w-3 h-3 rounded-full bg-red-500" }, null, -1), m("span", de, [a[6] ||= h("20+: ", -1), m("strong", null, T(e.keywords.length - i.value), 1)])])
+					]),
+					e.keywords.length > 0 ? (x(), p("div", fe, [
+						m("div", {
+							class: "bg-emerald-500 transition-all",
+							style: y({ width: `${n.value / e.keywords.length * 100}%` })
+						}, null, 4),
+						m("div", {
+							class: "bg-blue-500 transition-all",
+							style: y({ width: `${(r.value - n.value) / e.keywords.length * 100}%` })
+						}, null, 4),
+						m("div", {
+							class: "bg-amber-500 transition-all",
+							style: y({ width: `${(i.value - r.value) / e.keywords.length * 100}%` })
+						}, null, 4),
+						m("div", {
+							class: "bg-red-500 transition-all",
+							style: y({ width: `${(e.keywords.length - i.value) / e.keywords.length * 100}%` })
+						}, null, 4)
+					])) : f("", !0)
+				]),
+				_: 1
+			});
+		};
+	}
+}), me = {
+	key: 0,
+	class: "h-48"
+}, he = {
+	key: 1,
+	class: "text-xs text-muted-foreground text-center py-10"
+}, ge = /* @__PURE__ */ _({
+	__name: "SeoClicksChart",
+	props: { trends: {} },
+	setup(o) {
+		let s = o, c = (e, t) => t, l = (e) => e.clicks || 0, u = (e) => {
+			let t = s.trends[Math.round(e)];
+			if (!t) return "";
+			let n = new Date(t.date);
+			return `${n.getDate()}/${n.getMonth() + 1}`;
+		}, f = (e) => {
+			let t = s.trends[Math.round(Number(e))];
+			return t ? new Date(t.date).toLocaleDateString(void 0, {
+				weekday: "short",
+				month: "short",
+				day: "numeric"
+			}) : "";
+		};
+		return (s, h) => {
+			let _ = w("Card");
+			return x(), d(_, { class: "p-4" }, {
+				default: D(() => [h[0] ||= m("h3", { class: "text-sm font-medium mb-3" }, "Clicks Over Time", -1), o.trends.length > 1 ? (x(), p("div", me, [g(E(r), {
+					data: o.trends,
+					height: 180
+				}, {
+					default: D(() => [
+						g(E(i), {
+							x: c,
+							y: l,
+							color: "#3b82f6",
+							opacity: .1,
+							curveType: "monotoneX"
+						}),
+						g(E(a), {
+							x: c,
+							y: l,
+							color: "#3b82f6",
+							curveType: "monotoneX"
+						}),
+						g(E(e), {
+							type: "x",
+							tickFormat: u,
+							numTicks: 5,
+							gridLine: !1
+						}),
+						g(E(e), {
+							type: "y",
+							gridLine: !0,
+							numTicks: 4
+						}),
+						g(E(n), { template: (e) => E(R)(E(L), {
+							namePayload: [{
+								name: "Clicks",
+								value: e.clicks,
+								color: "#3b82f6"
+							}],
+							labelFormatter: f
+						}) }, null, 8, ["template"]),
+						g(E(t))
+					]),
+					_: 1
+				}, 8, ["data"])])) : (x(), p("p", he, "Not enough data for chart"))]),
+				_: 1
+			});
+		};
+	}
+}), _e = {
+	key: 0,
+	class: "h-48"
+}, ve = {
+	key: 1,
+	class: "text-xs text-muted-foreground text-center py-10"
+}, ye = /* @__PURE__ */ _({
+	__name: "SeoImpressionsChart",
+	props: { trends: {} },
+	setup(o) {
+		let s = o, c = (e, t) => t, l = (e) => e.impressions || 0, u = (e) => {
+			let t = s.trends[Math.round(e)];
+			if (!t) return "";
+			let n = new Date(t.date);
+			return `${n.getDate()}/${n.getMonth() + 1}`;
+		}, f = (e) => {
+			let t = s.trends[Math.round(Number(e))];
+			return t ? new Date(t.date).toLocaleDateString(void 0, {
+				weekday: "short",
+				month: "short",
+				day: "numeric"
+			}) : "";
+		};
+		return (s, h) => {
+			let _ = w("Card");
+			return x(), d(_, { class: "p-4" }, {
+				default: D(() => [h[0] ||= m("h3", { class: "text-sm font-medium mb-3" }, "Impressions Over Time", -1), o.trends.length > 1 ? (x(), p("div", _e, [g(E(r), {
+					data: o.trends,
+					height: 180
+				}, {
+					default: D(() => [
+						g(E(i), {
+							x: c,
+							y: l,
+							color: "#8b5cf6",
+							opacity: .1,
+							curveType: "monotoneX"
+						}),
+						g(E(a), {
+							x: c,
+							y: l,
+							color: "#8b5cf6",
+							curveType: "monotoneX"
+						}),
+						g(E(e), {
+							type: "x",
+							tickFormat: u,
+							numTicks: 5,
+							gridLine: !1
+						}),
+						g(E(e), {
+							type: "y",
+							gridLine: !0,
+							numTicks: 4
+						}),
+						g(E(n), { template: (e) => E(R)(E(L), {
+							namePayload: [{
+								name: "Impressions",
+								value: e.impressions,
+								color: "#8b5cf6"
+							}],
+							labelFormatter: f
+						}) }, null, 8, ["template"]),
+						g(E(t))
+					]),
+					_: 1
+				}, 8, ["data"])])) : (x(), p("p", ve, "Not enough data for chart"))]),
+				_: 1
+			});
+		};
+	}
+}), be = { class: "divide-y" }, xe = {
+	key: 0,
+	class: "p-8 text-center text-sm text-muted-foreground"
+}, Se = { class: "flex items-start @sm:items-center gap-3" }, Ce = { class: "text-xs font-medium text-muted-foreground w-6 text-right shrink-0 mt-0.5 @sm:mt-0" }, we = { class: "flex-1 min-w-0" }, Te = { class: "flex flex-col @sm:flex-row @sm:items-center gap-2 @sm:gap-3" }, Ee = { class: "flex-1 min-w-0" }, De = { class: "text-sm font-medium truncate" }, Oe = { class: "h-1.5 rounded-full bg-muted overflow-hidden mt-1.5 max-w-xs" }, ke = { class: "flex items-center gap-3 @sm:gap-4 text-xs text-muted-foreground @sm:shrink-0 flex-wrap" }, Ae = { class: "flex items-center gap-1" }, je = { class: "flex items-center gap-1" }, Me = /* @__PURE__ */ _({
+	__name: "SeoKeywordsTab",
+	props: { keywords: {} },
+	setup(e) {
+		let t = e, n = u(() => Math.max(...t.keywords.map((e) => e.clicks), 1));
+		return (t, r) => (x(), p("div", be, [e.keywords.length === 0 ? (x(), p("div", xe, " No keyword data found for this period. ")) : f("", !0), (x(!0), p(l, null, C(e.keywords, (e, t) => (x(), p("div", {
+			key: t,
+			class: "px-4 py-3 hover:bg-muted/30 transition-colors"
+		}, [m("div", Se, [m("span", Ce, T(t + 1) + ".", 1), m("div", we, [m("div", Te, [m("div", Ee, [m("p", De, T(e.query), 1), m("div", Oe, [m("div", {
+			class: "h-full rounded-full bg-blue-500/70",
+			style: y({ width: `${e.clicks / n.value * 100}%` })
+		}, null, 4)])]), m("div", ke, [
+			m("span", Ae, [g(E(N), { class: "size-3" }), h(" " + T(E(z)(e.clicks)), 1)]),
+			m("span", je, [g(E(k), { class: "size-3" }), h(" " + T(E(z)(e.impressions)), 1)]),
+			m("span", null, T(E(B)(e.ctr)), 1),
+			m("span", { class: v(["inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium", E(U)(e.position)]) }, " #" + T(E(V)(e.position)), 3)
+		])])])])]))), 128))]));
+	}
+}), Ne = { class: "divide-y" }, Pe = {
+	key: 0,
+	class: "p-8 text-center text-sm text-muted-foreground"
+}, Fe = { class: "flex items-start @sm:items-center gap-3" }, Ie = { class: "text-xs font-medium text-muted-foreground w-6 text-right shrink-0 mt-0.5 @sm:mt-0" }, Le = { class: "flex-1 min-w-0" }, Re = { class: "flex flex-col @sm:flex-row @sm:items-center gap-2 @sm:gap-3" }, ze = { class: "flex-1 min-w-0" }, Be = ["title"], Ve = { class: "h-1.5 rounded-full bg-muted overflow-hidden mt-1.5 max-w-xs" }, He = { class: "flex items-center gap-3 @sm:gap-4 text-xs text-muted-foreground @sm:shrink-0 flex-wrap" }, Ue = { class: "flex items-center gap-1" }, We = { class: "flex items-center gap-1" }, Ge = /* @__PURE__ */ _({
+	__name: "SeoPagesTab",
+	props: { pages: {} },
+	setup(e) {
+		let t = e, n = u(() => Math.max(...t.pages.map((e) => e.clicks), 1));
+		return (t, r) => (x(), p("div", Ne, [e.pages.length === 0 ? (x(), p("div", Pe, " No page data found for this period. ")) : f("", !0), (x(!0), p(l, null, C(e.pages, (e, t) => (x(), p("div", {
+			key: t,
+			class: "px-4 py-3 hover:bg-muted/30 transition-colors"
+		}, [m("div", Fe, [m("span", Ie, T(t + 1) + ".", 1), m("div", Le, [m("div", Re, [m("div", ze, [m("p", {
+			class: "text-sm font-medium truncate",
+			title: e.page
+		}, T(E(W)(e.page)), 9, Be), m("div", Ve, [m("div", {
+			class: "h-full rounded-full bg-violet-500/70",
+			style: y({ width: `${e.clicks / n.value * 100}%` })
+		}, null, 4)])]), m("div", He, [
+			m("span", Ue, [g(E(N), { class: "size-3" }), h(" " + T(E(z)(e.clicks)), 1)]),
+			m("span", We, [g(E(k), { class: "size-3" }), h(" " + T(E(z)(e.impressions)), 1)]),
+			m("span", null, T(E(B)(e.ctr)), 1),
+			m("span", { class: v(["inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium", E(U)(e.position)]) }, " #" + T(E(V)(e.position)), 3)
+		])])])])]))), 128))]));
+	}
+}), Ke = { class: "divide-y" }, qe = {
+	key: 0,
+	class: "p-8 text-center text-sm text-muted-foreground"
+}, Je = { class: "flex items-start gap-3" }, Ye = { class: "text-xs font-medium text-muted-foreground w-6 text-right shrink-0 mt-0.5" }, Xe = { class: "flex-1 min-w-0" }, Ze = { class: "flex flex-col @sm:flex-row @sm:items-center gap-2 @sm:gap-3" }, Qe = { class: "flex-1 min-w-0 space-y-0.5" }, $e = { class: "text-sm font-medium" }, et = ["title"], tt = { class: "flex items-center gap-3 @sm:gap-4 text-xs text-muted-foreground @sm:shrink-0 flex-wrap" }, $ = { class: "flex items-center gap-1" }, nt = /* @__PURE__ */ _({
+	__name: "SeoMappingTab",
+	props: { queryPages: {} },
+	setup(e) {
+		return (t, n) => (x(), p("div", Ke, [e.queryPages.length === 0 ? (x(), p("div", qe, " No query-page data found for this period. ")) : f("", !0), (x(!0), p(l, null, C(e.queryPages, (e, t) => (x(), p("div", {
+			key: t,
+			class: "px-4 py-3 hover:bg-muted/30 transition-colors"
+		}, [m("div", Je, [m("span", Ye, T(t + 1) + ".", 1), m("div", Xe, [m("div", Ze, [m("div", Qe, [m("p", $e, T(e.query), 1), m("p", {
+			class: "text-xs text-muted-foreground truncate",
+			title: e.page
+		}, "→ " + T(E(W)(e.page)), 9, et)]), m("div", tt, [m("span", $, [g(E(N), { class: "size-3" }), h(" " + T(E(z)(e.clicks)), 1)]), m("span", { class: v(["inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium", E(U)(e.position)]) }, " #" + T(E(V)(e.position)), 3)])])])])]))), 128))]));
+	}
+}), rt = { class: "flex flex-col gap-6 w-full max-w-7xl mx-auto py-8" }, it = { class: "flex justify-between gap-4 flex-col @lg:flex-row @lg:items-center" }, at = {
+	key: 0,
+	class: "flex items-center gap-2"
+}, ot = { class: "flex items-center border rounded-lg overflow-hidden" }, st = ["onClick"], ct = { class: "text-sm text-destructive font-medium" }, lt = {
+	key: 3,
+	class: "flex items-center justify-center py-20"
+}, ut = { class: "grid grid-cols-1 @3xl:grid-cols-2 gap-4" }, dt = { class: "border-b" }, ft = { class: "flex" }, pt = /* @__PURE__ */ _({
+	__name: "SeoHealth",
+	setup(e) {
+		let { config: t } = o(), { moduleId: n } = c();
+		s(() => [{ label: "SEO Health" }]);
+		let r = S(!0), i = S(null), a = S("30"), _ = S([]), y = S({
+			clicks: 0,
+			impressions: 0,
+			ctr: 0,
+			avgPosition: 0
+		}), k = S([]), j = S([]), N = S([]), I = u(() => !!(t.serviceAccount && t.propertyId && t.siteUrl)), L = u(() => !!t.siteUrl);
+		function R(e) {
+			return `/api/v1/modules/${n}${e}`;
+		}
+		let z = [
+			{
+				label: "7d",
+				value: "7"
+			},
+			{
+				label: "14d",
+				value: "14"
+			},
+			{
+				label: "30d",
+				value: "30"
+			},
+			{
+				label: "90d",
+				value: "90"
+			}
+		];
+		async function B() {
+			if (!I.value) return;
+			r.value = !0, i.value = null;
+			let e = `${a.value}daysAgo`;
+			try {
+				let [t, n, r, i] = await Promise.all([
+					$fetch(R(`/seo/trends?startDate=${e}&endDate=today`)),
+					$fetch(R(`/seo/keywords?startDate=${e}&endDate=today&limit=50`)),
+					$fetch(R(`/seo/pages?startDate=${e}&endDate=today&limit=30`)),
+					$fetch(R(`/seo/query-pages?startDate=${e}&endDate=today`))
+				]);
+				_.value = t.rows || [], y.value = t.totals || {
+					clicks: 0,
+					impressions: 0,
+					ctr: 0,
+					avgPosition: 0
+				}, k.value = n.rows || [], j.value = r.rows || [], N.value = i.rows || [];
+			} catch (e) {
+				i.value = e?.data?.statusMessage || e?.message || "Failed to load SEO data";
+			} finally {
+				r.value = !1;
+			}
+		}
+		ee(a, () => B()), b(() => {
+			I.value ? B() : r.value = !1;
+		});
+		let V = S("keywords");
+		return (e, t) => {
+			let n = w("Button"), o = w("Card");
+			return x(), p("div", rt, [m("div", it, [t[3] ||= m("div", null, [m("h1", { class: "text-2xl font-semibold" }, "SEO Health"), m("p", { class: "text-muted-foreground text-sm mt-1" }, "Search Console performance & keyword rankings")], -1), I.value ? (x(), p("div", at, [m("div", ot, [(x(), p(l, null, C(z, (e) => m("button", {
+				key: e.value,
+				class: v(["px-3 py-1.5 text-xs font-medium transition-colors", a.value === e.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"]),
+				onClick: (t) => a.value = e.value
+			}, T(e.label), 11, st)), 64))]), g(n, {
+				variant: "outline",
+				size: "icon",
+				onClick: B,
+				disabled: r.value
+			}, {
+				default: D(() => [g(E(P), { class: v(["size-4", { "animate-spin": r.value }]) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["disabled"])])) : f("", !0)]), L.value ? I.value ? i.value ? (x(), d(o, {
+				key: 2,
+				class: "p-6 border-destructive/50 bg-destructive/5"
+			}, {
+				default: D(() => [m("p", ct, T(i.value), 1), g(n, {
+					variant: "outline",
+					size: "sm",
+					class: "mt-3",
+					onClick: B
+				}, {
+					default: D(() => [...t[7] ||= [h("Retry", -1)]]),
+					_: 1
+				})]),
+				_: 1
+			})) : r.value ? (x(), p("div", lt, [g(E(M), { class: "size-8 animate-spin text-muted-foreground" })])) : (x(), p(l, { key: 4 }, [
+				g(ne, { totals: y.value }, null, 8, ["totals"]),
+				g(pe, { keywords: k.value }, null, 8, ["keywords"]),
+				m("div", ut, [g(ge, { trends: _.value }, null, 8, ["trends"]), g(ye, { trends: _.value }, null, 8, ["trends"])]),
+				g(o, { class: "overflow-hidden" }, {
+					default: D(() => [
+						m("div", dt, [m("div", ft, [
+							m("button", {
+								class: v(["px-4 py-2.5 text-sm font-medium transition-colors border-b-2", V.value === "keywords" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"]),
+								onClick: t[0] ||= (e) => V.value = "keywords"
+							}, [g(E(F), { class: "size-3.5 inline mr-1.5" }), t[8] ||= h(" Keywords ", -1)], 2),
+							m("button", {
+								class: v(["px-4 py-2.5 text-sm font-medium transition-colors border-b-2", V.value === "pages" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"]),
+								onClick: t[1] ||= (e) => V.value = "pages"
+							}, [g(E(A), { class: "size-3.5 inline mr-1.5" }), t[9] ||= h(" Pages ", -1)], 2),
+							m("button", {
+								class: v(["px-4 py-2.5 text-sm font-medium transition-colors border-b-2", V.value === "mapping" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"]),
+								onClick: t[2] ||= (e) => V.value = "mapping"
+							}, [g(E(te), { class: "size-3.5 inline mr-1.5" }), t[10] ||= h(" Keyword → Page ", -1)], 2)
+						])]),
+						V.value === "keywords" ? (x(), d(Me, {
+							key: 0,
+							keywords: k.value
+						}, null, 8, ["keywords"])) : f("", !0),
+						V.value === "pages" ? (x(), d(Ge, {
+							key: 1,
+							pages: j.value
+						}, null, 8, ["pages"])) : f("", !0),
+						V.value === "mapping" ? (x(), d(nt, {
+							key: 2,
+							queryPages: N.value
+						}, null, 8, ["queryPages"])) : f("", !0)
+					]),
+					_: 1
+				})
+			], 64)) : (x(), d(o, {
+				key: 1,
+				class: "p-8 text-center"
+			}, {
+				default: D(() => [...t[6] ||= [m("p", { class: "text-lg font-medium" }, "Setup required", -1), m("p", { class: "text-sm text-muted-foreground mt-1" }, "Configure your service account, property ID, and site URL in module settings.", -1)]]),
+				_: 1
+			})) : (x(), d(o, {
+				key: 0,
+				class: "p-8 text-center space-y-3"
+			}, {
+				default: D(() => [
+					g(E(O), { class: "size-10 text-amber-500 mx-auto" }),
+					t[4] ||= m("p", { class: "text-lg font-medium" }, "Search Console not configured", -1),
+					t[5] ||= m("p", { class: "text-sm text-muted-foreground max-w-md mx-auto" }, [
+						h(" Add your "),
+						m("strong", null, "Search Console Site URL"),
+						h(" in the module settings to enable SEO data. Use the exact format from Google Search Console (e.g. "),
+						m("code", null, "https://example.com"),
+						h(" or "),
+						m("code", null, "sc-domain:example.com"),
+						h("). ")
+					], -1)
+				]),
+				_: 1
+			}))]);
+		};
+	}
+});
+//#endregion
+export { pt as default };