@merittdev/horus-lens 0.0.2 → 0.0.3

package/dist/dashboard.cjs

@@ -17504,8 +17504,11 @@ var init_rrweb = __esm({
 var dashboard_exports = {};
 __export(dashboard_exports, {
   IntegrationSettings: () => IntegrationSettings,
+  LensAdmin: () => LensAdmin,
   LensApiError: () => LensApiError,
+  LensDashboard: () => LensDashboard,
   LensDashboardProvider: () => LensDashboardProvider,
+  LensProvider: () => LensProvider,
   OnboardingWizard: () => OnboardingWizard,
   ProjectSettings: () => ProjectSettings,
   ReplayPlayer: () => ReplayPlayer,
@@ -17542,21 +17545,23 @@ var clsx_default = clsx;
 // ../dashboard/dist/index.js
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var import_react4 = require("react");
 var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var import_react6 = require("react");
-var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react7 = require("react");
 var import_react8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var import_jsx_runtime10 = require("react/jsx-runtime");
 var import_react9 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var LensApiError = class extends Error {
   constructor(status, code, message) {
     super(message);
@@ -17671,6 +17676,11 @@ function createLensApi(config) {
       if (res && Array.isArray(res.integrations)) return res.integrations;
       return this.listIntegrations();
     },
+    async getIntegrationOptions(provider) {
+      return request(
+        `/v1/integrations/${encodeURIComponent(provider)}/options`
+      );
+    },
     async createProject(body) {
       return request("/v1/projects", {
         method: "POST",
@@ -17718,61 +17728,6 @@ function useLensApi() {
   }
   return api;
 }
-function relativeTime(iso, now = Date.now()) {
-  if (!iso) return "\u2014";
-  const then = new Date(iso).getTime();
-  if (Number.isNaN(then)) return "\u2014";
-  const diff2 = now - then;
-  const sec = Math.round(diff2 / 1e3);
-  if (sec < 5) return "just now";
-  if (sec < 60) return `${sec}s ago`;
-  const min = Math.round(sec / 60);
-  if (min < 60) return `${min}m ago`;
-  const hr = Math.round(min / 60);
-  if (hr < 24) return `${hr}h ago`;
-  const day = Math.round(hr / 24);
-  if (day < 7) return `${day}d ago`;
-  const wk = Math.round(day / 7);
-  if (wk < 5) return `${wk}w ago`;
-  const mo = Math.round(day / 30);
-  if (mo < 12) return `${mo}mo ago`;
-  const yr = Math.round(day / 365);
-  return `${yr}y ago`;
-}
-function formatTimestamp(iso) {
-  if (!iso) return "\u2014";
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return "\u2014";
-  return d.toLocaleString();
-}
-function truncate(value, max = 80) {
-  if (value.length <= max) return value;
-  return `${value.slice(0, max - 1).trimEnd()}\u2026`;
-}
-function urlPath(raw) {
-  if (!raw) return "\u2014";
-  try {
-    const u2 = new URL(raw);
-    return `${u2.pathname}${u2.search}` || "/";
-  } catch {
-    return raw;
-  }
-}
-function formatDuration(ms) {
-  if (ms == null) return "\u2014";
-  if (ms < 1e3) return `${Math.round(ms)}ms`;
-  return `${(ms / 1e3).toFixed(2)}s`;
-}
-var LABELS = {
-  initiated: "Initiated",
-  submitted: "Submitted",
-  triaged: "Triaged",
-  linked: "Linked",
-  resolved: "Resolved"
-};
-function StatusBadge({ status }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: clsx_default("lens-db__badge", `lens-db__badge--${status}`), children: LABELS[status] });
-}
 function base({ size = 16, ...rest }) {
   return {
     width: size,
@@ -17789,55 +17744,77 @@ function base({ size = 16, ...rest }) {
   };
 }
 function IconPlay(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 5.5v13l11-6.5-11-6.5Z", fill: "currentColor", stroke: "none" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 5.5v13l11-6.5-11-6.5Z", fill: "currentColor", stroke: "none" }) });
 }
 function IconPause(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "7", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "13.5", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "7", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "13.5", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" })
   ] });
 }
 function IconClose(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 function IconChevronLeft(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 6l-6 6 6 6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M15 6l-6 6 6 6" }) });
 }
 function IconChevronRight(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 6l6 6-6 6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9 6l6 6-6 6" }) });
 }
 function IconExternal(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 5h5v5M19 5l-8 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 13.5V18a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 18V7.5A1.5 1.5 0 0 1 6 6h4.5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M14 5h5v5M19 5l-8 8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M18 13.5V18a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 18V7.5A1.5 1.5 0 0 1 6 6h4.5" })
   ] });
 }
 function IconCopy(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5 15V6a1 1 0 0 1 1-1h9" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M5 15V6a1 1 0 0 1 1-1h9" })
   ] });
 }
 function IconCheck(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
 }
 function IconCheckCircle(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m8.5 12 2.5 2.5 4.5-5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m8.5 12 2.5 2.5 4.5-5" })
   ] });
 }
 function IconAlertTriangle(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 4.5 21 19.5H3L12 4.5Z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 10v4.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 17.25h.01" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 4.5 21 19.5H3L12 4.5Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 10v4.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 17.25h.01" })
   ] });
 }
 function IconInbox(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 13h4l1.5 2.5h5L16 13h4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M6.5 5h11l3 8v4.5A1.5 1.5 0 0 1 19 19H5a1.5 1.5 0 0 1-1.5-1.5V13l3-8Z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 13h4l1.5 2.5h5L16 13h4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M6.5 5h11l3 8v4.5A1.5 1.5 0 0 1 19 19H5a1.5 1.5 0 0 1-1.5-1.5V13l3-8Z" })
+  ] });
+}
+function IconBug(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "8", y: "7", width: "8", height: "12", rx: "4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9 5a3 3 0 0 1 6 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8.5v10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 11H4.5M8 15H4M8 8 5.5 6M16 11h3.5M16 15h4M16 8l2.5-2" })
+  ] });
+}
+function IconPlug(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9 3v5M15 3v5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M6.5 8h11v1.5a5.5 5.5 0 0 1-11 0V8Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 15v6" })
+  ] });
+}
+function IconRocket(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3c2.6 1.7 4 4.6 4 7.5l-1.8 2.5H9.8L8 10.5C8 7.6 9.4 4.7 12 3Z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "9", r: "1.4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9.8 13l-2 2.2.2 3 2.4-1.4M14.2 13l2 2.2-.2 3-2.4-1.4" })
   ] });
 }
 function brand({ size = 16, ...rest }) {
@@ -17852,27 +17829,128 @@ function brand({ size = 16, ...rest }) {
   };
 }
 function IconGitHub(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...brand(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...brand(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
 }
 function IconLinear(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...brand(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...brand(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M2.886 4.18A11.982 11.982 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556c-.524.33-1.075.62-1.65.866L.951 7.277c.247-.575.537-1.126.866-1.65ZM.322 9.163l14.515 14.515c-.71.172-1.443.282-2.195.322L0 11.358a12 12 0 0 1 .322-2.195Zm-.17 4.862 9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z" }) });
 }
 function IconJira(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...brand(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M11.571 11.513H0a5.218 5.218 0 0 0 5.232 5.215h2.13v2.057A5.215 5.215 0 0 0 12.575 24V12.518a1.005 1.005 0 0 0-1.005-1.005zm5.723-5.756H5.736a5.215 5.215 0 0 0 5.215 5.214h2.129v2.058a5.218 5.218 0 0 0 5.215 5.214V6.758a1.001 1.001 0 0 0-1.001-1.001zM23.013 0H11.455a5.215 5.215 0 0 0 5.215 5.215h2.129v2.057A5.215 5.215 0 0 0 24 12.483V1.005A1.001 1.001 0 0 0 23.013 0Z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...brand(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M11.571 11.513H0a5.218 5.218 0 0 0 5.232 5.215h2.13v2.057A5.215 5.215 0 0 0 12.575 24V12.518a1.005 1.005 0 0 0-1.005-1.005zm5.723-5.756H5.736a5.215 5.215 0 0 0 5.215 5.214h2.129v2.058a5.218 5.218 0 0 0 5.215 5.214V6.758a1.001 1.001 0 0 0-1.001-1.001zM23.013 0H11.455a5.215 5.215 0 0 0 5.215 5.215h2.129v2.057A5.215 5.215 0 0 0 24 12.483V1.005A1.001 1.001 0 0 0 23.013 0Z" }) });
+}
+var MARKUP_RULES = [
+  { cls: "com", re: /<!--[\s\S]*?-->|\/\*[\s\S]*?\*\/|\/\/[^\n]*/y },
+  { cls: "str", re: /"(?:[^"\\\n]|\\.)*"|'(?:[^'\\\n]|\\.)*'|`(?:[^`\\]|\\.)*`/y },
+  { cls: "tag", re: /<\/?[a-zA-Z][\w.-]*|\/>|>/y },
+  {
+    cls: "kw",
+    re: /\b(?:import|from|export|function|return|const|let|var|async|await|new|window|default)\b/y
+  },
+  { cls: "attr", re: /\b[a-zA-Z_][\w-]*(?==)/y },
+  { cls: "num", re: /\b\d+(?:\.\d+)?\b/y }
+];
+var ENV_RULES = [
+  { cls: "com", re: /#[^\n]*/y },
+  { cls: "attr", re: /^[A-Z][A-Z0-9_]*(?==)/my },
+  { cls: "str", re: /(?<==)[^\n]+/y }
+];
+function highlightCode(code, lang) {
+  const rules2 = lang === "env" ? ENV_RULES : MARKUP_RULES;
+  const out = [];
+  let pos = 0;
+  let plainStart = 0;
+  let key = 0;
+  const flushPlain = (until) => {
+    if (until > plainStart) out.push(code.slice(plainStart, until));
+  };
+  while (pos < code.length) {
+    let matched = false;
+    for (const rule2 of rules2) {
+      rule2.re.lastIndex = pos;
+      const m = rule2.re.exec(code);
+      if (m && m[0].length > 0) {
+        flushPlain(pos);
+        out.push(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `lens-db__tok-${rule2.cls}`, children: m[0] }, key++)
+        );
+        pos += m[0].length;
+        plainStart = pos;
+        matched = true;
+        break;
+      }
+    }
+    if (!matched) pos += 1;
+  }
+  flushPlain(code.length);
+  return out;
+}
+function relativeTime(iso, now = Date.now()) {
+  if (!iso) return "\u2014";
+  const then = new Date(iso).getTime();
+  if (Number.isNaN(then)) return "\u2014";
+  const diff2 = now - then;
+  const sec = Math.round(diff2 / 1e3);
+  if (sec < 5) return "just now";
+  if (sec < 60) return `${sec}s ago`;
+  const min = Math.round(sec / 60);
+  if (min < 60) return `${min}m ago`;
+  const hr = Math.round(min / 60);
+  if (hr < 24) return `${hr}h ago`;
+  const day = Math.round(hr / 24);
+  if (day < 7) return `${day}d ago`;
+  const wk = Math.round(day / 7);
+  if (wk < 5) return `${wk}w ago`;
+  const mo = Math.round(day / 30);
+  if (mo < 12) return `${mo}mo ago`;
+  const yr = Math.round(day / 365);
+  return `${yr}y ago`;
+}
+function formatTimestamp(iso) {
+  if (!iso) return "\u2014";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "\u2014";
+  return d.toLocaleString();
+}
+function truncate(value, max = 80) {
+  if (value.length <= max) return value;
+  return `${value.slice(0, max - 1).trimEnd()}\u2026`;
+}
+function urlPath(raw) {
+  if (!raw) return "\u2014";
+  try {
+    const u2 = new URL(raw);
+    return `${u2.pathname}${u2.search}` || "/";
+  } catch {
+    return raw;
+  }
+}
+function formatDuration(ms) {
+  if (ms == null) return "\u2014";
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  return `${(ms / 1e3).toFixed(2)}s`;
+}
+var LABELS = {
+  initiated: "Initiated",
+  submitted: "Submitted",
+  triaged: "Triaged",
+  linked: "Linked",
+  resolved: "Resolved"
+};
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: clsx_default("lens-db__badge", `lens-db__badge--${status}`), children: LABELS[status] });
 }
 var SEARCH_DEBOUNCE_MS = 350;
 function ReportsTable(props) {
   const { onSelect, status, pageSize = 20, className } = props;
   const api = useLensApi();
-  const [reports, setReports] = (0, import_react2.useState)([]);
-  const [nextCursor, setNextCursor] = (0, import_react2.useState)(null);
-  const [loading, setLoading] = (0, import_react2.useState)(true);
-  const [error, setError] = (0, import_react2.useState)(void 0);
-  const [input2, setInput] = (0, import_react2.useState)("");
-  const [query, setQuery] = (0, import_react2.useState)("");
-  const [pageCursor, setPageCursor] = (0, import_react2.useState)(void 0);
-  const [history, setHistory] = (0, import_react2.useState)([]);
-  const load = (0, import_react2.useCallback)(
+  const [reports, setReports] = (0, import_react3.useState)([]);
+  const [nextCursor, setNextCursor] = (0, import_react3.useState)(null);
+  const [loading, setLoading] = (0, import_react3.useState)(true);
+  const [error, setError] = (0, import_react3.useState)(void 0);
+  const [input2, setInput] = (0, import_react3.useState)("");
+  const [query, setQuery] = (0, import_react3.useState)("");
+  const [pageCursor, setPageCursor] = (0, import_react3.useState)(void 0);
+  const [history, setHistory] = (0, import_react3.useState)([]);
+  const load = (0, import_react3.useCallback)(
     async (cursor, q) => {
       setLoading(true);
       setError(void 0);
@@ -17893,11 +17971,11 @@ function ReportsTable(props) {
     },
     [api, status, pageSize]
   );
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const timer = setTimeout(() => setQuery(input2.trim()), SEARCH_DEBOUNCE_MS);
     return () => clearTimeout(timer);
   }, [input2]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     setHistory([]);
     setPageCursor(void 0);
     void load(void 0, query);
@@ -17919,9 +17997,9 @@ function ReportsTable(props) {
   const canNext = nextCursor !== null;
   const isOnlyPage = !canPrev && !canNext;
   const contextText = isOnlyPage ? `Showing ${reports.length}` : `${reports.length} on this page`;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: clsx_default("lens-db", "lens-db__table-wrap", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "lens-db__table-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: clsx_default("lens-db", "lens-db__table-wrap", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__table-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "input",
         {
           type: "search",
@@ -17938,23 +18016,23 @@ function ReportsTable(props) {
           }
         }
       ),
-      !loading && !error && reports.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__table-context lens-db__muted", children: contextText })
+      !loading && !error && reports.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__table-context lens-db__muted", children: contextText })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("table", { className: "lens-db__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: "Created" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: "Comment" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: "Path" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: "Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { className: "lens-db__num", children: "Errors" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { className: "lens-db__center", children: "Replay" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: "Issue" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("table", { className: "lens-db__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { children: "Created" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { children: "Comment" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { children: "Path" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { children: "Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "lens-db__num", children: "Errors" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "lens-db__center", children: "Replay" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { children: "Issue" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SkeletonRows, { rows: 6 }) : error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { colSpan: 7, className: "lens-db__error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tbody", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SkeletonRows, { rows: 6 }) : error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("td", { colSpan: 7, className: "lens-db__error", children: [
         "Failed to load reports: ",
         error.message,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             type: "button",
@@ -17963,24 +18041,24 @@ function ReportsTable(props) {
             children: "Retry"
           }
         )
-      ] }) }) : reports.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("td", { colSpan: 7, className: "lens-db__empty", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconInbox, { size: 32 }) }),
-        query ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "lens-db__empty-title", children: "No matching reports" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "lens-db__empty-hint", children: [
+      ] }) }) : reports.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("td", { colSpan: 7, className: "lens-db__empty", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__empty-icon", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconInbox, { size: 32 }) }),
+        query ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lens-db__empty-title", children: "No matching reports" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__empty-hint", children: [
             "No reports match \u201C",
             query,
             "\u201D. Try a different search."
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "lens-db__empty-title", children: "No reports yet" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "lens-db__empty-hint", children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lens-db__empty-title", children: "No reports yet" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__empty-hint", children: [
             "Visit your app with ",
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "?lens=true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "?lens=true" }),
             " and submit one."
           ] })
         ] })
