third-audience-mdx 1.0.0

package/dist/dashboard/ui/pages/LlmTrafficPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/ui/pages/LlmTrafficPage.tsx","../../../../src/dashboard/ui/components/Card.tsx","../../../../src/dashboard/ui/components/HeroCard.tsx"],"sourcesContent":["import fs from 'fs'\nimport path from 'path'\nimport { Card } from '../components/Card.js'\nimport { HeroCard } from '../components/HeroCard.js'\nimport type { CitationRecord } from '../../../citations/citation-tracker.js'\n\nconst PLATFORM_COLORS: Record<string, string> = {\n  ChatGPT: 'green', Perplexity: 'blue', Claude: 'orange',\n  Gemini: 'teal', Copilot: 'blue', default: 'gray',\n}\n\nfunction loadCitations(days = 30): CitationRecord[] {\n  const dataDir = process.env.TA_DATA_DIR ?? 'data'\n  const filePath = path.join(process.cwd(), dataDir, 'ta-citations.jsonl')\n  if (!fs.existsSync(filePath)) return []\n\n  const cutoff = new Date()\n  cutoff.setDate(cutoff.getDate() - days)\n  const cutoffStr = cutoff.toISOString()\n\n  return fs.readFileSync(filePath, 'utf-8')\n    .split('\\n').filter(Boolean)\n    .map(l => { try { return JSON.parse(l) as CitationRecord } catch { return null } })\n    .filter((r): r is CitationRecord => r !== null && r.timestamp >= cutoffStr)\n}\n\nfunction groupBy<T>(arr: T[], key: (item: T) => string): Array<{ name: string; count: number }> {\n  const map = new Map<string, number>()\n  for (const item of arr) {\n    const k = key(item)\n    map.set(k, (map.get(k) ?? 0) + 1)\n  }\n  return [...map.entries()]\n    .sort((a, b) => b[1] - a[1])\n    .map(([name, count]) => ({ name, count }))\n}\n\nexport async function LlmTrafficPage() {\n  const records = loadCitations(30)\n\n  const today = new Date().toISOString().slice(0, 10)\n  const todayCount = records.filter(r => r.timestamp.startsWith(today)).length\n\n  const byPlatform = groupBy(records, r => r.platform)\n  const byPage = groupBy(records, r => r.url)\n  const byQuery = groupBy(records.filter(r => r.query), r => r.query!).slice(0, 10)\n\n  return (\n    <div>\n      <h1 className=\"ta-page-title\">LLM Traffic</h1>\n      <p className=\"ta-page-subtitle\">Citation clicks from AI platforms (last 30 days)</p>\n\n      <div className=\"ta-hero-grid\">\n        <HeroCard\n          label=\"Total Citations\"\n          value={records.length.toLocaleString()}\n          meta={`${todayCount} today`}\n          color=\"blue\"\n          icon={<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg>}\n        />\n        <HeroCard\n          label=\"AI Platforms\"\n          value={byPlatform.length}\n          meta=\"distinct sources\"\n          color=\"green\"\n          icon={<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"/></svg>}\n        />\n        <HeroCard\n          label=\"Pages Cited\"\n          value={byPage.length}\n          meta=\"unique URLs cited\"\n          color=\"orange\"\n          icon={<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/></svg>}\n        />\n        <HeroCard\n          label=\"Top Platform\"\n          value={byPlatform[0]?.name ?? '—'}\n          meta={byPlatform[0] ? `${byPlatform[0].count} citations` : 'no data yet'}\n          color=\"teal\"\n          icon={<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/></svg>}\n        />\n      </div>\n\n      <div className=\"ta-grid-2\">\n        <Card title=\"By Platform\">\n          {byPlatform.length === 0 ? (\n            <div className=\"ta-empty\"><p>No citation data yet. Make sure citation-tracker.js is included in your layout.</p></div>\n          ) : (\n            <table className=\"ta-table\">\n              <thead><tr><th>Platform</th><th>Citations</th><th>Share</th></tr></thead>\n              <tbody>\n                {byPlatform.map(p => {\n                  const pct = records.length > 0 ? ((p.count / records.length) * 100).toFixed(1) : '0'\n                  const color = PLATFORM_COLORS[p.name] ?? PLATFORM_COLORS.default\n                  return (\n                    <tr key={p.name}>\n                      <td><span className={`ta-badge ta-badge--${color}`}>{p.name}</span></td>\n                      <td><strong>{p.count}</strong></td>\n                      <td style={{ fontSize: 12, color: 'var(--ta-gray-600)' }}>{pct}%</td>\n                    </tr>\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n        </Card>\n\n        <Card title=\"Top Queries\">\n          {byQuery.length === 0 ? (\n            <div className=\"ta-empty\"><p>No query data yet. Queries are captured when AI platforms include a search term in the referrer URL.</p></div>\n          ) : (\n            <table className=\"ta-table\">\n              <thead><tr><th>Query</th><th>Citations</th></tr></thead>\n              <tbody>\n                {byQuery.map(q => (\n                  <tr key={q.name}>\n                    <td style={{ fontFamily: 'var(--ta-font-mono)', fontSize: 12 }}>{q.name}</td>\n                    <td><strong>{q.count}</strong></td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          )}\n        </Card>\n      </div>\n\n      <Card title=\"Top Cited Pages\">\n        {byPage.length === 0 ? (\n          <div className=\"ta-empty\"><p>No pages cited yet.</p></div>\n        ) : (\n          <table className=\"ta-table\">\n            <thead><tr><th>Page</th><th>Citations</th></tr></thead>\n            <tbody>\n              {byPage.slice(0, 20).map(p => (\n                <tr key={p.name}>\n                  <td>\n                    <a href={p.name} target=\"_blank\" rel=\"noreferrer\" style={{ fontFamily: 'var(--ta-font-mono)', fontSize: 12 }}>\n                      {p.name}\n                    </a>\n                  </td>\n                  <td><strong>{p.count}</strong></td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        )}\n      </Card>\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\n\ninterface CardProps {\n  title: string\n  action?: ReactNode\n  children: ReactNode\n}\n\nexport function Card({ title, action, children }: CardProps) {\n  return (\n    <div className=\"ta-card ta-section\">\n      <div className=\"ta-card-header\">\n        <h2>{title}</h2>\n        {action}\n      </div>\n      <div className=\"ta-card-body\">{children}</div>\n    </div>\n  )\n}\n","import type { ReactNode } from 'react'\n\ninterface HeroCardProps {\n  label: string\n  value: string | number\n  meta?: string\n  color?: 'blue' | 'green' | 'orange' | 'teal'\n  icon: ReactNode\n}\n\nexport function HeroCard({ label, value, meta, color = 'blue', icon }: HeroCardProps) {\n  return (\n    <div className={`ta-hero-card ta-hero-card--${color}`}>\n      <div className=\"ta-hero-icon\">{icon}</div>\n      <div>\n        <div className=\"ta-hero-label\">{label}</div>\n        <div className=\"ta-hero-value\">{value}</div>\n        {meta && <div className=\"ta-hero-meta\">{meta}</div>}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs"]}

