@yourbright/emdash-analytics-plugin 0.1.1 → 0.1.3

package/dist/admin.js

@@ -0,0 +1,1017 @@
+// src/admin.tsx
+import { apiFetch as baseFetch, parseApiResponse } from "emdash/plugin-utils";
+import * as React from "react";
+
+// src/constants.ts
+var PLUGIN_ID = "emdash-google-analytics-dashboard";
+var ADMIN_ROUTES = {
+  STATUS: "admin/status",
+  OVERVIEW: "admin/overview",
+  LIST_PAGES: "admin/pages/list",
+  CONTENT_CONTEXT: "admin/content/get",
+  CONFIG_GET: "admin/config/get",
+  CONFIG_SAVE: "admin/config/save",
+  CONNECTION_TEST: "admin/connection/test",
+  SYNC_NOW: "admin/sync-now",
+  AGENT_KEYS_LIST: "admin/agent-keys/list",
+  AGENT_KEYS_CREATE: "admin/agent-keys/create",
+  AGENT_KEYS_REVOKE: "admin/agent-keys/revoke"
+};
+
+// src/admin.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var API_BASE = `/_emdash/api/plugins/${PLUGIN_ID}`;
+var EMPTY_CONFIG = {
+  siteOrigin: "",
+  ga4PropertyId: "",
+  gscSiteUrl: "",
+  serviceAccountJson: ""
+};
+function validateSettingsDraft(draft, stored, hasStoredServiceAccount) {
+  const siteOrigin = resolveDraftField(draft.siteOrigin, stored.siteOrigin);
+  const ga4PropertyId = resolveDraftField(draft.ga4PropertyId, stored.ga4PropertyId);
+  const gscSiteUrl = resolveDraftField(draft.gscSiteUrl, stored.gscSiteUrl);
+  const serviceAccountJson = draft.serviceAccountJson.trim();
+  if (!siteOrigin) return "Canonical Site Origin is required";
+  if (!isHttpUrl(siteOrigin)) return "Canonical Site Origin must be a valid http(s) URL";
+  if (!ga4PropertyId) return "GA4 Property ID is required";
+  if (!/^[0-9]+$/.test(ga4PropertyId)) return "GA4 Property ID must be numeric";
+  if (!gscSiteUrl) return "Search Console Property is required";
+  if (!isValidSearchConsoleProperty(gscSiteUrl)) {
+    return "Search Console Property must be a valid URL or sc-domain property";
+  }
+  if (!serviceAccountJson && !hasStoredServiceAccount) {
+    return "Service Account JSON is required on the first save";
+  }
+  if (serviceAccountJson) {
+    const serviceAccountError = validateServiceAccountJson(serviceAccountJson);
+    if (serviceAccountError) return serviceAccountError;
+  }
+  return null;
+}
+function resolveDraftField(value, fallback) {
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : fallback.trim();
+}
+function validateServiceAccountJson(value) {
+  try {
+    const parsed = JSON.parse(value);
+    const clientEmail = typeof parsed.client_email === "string" ? parsed.client_email.trim() : "";
+    const privateKey = typeof parsed.private_key === "string" ? parsed.private_key.trim() : "";
+    if (!clientEmail || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(clientEmail)) {
+      return "Service Account JSON must include a valid client_email";
+    }
+    if (!privateKey) {
+      return "Service Account JSON must include a private_key";
+    }
+    return null;
+  } catch {
+    return "Service Account JSON must be valid JSON";
+  }
+}
+function isHttpUrl(value) {
+  try {
+    const url = new URL(value);
+    return url.protocol === "http:" || url.protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+function isValidSearchConsoleProperty(value) {
+  if (value.startsWith("sc-domain:")) {
+    return value.slice("sc-domain:".length).trim().length > 0;
+  }
+  return isHttpUrl(value);
+}
+function apiPost(route, body) {
+  return baseFetch(`${API_BASE}/${route}`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body ?? {})
+  });
+}
+function apiGet(route) {
+  return baseFetch(`${API_BASE}/${route}`);
+}
+function buildConfigPayload(draft) {
+  const payload = {
+    siteOrigin: draft.siteOrigin.trim(),
+    ga4PropertyId: draft.ga4PropertyId.trim(),
+    gscSiteUrl: draft.gscSiteUrl.trim()
+  };
+  const serviceAccountJson = draft.serviceAccountJson.trim();
+  if (!serviceAccountJson) {
+    return payload;
+  }
+  return {
+    ...payload,
+    serviceAccountJson
+  };
+}
+function Shell({
+  title,
+  description,
+  actions,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border-b border-border pb-4 md:flex-row md:items-end md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+        description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+      ] }),
+      actions ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: actions }) : null
+    ] }),
+    children
+  ] });
+}
+function Section({
+  title,
+  subtitle,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-xl border border-border bg-card p-5 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 space-y-1", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: title }),
+      subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : null
+    ] }),
+    children
+  ] });
+}
+function StatCard({
+  label,
+  value,
+  note
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-background p-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-2 text-2xl font-semibold", children: value }),
+    note ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: note }) : null
+  ] });
+}
+function ErrorBanner({ message }) {
+  if (!message) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700", children: message });
+}
+function SuccessBanner({ message }) {
+  if (!message) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-700", children: message });
+}
+function Button({
+  children,
+  onClick,
+  disabled,
+  variant = "primary",
+  type = "button"
+}) {
+  const styles = variant === "primary" ? "border text-white shadow-sm" : variant === "danger" ? "border text-white shadow-sm" : "border border-slate-300 bg-white text-slate-900 shadow-sm hover:bg-slate-50";
+  const style = variant === "primary" ? {
+    backgroundColor: "var(--color-kumo-brand)",
+    borderColor: "var(--color-kumo-brand)"
+  } : variant === "danger" ? {
+    backgroundColor: "var(--color-kumo-danger)",
+    borderColor: "var(--color-kumo-danger)"
+  } : void 0;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      onClick,
+      disabled,
+      style,
+      className: `inline-flex min-h-11 items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold transition disabled:cursor-not-allowed disabled:opacity-50 ${styles}`,
+      children
+    }
+  );
+}
+function Input({
+  value,
+  onChange,
+  placeholder,
+  type = "text"
+}) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm outline-none transition focus:border-foreground"
+    }
+  );
+}
+function TextArea({
+  value,
+  onChange,
+  placeholder,
+  rows = 8
+}) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      rows,
+      className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm outline-none transition focus:border-foreground"
+    }
+  );
+}
+function Select({
+  value,
+  onChange,
+  options
+}) {
+  return /* @__PURE__ */ jsx(
+    "select",
+    {
+      value,
+      onChange: (event) => onChange(event.target.value),
+      className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm outline-none transition focus:border-foreground",
+      children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+    }
+  );
+}
+function Field({
+  label,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: label }),
+      hint ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: hint }) : null
+    ] }),
+    children
+  ] });
+}
+function MetricTable({
+  items,
+  emptyMessage
+}) {
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { className: "text-left text-xs uppercase tracking-[0.16em] text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Page" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Type" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GSC Clicks" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GA Views" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Opportunity Score" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: items.map((item) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/80", children: [
+      /* @__PURE__ */ jsxs("td", { className: "py-3 pr-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: item.title }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: item.urlPath })
+      ] }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: pageKindLabel(item.pageKind) }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatInteger(item.gscClicks28d) }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatInteger(item.gaViews28d) }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: /* @__PURE__ */ jsx("span", { className: "rounded-full bg-accent px-2 py-1 text-xs font-medium", children: item.opportunityScore }) })
+    ] }, item.urlPath)) })
+  ] }) });
+}
+function KpiDeltaCard({ metric }) {
+  return /* @__PURE__ */ jsx(
+    StatCard,
+    {
+      label: metric.label,
+      value: formatInteger(metric.current),
+      note: `vs prev ${formatSignedInteger(metric.delta)} (${formatInteger(metric.previous)})`
+    }
+  );
+}
+function TrendPanel({
+  title,
+  subtitle,
+  metrics,
+  trend
+}) {
+  return /* @__PURE__ */ jsx(Section, { title, subtitle, children: /* @__PURE__ */ jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: metrics.map((metric) => /* @__PURE__ */ jsx(TrendMetricCard, { metric, trend }, metric.key)) }) });
+}
+function TrendMetricCard({
+  metric,
+  trend
+}) {
+  const data = trend.map((row) => ({
+    date: row.date,
+    value: metric.key === "gscClicks" ? row.gscClicks : metric.key === "gscImpressions" ? row.gscImpressions : metric.key === "gaViews" ? row.gaViews : metric.key === "gaUsers" ? row.gaUsers : row.gaSessions
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-background p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: metric.label }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1 text-2xl font-semibold", children: formatInteger(metric.current) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: `text-sm font-medium ${metric.delta >= 0 ? "text-emerald-700" : "text-red-700"}`, children: formatSignedInteger(metric.delta) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(Sparkline, { data }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs text-muted-foreground", children: [
+      "Previous 28d: ",
+      formatInteger(metric.previous)
+    ] })
+  ] });
+}
+function Sparkline({
+  data
+}) {
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "h-28 rounded-lg border border-dashed border-border bg-card" });
+  }
+  const width = 320;
+  const height = 112;
+  const padding = 10;
+  const values = data.map((item) => item.value);
+  const max = Math.max(...values, 1);
+  const min = Math.min(...values, 0);
+  const range = Math.max(max - min, 1);
+  const points = data.map((item, index) => {
+    const x = padding + index / Math.max(data.length - 1, 1) * (width - padding * 2);
+    const y = height - padding - (item.value - min) / range * (height - padding * 2);
+    return `${x},${y}`;
+  });
+  return /* @__PURE__ */ jsx("svg", { viewBox: `0 0 ${width} ${height}`, className: "h-28 w-full overflow-visible", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: `M ${points.join(" L ")}`,
+      fill: "none",
+      stroke: "var(--color-kumo-brand)",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function BreakdownTable({
+  rows,
+  emptyMessage
+}) {
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { className: "text-left text-xs uppercase tracking-[0.16em] text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Group" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Pages" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GSC Clicks" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GA Views" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GA Sessions" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/80", children: [
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4 font-medium", children: row.label }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatInteger(row.trackedPages) }),
+      /* @__PURE__ */ jsxs("td", { className: "py-3 pr-4", children: [
+        formatInteger(row.current.gscClicks),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatSignedInteger(row.delta.gscClicks) })
+      ] }),
+      /* @__PURE__ */ jsxs("td", { className: "py-3 pr-4", children: [
+        formatInteger(row.current.gaViews),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatSignedInteger(row.delta.gaViews) })
+      ] }),
+      /* @__PURE__ */ jsxs("td", { className: "py-3 pr-4", children: [
+        formatInteger(row.current.gaSessions),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatSignedInteger(row.delta.gaSessions) })
+      ] })
+    ] }, row.key)) })
+  ] }) });
+}
+function MoversTable({
+  items,
+  emptyMessage
+}) {
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { className: "text-left text-xs uppercase tracking-[0.16em] text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Page" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Type" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GA Views \u0394" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GSC Clicks \u0394" }),
+      /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Current Views" })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: items.map((item) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/80", children: [
+      /* @__PURE__ */ jsxs("td", { className: "py-3 pr-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: item.title }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: item.urlPath })
+      ] }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: pageKindLabel(item.pageKind) }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatSignedInteger(item.gaViewsDelta) }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatSignedInteger(item.gscClicksDelta) }),
+      /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatInteger(item.gaViews28d) })
+    ] }, item.urlPath)) })
+  ] }) });
+}
+function OverviewPage() {
+  const [status, setStatus] = React.useState(null);
+  const [overview, setOverview] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [statusRes, overviewRes] = await Promise.all([
+        apiGet(ADMIN_ROUTES.STATUS),
+        apiGet(ADMIN_ROUTES.OVERVIEW)
+      ]);
+      const [statusData, overviewData] = await Promise.all([
+        parseApiResponse(statusRes, "Failed to load status"),
+        parseApiResponse(overviewRes, "Failed to load overview")
+      ]);
+      setStatus(statusData);
+      setOverview(overviewData);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load overview");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const summary = overview?.summary ?? status?.summary ?? null;
+  const freshness = overview?.freshness ?? status?.freshness ?? idleFreshness();
+  return /* @__PURE__ */ jsxs(
+    Shell,
+    {
+      title: "Content Insights",
+      description: "Monitor site health, compare the last 28 days to the previous window, and spot pages that changed fastest.",
+      actions: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void load(), disabled: loading, children: "Reload" }),
+      children: [
+        /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
+        !status?.config ? /* @__PURE__ */ jsx(Section, { title: "Not Configured", subtitle: "Save your Google connection settings first.", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "After saving the configuration, run a manual sync to populate this dashboard." }) }) : null,
+        /* @__PURE__ */ jsx(Section, { title: "Freshness", subtitle: "Track the latest sync and the effective source dates.", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-4", children: [
+          /* @__PURE__ */ jsx(StatCard, { label: "Last Sync", value: formatDateTime(freshness.lastSyncedAt), note: statusLabel(freshness.lastStatus) }),
+          /* @__PURE__ */ jsx(StatCard, { label: "GSC Final Date", value: freshness.lastGscDate || "-" }),
+          /* @__PURE__ */ jsx(StatCard, { label: "GA Final Date", value: freshness.lastGaDate || "-" }),
+          /* @__PURE__ */ jsx(StatCard, { label: "Service Account", value: status?.config?.serviceAccountEmail || "-" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Section, { title: "KPI Snapshot", subtitle: "Current 28 days versus the previous 28 days across all tracked public pages.", children: /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-5", children: (overview?.kpiDeltas ?? []).map((metric) => /* @__PURE__ */ jsx(KpiDeltaCard, { metric }, metric.key)) }) }),
+        summary ? /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(
+            TrendPanel,
+            {
+              title: "Search Trend",
+              subtitle: "Daily search demand and click capture for the current 28-day window.",
+              metrics: (overview?.kpiDeltas ?? []).filter(
+                (metric) => metric.key === "gscClicks" || metric.key === "gscImpressions"
+              ),
+              trend: summary.trend
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TrendPanel,
+            {
+              title: "Traffic Trend",
+              subtitle: "Daily traffic movement from GA4 for the current 28-day window.",
+              metrics: (overview?.kpiDeltas ?? []).filter(
+                (metric) => metric.key === "gaViews" || metric.key === "gaSessions"
+              ),
+              trend: summary.trend
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(Section, { title: "Page Mix", subtitle: "Compare page groups by current volume and change from the previous window.", children: /* @__PURE__ */ jsx(BreakdownTable, { rows: overview?.pageKindBreakdown ?? [], emptyMessage: "No tracked pages yet." }) }),
+          /* @__PURE__ */ jsx(Section, { title: "Managed Coverage", subtitle: "See whether growth is coming from EmDash-managed content or unmanaged pages.", children: /* @__PURE__ */ jsx(BreakdownTable, { rows: overview?.managedBreakdown ?? [], emptyMessage: "No tracked pages yet." }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(Section, { title: "Top Gainers", subtitle: "Pages with the strongest positive movement in the last 28 days.", children: /* @__PURE__ */ jsx(MoversTable, { items: overview?.topGainers ?? [], emptyMessage: "No gaining pages yet." }) }),
+          /* @__PURE__ */ jsx(Section, { title: "Top Decliners", subtitle: "Pages with the sharpest drop and the clearest candidates for investigation.", children: /* @__PURE__ */ jsx(MoversTable, { items: overview?.topDecliners ?? [], emptyMessage: "No declining pages yet." }) })
+        ] }),
+        /* @__PURE__ */ jsx(Section, { title: "Reporting Windows", subtitle: "The agent API returns the same windows.", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(WindowCard, { label: "GSC Current", value: summary?.window.gscCurrent }),
+          /* @__PURE__ */ jsx(WindowCard, { label: "GSC Previous", value: summary?.window.gscPrevious }),
+          /* @__PURE__ */ jsx(WindowCard, { label: "GA Current", value: summary?.window.gaCurrent }),
+          /* @__PURE__ */ jsx(WindowCard, { label: "GA Previous", value: summary?.window.gaPrevious })
+        ] }) })
+      ]
+    }
+  );
+}
+function PagesPage() {
+  const [managed, setManaged] = React.useState("all");
+  const [pageKind, setPageKind] = React.useState("all");
+  const [hasOpportunity, setHasOpportunity] = React.useState(false);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [pages2, setPages] = React.useState([]);
+  const [selected, setSelected] = React.useState(null);
+  const [detail, setDetail] = React.useState(null);
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await apiPost(ADMIN_ROUTES.LIST_PAGES, {
+        managed,
+        pageKind,
+        hasOpportunity,
+        limit: 100
+      });
+      const data = await parseApiResponse(response, "Failed to load page list");
+      setPages(data.items);
+      if (selected) {
+        const nextSelected = data.items.find((item) => item.urlPath === selected.urlPath) || null;
+        setSelected(nextSelected);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load page list");
+    } finally {
+      setLoading(false);
+    }
+  }, [managed, pageKind, hasOpportunity, selected]);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  React.useEffect(() => {
+    if (!selected?.contentId || selected.contentCollection !== "posts") {
+      setDetail(null);
+      return;
+    }
+    let cancelled = false;
+    (async () => {
+      try {
+        const response = await apiPost(ADMIN_ROUTES.CONTENT_CONTEXT, {
+          collection: selected.contentCollection,
+          id: selected.contentId
+        });
+        const data = await parseApiResponse(response, "Failed to load details");
+        if (!cancelled) setDetail(data);
+      } catch {
+        if (!cancelled) setDetail(null);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [selected]);
+  return /* @__PURE__ */ jsxs(Shell, { title: "Pages", description: "Explore all public pages and filter down to the content that needs attention.", children: [
+    /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
+    /* @__PURE__ */ jsx(Section, { title: "Filters", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Scope", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: managed,
+          onChange: (value) => setManaged(value),
+          options: [
+            { value: "all", label: "All Pages" },
+            { value: "managed", label: "Managed Only" },
+            { value: "unmanaged", label: "Unmanaged Only" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Page Type", children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: pageKind,
+          onChange: (value) => setPageKind(value),
+          options: [
+            { value: "all", label: "All Types" },
+            { value: "blog_post", label: "Blog Post" },
+            { value: "blog_archive", label: "Blog Archive" },
+            { value: "tag", label: "Tag" },
+            { value: "author", label: "Author" },
+            { value: "landing", label: "Landing" },
+            { value: "other", label: "Other" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Opportunities Only", children: /* @__PURE__ */ jsx("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: hasOpportunity,
+          onChange: (event) => setHasOpportunity(event.target.checked),
+          className: "h-4 w-4 rounded border-border"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void load(), disabled: loading, children: "Apply Filters" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-[minmax(0,1.3fr)_minmax(320px,0.9fr)]", children: [
+      /* @__PURE__ */ jsx(Section, { title: "Page Table", subtitle: loading ? "Loading..." : `Showing ${pages2.length} pages.`, children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { className: "text-left text-xs uppercase tracking-[0.16em] text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Page" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Managed" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GSC CTR" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "GA Views" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Score" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: pages2.map((page) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: `cursor-pointer border-t border-border/80 transition hover:bg-accent/40 ${selected?.urlPath === page.urlPath ? "bg-accent/60" : ""}`,
+            onClick: () => setSelected(page),
+            children: [
+              /* @__PURE__ */ jsxs("td", { className: "py-3 pr-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium", children: page.title }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: page.urlPath })
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: page.managed ? "Yes" : "No" }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatPercent(page.gscCtr28d) }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatInteger(page.gaViews28d) }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: page.opportunityScore })
+            ]
+          },
+          page.urlPath
+        )) })
+      ] }) }) }),
+      /* @__PURE__ */ jsx(Section, { title: "Selected Page", subtitle: "Managed pages also show query data and opportunity evidence.", children: !selected ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Select a page from the table." }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: selected.title }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: selected.urlPath })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsx(StatCard, { label: "GSC Impressions", value: formatInteger(selected.gscImpressions28d) }),
+          /* @__PURE__ */ jsx(StatCard, { label: "GSC CTR", value: formatPercent(selected.gscCtr28d) }),
+          /* @__PURE__ */ jsx(StatCard, { label: "GA Views", value: formatInteger(selected.gaViews28d) }),
+          /* @__PURE__ */ jsx(StatCard, { label: "GA Engagement", value: formatPercent(selected.gaEngagementRate28d) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Opportunity Tags" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: selected.opportunityTags.length > 0 ? selected.opportunityTags.map((tag) => /* @__PURE__ */ jsx("span", { className: "rounded-full bg-accent px-2 py-1 text-xs font-medium", children: tag }, tag)) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "No tags." }) })
+        ] }),
+        detail ? /* @__PURE__ */ jsx(DetailBlock, { detail }) : null
+      ] }) })
+    ] })
+  ] });
+}
+function SettingsPage() {
+  const [draft, setDraft] = React.useState(EMPTY_CONFIG);
+  const [storedConfig, setStoredConfig] = React.useState({
+    siteOrigin: "",
+    ga4PropertyId: "",
+    gscSiteUrl: ""
+  });
+  const [hasStoredServiceAccount, setHasStoredServiceAccount] = React.useState(false);
+  const [storedServiceAccountEmail, setStoredServiceAccountEmail] = React.useState(null);
+  const [keys, setKeys] = React.useState([]);
+  const [newKeyLabel, setNewKeyLabel] = React.useState("");
+  const [generatedKey, setGeneratedKey] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [busy, setBusy] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  const [success, setSuccess] = React.useState(null);
+  const load = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [configRes, keysRes] = await Promise.all([
+        apiGet(ADMIN_ROUTES.CONFIG_GET),
+        apiGet(ADMIN_ROUTES.AGENT_KEYS_LIST)
+      ]);
+      const [config, agentKeys] = await Promise.all([
+        parseApiResponse(configRes, "Failed to load settings"),
+        parseApiResponse(keysRes, "Failed to load API keys")
+      ]);
+      setDraft({
+        siteOrigin: config.siteOrigin || "",
+        ga4PropertyId: config.ga4PropertyId || "",
+        gscSiteUrl: config.gscSiteUrl || "",
+        serviceAccountJson: ""
+      });
+      setStoredConfig({
+        siteOrigin: config.siteOrigin || "",
+        ga4PropertyId: config.ga4PropertyId || "",
+        gscSiteUrl: config.gscSiteUrl || ""
+      });
+      setHasStoredServiceAccount(!!config.hasServiceAccount);
+      setStoredServiceAccountEmail(config.serviceAccountEmail || null);
+      setKeys(agentKeys);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load settings");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  React.useEffect(() => {
+    void load();
+  }, [load]);
+  const save = async () => {
+    const validationMessage = validateSettingsDraft(draft, storedConfig, hasStoredServiceAccount);
+    if (validationMessage) {
+      setError(validationMessage);
+      setSuccess(null);
+      return;
+    }
+    setBusy("save");
+    setError(null);
+    setSuccess(null);
+    try {
+      const payload = buildConfigPayload(draft);
+      const config = await parseApiResponse(
+        await apiPost(ADMIN_ROUTES.CONFIG_SAVE, payload),
+        "Failed to save settings"
+      );
+      setDraft((current) => ({
+        ...current,
+        serviceAccountJson: ""
+      }));
+      setHasStoredServiceAccount(true);
+      setStoredServiceAccountEmail(config.serviceAccountEmail || storedServiceAccountEmail);
+      setStoredConfig({
+        siteOrigin: config.siteOrigin || storedConfig.siteOrigin,
+        ga4PropertyId: config.ga4PropertyId || storedConfig.ga4PropertyId,
+        gscSiteUrl: config.gscSiteUrl || storedConfig.gscSiteUrl
+      });
+      setSuccess("Settings saved.");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save settings");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const testConnection = async () => {
+    const validationMessage = validateSettingsDraft(draft, storedConfig, hasStoredServiceAccount);
+    if (validationMessage) {
+      setError(validationMessage);
+      setSuccess(null);
+      return;
+    }
+    setBusy("test");
+    setError(null);
+    setSuccess(null);
+    try {
+      const response = await apiPost(ADMIN_ROUTES.CONNECTION_TEST, buildConfigPayload(draft));
+      await parseApiResponse(response, "Connection test failed");
+      setSuccess("Connection test succeeded.");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Connection test failed");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const syncNow = async () => {
+    setBusy("sync");
+    setError(null);
+    setSuccess(null);
+    try {
+      const response = await apiPost(ADMIN_ROUTES.SYNC_NOW);
+      await parseApiResponse(response, "Manual sync failed");
+      setSuccess("Manual sync started. Reload Overview after it completes.");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Manual sync failed");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const createKey = async () => {
+    if (!newKeyLabel.trim()) return;
+    setBusy("create-key");
+    setError(null);
+    setSuccess(null);
+    try {
+      const response = await apiPost(ADMIN_ROUTES.AGENT_KEYS_CREATE, {
+        label: newKeyLabel.trim()
+      });
+      const data = await parseApiResponse(response, "Failed to create API key");
+      setGeneratedKey(data.key);
+      setNewKeyLabel("");
+      setSuccess("Created a new agent API key. This is the only time the raw key will be shown.");
+      await load();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to create API key");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const revokeKey = async (prefix) => {
+    setBusy(prefix);
+    setError(null);
+    setSuccess(null);
+    try {
+      const response = await apiPost(ADMIN_ROUTES.AGENT_KEYS_REVOKE, { prefix });
+      await parseApiResponse(response, "Failed to revoke API key");
+      setSuccess(`Revoked ${prefix}.`);
+      await load();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to revoke API key");
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Shell,
+    {
+      title: "Analytics",
+      description: "Manage Google connection settings, manual sync, and agent API keys.",
+      children: [
+        /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
+        /* @__PURE__ */ jsx(SuccessBanner, { message: success }),
+        /* @__PURE__ */ jsxs(Section, { title: "Google Connection", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Canonical Site Origin", hint: "Example: https://www.yourbright.co.jp", children: /* @__PURE__ */ jsx(Input, { value: draft.siteOrigin, onChange: (value) => setDraft((current) => ({ ...current, siteOrigin: value })) }) }),
+            /* @__PURE__ */ jsx(Field, { label: "GA4 Property ID", hint: "Enter the numeric property ID.", children: /* @__PURE__ */ jsx(Input, { value: draft.ga4PropertyId, onChange: (value) => setDraft((current) => ({ ...current, ga4PropertyId: value })) }) }),
+            /* @__PURE__ */ jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsx(Field, { label: "Search Console Property", hint: "Example: https://www.yourbright.co.jp/ or sc-domain:yourbright.co.jp", children: /* @__PURE__ */ jsx(Input, { value: draft.gscSiteUrl, onChange: (value) => setDraft((current) => ({ ...current, gscSiteUrl: value })) }) }) }),
+            /* @__PURE__ */ jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsx(
+              Field,
+              {
+                label: "Service Account JSON",
+                hint: hasStoredServiceAccount ? `Current: ${storedServiceAccountEmail || "configured"}. Leave blank to keep the current secret.` : "Required on the first save.",
+                children: /* @__PURE__ */ jsx(
+                  TextArea,
+                  {
+                    value: draft.serviceAccountJson,
+                    onChange: (value) => setDraft((current) => ({ ...current, serviceAccountJson: value })),
+                    placeholder: '{"client_email":"...","private_key":"..."}',
+                    rows: 12
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-wrap gap-3 border-t border-border pt-4", children: [
+            /* @__PURE__ */ jsx(Button, { onClick: () => void save(), disabled: !!busy, children: busy === "save" ? "Saving..." : "Save Settings" }),
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void testConnection(), disabled: !!busy, children: busy === "test" ? "Testing..." : "Test Connection" }),
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => void syncNow(), disabled: !!busy, children: busy === "sync" ? "Syncing..." : "Run Manual Sync" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Section, { title: "Agent API Keys", subtitle: "Use these with Authorization: AgentKey yb_ins_... or X-Emdash-Agent-Key. Raw keys are shown only once.", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-[minmax(0,1fr)_auto]", children: [
+            /* @__PURE__ */ jsx(Field, { label: "New key label", children: /* @__PURE__ */ jsx(Input, { value: newKeyLabel, onChange: setNewKeyLabel, placeholder: "content-feedback-agent" }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx(Button, { onClick: () => void createKey(), disabled: !!busy || !newKeyLabel.trim(), children: busy === "create-key" ? "Creating..." : "Create Key" }) })
+          ] }),
+          generatedKey ? /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-lg border border-amber-200 bg-amber-50 p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-amber-900", children: "Generated Key" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 break-all font-mono text-sm text-amber-900", children: generatedKey })
+          ] }) : null,
+          /* @__PURE__ */ jsx("div", { className: "mt-4 overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+            /* @__PURE__ */ jsx("thead", { className: "text-left text-xs uppercase tracking-[0.16em] text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Prefix" }),
+              /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Label" }),
+              /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Created" }),
+              /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Last Used" }),
+              /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Status" }),
+              /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4" })
+            ] }) }),
+            /* @__PURE__ */ jsx("tbody", { children: keys.map((key) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/80", children: [
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4 font-mono text-xs", children: key.prefix }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: key.label }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatDateTime(key.createdAt) }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: formatDateTime(key.lastUsedAt) }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: key.revokedAt ? "Revoked" : "Active" }),
+              /* @__PURE__ */ jsx("td", { className: "py-3 pr-4", children: key.revokedAt ? null : /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: () => void revokeKey(key.prefix), disabled: busy === key.prefix, children: "Revoke" }) })
+            ] }, key.prefix)) })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+}
+function ContentOpportunitiesWidget() {
+  const [overview, setOverview] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const response = await apiGet(ADMIN_ROUTES.OVERVIEW);
+        const data = await parseApiResponse(response, "Failed to load widget data");
+        if (!cancelled) setOverview(data);
+      } catch (err) {
+        if (!cancelled) setError(err instanceof Error ? err.message : "Failed to load widget data");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  if (error) {
+    return /* @__PURE__ */ jsx(ErrorBanner, { message: error });
+  }
+  const summary = overview?.summary;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(StatCard, { label: "Tracked Pages", value: formatInteger(summary?.totals.trackedPages ?? 0) }),
+      /* @__PURE__ */ jsx(StatCard, { label: "Managed Opportunities", value: formatInteger(summary?.totals.managedOpportunities ?? 0) }),
+      /* @__PURE__ */ jsx(StatCard, { label: "GSC Clicks", value: formatInteger(summary?.totals.gscClicks28d ?? 0) }),
+      /* @__PURE__ */ jsx(StatCard, { label: "GA Views", value: formatInteger(summary?.totals.gaViews28d ?? 0) })
+    ] }),
+    /* @__PURE__ */ jsx(MetricTable, { items: overview?.topOpportunities ?? [], emptyMessage: "No opportunities yet." })
+  ] });
+}
+function DetailBlock({ detail }) {
+  const analytics = isRecord(detail.analytics) ? detail.analytics : null;
+  const searchQueries = Array.isArray(analytics?.searchQueries) ? analytics.searchQueries : [];
+  const opportunities = Array.isArray(analytics?.opportunities) ? analytics.opportunities : [];
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 border-t border-border pt-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Opportunity Evidence" }),
+      opportunities.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: opportunities.map((entry, index) => {
+        const row = isRecord(entry) ? entry : {};
+        return /* @__PURE__ */ jsxs("li", { className: "rounded-lg border border-border bg-background px-3 py-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: String(row.tag || "-") }),
+          /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: String(row.reason || "-") })
+        ] }, `${String(row.tag || index)}`);
+      }) }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "No opportunity evidence yet." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Top Search Queries" }),
+      searchQueries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { className: "text-left text-xs uppercase tracking-[0.16em] text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Query" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Clicks" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "Impressions" }),
+          /* @__PURE__ */ jsx("th", { className: "pb-3 pr-4", children: "CTR" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: searchQueries.map((entry, index) => {
+          const row = isRecord(entry) ? entry : {};
+          return /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/80", children: [
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4", children: String(row.query || "-") }),
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4", children: formatInteger(numberValue(row.clicks28d)) }),
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4", children: formatInteger(numberValue(row.impressions28d)) }),
+            /* @__PURE__ */ jsx("td", { className: "py-2 pr-4", children: formatPercent(numberValue(row.ctr28d)) })
+          ] }, `${String(row.query || index)}`);
+        }) })
+      ] }) }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "No query data yet." })
+    ] })
+  ] });
+}
+function WindowCard({
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-background p-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm font-medium", children: value ? `${value.startDate} - ${value.endDate}` : "-" })
+  ] });
+}
+function formatInteger(value) {
+  return new Intl.NumberFormat("ja-JP").format(value ?? 0);
+}
+function formatSignedInteger(value) {
+  const numeric = value ?? 0;
+  if (numeric === 0) return "0";
+  return `${numeric > 0 ? "+" : ""}${formatInteger(numeric)}`;
+}
+function formatPercent(value) {
+  return `${((value ?? 0) * 100).toFixed(1)}%`;
+}
+function formatDateTime(value) {
+  if (!value) return "-";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleString("ja-JP", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function pageKindLabel(pageKind) {
+  switch (pageKind) {
+    case "blog_post":
+      return "Blog Post";
+    case "blog_archive":
+      return "Blog Archive";
+    case "tag":
+      return "Tag";
+    case "author":
+      return "Author";
+    case "landing":
+      return "Landing";
+    default:
+      return "Other";
+  }
+}
+function statusLabel(status) {
+  switch (status) {
+    case "success":
+      return "Healthy";
+    case "degraded":
+      return "Degraded";
+    case "error":
+      return "Failed";
+    default:
+      return "Idle";
+  }
+}
+function idleFreshness() {
+  return {
+    lastSyncedAt: null,
+    lastGscDate: null,
+    lastGaDate: null,
+    lastStatus: "idle"
+  };
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function numberValue(value) {
+  return typeof value === "number" ? value : 0;
+}
+var pages = {
+  "/": OverviewPage,
+  "/pages": PagesPage,
+  "/settings": SettingsPage
+};
+var widgets = {
+  "content-opportunities": ContentOpportunitiesWidget
+};
+export {
+  pages,
+  widgets
+};