-      ] }) }) : reports.map((r3) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      ] }) }) : reports.map((r3) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "tr",
         {
           className: clsx_default("lens-db__row", onSelect && "lens-db__row--clickable"),
@@ -17993,13 +18071,13 @@ function ReportsTable(props) {
             }
           } : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "lens-db__muted lens-db__tnum", title: r3.createdAt, children: relativeTime(r3.createdAt) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { children: r3.comment ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__cell-comment", title: r3.comment, children: r3.comment }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__muted", children: "\u2014" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "lens-db__mono lens-db__muted", title: r3.url, children: urlPath(r3.url) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StatusBadge, { status: r3.status }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "lens-db__num", children: r3.errorCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__badge lens-db__badge--danger", children: r3.errorCount }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__muted", children: "0" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: "lens-db__center", children: r3.hasReplay ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__play", title: "Session replay captured", "aria-label": "Has replay", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconPlay, { size: 14 }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__muted", "aria-label": "No replay", children: "\u2014" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { children: r3.externalIssue ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "lens-db__muted lens-db__tnum", title: r3.createdAt, children: relativeTime(r3.createdAt) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { children: r3.comment ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__cell-comment", title: r3.comment, children: r3.comment }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__muted", children: "\u2014" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "lens-db__mono lens-db__muted", title: r3.url, children: urlPath(r3.url) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBadge, { status: r3.status }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "lens-db__num", children: r3.errorCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__badge lens-db__badge--danger", children: r3.errorCount }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__muted", children: "0" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "lens-db__center", children: r3.hasReplay ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__play", title: "Session replay captured", "aria-label": "Has replay", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconPlay, { size: 14 }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__muted", "aria-label": "No replay", children: "\u2014" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { children: r3.externalIssue ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "a",
               {
                 className: "lens-db__link",
@@ -18009,14 +18087,14 @@ function ReportsTable(props) {
                 onClick: (e2) => e2.stopPropagation(),
                 children: r3.externalIssue.key
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__muted", children: "\u2014" }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__muted", children: "\u2014" }) })
           ]
         },
         r3.id
       )) })
     ] }),