package/dist/dashboard/ui/pages/SettingsPage.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+interface SettingsPageProps {
+    maskedKey: string | null;
+}
+declare function SettingsPage({ maskedKey: initialMasked }: SettingsPageProps): react.JSX.Element;
+
+export { SettingsPage };

package/dist/dashboard/ui/pages/SettingsPage.d.ts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+interface SettingsPageProps {
+    maskedKey: string | null;
+}
+declare function SettingsPage({ maskedKey: initialMasked }: SettingsPageProps): react.JSX.Element;
+
+export { SettingsPage };

package/dist/dashboard/ui/pages/SettingsPage.js

@@ -0,0 +1,181 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dashboard/ui/pages/SettingsPage.tsx
+var SettingsPage_exports = {};
+__export(SettingsPage_exports, {
+  SettingsPage: () => SettingsPage
+});
+module.exports = __toCommonJS(SettingsPage_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SettingsPage({ maskedKey: initialMasked }) {
+  const [masked, setMasked] = (0, import_react.useState)(initialMasked);
+  const [revealed, setRevealed] = (0, import_react.useState)(null);
+  const [rotating, setRotating] = (0, import_react.useState)(false);
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  async function handleRotate() {
+    if (!confirm("Rotate the API key? All existing integrations using the current key will stop working immediately.")) return;
+    setRotating(true);
+    setError(null);
+    setRevealed(null);
+    try {
+      const res = await fetch("/api/third-audience/api-key", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: "rotate" })
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error ?? "Failed");
+      setRevealed(data.key ?? null);
+      setMasked(null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Unknown error");
+    } finally {
+      setRotating(false);
+    }
+  }
+  async function handleCopy(text) {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      setError("Copy failed \u2014 please copy manually.");
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-page", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ta-page-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "ta-page-title", children: "Settings" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-card", style: { maxWidth: 640 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ta-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "ta-card-title", children: "API Key" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-card-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { fontSize: 14, color: "var(--ta-secondary)", marginBottom: 20 }, children: [
+          "Use this key to authenticate headless or external API calls via the",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "X-TA-Api-Key" }),
+          " request header. Keep it secret."
+        ] }),
+        revealed && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+          background: "#f0fff4",
+          border: "1.5px solid #34c759",
+          borderRadius: 10,
+          padding: "14px 16px",
+          marginBottom: 16
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 12, fontWeight: 600, color: "#1a7f37", marginBottom: 8 }, children: "New API key \u2014 copy it now, it will not be shown again" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { style: {
+              flex: 1,
+              fontFamily: "monospace",
+              fontSize: 13,
+              wordBreak: "break-all",
+              background: "#fff",
+              padding: "8px 12px",
+              borderRadius: 8,
+              border: "1px solid #d2d2d7"
+            }, children: revealed }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                className: "ta-btn ta-btn-secondary",
+                onClick: () => handleCopy(revealed),
+                style: { whiteSpace: "nowrap" },
+                children: copied ? "\u2713 Copied" : "Copy"
+              }
+            )
+          ] })
+        ] }),
+        !revealed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", gap: 10, alignItems: "center", marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            readOnly: true,
+            value: masked ?? "(no key generated)",
+            style: {
+              flex: 1,
+              fontFamily: "monospace",
+              fontSize: 13,
+              padding: "9px 12px",
+              border: "1.5px solid #d2d2d7",
+              borderRadius: 10,
+              background: "#f5f5f7",
+              color: "#1d1d1f"
+            }
+          }
+        ) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+          background: "#fff2f2",
+          border: "1px solid #ffbaba",
+          borderRadius: 8,
+          padding: "10px 14px",
+          fontSize: 13,
+          color: "#c0392b",
+          marginBottom: 16
+        }, children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: "ta-btn ta-btn-danger",
+            onClick: handleRotate,
+            disabled: rotating,
+            children: rotating ? "Rotating\u2026" : "Rotate API key"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { fontSize: 12, color: "var(--ta-secondary)", marginTop: 10 }, children: "Rotating generates a new key immediately. The old key stops working at once." })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-card", style: { maxWidth: 640, marginTop: 20 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ta-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "ta-card-title", children: "Usage" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-card-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { fontSize: 14, color: "var(--ta-secondary)", marginBottom: 12 }, children: [
+          "Include the key in the ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "X-TA-Api-Key" }),
+          " header on any API request:"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { style: {
+          background: "#1d1d1f",
+          color: "#f5f5f7",
+          borderRadius: 10,
+          padding: "14px 16px",
+          fontSize: 13,
+          overflowX: "auto"
+        }, children: `curl https://yoursite.com/api/third-audience/analytics \\
+  -H "X-TA-Api-Key: ta_your_key_here"` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { fontSize: 13, color: "var(--ta-secondary)", marginTop: 12 }, children: [
+          "Or use ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "Authorization: Bearer ta_your_key_here" }),
+          " if your HTTP client does not support custom headers."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-card", style: { maxWidth: 640, marginTop: 20 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ta-card-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "ta-card-title", children: "Dashboard password" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ta-card-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { fontSize: 14, color: "var(--ta-secondary)", marginBottom: 16 }, children: "Change the password used to log in to this dashboard." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "/third-audience/login?reset=1", className: "ta-btn ta-btn-secondary", children: "Change password" })
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SettingsPage
+});
+//# sourceMappingURL=SettingsPage.js.map