-    !error && (canPrev || canNext) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "lens-db__table-footer lens-db__pager", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    !error && (canPrev || canNext) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__table-footer lens-db__pager", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "button",
         {
           type: "button",
@@ -18024,12 +18102,12 @@ function ReportsTable(props) {
           disabled: !canPrev || loading,
           onClick: goPrev,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconChevronLeft, { size: 16 }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconChevronLeft, { size: 16 }),
             "Prev"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "button",
         {
           type: "button",
@@ -18038,7 +18116,7 @@ function ReportsTable(props) {
           onClick: goNext,
           children: [
             "Next",
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconChevronRight, { size: 16 })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconChevronRight, { size: 16 })
           ]
         }
       )
@@ -18046,16 +18124,16 @@ function ReportsTable(props) {
   ] });
 }
 function SkeletonRows({ rows }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: Array.from({ length: rows }).map((_, i2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { className: "lens-db__row lens-db__row--skeleton", "aria-hidden": true, children: Array.from({ length: 7 }).map((__, j) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lens-db__skeleton" }) }, j)) }, i2)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: Array.from({ length: rows }).map((_, i2) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { className: "lens-db__row lens-db__row--skeleton", "aria-hidden": true, children: Array.from({ length: 7 }).map((__, j) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__skeleton" }) }, j)) }, i2)) });
 }
 function useAsync(fn, deps) {
-  const [data, setData] = (0, import_react4.useState)(void 0);
-  const [error, setError] = (0, import_react4.useState)(void 0);
-  const [loading, setLoading] = (0, import_react4.useState)(true);
-  const [nonce, setNonce] = (0, import_react4.useState)(0);
-  const runId = (0, import_react4.useRef)(0);
-  const reload = (0, import_react4.useCallback)(() => setNonce((n2) => n2 + 1), []);
-  (0, import_react4.useEffect)(() => {
+  const [data, setData] = (0, import_react5.useState)(void 0);
+  const [error, setError] = (0, import_react5.useState)(void 0);
+  const [loading, setLoading] = (0, import_react5.useState)(true);
+  const [nonce, setNonce] = (0, import_react5.useState)(0);
+  const runId = (0, import_react5.useRef)(0);
+  const reload = (0, import_react5.useCallback)(() => setNonce((n2) => n2 + 1), []);
+  (0, import_react5.useEffect)(() => {
     const id = ++runId.current;
     let active = true;
     setLoading(true);
@@ -18100,42 +18178,42 @@ function readViewport(events) {
 function ReplayPlayer(props) {
   const { reportId, className } = props;
   const api = useLensApi();
-  const frameRef = (0, import_react5.useRef)(null);
-  const replayerRef = (0, import_react5.useRef)(null);
-  const rafRef = (0, import_react5.useRef)(null);
-  const totalRef = (0, import_react5.useRef)(0);
-  const finishedRef = (0, import_react5.useRef)(false);
-  const playingRef = (0, import_react5.useRef)(false);
-  const [status, setStatus] = (0, import_react5.useState)("loading");
-  const [message, setMessage] = (0, import_react5.useState)(void 0);
-  const [playing, setPlaying] = (0, import_react5.useState)(false);
-  const [speed, setSpeed] = (0, import_react5.useState)(1);
-  const [skipInactive, setSkipInactive] = (0, import_react5.useState)(true);
-  const [elapsed, setElapsed] = (0, import_react5.useState)(0);
-  const [total, setTotal] = (0, import_react5.useState)(0);
-  const stopRaf = (0, import_react5.useCallback)(() => {
+  const frameRef = (0, import_react6.useRef)(null);
+  const replayerRef = (0, import_react6.useRef)(null);
+  const rafRef = (0, import_react6.useRef)(null);
+  const totalRef = (0, import_react6.useRef)(0);
+  const finishedRef = (0, import_react6.useRef)(false);
+  const playingRef = (0, import_react6.useRef)(false);
+  const [status, setStatus] = (0, import_react6.useState)("loading");
+  const [message, setMessage] = (0, import_react6.useState)(void 0);
+  const [playing, setPlaying] = (0, import_react6.useState)(false);
+  const [speed, setSpeed] = (0, import_react6.useState)(1);
+  const [skipInactive, setSkipInactive] = (0, import_react6.useState)(true);
+  const [elapsed, setElapsed] = (0, import_react6.useState)(0);
+  const [total, setTotal] = (0, import_react6.useState)(0);
+  const stopRaf = (0, import_react6.useCallback)(() => {
     if (rafRef.current != null) {
       cancelAnimationFrame(rafRef.current);
       rafRef.current = null;
     }
   }, []);
-  const safeCurrentTime = (0, import_react5.useCallback)(() => {
+  const safeCurrentTime = (0, import_react6.useCallback)(() => {
     const r3 = replayerRef.current;
     if (!r3) return 0;
     const t2 = r3.getCurrentTime();
     if (!Number.isFinite(t2) || t2 < 0) return 0;
     return totalRef.current > 0 ? Math.min(t2, totalRef.current) : t2;
   }, []);
-  const tick = (0, import_react5.useCallback)(() => {
+  const tick = (0, import_react6.useCallback)(() => {
     if (!replayerRef.current) return;
     setElapsed(safeCurrentTime());
     rafRef.current = requestAnimationFrame(tick);
   }, [safeCurrentTime]);
-  const startRaf = (0, import_react5.useCallback)(() => {
+  const startRaf = (0, import_react6.useCallback)(() => {
     stopRaf();
     rafRef.current = requestAnimationFrame(tick);
   }, [stopRaf, tick]);
-  const togglePlay = (0, import_react5.useCallback)(() => {
+  const togglePlay = (0, import_react6.useCallback)(() => {
     const r3 = replayerRef.current;
     if (!r3) return;
     if (playingRef.current) {
@@ -18152,7 +18230,7 @@ function ReplayPlayer(props) {
       startRaf();
     }
   }, [safeCurrentTime, startRaf, stopRaf]);
-  const seekTo = (0, import_react5.useCallback)((offsetMs) => {
+  const seekTo = (0, import_react6.useCallback)((offsetMs) => {
     const r3 = replayerRef.current;
     if (!r3) return;
     const clamped = totalRef.current > 0 ? Math.max(0, Math.min(offsetMs, totalRef.current)) : Math.max(0, offsetMs);
@@ -18164,26 +18242,26 @@ function ReplayPlayer(props) {
     }
     setElapsed(clamped);
   }, []);
-  const changeSpeed = (0, import_react5.useCallback)((next) => {
+  const changeSpeed = (0, import_react6.useCallback)((next) => {
     setSpeed(next);
     replayerRef.current?.setConfig({ speed: next });
   }, []);
-  const toggleSkipInactive = (0, import_react5.useCallback)(() => {
+  const toggleSkipInactive = (0, import_react6.useCallback)(() => {
     setSkipInactive((prev) => {
       const next = !prev;
       replayerRef.current?.setConfig({ skipInactive: next });
       return next;
     });
   }, []);
-  const trackRef = (0, import_react5.useRef)(null);
-  const offsetFromPointer = (0, import_react5.useCallback)((clientX) => {
+  const trackRef = (0, import_react6.useRef)(null);
+  const offsetFromPointer = (0, import_react6.useCallback)((clientX) => {
     const track = trackRef.current;
     if (!track || totalRef.current <= 0) return 0;
     const rect = track.getBoundingClientRect();
     const frac = rect.width > 0 ? (clientX - rect.left) / rect.width : 0;
     return Math.max(0, Math.min(1, frac)) * totalRef.current;
   }, []);
-  const onTrackPointerDown = (0, import_react5.useCallback)(
+  const onTrackPointerDown = (0, import_react6.useCallback)(
     (e2) => {
       if (!replayerRef.current || totalRef.current <= 0) return;
       e2.currentTarget.setPointerCapture(e2.pointerId);
@@ -18191,14 +18269,14 @@ function ReplayPlayer(props) {
     },
     [offsetFromPointer, seekTo]
   );
-  const onTrackPointerMove = (0, import_react5.useCallback)(
+  const onTrackPointerMove = (0, import_react6.useCallback)(
     (e2) => {
       if (!e2.currentTarget.hasPointerCapture(e2.pointerId)) return;
       seekTo(offsetFromPointer(e2.clientX));
     },
     [offsetFromPointer, seekTo]
   );
-  const onTrackKeyDown = (0, import_react5.useCallback)(
+  const onTrackKeyDown = (0, import_react6.useCallback)(
     (e2) => {
       const step = totalRef.current * 0.05;
       if (e2.key === "ArrowLeft") {
@@ -18211,7 +18289,7 @@ function ReplayPlayer(props) {
     },
     [seekTo]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     let cancelled = false;
     let observer = null;
     setStatus("loading");
@@ -18290,18 +18368,18 @@ function ReplayPlayer(props) {
     };
   }, [api, reportId, stopRaf]);
   const pct = total > 0 ? Math.min(100, elapsed / total * 100) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: clsx_default("lens-db", "lens-db__replay", className), children: [
-    status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lens-db__replay-state", children: "Loading replay\u2026" }),
-    status === "empty" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lens-db__replay-state lens-db__muted", children: "No replay captured." }),
-    status === "error" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__replay-state lens-db__error", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: clsx_default("lens-db", "lens-db__replay", className), children: [
+    status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__replay-state", children: "Loading replay\u2026" }),
+    status === "empty" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__replay-state lens-db__muted", children: "No replay captured." }),
+    status === "error" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__replay-state lens-db__error", children: [
       "No replay captured",
       message ? ` \u2014 ${message}` : "",
       "."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__rp", "data-visible": status === "ready", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: frameRef, className: "lens-db__rp-frame" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lens-db__rp-bar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__rp", "data-visible": status === "ready", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: frameRef, className: "lens-db__rp-frame" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__rp-bar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -18309,11 +18387,11 @@ function ReplayPlayer(props) {
             onClick: togglePlay,
             "aria-label": playing ? "Pause replay" : "Play replay",
             "aria-pressed": playing,
-            children: playing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconPause, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconPlay, { size: 16 })
+            children: playing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconPause, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconPlay, { size: 16 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__rp-time", children: formatTime(elapsed) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__rp-time", children: formatTime(elapsed) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "div",
           {
             ref: trackRef,
@@ -18328,11 +18406,11 @@ function ReplayPlayer(props) {
             onPointerDown: onTrackPointerDown,
             onPointerMove: onTrackPointerMove,
             onKeyDown: onTrackKeyDown,
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lens-db__rp-fill", style: { width: `${pct}%` } })
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__rp-fill", style: { width: `${pct}%` } })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lens-db__rp-time", children: formatTime(total) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lens-db__rp-speeds", role: "group", "aria-label": "Playback speed", children: SPEEDS.map((s2) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__rp-time", children: formatTime(total) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__rp-speeds", role: "group", "aria-label": "Playback speed", children: SPEEDS.map((s2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "button",
           {
             type: "button",
@@ -18346,7 +18424,7 @@ function ReplayPlayer(props) {
           },
           s2
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -18367,23 +18445,23 @@ function ReportDetail(props) {
     () => api.getReport(reportId),
     [reportId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: clsx_default("lens-db", "lens-db__detail", className), children: [
-    loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__detail-loading", children: "Loading report\u2026" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__error", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: clsx_default("lens-db", "lens-db__detail", className), children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__detail-loading", children: "Loading report\u2026" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__error", children: [
       "Failed to load report: ",
       error.message,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
     ] }),
-    report && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReportDetailBody, { report, onClose })
+    report && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ReportDetailBody, { report, onClose })
   ] });
 }
 function ReportDetailBody({ report, onClose }) {
   const meta = report.metadata;
-  const [tab, setTab] = (0, import_react3.useState)("overview");
-  const [replayMounted, setReplayMounted] = (0, import_react3.useState)(false);
-  const uid = (0, import_react3.useId)();
-  const tabRefs = (0, import_react3.useRef)({
+  const [tab, setTab] = (0, import_react4.useState)("overview");
+  const [replayMounted, setReplayMounted] = (0, import_react4.useState)(false);
+  const uid = (0, import_react4.useId)();
+  const tabRefs = (0, import_react4.useRef)({
     overview: null,
     replay: null,
     logs: null,
@@ -18417,12 +18495,12 @@ function ReportDetailBody({ report, onClose }) {
   }
   const tabId = (id) => `${uid}-tab-${id}`;
   const panelId = (id) => `${uid}-panel-${id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "lens-db__detail-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__detail-header-main", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StatusBadge, { status: report.status }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__detail-time", title: formatTimestamp(report.createdAt), children: relativeTime(report.createdAt) }),
-        report.externalIssue && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "lens-db__detail-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__detail-header-main", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StatusBadge, { status: report.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__detail-time", title: formatTimestamp(report.createdAt), children: relativeTime(report.createdAt) }),
+        report.externalIssue && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "a",
           {
             className: "lens-db__link lens-db__link-inline",
@@ -18433,16 +18511,16 @@ function ReportDetailBody({ report, onClose }) {
               report.externalIssue.provider,
               " \xB7 ",
               report.externalIssue.key,
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconExternal, { size: 13 })
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconExternal, { size: 13 })
             ]
           }
         )
       ] }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "lens-db__icon-btn", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconClose, {}) })
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "lens-db__icon-btn", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconClose, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__tabs", role: "tablist", "aria-label": "Report sections", children: tabs.map((t2, i2) => {
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__tabs", role: "tablist", "aria-label": "Report sections", children: tabs.map((t2, i2) => {
       const active = t2.id === tab;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "button",
         {
           type: "button",
@@ -18458,18 +18536,18 @@ function ReportDetailBody({ report, onClose }) {
           onClick: () => select(t2.id),
           onKeyDown: (e2) => onTabKeyDown(e2, i2),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__tab-label", children: t2.label }),
-            t2.count != null && t2.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__tab-count", children: t2.count })
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__tab-label", children: t2.label }),
+            t2.count != null && t2.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__tab-count", children: t2.count })
           ]
         },
         t2.id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__tabpanels", children: [
-      tab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "tabpanel", id: panelId("overview"), "aria-labelledby": tabId("overview"), tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OverviewPanel, { report, meta }) }),
-      tab === "logs" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "tabpanel", id: panelId("logs"), "aria-labelledby": tabId("logs"), tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LogsPanel, { errors: meta?.errors ?? [], consoleEntries: meta?.consoleTail ?? [] }) }),
-      tab === "network" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { role: "tabpanel", id: panelId("network"), "aria-labelledby": tabId("network"), tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NetworkPanel, { entries: meta?.networkTail ?? [] }) }),
-      replayMounted && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__tabpanels", children: [
+      tab === "overview" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "tabpanel", id: panelId("overview"), "aria-labelledby": tabId("overview"), tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(OverviewPanel, { report, meta }) }),
+      tab === "logs" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "tabpanel", id: panelId("logs"), "aria-labelledby": tabId("logs"), tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LogsPanel, { errors: meta?.errors ?? [], consoleEntries: meta?.consoleTail ?? [] }) }),
+      tab === "network" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "tabpanel", id: panelId("network"), "aria-labelledby": tabId("network"), tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NetworkPanel, { entries: meta?.networkTail ?? [] }) }),
+      replayMounted && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "div",
         {
           role: "tabpanel",
@@ -18477,7 +18555,7 @@ function ReportDetailBody({ report, onClose }) {
           "aria-labelledby": tabId("replay"),
           tabIndex: 0,
           hidden: tab !== "replay",
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__panel", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReplayPlayer, { reportId: report.id }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__panel", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ReplayPlayer, { reportId: report.id }) })
         }
       )
     ] })
@@ -18487,21 +18565,21 @@ function OverviewPanel({ report, meta }) {
   const hasScreenshot = report.assets.some((a2) => a2.kind === "screenshot");
   const attachments = report.assets.filter((a2) => a2.kind !== "screenshot");
   if (!meta) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      hasScreenshot && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Screenshot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Screenshot, { reportId: report.id }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Report", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "lens-db__muted", children: "This report has no metadata yet (still initiating)." }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      hasScreenshot && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Screenshot", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Screenshot, { reportId: report.id }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Report", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "lens-db__muted", children: "This report has no metadata yet (still initiating)." }) })
     ] });
   }
   const hasTarget = Boolean(meta.target && (meta.target.domPath || meta.target.reactComponents?.length));
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    meta.comment && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Comment", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "lens-db__comment", children: meta.comment }) }),
-    hasScreenshot && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Screenshot", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Screenshot, { reportId: report.id }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Environment", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EnvironmentGrid, { env: meta.env, app: meta.app }) }),
-    hasTarget && meta.target && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Section, { title: "Target element", children: [
-      meta.target.domPath && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { className: "lens-db__dompath", children: meta.target.domPath }),
-      meta.target.reactComponents && meta.target.reactComponents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__chips", children: meta.target.reactComponents.map((c2, i2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__chip", children: c2 }, `${c2}-${i2}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    meta.comment && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Comment", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "lens-db__comment", children: meta.comment }) }),
+    hasScreenshot && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Screenshot", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Screenshot, { reportId: report.id }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Environment", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EnvironmentGrid, { env: meta.env, app: meta.app }) }),
+    hasTarget && meta.target && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Section, { title: "Target element", children: [
+      meta.target.domPath && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { className: "lens-db__dompath", children: meta.target.domPath }),
+      meta.target.reactComponents && meta.target.reactComponents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__chips", children: meta.target.reactComponents.map((c2, i2) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__chip", children: c2 }, `${c2}-${i2}`)) })
     ] }),
-    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Attachments", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Attachments, { reportId: report.id, assets: attachments }) })
+    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Attachments", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Attachments, { reportId: report.id, assets: attachments }) })
   ] });
 }
 function Screenshot({ reportId }) {
@@ -18511,10 +18589,10 @@ function Screenshot({ reportId }) {
     [reportId]
   );
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__shot lens-db__shot--loading", "aria-hidden": true });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__shot lens-db__shot--loading", "aria-hidden": true });
   }
   if (error || !url) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "a",
     {
       className: "lens-db__shot",
@@ -18522,7 +18600,7 @@ function Screenshot({ reportId }) {
       target: "_blank",
       rel: "noreferrer",
       title: "Open full screenshot in a new tab",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { className: "lens-db__shot-img", src: url, alt: "Captured screenshot", loading: "lazy" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { className: "lens-db__shot-img", src: url, alt: "Captured screenshot", loading: "lazy" })
     }
   );
 }
@@ -18543,61 +18621,61 @@ function dedupeErrors(errors) {
 }
 function LogsPanel({ errors, consoleEntries }) {
   const groups = dedupeErrors(errors);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: `Errors${errors.length ? ` (${groups.length})` : ""}`, children: groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__scroll", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "lens-db__errlog", children: groups.map((g, i2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorRow, { group: g }, i2)) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Section, { title: "Console", children: consoleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__scroll", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ConsoleTail, { entries: consoleEntries }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: `Errors${errors.length ? ` (${groups.length})` : ""}`, children: groups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__scroll", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "lens-db__errlog", children: groups.map((g, i2) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorRow, { group: g }, i2)) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Section, { title: "Console", children: consoleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__scroll", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ConsoleTail, { entries: consoleEntries }) }) })
   ] });
 }
 function ErrorRow({ group }) {
   const { entry, count } = group;
   const firstLine = entry.message.split("\n")[0] ?? entry.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { className: "lens-db__errlog-item", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "lens-db__errlog-details", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { className: "lens-db__errlog-summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__errlog-msg", children: truncate(firstLine, 140) }),
-      count > 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "lens-db__count-badge", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { className: "lens-db__errlog-item", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("details", { className: "lens-db__errlog-details", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("summary", { className: "lens-db__errlog-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__errlog-msg", children: truncate(firstLine, 140) }),
+      count > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "lens-db__count-badge", children: [
         "\xD7",
         count
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__errlog-source", children: entry.source })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__errlog-source", children: entry.source })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__errlog-body", children: [
-      entry.message !== firstLine && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { className: "lens-db__stack", children: entry.message }),
-      entry.stack && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { className: "lens-db__stack", children: entry.stack })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__errlog-body", children: [
+      entry.message !== firstLine && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "lens-db__stack", children: entry.message }),
+      entry.stack && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "lens-db__stack", children: entry.stack })
     ] })
   ] }) });
 }
 function ConsoleTail({ entries }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__console", children: entries.map((e2, i2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: clsx_default("lens-db__console-line", `lens-db__console-line--${e2.level}`), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__console-level", children: e2.level }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__console-args", children: e2.args.join(" ") })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__console", children: entries.map((e2, i2) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: clsx_default("lens-db__console-line", `lens-db__console-line--${e2.level}`), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__console-level", children: e2.level }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__console-args", children: e2.args.join(" ") })
   ] }, i2)) });
 }
 function NetworkPanel({ entries }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__panel", children: entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NetworkTail, { entries }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__panel", children: entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NetworkTail, { entries }) });
 }
 function NetworkTail({ entries }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { className: "lens-db__nettable", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { children: "Method" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { children: "Path" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { className: "lens-db__num", children: "Status" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { className: "lens-db__num", children: "Duration" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: "lens-db__nettable", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { children: "Method" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { children: "Path" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "lens-db__num", children: "Status" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { className: "lens-db__num", children: "Duration" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tbody", { children: entries.map((e2, i2) => {
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: entries.map((e2, i2) => {
       const bad = e2.error != null || e2.ok === false || e2.status != null && (e2.status < 200 || e2.status >= 300);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { className: clsx_default(bad && "lens-db__netrow--bad"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "lens-db__mono", children: e2.method }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "lens-db__mono lens-db__muted", title: e2.url, children: urlPath(e2.url) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "lens-db__num lens-db__mono lens-db__net-status", children: e2.error ? "ERR" : e2.status ?? "\u2014" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: "lens-db__num lens-db__muted", children: formatDuration(e2.durationMs) })
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("tr", { className: clsx_default(bad && "lens-db__netrow--bad"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "lens-db__mono", children: e2.method }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "lens-db__mono lens-db__muted", title: e2.url, children: urlPath(e2.url) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "lens-db__num lens-db__mono lens-db__net-status", children: e2.error ? "ERR" : e2.status ?? "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { className: "lens-db__num lens-db__muted", children: formatDuration(e2.durationMs) })
       ] }, i2);
     }) })
   ] });
 }
 function Section({ title, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "lens-db__section", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "lens-db__section-title", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__section-body", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "lens-db__section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "lens-db__section-title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__section-body", children })
   ] });
 }
 function EnvironmentGrid({ env, app }) {
@@ -18613,15 +18691,15 @@ function EnvironmentGrid({ env, app }) {
     ["Git SHA", app?.gitSha]
   ];
   const monoLabels = /* @__PURE__ */ new Set(["URL", "Route", "Release", "Git SHA"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dl", { className: "lens-db__grid", children: rows.filter(([, v2]) => v2 != null && v2 !== "").map(([label, value]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__grid-row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { className: "lens-db__grid-label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { className: clsx_default("lens-db__grid-value", monoLabels.has(label) && "lens-db__mono"), children: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dl", { className: "lens-db__grid", children: rows.filter(([, v2]) => v2 != null && v2 !== "").map(([label, value]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__grid-row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { className: "lens-db__grid-label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { className: clsx_default("lens-db__grid-value", monoLabels.has(label) && "lens-db__mono"), children: value })
   ] }, label)) });
 }
 function Attachments({ reportId, assets }) {
   const api = useLensApi();
-  const [busy, setBusy] = (0, import_react3.useState)(null);
-  const [err, setErr] = (0, import_react3.useState)(void 0);
+  const [busy, setBusy] = (0, import_react4.useState)(null);
+  const [err, setErr] = (0, import_react4.useState)(void 0);
   async function open(kind) {
     setBusy(kind);
     setErr(void 0);
@@ -18634,13 +18712,13 @@ function Attachments({ reportId, assets }) {
       setBusy(null);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lens-db__attachments", children: [
-    err && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lens-db__error", children: err }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "lens-db__attachment-list", children: assets.map((a2) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { className: "lens-db__attachment", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__attachment-kind", children: a2.kind }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__muted lens-db__attachment-type", children: a2.contentType }),
-      a2.byteSize != null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "lens-db__muted lens-db__attachment-size", children: formatBytes(a2.byteSize) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__attachments", children: [
+    err && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__error", children: err }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "lens-db__attachment-list", children: assets.map((a2) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { className: "lens-db__attachment", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__attachment-kind", children: a2.kind }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__muted lens-db__attachment-type", children: a2.contentType }),
+      a2.byteSize != null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__muted lens-db__attachment-size", children: formatBytes(a2.byteSize) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "button",
         {
           type: "button",
@@ -18683,6 +18761,11 @@ var CONFIG_FIELD = {
     placeholder: "First team (default)"
   }
 };
+var SELECT_PLACEHOLDER = {
+  linear: "First team (default)",
+  github: "Select a repository\u2026",
+  jira: "Select a project\u2026"
+};
 function IntegrationList(props) {
   const {
     integrations,
@@ -18699,9 +18782,10 @@ function IntegrationList(props) {
     onDisconnect,
     onCompleteDev,
     onSaveConfig,
+    loadOptions,
     className
   } = props;
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!flash || !onFlashDismiss) return;
     const t2 = setTimeout(onFlashDismiss, 4e3);
     return () => clearTimeout(t2);
@@ -18709,12 +18793,12 @@ function IntegrationList(props) {
   const byProvider = /* @__PURE__ */ new Map();
   for (const it of integrations) byProvider.set(it.provider, it);
   const hasHeader = Boolean(title || description);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: clsx_default("lens-db__intlist", className), children: [
-    hasHeader && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__intlist-head", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__intlist-title", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__intlist-desc lens-db__muted", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: clsx_default("lens-db__intlist", className), children: [
+    hasHeader && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lens-db__intlist-head", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "lens-db__intlist-title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "lens-db__intlist-desc lens-db__muted", children: description })
     ] }),
-    flash && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    flash && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "div",
       {
         className: clsx_default(
@@ -18723,16 +18807,16 @@ function IntegrationList(props) {
         ),
         role: "status",
         children: [
-          flash.kind === "ok" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconCheckCircle, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconAlertTriangle, { size: 16 }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: flash.message })
+          flash.kind === "ok" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconCheckCircle, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconAlertTriangle, { size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: flash.message })
         ]
       }
     ),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "lens-db__intlist-rows", "aria-busy": "true", children: PROVIDER_ORDER.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__introw lens-db__introw--skeleton", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__skeleton lens-db__intmark-skeleton" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "lens-db__intbody", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__skeleton", style: { width: "35%" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "lens-db__intlist-rows", "aria-busy": "true", children: PROVIDER_ORDER.map((p) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lens-db__introw lens-db__introw--skeleton", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__skeleton lens-db__intmark-skeleton" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "lens-db__intbody", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__skeleton", style: { width: "35%" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "span",
           {
             className: "lens-db__skeleton",
@@ -18740,14 +18824,14 @@ function IntegrationList(props) {
           }
         )
       ] })
-    ] }, p)) }) : loadError ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__intlist-load-error", children: [
+    ] }, p)) }) : loadError ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lens-db__intlist-load-error", children: [
       "Failed to load integrations: ",
       loadError,
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "lens-db__link-btn", onClick: onRetry, children: "Retry" })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "lens-db__link-btn", onClick: onRetry, children: "Retry" })
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       {
         className: "lens-db__intlist-rows",
@@ -18763,16 +18847,16 @@ function IntegrationList(props) {
           const isBusy = busy === provider;
           const isConnected = status === "connected";
           const statusLine = status === "connected" ? account ? `Connected as ${account}` : "Connected" : status === "pending" ? "Waiting for authorization\u2026" : "Not connected";
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
             "div",
             {
               className: clsx_default("lens-db__introw", active && "lens-db__introw--active"),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intmark", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { size: 20 }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "lens-db__intbody", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intname", children: meta.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "lens-db__intstatus", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intmark", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { size: 20 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "lens-db__intbody", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intname", children: meta.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "lens-db__intstatus", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "span",
                       {
                         className: clsx_default(
@@ -18782,11 +18866,11 @@ function IntegrationList(props) {
                         "aria-hidden": true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: statusLine })
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: statusLine })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "lens-db__introw-right", children: [
-                  isConnected && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "lens-db__introw-right", children: [
+                  isConnected && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -18800,14 +18884,14 @@ function IntegrationList(props) {
                       disabled: isBusy || active,
                       onClick: () => !active && onActivate(provider),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intradio-dot", children: active && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intradio-fill" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intradio-dot", children: active && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intradio-fill" }) }),
                         "Destination"
                       ]
                     }
                   ),