package/dist/dashboard/ui/pages/SettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/ui/pages/SettingsPage.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\n\ninterface SettingsPageProps {\n  maskedKey: string | null\n}\n\nexport function SettingsPage({ maskedKey: initialMasked }: SettingsPageProps) {\n  const [masked, setMasked] = useState(initialMasked)\n  const [revealed, setRevealed] = useState<string | null>(null)\n  const [rotating, setRotating] = useState(false)\n  const [copied, setCopied] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  async function handleRotate() {\n    if (!confirm('Rotate the API key? All existing integrations using the current key will stop working immediately.')) return\n    setRotating(true)\n    setError(null)\n    setRevealed(null)\n    try {\n      const res = await fetch('/api/third-audience/api-key', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action: 'rotate' }),\n      })\n      const data = await res.json() as { key?: string; error?: string }\n      if (!res.ok) throw new Error(data.error ?? 'Failed')\n      setRevealed(data.key ?? null)\n      setMasked(null) // hide masked while showing full key\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Unknown error')\n    } finally {\n      setRotating(false)\n    }\n  }\n\n  async function handleCopy(text: string) {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch {\n      setError('Copy failed — please copy manually.')\n    }\n  }\n\n  return (\n    <div className=\"ta-page\">\n      <div className=\"ta-page-header\">\n        <h1 className=\"ta-page-title\">Settings</h1>\n      </div>\n\n      {/* API Key section — mirrors WP plugin's settings page */}\n      <div className=\"ta-card\" style={{ maxWidth: 640 }}>\n        <div className=\"ta-card-header\">\n          <h2 className=\"ta-card-title\">API Key</h2>\n        </div>\n        <div className=\"ta-card-body\">\n          <p style={{ fontSize: 14, color: 'var(--ta-secondary)', marginBottom: 20 }}>\n            Use this key to authenticate headless or external API calls via the{' '}\n            <code>X-TA-Api-Key</code> request header. Keep it secret.\n          </p>\n\n          {/* Revealed key (shown once after rotate) */}\n          {revealed && (\n            <div style={{\n              background: '#f0fff4',\n              border: '1.5px solid #34c759',\n              borderRadius: 10,\n              padding: '14px 16px',\n              marginBottom: 16,\n            }}>\n              <div style={{ fontSize: 12, fontWeight: 600, color: '#1a7f37', marginBottom: 8 }}>\n                New API key — copy it now, it will not be shown again\n              </div>\n              <div style={{ display: 'flex', gap: 10, alignItems: 'center' }}>\n                <code style={{\n                  flex: 1,\n                  fontFamily: 'monospace',\n                  fontSize: 13,\n                  wordBreak: 'break-all',\n                  background: '#fff',\n                  padding: '8px 12px',\n                  borderRadius: 8,\n                  border: '1px solid #d2d2d7',\n                }}>{revealed}</code>\n                <button\n                  className=\"ta-btn ta-btn-secondary\"\n                  onClick={() => handleCopy(revealed)}\n                  style={{ whiteSpace: 'nowrap' }}\n                >\n                  {copied ? '✓ Copied' : 'Copy'}\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Masked key display */}\n          {!revealed && (\n            <div style={{ display: 'flex', gap: 10, alignItems: 'center', marginBottom: 16 }}>\n              <input\n                readOnly\n                value={masked ?? '(no key generated)'}\n                style={{\n                  flex: 1,\n                  fontFamily: 'monospace',\n                  fontSize: 13,\n                  padding: '9px 12px',\n                  border: '1.5px solid #d2d2d7',\n                  borderRadius: 10,\n                  background: '#f5f5f7',\n                  color: '#1d1d1f',\n                }}\n              />\n            </div>\n          )}\n\n          {error && (\n            <div style={{\n              background: '#fff2f2',\n              border: '1px solid #ffbaba',\n              borderRadius: 8,\n              padding: '10px 14px',\n              fontSize: 13,\n              color: '#c0392b',\n              marginBottom: 16,\n            }}>{error}</div>\n          )}\n\n          <button\n            className=\"ta-btn ta-btn-danger\"\n            onClick={handleRotate}\n            disabled={rotating}\n          >\n            {rotating ? 'Rotating…' : 'Rotate API key'}\n          </button>\n          <p style={{ fontSize: 12, color: 'var(--ta-secondary)', marginTop: 10 }}>\n            Rotating generates a new key immediately. The old key stops working at once.\n          </p>\n        </div>\n      </div>\n\n      {/* Usage example */}\n      <div className=\"ta-card\" style={{ maxWidth: 640, marginTop: 20 }}>\n        <div className=\"ta-card-header\">\n          <h2 className=\"ta-card-title\">Usage</h2>\n        </div>\n        <div className=\"ta-card-body\">\n          <p style={{ fontSize: 14, color: 'var(--ta-secondary)', marginBottom: 12 }}>\n            Include the key in the <code>X-TA-Api-Key</code> header on any API request:\n          </p>\n          <pre style={{\n            background: '#1d1d1f',\n            color: '#f5f5f7',\n            borderRadius: 10,\n            padding: '14px 16px',\n            fontSize: 13,\n            overflowX: 'auto',\n          }}>{`curl https://yoursite.com/api/third-audience/analytics \\\\\n  -H \"X-TA-Api-Key: ta_your_key_here\"`}</pre>\n          <p style={{ fontSize: 13, color: 'var(--ta-secondary)', marginTop: 12 }}>\n            Or use <code>Authorization: Bearer ta_your_key_here</code> if your HTTP client\n            does not support custom headers.\n          </p>\n        </div>\n      </div>\n\n      {/* Change password */}\n      <div className=\"ta-card\" style={{ maxWidth: 640, marginTop: 20 }}>\n        <div className=\"ta-card-header\">\n          <h2 className=\"ta-card-title\">Dashboard password</h2>\n        </div>\n        <div className=\"ta-card-body\">\n          <p style={{ fontSize: 14, color: 'var(--ta-secondary)', marginBottom: 16 }}>\n            Change the password used to log in to this dashboard.\n          </p>\n          <a href=\"/third-audience/login?reset=1\" className=\"ta-btn ta-btn-secondary\">\n            Change password\n          </a>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/ui/pages/SettingsPage.mjs