-                  status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intwait", children: "waiting for authorization\u2026" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intwait", children: "waiting for authorization\u2026" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "button",
                       {
                         type: "button",
@@ -18818,7 +18902,7 @@ function IntegrationList(props) {
                       }
                     )
                   ] }),
-                  status === "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  status === "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     "button",
                     {
                       type: "button",
@@ -18828,7 +18912,7 @@ function IntegrationList(props) {
                       children: isBusy ? "Opening\u2026" : "Connect"
                     }
                   ),
-                  status !== "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  status !== "disconnected" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                     "button",
                     {
                       type: "button",
@@ -18840,14 +18924,15 @@ function IntegrationList(props) {
                     }
                   )
                 ] }),
-                isConnected && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                isConnected && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                   IntegrationConfigLine,
                   {
                     provider,
                     config: integration?.config ?? {},
                     active,
                     disabled: isBusy,
-                    onSave: (config) => onSaveConfig(provider, config)
+                    onSave: (config) => onSaveConfig(provider, config),
+                    loadOptions
                   }
                 )
               ]
@@ -18864,23 +18949,38 @@ function IntegrationConfigLine({
   config,
   active,
   disabled,
-  onSave
+  onSave,
+  loadOptions
 }) {
   const field = CONFIG_FIELD[provider];
   const saved = config[field.key] ?? "";
-  const [value, setValue] = (0, import_react7.useState)(saved);
-  const [busy, setBusy] = (0, import_react7.useState)(false);
-  const [done, setDone] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
+  const [value, setValue] = (0, import_react8.useState)(saved);
+  const [busy, setBusy] = (0, import_react8.useState)(false);
+  const [done, setDone] = (0, import_react8.useState)(false);
+  const [options, setOptions] = (0, import_react8.useState)({ status: "idle" });
+  (0, import_react8.useEffect)(() => {
     setValue(saved);
   }, [saved]);
+  (0, import_react8.useEffect)(() => {
+    if (!loadOptions) return;
+    let cancelled = false;
+    setOptions({ status: "loading" });
+    loadOptions(provider).then((res) => {
+      if (!cancelled) setOptions({ status: "ready", options: res.options });
+    }).catch(() => {
+      if (!cancelled) setOptions({ status: "error" });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loadOptions, provider]);
   const dirty = value.trim() !== saved;
-  async function save() {
-    if (busy || !dirty) return;
+  async function commit(raw) {
+    if (busy) return;
     setBusy(true);
     setDone(false);
     const next = { ...config };
-    next[field.key] = value.trim() || void 0;
+    next[field.key] = raw.trim() || void 0;
     try {
       await onSave(next);
       setDone(true);
@@ -18890,11 +18990,29 @@ function IntegrationConfigLine({
       setBusy(false);
     }
   }
+  const saveText = () => {
+    if (dirty) void commit(value);
+  };
+  const onSelect = (next) => {
+    setValue(next);
+    void commit(next);
+  };
   const showHint = Boolean(field.requiredHint) && active && !saved;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lens-db__intconfig", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "lens-db__intconfig-field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intconfig-label", children: field.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const useSelect = Boolean(loadOptions) && (options.status === "loading" || options.status === "ready");
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lens-db__intconfig", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "lens-db__intconfig-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intconfig-label", children: field.label }),
+      useSelect ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        ConfigSelect,
+        {
+          provider,
+          value,
+          options: options.status === "ready" ? options.options : null,
+          loading: options.status === "loading",
+          disabled: disabled || busy,
+          onChange: onSelect
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "input",
         {
           className: "lens-db__intconfig-input",
@@ -18909,25 +19027,55 @@ function IntegrationConfigLine({
           onKeyDown: (e2) => {
             if (e2.key === "Enter") {
               e2.preventDefault();
-              void save();
+              saveText();
             }
           }
         }
       )
     ] }),
-    busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intconfig-busy", "aria-live": "polite", "aria-label": "Saving", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__spinner", "aria-hidden": true }) }) : done ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intconfig-done", "aria-live": "polite", "aria-label": "Saved", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconCheck, { size: 14 }) }) : dirty ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    busy ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intconfig-busy", "aria-live": "polite", "aria-label": "Saving", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__spinner", "aria-hidden": true }) }) : done ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intconfig-done", "aria-live": "polite", "aria-label": "Saved", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconCheck, { size: 14 }) }) : !useSelect && dirty ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
         className: "lens-db__btn lens-db__btn--sm",
         disabled,
-        onClick: () => void save(),
+        onClick: saveText,
         children: "Save"
       }
     ) : null,
-    showHint && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "lens-db__intconfig-hint", children: field.requiredHint })
+    !useSelect && options.status === "error" && loadOptions && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intconfig-note", children: "Couldn't load options \u2014 enter manually." }),
+    showHint && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "lens-db__intconfig-hint", children: field.requiredHint })
   ] });
 }
+function ConfigSelect({
+  provider,
+  value,
+  options,
+  loading,
+  disabled,
+  onChange
+}) {
+  if (loading || !options) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("select", { className: "lens-db__intconfig-select", disabled: true, "aria-label": "Loading options", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { children: "Loading\u2026" }) });
+  }
+  const placeholderDisabled = provider !== "linear";
+  const known = new Set(options.map((o2) => o2.value));
+  const orphan = value && !known.has(value) ? value : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "select",
+    {
+      className: "lens-db__intconfig-select",
+      value,
+      disabled,
+      onChange: (e2) => onChange(e2.target.value),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", disabled: placeholderDisabled, children: SELECT_PLACEHOLDER[provider] }),
+        orphan && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: orphan, children: orphan }),
+        options.map((o2) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: o2.value, children: o2.label }, o2.value))
+      ]
+    }
+  );
+}
 var PROVIDER_NAME = {
   linear: "Linear",
   jira: "Jira",
@@ -18958,10 +19106,10 @@ function consumeOAuthCallback() {
 function IntegrationSettings(props) {
   const api = useLensApi();
   const { data, error, loading, reload } = useAsync(() => api.listIntegrations(), []);
-  const [busy, setBusy] = (0, import_react6.useState)(null);
-  const [list, setList] = (0, import_react6.useState)(null);
-  const [flash, setFlash] = (0, import_react6.useState)(null);
-  (0, import_react6.useEffect)(() => {
+  const [busy, setBusy] = (0, import_react7.useState)(null);
+  const [list, setList] = (0, import_react7.useState)(null);
+  const [flash, setFlash] = (0, import_react7.useState)(null);
+  (0, import_react7.useEffect)(() => {
     const outcome = consumeOAuthCallback();
     if (!outcome) return;
     if (outcome.connected) {
@@ -19011,7 +19159,7 @@ function IntegrationSettings(props) {
       setBusy(null);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: clsx_default("lens-db", props.className), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: clsx_default("lens-db", props.className), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     IntegrationList,
     {
       integrations,
@@ -19027,56 +19175,11 @@ function IntegrationSettings(props) {
       onActivate: (p) => void activate(p),
       onDisconnect: (p) => void disconnect(p),
       onCompleteDev: (p) => void completeDev(p),
-      onSaveConfig: saveConfig
+      onSaveConfig: saveConfig,
+      loadOptions: (p) => api.getIntegrationOptions(p)
     }
   ) });
 }
-var MARKUP_RULES = [
-  { cls: "com", re: /<!--[\s\S]*?-->|\/\*[\s\S]*?\*\/|\/\/[^\n]*/y },
-  { cls: "str", re: /"(?:[^"\\\n]|\\.)*"|'(?:[^'\\\n]|\\.)*'|`(?:[^`\\]|\\.)*`/y },
-  { cls: "tag", re: /<\/?[a-zA-Z][\w.-]*|\/>|>/y },
-  {
-    cls: "kw",
-    re: /\b(?:import|from|export|function|return|const|let|var|async|await|new|window|default)\b/y
-  },
-  { cls: "attr", re: /\b[a-zA-Z_][\w-]*(?==)/y },
-  { cls: "num", re: /\b\d+(?:\.\d+)?\b/y }
-];
-var ENV_RULES = [
-  { cls: "com", re: /#[^\n]*/y },
-  { cls: "attr", re: /^[A-Z][A-Z0-9_]*(?==)/my },
-  { cls: "str", re: /(?<==)[^\n]+/y }
-];
-function highlightCode(code, lang) {
-  const rules2 = lang === "env" ? ENV_RULES : MARKUP_RULES;
-  const out = [];
-  let pos = 0;
-  let plainStart = 0;
-  let key = 0;
-  const flushPlain = (until) => {
-    if (until > plainStart) out.push(code.slice(plainStart, until));
-  };
-  while (pos < code.length) {
-    let matched = false;
-    for (const rule2 of rules2) {
-      rule2.re.lastIndex = pos;
-      const m = rule2.re.exec(code);
-      if (m && m[0].length > 0) {
-        flushPlain(pos);
-        out.push(
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `lens-db__tok-${rule2.cls}`, children: m[0] }, key++)
-        );
-        pos += m[0].length;
-        plainStart = pos;
-        matched = true;
-        break;
-      }
-    }
-    if (!matched) pos += 1;
-  }
-  flushPlain(code.length);
-  return out;
-}
 var STEPS = ["Project", "Destination", "Asset storage", "Install"];
 var PROVIDER_NAME2 = {
   linear: "Linear",
@@ -19124,7 +19227,7 @@ function CopyButton({
   label = "Copy",
   ghost = false
 }) {
-  const [copied, setCopied] = (0, import_react8.useState)(false);
+  const [copied, setCopied] = (0, import_react9.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "button",
     {
@@ -19153,25 +19256,25 @@ function CopyButton({
 }
 function OnboardingWizard(props) {
   const api = useLensApi();
-  const [step, setStep] = (0, import_react8.useState)(0);
-  const [name, setName] = (0, import_react8.useState)("");
-  const [origins, setOrigins] = (0, import_react8.useState)("");
-  const [dashboardUrl, setDashboardUrl] = (0, import_react8.useState)("");
-  const [project, setProject] = (0, import_react8.useState)(null);
-  const [accessId, setAccessId] = (0, import_react8.useState)(null);
-  const [accessSecret, setAccessSecret] = (0, import_react8.useState)(null);
-  const [step1Busy, setStep1Busy] = (0, import_react8.useState)(false);
-  const [step1Error, setStep1Error] = (0, import_react8.useState)(void 0);
-  const [loadingExisting, setLoadingExisting] = (0, import_react8.useState)(Boolean(props.existingProject));
-  const [integrations, setIntegrations] = (0, import_react8.useState)(null);
-  const [intBusy, setIntBusy] = (0, import_react8.useState)(null);
-  const [intLoadError, setIntLoadError] = (0, import_react8.useState)(void 0);
-  const [intFlash, setIntFlash] = (0, import_react8.useState)(null);
-  const [storage, setStorage] = (0, import_react8.useState)(null);
-  const [storageError, setStorageError] = (0, import_react8.useState)(void 0);
-  const [finishBusy, setFinishBusy] = (0, import_react8.useState)(false);
-  const [finishError, setFinishError] = (0, import_react8.useState)(void 0);
-  (0, import_react8.useEffect)(() => {
+  const [step, setStep] = (0, import_react9.useState)(0);
+  const [name, setName] = (0, import_react9.useState)("");
+  const [origins, setOrigins] = (0, import_react9.useState)("");
+  const [dashboardUrl, setDashboardUrl] = (0, import_react9.useState)("");
+  const [project, setProject] = (0, import_react9.useState)(null);
+  const [accessId, setAccessId] = (0, import_react9.useState)(null);
+  const [accessSecret, setAccessSecret] = (0, import_react9.useState)(null);
+  const [step1Busy, setStep1Busy] = (0, import_react9.useState)(false);
+  const [step1Error, setStep1Error] = (0, import_react9.useState)(void 0);
+  const [loadingExisting, setLoadingExisting] = (0, import_react9.useState)(Boolean(props.existingProject));
+  const [integrations, setIntegrations] = (0, import_react9.useState)(null);
+  const [intBusy, setIntBusy] = (0, import_react9.useState)(null);
+  const [intLoadError, setIntLoadError] = (0, import_react9.useState)(void 0);
+  const [intFlash, setIntFlash] = (0, import_react9.useState)(null);
+  const [storage, setStorage] = (0, import_react9.useState)(null);
+  const [storageError, setStorageError] = (0, import_react9.useState)(void 0);
+  const [finishBusy, setFinishBusy] = (0, import_react9.useState)(false);
+  const [finishError, setFinishError] = (0, import_react9.useState)(void 0);
+  (0, import_react9.useEffect)(() => {
     if (!props.existingProject) return;
     let active = true;
     setLoadingExisting(true);
@@ -19192,7 +19295,7 @@ function OnboardingWizard(props) {
       active = false;
     };
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (step !== 1) return;
     const outcome = consumeOAuthCallback2();
     if (!outcome) return;
@@ -19202,7 +19305,7 @@ function OnboardingWizard(props) {
     }
     if (outcome.error) setIntFlash({ kind: "error", message: outcome.error });
   }, [step]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (step !== 1 || integrations !== null) return;
     let active = true;
     api.listIntegrations().then((list) => active && setIntegrations(list)).catch(
@@ -19314,7 +19417,7 @@ function OnboardingWizard(props) {
       setIntBusy(null);
     }
   }
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (step !== 2 || storage !== null) return;
     let active = true;
     api.getStorageStatus().then((s2) => active && setStorage(s2)).catch(
@@ -19442,7 +19545,8 @@ export function App() {
             onActivate: (p) => void activate(p),
             onDisconnect: (p) => void disconnect(p),
             onCompleteDev: (p) => void completeDev(p),
-            onSaveConfig: saveConfig
+            onSaveConfig: saveConfig,
+            loadOptions: (p) => api.getIntegrationOptions(p)
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "lens-db__hint", children: activeProvider ? `Issues will route to ${providerLabel2(activeProvider)}.` : "No destination selected yet \u2014 issues will queue until you pick one." })
@@ -19589,20 +19693,263 @@ export function App() {
     ] })
   ] });
 }
+var HOSTED_LENS_API_URL = "https://api-lens.meritt.app";
+var LensConfigContext = (0, import_react2.createContext)(null);
+function LensProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LensConfigContext.Provider, { value: config, children });
+}
+var TABS = [
+  { id: "reports", label: "Issue Reports", Icon: IconBug },
+  { id: "integrations", label: "Integrations", Icon: IconPlug },
+  { id: "setup", label: "Setup", Icon: IconRocket }
+];
+function readInitialParams() {
+  if (typeof window === "undefined") return { report: null, project: null };
+  const params = new URLSearchParams(window.location.search);
+  return { report: params.get("report"), project: params.get("project") };
+}
+function syncReportParam(reportId) {
+  if (typeof window === "undefined") return;
+  try {
+    const params = new URLSearchParams(window.location.search);
+    if (reportId) params.set("report", reportId);
+    else params.delete("report");
+    const qs = params.toString();
+    const url = window.location.pathname + (qs ? `?${qs}` : "") + window.location.hash;
+    window.history.replaceState(window.history.state, "", url);
+  } catch {
+  }
+}
+function CopyButton2({ value, label = "Copy" }) {
+  const [copied, setCopied] = (0, import_react2.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: clsx_default("lens-db__copy-btn", copied && "lens-db__copy-btn--done"),
+      "aria-label": copied ? "Copied" : label,
+      onClick: () => {
+        void navigator.clipboard?.writeText(value).then(
+          () => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2e3);
+          },
+          () => void 0
+        );
+      },
+      children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconCheck, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconCopy, { size: 14 }),
+        copied ? "Copied" : label
+      ]
+    }
+  );
+}
+function LensAdmin(props) {
+  const contextConfig = (0, import_react2.useContext)(LensConfigContext);
+  const {
+    config = contextConfig ?? void 0,
+    baseUrl = "/api/lens",
+    projectsUrl = "/api/lens-projects",
+    projects: propProjects,
+    defaultTab = "reports",
+    theme,
+    className
+  } = props;
+  const direct = !!config;
+  const staticProjects = (0, import_react2.useMemo)(
+    () => config?.projects.map(({ name, accessId }) => ({ name, accessId })) ?? propProjects,
+    [config, propProjects]
+  );
+  const wizardSecretRef = (0, import_react2.useRef)("");
+  const activeProjectRef = (0, import_react2.useRef)(null);
+  const configRef = (0, import_react2.useRef)(config);
+  configRef.current = config;
+  const api = (0, import_react2.useMemo)(
+    () => direct ? createLensApi({
+      baseUrl: configRef.current?.apiUrl ?? HOSTED_LENS_API_URL,
+      getToken: () => {
+        const cfg = configRef.current;
+        const active = cfg?.projects.find((p) => p.accessId === activeProjectRef.current);
+        return wizardSecretRef.current || active?.secretKey || cfg?.adminToken || "";
+      }
+    }) : createLensApi({
+      baseUrl,
+      tokenHeader: "x-lens-token",
+      getToken: () => wizardSecretRef.current,
+      project: () => activeProjectRef.current
+    }),
+    [direct, baseUrl]
+  );
+  const [initialParams] = (0, import_react2.useState)(readInitialParams);
+  const [projects, setProjects] = (0, import_react2.useState)(staticProjects ?? []);
+  const [loadingProjects, setLoadingProjects] = (0, import_react2.useState)(!staticProjects);
+  const [activeAccessId, setActiveAccessId] = (0, import_react2.useState)(null);
+  const [firstReportId, setFirstReportId] = (0, import_react2.useState)(initialParams.report);
+  (0, import_react2.useEffect)(() => {
+    if (staticProjects) return;
+    let active = true;
+    setLoadingProjects(true);
+    fetch(projectsUrl, { headers: { Accept: "application/json" } }).then((res) => res.ok ? res.json() : Promise.reject(new Error(String(res.status)))).then((body) => {
+      if (!active) return;
+      const list = body && typeof body === "object" && Array.isArray(body.projects) ? body.projects.filter(
+        (p) => !!p && typeof p === "object" && typeof p.name === "string" && typeof p.accessId === "string"
+      ) : [];
+      setProjects(list);
+      setLoadingProjects(false);
+    }).catch(() => {
+      if (!active) return;
+      setProjects([]);
+      setLoadingProjects(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [projectsUrl, staticProjects]);
+  (0, import_react2.useEffect)(() => {
+    const first = projects[0];
+    if (!first) {
+      setActiveAccessId(null);
+      return;
+    }
+    setActiveAccessId((current) => {
+      if (current && projects.some((p) => p.accessId === current)) return current;
+      const fromUrl = initialParams.project && projects.find((p) => p.accessId === initialParams.project);
+      return fromUrl ? fromUrl.accessId : first.accessId;
+    });
+  }, [projects, initialParams.project]);
+  if (activeAccessId) activeProjectRef.current = activeAccessId;
+  const provisioning = !loadingProjects && projects.length === 0;
+  function switchProject(accessId) {
+    setFirstReportId(null);
+    setActiveAccessId(accessId);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: clsx_default("lens-db", "lens-db__shell", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LensDashboardProvider, { api, theme, children: loadingProjects ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lens-db__shell-loading", children: "Loading\u2026" }) : provisioning ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Provisioning,
+    {
+      onProjectCreated: (res) => {
+        wizardSecretRef.current = res.accessSecret;
+        activeProjectRef.current = res.accessId;
+      }
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    DashboardSurface,
+    {
+      projects,
+      activeAccessId,
+      onSwitchProject: switchProject,
+      defaultTab,
+      initialReportId: firstReportId
+    },
+    activeAccessId ?? "none"
+  ) }) });
+}
+function Provisioning({
+  onProjectCreated
+}) {
+  const [minted, setMinted] = (0, import_react2.useState)(
+    null
+  );
+  const envBlock = minted ? `LENS_PROJECTS=[${JSON.stringify({
+    name: minted.name,
+    accessId: minted.accessId,
+    secretKey: minted.secretKey
+  })}]` : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__shell-provision", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__shell-notice", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "lens-db__shell-notice-title", children: "No Lens projects configured" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "lens-db__muted", children: "Create your first project below. The minted access secret is shown once \u2014 add it to your server environment to finish wiring up the proxy." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      OnboardingWizard,
+      {
+        onProjectCreated: (res) => {
+          onProjectCreated(res);
+          setMinted({
+            name: res.project.name,
+            accessId: res.accessId,
+            secretKey: res.accessSecret
+          });
+        }
+      }
+    ),
+    minted && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__shell-env", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "lens-db__label", children: "Add this to your server env and restart \u2014 the proxy reads it to route requests to the new project:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__codeblock", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("pre", { className: "lens-db__pre", children: highlightCode(envBlock, "env") }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CopyButton2, { value: envBlock, label: "Copy" })
+      ] })
+    ] })
+  ] });
+}
+function DashboardSurface({
+  projects,
+  activeAccessId,
+  onSwitchProject,
+  defaultTab,
+  initialReportId
+}) {
+  const [tab, setTab] = (0, import_react2.useState)(defaultTab);
+  const [selected, setSelected] = (0, import_react2.useState)(initialReportId);
+  (0, import_react2.useEffect)(() => {
+    syncReportParam(selected);
+  }, [selected]);
+  const showSwitcher = projects.length > 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__shell-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lens-db__shell-tabs", role: "tablist", "aria-label": "Lens sections", children: TABS.map(({ id, label, Icon }) => {
+        const active = id === tab;
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": active,
+            className: clsx_default("lens-db__shell-tab", active && "lens-db__shell-tab--active"),
+            onClick: () => setTab(id),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__shell-tab-label", children: label })
+            ]
+          },
+          id
+        );
+      }) }),
+      showSwitcher && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lens-db__shell-switcher", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "select",
+        {
+          className: "lens-db__shell-select",
+          "aria-label": "Switch project",
+          value: activeAccessId ?? "",
+          onChange: (e2) => onSwitchProject(e2.target.value),
+          children: projects.map((p) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: p.accessId, children: p.name }, p.accessId))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__shell-content", children: [
+      tab === "reports" && (selected ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ReportDetail, { reportId: selected, onClose: () => setSelected(null) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ReportsTable, { onSelect: setSelected })),
+      tab === "integrations" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IntegrationSettings, {}),
+      tab === "setup" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(OnboardingWizard, { existingProject: true })
+    ] })
+  ] });
+}
+var LensDashboard = LensAdmin;
 function parseOrigins2(raw) {
   return raw.split("\n").map((line) => line.trim()).filter((line) => line.length > 0);
 }
 function ProjectSettings(props) {
   const api = useLensApi();
   const { data, error, loading, reload } = useAsync(() => api.getProject(), []);
-  const [name, setName] = (0, import_react9.useState)("");
-  const [origins, setOrigins] = (0, import_react9.useState)("");
-  const [dashboardUrl, setDashboardUrl] = (0, import_react9.useState)("");
-  const [saving, setSaving] = (0, import_react9.useState)(false);
-  const [saveError, setSaveError] = (0, import_react9.useState)(void 0);
-  const [saved, setSaved] = (0, import_react9.useState)(false);
-  const [copied, setCopied] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [name, setName] = (0, import_react10.useState)("");
+  const [origins, setOrigins] = (0, import_react10.useState)("");
+  const [dashboardUrl, setDashboardUrl] = (0, import_react10.useState)("");
+  const [saving, setSaving] = (0, import_react10.useState)(false);
+  const [saveError, setSaveError] = (0, import_react10.useState)(void 0);
+  const [saved, setSaved] = (0, import_react10.useState)(false);
+  const [copied, setCopied] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     if (!data) return;
     setName(data.name);
     setOrigins(data.allowedOrigins.join("\n"));
@@ -19634,22 +19981,22 @@ function ProjectSettings(props) {
     }
   }
   const accessId = data?.accessId ?? "";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: clsx_default("lens-db", "lens-db__panel", props.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "lens-db__wizard-title", children: "Project settings" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "lens-db__muted", children: "Update the project name and the origins allowed to submit reports." })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: clsx_default("lens-db", "lens-db__panel", props.className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "lens-db__wizard-title", children: "Project settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "lens-db__muted", children: "Update the project name and the origins allowed to submit reports." })
     ] }),