@@ -0,0 +1,157 @@
+"use client";
+
+// src/dashboard/ui/pages/SettingsPage.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SettingsPage({ maskedKey: initialMasked }) {
+  const [masked, setMasked] = useState(initialMasked);
+  const [revealed, setRevealed] = useState(null);
+  const [rotating, setRotating] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [error, setError] = useState(null);
+  async function handleRotate() {
+    if (!confirm("Rotate the API key? All existing integrations using the current key will stop working immediately.")) return;
+    setRotating(true);
+    setError(null);
+    setRevealed(null);
+    try {
+      const res = await fetch("/api/third-audience/api-key", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: "rotate" })
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error ?? "Failed");
+      setRevealed(data.key ?? null);
+      setMasked(null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Unknown error");
+    } finally {
+      setRotating(false);
+    }
+  }
+  async function handleCopy(text) {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+      setError("Copy failed \u2014 please copy manually.");
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ta-page", children: [
+    /* @__PURE__ */ jsx("div", { className: "ta-page-header", children: /* @__PURE__ */ jsx("h1", { className: "ta-page-title", children: "Settings" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ta-card", style: { maxWidth: 640 }, children: [
+      /* @__PURE__ */ jsx("div", { className: "ta-card-header", children: /* @__PURE__ */ jsx("h2", { className: "ta-card-title", children: "API Key" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "ta-card-body", children: [
+        /* @__PURE__ */ jsxs("p", { style: { fontSize: 14, color: "var(--ta-secondary)", marginBottom: 20 }, children: [
+          "Use this key to authenticate headless or external API calls via the",
+          " ",
+          /* @__PURE__ */ jsx("code", { children: "X-TA-Api-Key" }),
+          " request header. Keep it secret."
+        ] }),
+        revealed && /* @__PURE__ */ jsxs("div", { style: {
+          background: "#f0fff4",
+          border: "1.5px solid #34c759",
+          borderRadius: 10,
+          padding: "14px 16px",
+          marginBottom: 16
+        }, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 12, fontWeight: 600, color: "#1a7f37", marginBottom: 8 }, children: "New API key \u2014 copy it now, it will not be shown again" }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx("code", { style: {
+              flex: 1,
+              fontFamily: "monospace",
+              fontSize: 13,
+              wordBreak: "break-all",
+              background: "#fff",
+              padding: "8px 12px",
+              borderRadius: 8,
+              border: "1px solid #d2d2d7"
+            }, children: revealed }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "ta-btn ta-btn-secondary",
+                onClick: () => handleCopy(revealed),
+                style: { whiteSpace: "nowrap" },
+                children: copied ? "\u2713 Copied" : "Copy"
+              }
+            )
+          ] })
+        ] }),
+        !revealed && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 10, alignItems: "center", marginBottom: 16 }, children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            readOnly: true,
+            value: masked ?? "(no key generated)",
+            style: {
+              flex: 1,
+              fontFamily: "monospace",
+              fontSize: 13,
+              padding: "9px 12px",
+              border: "1.5px solid #d2d2d7",
+              borderRadius: 10,
+              background: "#f5f5f7",
+              color: "#1d1d1f"
+            }
+          }
+        ) }),
+        error && /* @__PURE__ */ jsx("div", { style: {
+          background: "#fff2f2",
+          border: "1px solid #ffbaba",
+          borderRadius: 8,
+          padding: "10px 14px",
+          fontSize: 13,
+          color: "#c0392b",
+          marginBottom: 16
+        }, children: error }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "ta-btn ta-btn-danger",
+            onClick: handleRotate,
+            disabled: rotating,
+            children: rotating ? "Rotating\u2026" : "Rotate API key"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: "var(--ta-secondary)", marginTop: 10 }, children: "Rotating generates a new key immediately. The old key stops working at once." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ta-card", style: { maxWidth: 640, marginTop: 20 }, children: [
+      /* @__PURE__ */ jsx("div", { className: "ta-card-header", children: /* @__PURE__ */ jsx("h2", { className: "ta-card-title", children: "Usage" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "ta-card-body", children: [
+        /* @__PURE__ */ jsxs("p", { style: { fontSize: 14, color: "var(--ta-secondary)", marginBottom: 12 }, children: [
+          "Include the key in the ",
+          /* @__PURE__ */ jsx("code", { children: "X-TA-Api-Key" }),
+          " header on any API request:"
+        ] }),
+        /* @__PURE__ */ jsx("pre", { style: {
+          background: "#1d1d1f",
+          color: "#f5f5f7",
+          borderRadius: 10,
+          padding: "14px 16px",
+          fontSize: 13,
+          overflowX: "auto"
+        }, children: `curl https://yoursite.com/api/third-audience/analytics \\
+  -H "X-TA-Api-Key: ta_your_key_here"` }),
+        /* @__PURE__ */ jsxs("p", { style: { fontSize: 13, color: "var(--ta-secondary)", marginTop: 12 }, children: [
+          "Or use ",
+          /* @__PURE__ */ jsx("code", { children: "Authorization: Bearer ta_your_key_here" }),
+          " if your HTTP client does not support custom headers."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ta-card", style: { maxWidth: 640, marginTop: 20 }, children: [
+      /* @__PURE__ */ jsx("div", { className: "ta-card-header", children: /* @__PURE__ */ jsx("h2", { className: "ta-card-title", children: "Dashboard password" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "ta-card-body", children: [
+        /* @__PURE__ */ jsx("p", { style: { fontSize: 14, color: "var(--ta-secondary)", marginBottom: 16 }, children: "Change the password used to log in to this dashboard." }),
+        /* @__PURE__ */ jsx("a", { href: "/third-audience/login?reset=1", className: "ta-btn ta-btn-secondary", children: "Change password" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  SettingsPage
+};
+//# sourceMappingURL=SettingsPage.mjs.map

package/dist/dashboard/ui/pages/SettingsPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/ui/pages/SettingsPage.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\n\ninterface SettingsPageProps {\n  maskedKey: string | null\n}\n\nexport function SettingsPage({ maskedKey: initialMasked }: SettingsPageProps) {\n  const [masked, setMasked] = useState(initialMasked)\n  const [revealed, setRevealed] = useState<string | null>(null)\n  const [rotating, setRotating] = useState(false)\n  const [copied, setCopied] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  async function handleRotate() {\n    if (!confirm('Rotate the API key? All existing integrations using the current key will stop working immediately.')) return\n    setRotating(true)\n    setError(null)\n    setRevealed(null)\n    try {\n      const res = await fetch('/api/third-audience/api-key', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ action: 'rotate' }),\n      })\n      const data = await res.json() as { key?: string; error?: string }\n      if (!res.ok) throw new Error(data.error ?? 'Failed')\n      setRevealed(data.key ?? null)\n      setMasked(null) // hide masked while showing full key\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Unknown error')\n    } finally {\n      setRotating(false)\n    }\n  }\n\n  async function handleCopy(text: string) {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch {\n      setError('Copy failed — please copy manually.')\n    }\n  }\n\n  return (\n    <div className=\"ta-page\">\n      <div className=\"ta-page-header\">\n        <h1 className=\"ta-page-title\">Settings</h1>\n      </div>\n\n      {/* API Key section — mirrors WP plugin's settings page */}\n      <div className=\"ta-card\" style={{ maxWidth: 640 }}>\n        <div className=\"ta-card-header\">\n          <h2 className=\"ta-card-title\">API Key</h2>\n        </div>\n        <div className=\"ta-card-body\">\n          <p style={{ fontSize: 14, color: 'var(--ta-secondary)', marginBottom: 20 }}>\n            Use this key to authenticate headless or external API calls via the{' '}\n            <code>X-TA-Api-Key</code> request header. Keep it secret.\n          </p>\n\n          {/* Revealed key (shown once after rotate) */}\n          {revealed && (\n            <div style={{\n              background: '#f0fff4',\n              border: '1.5px solid #34c759',\n              borderRadius: 10,\n              padding: '14px 16px',\n              marginBottom: 16,\n            }}>\n              <div style={{ fontSize: 12, fontWeight: 600, color: '#1a7f37', marginBottom: 8 }}>\n                New API key — copy it now, it will not be shown again\n              </div>\n              <div style={{ display: 'flex', gap: 10, alignItems: 'center' }}>\n                <code style={{\n                  flex: 1,\n                  fontFamily: 'monospace',\n                  fontSize: 13,\n                  wordBreak: 'break-all',\n                  background: '#fff',\n                  padding: '8px 12px',\n                  borderRadius: 8,\n                  border: '1px solid #d2d2d7',\n                }}>{revealed}</code>\n                <button\n                  className=\"ta-btn ta-btn-secondary\"\n                  onClick={() => handleCopy(revealed)}\n                  style={{ whiteSpace: 'nowrap' }}\n                >\n                  {copied ? '✓ Copied' : 'Copy'}\n                </button>\n              </div>\n            </div>\n          )}\n\n          {/* Masked key display */}\n          {!revealed && (\n            <div style={{ display: 'flex', gap: 10, alignItems: 'center', marginBottom: 16 }}>\n              <input\n                readOnly\n                value={masked ?? '(no key generated)'}\n                style={{\n                  flex: 1,\n                  fontFamily: 'monospace',\n                  fontSize: 13,\n                  padding: '9px 12px',\n                  border: '1.5px solid #d2d2d7',\n                  borderRadius: 10,\n                  background: '#f5f5f7',\n                  color: '#1d1d1f',\n                }}\n              />\n            </div>\n          )}\n\n          {error && (\n            <div style={{\n              background: '#fff2f2',\n              border: '1px solid #ffbaba',\n              borderRadius: 8,\n              padding: '10px 14px',\n              fontSize: 13,\n              color: '#c0392b',\n              marginBottom: 16,\n            }}>{error}</div>\n          )}\n\n          <button\n            className=\"ta-btn ta-btn-danger\"\n            onClick={handleRotate}\n            disabled={rotating}\n          >\n            {rotating ? 'Rotating…' : 'Rotate API key'}\n          </button>\n          <p style={{ fontSize: 12, color: 'var(--ta-secondary)', marginTop: 10 }}>\n            Rotating generates a new key immediately. The old key stops working at once.\n          </p>\n        </div>\n      </div>\n\n      {/* Usage example */}\n      <div className=\"ta-card\" style={{ maxWidth: 640, marginTop: 20 }}>\n        <div className=\"ta-card-header\">\n          <h2 className=\"ta-card-title\">Usage</h2>\n        </div>\n        <div className=\"ta-card-body\">\n          <p style={{ fontSize: 14, color: 'var(--ta-secondary)', marginBottom: 12 }}>\n            Include the key in the <code>X-TA-Api-Key</code> header on any API request:\n          </p>\n          <pre style={{\n            background: '#1d1d1f',\n            color: '#f5f5f7',\n            borderRadius: 10,\n            padding: '14px 16px',\n            fontSize: 13,\n            overflowX: 'auto',\n          }}>{`curl https://yoursite.com/api/third-audience/analytics \\\\\n  -H \"X-TA-Api-Key: ta_your_key_here\"`}</pre>\n          <p style={{ fontSize: 13, color: 'var(--ta-secondary)', marginTop: 12 }}>\n            Or use <code>Authorization: Bearer ta_your_key_here</code> if your HTTP client\n            does not support custom headers.\n          </p>\n        </div>\n      </div>\n\n      {/* Change password */}\n      <div className=\"ta-card\" style={{ maxWidth: 640, marginTop: 20 }}>\n        <div className=\"ta-card-header\">\n          <h2 className=\"ta-card-title\">Dashboard password</h2>\n        </div>\n        <div className=\"ta-card-body\">\n          <p style={{ fontSize: 14, color: 'var(--ta-secondary)', marginBottom: 16 }}>\n            Change the password used to log in to this dashboard.\n          </p>\n          <a href=\"/third-audience/login?reset=1\" className=\"ta-btn ta-btn-secondary\">\n            Change password\n          </a>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/ui/pages/SystemHealthPage.d.mts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare function SystemHealthPage(): Promise<react.JSX.Element>;
+
+export { SystemHealthPage };

package/dist/dashboard/ui/pages/SystemHealthPage.d.ts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare function SystemHealthPage(): Promise<react.JSX.Element>;
+
+export { SystemHealthPage };