-    loading && !data && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "lens-db__muted", children: "Loading project\u2026" }),
-    error && !data && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__error", children: [
+    loading && !data && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "lens-db__muted", children: "Loading project\u2026" }),
+    error && !data && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lens-db__error", children: [
       "Failed to load project: ",
       error.message,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
     ] }),
-    data && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "lens-db__field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__label", children: "Project name" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    data && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "lens-db__field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "lens-db__label", children: "Project name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "input",
           {
             className: "lens-db__input",
@@ -19661,9 +20008,9 @@ function ProjectSettings(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "lens-db__field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__label", children: "Allowed origins" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "lens-db__field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "lens-db__label", children: "Allowed origins" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "textarea",
           {
             className: "lens-db__input lens-db__textarea",
@@ -19674,11 +20021,11 @@ function ProjectSettings(props) {
             onChange: (e2) => setOrigins(e2.target.value)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__hint", children: "One origin per line." })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "lens-db__hint", children: "One origin per line." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "lens-db__field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__label", children: "Dashboard URL" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "lens-db__field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "lens-db__label", children: "Dashboard URL" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "input",
           {
             className: "lens-db__input",
@@ -19689,13 +20036,13 @@ function ProjectSettings(props) {
             onChange: (e2) => setDashboardUrl(e2.target.value)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__hint", children: "Issues link reports back to this page." })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "lens-db__hint", children: "Issues link reports back to this page." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "lens-db__label", children: "Access ID" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__cred-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("code", { className: "lens-db__code-inline", children: accessId }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lens-db__field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "lens-db__label", children: "Access ID" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lens-db__cred-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("code", { className: "lens-db__code-inline", children: accessId }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
             "button",
             {
               type: "button",
@@ -19711,16 +20058,16 @@ function ProjectSettings(props) {
                 );
               },
               children: [
-                copied ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconCheck, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconCopy, { size: 14 }),
+                copied ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconCheck, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconCopy, { size: 14 }),
                 copied ? "Copied" : "Copy"
               ]
             }
           )
         ] })
       ] }),
-      saveError && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lens-db__error", children: saveError }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lens-db__panel-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      saveError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "lens-db__error", children: saveError }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lens-db__panel-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             type: "button",
@@ -19730,8 +20077,8 @@ function ProjectSettings(props) {
             children: saving ? "Saving\u2026" : "Save"
           }
         ),
-        saved && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "lens-db__flash lens-db__flash--ok", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconCheck, { size: 14 }),
+        saved && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "lens-db__flash lens-db__flash--ok", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconCheck, { size: 14 }),
           "Saved"
         ] })
       ] })
@@ -19741,8 +20088,11 @@ function ProjectSettings(props) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   IntegrationSettings,
+  LensAdmin,
   LensApiError,
+  LensDashboard,
   LensDashboardProvider,
+  LensProvider,
   OnboardingWizard,
   ProjectSettings,
   ReplayPlayer,