@merittdev/horus-lens 0.0.1 → 0.0.3

package/dist/dashboard.js

@@ -3,7 +3,7 @@ import "./chunk-PZ5AY32C.js";
 // ../dashboard/dist/index.js
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect7, useMemo, useRef as useRef4, useState as useState8 } from "react";
 
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -22,23 +22,25 @@ function clsx() {
 var clsx_default = clsx;
 
 // ../dashboard/dist/index.js
-import { jsx as jsx2 } from "react/jsx-runtime";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 import { useId, useRef as useRef3, useState as useState4 } from "react";
 import { useCallback as useCallback2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 import { useEffect as useEffect5, useState as useState6 } from "react";
 import { useEffect as useEffect4, useState as useState5 } from "react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-import { jsx as jsx8 } from "react/jsx-runtime";
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 import { jsx as jsx9 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useState as useState7 } from "react";
 import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-import { useEffect as useEffect7, useState as useState8 } from "react";
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useState as useState9 } from "react";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var LensApiError = class extends Error {
   constructor(status, code, message) {
     super(message);
@@ -153,6 +155,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",
@@ -200,61 +207,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 diff = now - then;
-  const sec = Math.round(diff / 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 u = new URL(raw);
-    return `${u.pathname}${u.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__ */ jsx2("span", { className: clsx_default("lens-db__badge", `lens-db__badge--${status}`), children: LABELS[status] });
-}
 function base({ size = 16, ...rest }) {
   return {
     width: size,
@@ -271,55 +223,77 @@ function base({ size = 16, ...rest }) {
   };
 }
 function IconPlay(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M8 5.5v13l11-6.5-11-6.5Z", fill: "currentColor", stroke: "none" }) });
+  return /* @__PURE__ */ jsx2("svg", { ...base(props), children: /* @__PURE__ */ jsx2("path", { d: "M8 5.5v13l11-6.5-11-6.5Z", fill: "currentColor", stroke: "none" }) });
 }
 function IconPause(props) {
   return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("rect", { x: "7", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ jsx3("rect", { x: "13.5", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" })
+    /* @__PURE__ */ jsx2("rect", { x: "7", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx2("rect", { x: "13.5", y: "5", width: "3.5", height: "14", rx: "1", fill: "currentColor", stroke: "none" })
   ] });
 }
 function IconClose(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M18 6 6 18M6 6l12 12" }) });
+  return /* @__PURE__ */ jsx2("svg", { ...base(props), children: /* @__PURE__ */ jsx2("path", { d: "M18 6 6 18M6 6l12 12" }) });
 }
 function IconChevronLeft(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M15 6l-6 6 6 6" }) });
+  return /* @__PURE__ */ jsx2("svg", { ...base(props), children: /* @__PURE__ */ jsx2("path", { d: "M15 6l-6 6 6 6" }) });
 }
 function IconChevronRight(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M9 6l6 6-6 6" }) });
+  return /* @__PURE__ */ jsx2("svg", { ...base(props), children: /* @__PURE__ */ jsx2("path", { d: "M9 6l6 6-6 6" }) });
 }
 function IconExternal(props) {
   return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M14 5h5v5M19 5l-8 8" }),
-    /* @__PURE__ */ jsx3("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" })
+    /* @__PURE__ */ jsx2("path", { d: "M14 5h5v5M19 5l-8 8" }),
+    /* @__PURE__ */ jsx2("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__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
-    /* @__PURE__ */ jsx3("path", { d: "M5 15V6a1 1 0 0 1 1-1h9" })
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M5 15V6a1 1 0 0 1 1-1h9" })
   ] });
 }
 function IconCheck(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx2("svg", { ...base(props), children: /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }) });
 }
 function IconCheckCircle(props) {
   return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ jsx3("path", { d: "m8.5 12 2.5 2.5 4.5-5" })
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx2("path", { d: "m8.5 12 2.5 2.5 4.5-5" })
   ] });
 }
 function IconAlertTriangle(props) {
   return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M12 4.5 21 19.5H3L12 4.5Z" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 10v4.5" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 17.25h.01" })
+    /* @__PURE__ */ jsx2("path", { d: "M12 4.5 21 19.5H3L12 4.5Z" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 10v4.5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 17.25h.01" })
   ] });
 }
 function IconInbox(props) {
   return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M4 13h4l1.5 2.5h5L16 13h4" }),
-    /* @__PURE__ */ jsx3("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" })
+    /* @__PURE__ */ jsx2("path", { d: "M4 13h4l1.5 2.5h5L16 13h4" }),
+    /* @__PURE__ */ jsx2("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__ */ jsxs("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx2("rect", { x: "8", y: "7", width: "8", height: "12", rx: "4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M9 5a3 3 0 0 1 6 0" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8.5v10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M8 11H4.5M8 15H4M8 8 5.5 6M16 11h3.5M16 15h4M16 8l2.5-2" })
+  ] });
+}
+function IconPlug(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx2("path", { d: "M9 3v5M15 3v5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M6.5 8h11v1.5a5.5 5.5 0 0 1-11 0V8Z" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 15v6" })
+  ] });
+}
+function IconRocket(props) {
+  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx2("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__ */ jsx2("circle", { cx: "12", cy: "9", r: "1.4" }),
+    /* @__PURE__ */ jsx2("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 }) {
@@ -334,13 +308,114 @@ function brand({ size = 16, ...rest }) {
   };
 }
 function IconGitHub(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...brand(props), children: /* @__PURE__ */ jsx3("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__ */ jsx2("svg", { ...brand(props), children: /* @__PURE__ */ jsx2("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__ */ jsx3("svg", { ...brand(props), children: /* @__PURE__ */ jsx3("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__ */ jsx2("svg", { ...brand(props), children: /* @__PURE__ */ jsx2("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__ */ jsx3("svg", { ...brand(props), children: /* @__PURE__ */ jsx3("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__ */ jsx2("svg", { ...brand(props), children: /* @__PURE__ */ jsx2("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 rules = 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 rule of rules) {
+      rule.re.lastIndex = pos;
+      const m = rule.re.exec(code);
+      if (m && m[0].length > 0) {
+        flushPlain(pos);
+        out.push(
+          /* @__PURE__ */ jsx3("span", { className: `lens-db__tok-${rule.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 diff = now - then;
+  const sec = Math.round(diff / 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 u = new URL(raw);
+    return `${u.pathname}${u.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__ */ jsx4("span", { className: clsx_default("lens-db__badge", `lens-db__badge--${status}`), children: LABELS[status] });
 }
 var SEARCH_DEBOUNCE_MS = 350;
 function ReportsTable(props) {
@@ -403,7 +478,7 @@ function ReportsTable(props) {
   const contextText = isOnlyPage ? `Showing ${reports.length}` : `${reports.length} on this page`;
   return /* @__PURE__ */ jsxs2("div", { className: clsx_default("lens-db", "lens-db__table-wrap", className), children: [
     /* @__PURE__ */ jsxs2("div", { className: "lens-db__table-toolbar", children: [
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "input",
         {
           type: "search",
@@ -420,23 +495,23 @@ function ReportsTable(props) {
           }
         }
       ),
-      !loading && !error && reports.length > 0 && /* @__PURE__ */ jsx4("span", { className: "lens-db__table-context lens-db__muted", children: contextText })
+      !loading && !error && reports.length > 0 && /* @__PURE__ */ jsx5("span", { className: "lens-db__table-context lens-db__muted", children: contextText })
     ] }),
     /* @__PURE__ */ jsxs2("table", { className: "lens-db__table", children: [
-      /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
-        /* @__PURE__ */ jsx4("th", { children: "Created" }),
-        /* @__PURE__ */ jsx4("th", { children: "Comment" }),
-        /* @__PURE__ */ jsx4("th", { children: "Path" }),
-        /* @__PURE__ */ jsx4("th", { children: "Status" }),
-        /* @__PURE__ */ jsx4("th", { className: "lens-db__num", children: "Errors" }),
-        /* @__PURE__ */ jsx4("th", { className: "lens-db__center", children: "Replay" }),
-        /* @__PURE__ */ jsx4("th", { children: "Issue" })
+      /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+        /* @__PURE__ */ jsx5("th", { children: "Created" }),
+        /* @__PURE__ */ jsx5("th", { children: "Comment" }),
+        /* @__PURE__ */ jsx5("th", { children: "Path" }),
+        /* @__PURE__ */ jsx5("th", { children: "Status" }),
+        /* @__PURE__ */ jsx5("th", { className: "lens-db__num", children: "Errors" }),
+        /* @__PURE__ */ jsx5("th", { className: "lens-db__center", children: "Replay" }),
+        /* @__PURE__ */ jsx5("th", { children: "Issue" })
       ] }) }),
-      /* @__PURE__ */ jsx4("tbody", { children: loading ? /* @__PURE__ */ jsx4(SkeletonRows, { rows: 6 }) : error ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsxs2("td", { colSpan: 7, className: "lens-db__error", children: [
+      /* @__PURE__ */ jsx5("tbody", { children: loading ? /* @__PURE__ */ jsx5(SkeletonRows, { rows: 6 }) : error ? /* @__PURE__ */ jsx5("tr", { children: /* @__PURE__ */ jsxs2("td", { colSpan: 7, className: "lens-db__error", children: [
         "Failed to load reports: ",
         error.message,
         " ",
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -445,20 +520,20 @@ function ReportsTable(props) {
             children: "Retry"
           }
         )
-      ] }) }) : reports.length === 0 ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsxs2("td", { colSpan: 7, className: "lens-db__empty", children: [
-        /* @__PURE__ */ jsx4("span", { className: "lens-db__empty-icon", children: /* @__PURE__ */ jsx4(IconInbox, { size: 32 }) }),
+      ] }) }) : reports.length === 0 ? /* @__PURE__ */ jsx5("tr", { children: /* @__PURE__ */ jsxs2("td", { colSpan: 7, className: "lens-db__empty", children: [
+        /* @__PURE__ */ jsx5("span", { className: "lens-db__empty-icon", children: /* @__PURE__ */ jsx5(IconInbox, { size: 32 }) }),
         query ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx4("div", { className: "lens-db__empty-title", children: "No matching reports" }),
+          /* @__PURE__ */ jsx5("div", { className: "lens-db__empty-title", children: "No matching reports" }),
           /* @__PURE__ */ jsxs2("div", { className: "lens-db__empty-hint", children: [
             "No reports match \u201C",
             query,
             "\u201D. Try a different search."
           ] })
         ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx4("div", { className: "lens-db__empty-title", children: "No reports yet" }),
+          /* @__PURE__ */ jsx5("div", { className: "lens-db__empty-title", children: "No reports yet" }),
           /* @__PURE__ */ jsxs2("div", { className: "lens-db__empty-hint", children: [
             "Visit your app with ",
-            /* @__PURE__ */ jsx4("code", { children: "?lens=true" }),
+            /* @__PURE__ */ jsx5("code", { children: "?lens=true" }),
             " and submit one."
           ] })
         ] })
@@ -475,13 +550,13 @@ function ReportsTable(props) {
             }
           } : void 0,
           children: [
-            /* @__PURE__ */ jsx4("td", { className: "lens-db__muted lens-db__tnum", title: r2.createdAt, children: relativeTime(r2.createdAt) }),
-            /* @__PURE__ */ jsx4("td", { children: r2.comment ? /* @__PURE__ */ jsx4("span", { className: "lens-db__cell-comment", title: r2.comment, children: r2.comment }) : /* @__PURE__ */ jsx4("span", { className: "lens-db__muted", children: "\u2014" }) }),
-            /* @__PURE__ */ jsx4("td", { className: "lens-db__mono lens-db__muted", title: r2.url, children: urlPath(r2.url) }),
-            /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(StatusBadge, { status: r2.status }) }),
-            /* @__PURE__ */ jsx4("td", { className: "lens-db__num", children: r2.errorCount > 0 ? /* @__PURE__ */ jsx4("span", { className: "lens-db__badge lens-db__badge--danger", children: r2.errorCount }) : /* @__PURE__ */ jsx4("span", { className: "lens-db__muted", children: "0" }) }),
-            /* @__PURE__ */ jsx4("td", { className: "lens-db__center", children: r2.hasReplay ? /* @__PURE__ */ jsx4("span", { className: "lens-db__play", title: "Session replay captured", "aria-label": "Has replay", children: /* @__PURE__ */ jsx4(IconPlay, { size: 14 }) }) : /* @__PURE__ */ jsx4("span", { className: "lens-db__muted", "aria-label": "No replay", children: "\u2014" }) }),
-            /* @__PURE__ */ jsx4("td", { children: r2.externalIssue ? /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5("td", { className: "lens-db__muted lens-db__tnum", title: r2.createdAt, children: relativeTime(r2.createdAt) }),
+            /* @__PURE__ */ jsx5("td", { children: r2.comment ? /* @__PURE__ */ jsx5("span", { className: "lens-db__cell-comment", title: r2.comment, children: r2.comment }) : /* @__PURE__ */ jsx5("span", { className: "lens-db__muted", children: "\u2014" }) }),
+            /* @__PURE__ */ jsx5("td", { className: "lens-db__mono lens-db__muted", title: r2.url, children: urlPath(r2.url) }),
+            /* @__PURE__ */ jsx5("td", { children: /* @__PURE__ */ jsx5(StatusBadge, { status: r2.status }) }),
+            /* @__PURE__ */ jsx5("td", { className: "lens-db__num", children: r2.errorCount > 0 ? /* @__PURE__ */ jsx5("span", { className: "lens-db__badge lens-db__badge--danger", children: r2.errorCount }) : /* @__PURE__ */ jsx5("span", { className: "lens-db__muted", children: "0" }) }),
+            /* @__PURE__ */ jsx5("td", { className: "lens-db__center", children: r2.hasReplay ? /* @__PURE__ */ jsx5("span", { className: "lens-db__play", title: "Session replay captured", "aria-label": "Has replay", children: /* @__PURE__ */ jsx5(IconPlay, { size: 14 }) }) : /* @__PURE__ */ jsx5("span", { className: "lens-db__muted", "aria-label": "No replay", children: "\u2014" }) }),
+            /* @__PURE__ */ jsx5("td", { children: r2.externalIssue ? /* @__PURE__ */ jsx5(
               "a",
               {
                 className: "lens-db__link",
@@ -491,7 +566,7 @@ function ReportsTable(props) {
                 onClick: (e) => e.stopPropagation(),
                 children: r2.externalIssue.key
               }
-            ) : /* @__PURE__ */ jsx4("span", { className: "lens-db__muted", children: "\u2014" }) })
+            ) : /* @__PURE__ */ jsx5("span", { className: "lens-db__muted", children: "\u2014" }) })
           ]
         },
         r2.id
@@ -506,7 +581,7 @@ function ReportsTable(props) {
           disabled: !canPrev || loading,
           onClick: goPrev,
           children: [
-            /* @__PURE__ */ jsx4(IconChevronLeft, { size: 16 }),
+            /* @__PURE__ */ jsx5(IconChevronLeft, { size: 16 }),
             "Prev"
           ]
         }
@@ -520,7 +595,7 @@ function ReportsTable(props) {
           onClick: goNext,
           children: [
             "Next",
-            /* @__PURE__ */ jsx4(IconChevronRight, { size: 16 })
+            /* @__PURE__ */ jsx5(IconChevronRight, { size: 16 })
           ]
         }
       )
@@ -528,7 +603,7 @@ function ReportsTable(props) {
   ] });
 }
 function SkeletonRows({ rows }) {
-  return /* @__PURE__ */ jsx4(Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx4("tr", { className: "lens-db__row lens-db__row--skeleton", "aria-hidden": true, children: Array.from({ length: 7 }).map((__, j) => /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4("span", { className: "lens-db__skeleton" }) }, j)) }, i)) });
+  return /* @__PURE__ */ jsx5(Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx5("tr", { className: "lens-db__row lens-db__row--skeleton", "aria-hidden": true, children: Array.from({ length: 7 }).map((__, j) => /* @__PURE__ */ jsx5("td", { children: /* @__PURE__ */ jsx5("span", { className: "lens-db__skeleton" }) }, j)) }, i)) });
 }
 function useAsync(fn, deps) {
   const [data, setData] = useState2(void 0);
@@ -773,17 +848,17 @@ function ReplayPlayer(props) {
   }, [api, reportId, stopRaf]);
   const pct = total > 0 ? Math.min(100, elapsed / total * 100) : 0;
   return /* @__PURE__ */ jsxs3("div", { className: clsx_default("lens-db", "lens-db__replay", className), children: [
-    status === "loading" && /* @__PURE__ */ jsx5("div", { className: "lens-db__replay-state", children: "Loading replay\u2026" }),
-    status === "empty" && /* @__PURE__ */ jsx5("div", { className: "lens-db__replay-state lens-db__muted", children: "No replay captured." }),
+    status === "loading" && /* @__PURE__ */ jsx6("div", { className: "lens-db__replay-state", children: "Loading replay\u2026" }),
+    status === "empty" && /* @__PURE__ */ jsx6("div", { className: "lens-db__replay-state lens-db__muted", children: "No replay captured." }),
     status === "error" && /* @__PURE__ */ jsxs3("div", { className: "lens-db__replay-state lens-db__error", children: [
       "No replay captured",
       message ? ` \u2014 ${message}` : "",
       "."
     ] }),
     /* @__PURE__ */ jsxs3("div", { className: "lens-db__rp", "data-visible": status === "ready", children: [
-      /* @__PURE__ */ jsx5("div", { ref: frameRef, className: "lens-db__rp-frame" }),
+      /* @__PURE__ */ jsx6("div", { ref: frameRef, className: "lens-db__rp-frame" }),
       /* @__PURE__ */ jsxs3("div", { className: "lens-db__rp-bar", children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -791,11 +866,11 @@ function ReplayPlayer(props) {
             onClick: togglePlay,
             "aria-label": playing ? "Pause replay" : "Play replay",
             "aria-pressed": playing,
-            children: playing ? /* @__PURE__ */ jsx5(IconPause, { size: 16 }) : /* @__PURE__ */ jsx5(IconPlay, { size: 16 })
+            children: playing ? /* @__PURE__ */ jsx6(IconPause, { size: 16 }) : /* @__PURE__ */ jsx6(IconPlay, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx5("span", { className: "lens-db__rp-time", children: formatTime(elapsed) }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6("span", { className: "lens-db__rp-time", children: formatTime(elapsed) }),
+        /* @__PURE__ */ jsx6(
           "div",
           {
             ref: trackRef,
@@ -810,11 +885,11 @@ function ReplayPlayer(props) {
             onPointerDown: onTrackPointerDown,
             onPointerMove: onTrackPointerMove,
             onKeyDown: onTrackKeyDown,
-            children: /* @__PURE__ */ jsx5("div", { className: "lens-db__rp-fill", style: { width: `${pct}%` } })
+            children: /* @__PURE__ */ jsx6("div", { className: "lens-db__rp-fill", style: { width: `${pct}%` } })
           }
         ),
-        /* @__PURE__ */ jsx5("span", { className: "lens-db__rp-time", children: formatTime(total) }),
-        /* @__PURE__ */ jsx5("div", { className: "lens-db__rp-speeds", role: "group", "aria-label": "Playback speed", children: SPEEDS.map((s) => /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsx6("span", { className: "lens-db__rp-time", children: formatTime(total) }),
+        /* @__PURE__ */ jsx6("div", { className: "lens-db__rp-speeds", role: "group", "aria-label": "Playback speed", children: SPEEDS.map((s) => /* @__PURE__ */ jsxs3(
           "button",
           {
             type: "button",
@@ -828,7 +903,7 @@ function ReplayPlayer(props) {
           },
           s
         )) }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -850,14 +925,14 @@ function ReportDetail(props) {
     [reportId]
   );
   return /* @__PURE__ */ jsxs4("div", { className: clsx_default("lens-db", "lens-db__detail", className), children: [
-    loading && /* @__PURE__ */ jsx6("div", { className: "lens-db__detail-loading", children: "Loading report\u2026" }),
+    loading && /* @__PURE__ */ jsx7("div", { className: "lens-db__detail-loading", children: "Loading report\u2026" }),
     error && /* @__PURE__ */ jsxs4("div", { className: "lens-db__error", children: [
       "Failed to load report: ",
       error.message,
       " ",
-      /* @__PURE__ */ jsx6("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
+      /* @__PURE__ */ jsx7("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
     ] }),
-    report && /* @__PURE__ */ jsx6(ReportDetailBody, { report, onClose })
+    report && /* @__PURE__ */ jsx7(ReportDetailBody, { report, onClose })
   ] });
 }
 function ReportDetailBody({ report, onClose }) {
@@ -902,8 +977,8 @@ function ReportDetailBody({ report, onClose }) {
   return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsxs4("header", { className: "lens-db__detail-header", children: [
       /* @__PURE__ */ jsxs4("div", { className: "lens-db__detail-header-main", children: [
-        /* @__PURE__ */ jsx6(StatusBadge, { status: report.status }),
-        /* @__PURE__ */ jsx6("span", { className: "lens-db__detail-time", title: formatTimestamp(report.createdAt), children: relativeTime(report.createdAt) }),
+        /* @__PURE__ */ jsx7(StatusBadge, { status: report.status }),
+        /* @__PURE__ */ jsx7("span", { className: "lens-db__detail-time", title: formatTimestamp(report.createdAt), children: relativeTime(report.createdAt) }),
         report.externalIssue && /* @__PURE__ */ jsxs4(
           "a",
           {
@@ -915,14 +990,14 @@ function ReportDetailBody({ report, onClose }) {
               report.externalIssue.provider,
               " \xB7 ",
               report.externalIssue.key,
-              /* @__PURE__ */ jsx6(IconExternal, { size: 13 })
+              /* @__PURE__ */ jsx7(IconExternal, { size: 13 })
             ]
           }
         )
       ] }),
-      onClose && /* @__PURE__ */ jsx6("button", { type: "button", className: "lens-db__icon-btn", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx6(IconClose, {}) })
+      onClose && /* @__PURE__ */ jsx7("button", { type: "button", className: "lens-db__icon-btn", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx7(IconClose, {}) })
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "lens-db__tabs", role: "tablist", "aria-label": "Report sections", children: tabs.map((t, i) => {
+    /* @__PURE__ */ jsx7("div", { className: "lens-db__tabs", role: "tablist", "aria-label": "Report sections", children: tabs.map((t, i) => {
       const active = t.id === tab;
       return /* @__PURE__ */ jsxs4(
         "button",
@@ -940,18 +1015,18 @@ function ReportDetailBody({ report, onClose }) {
           onClick: () => select(t.id),
           onKeyDown: (e) => onTabKeyDown(e, i),
           children: [
-            /* @__PURE__ */ jsx6("span", { className: "lens-db__tab-label", children: t.label }),
-            t.count != null && t.count > 0 && /* @__PURE__ */ jsx6("span", { className: "lens-db__tab-count", children: t.count })
+            /* @__PURE__ */ jsx7("span", { className: "lens-db__tab-label", children: t.label }),
+            t.count != null && t.count > 0 && /* @__PURE__ */ jsx7("span", { className: "lens-db__tab-count", children: t.count })
           ]
         },
         t.id
       );
     }) }),
     /* @__PURE__ */ jsxs4("div", { className: "lens-db__tabpanels", children: [
-      tab === "overview" && /* @__PURE__ */ jsx6("div", { role: "tabpanel", id: panelId("overview"), "aria-labelledby": tabId("overview"), tabIndex: 0, children: /* @__PURE__ */ jsx6(OverviewPanel, { report, meta }) }),
-      tab === "logs" && /* @__PURE__ */ jsx6("div", { role: "tabpanel", id: panelId("logs"), "aria-labelledby": tabId("logs"), tabIndex: 0, children: /* @__PURE__ */ jsx6(LogsPanel, { errors: meta?.errors ?? [], consoleEntries: meta?.consoleTail ?? [] }) }),
-      tab === "network" && /* @__PURE__ */ jsx6("div", { role: "tabpanel", id: panelId("network"), "aria-labelledby": tabId("network"), tabIndex: 0, children: /* @__PURE__ */ jsx6(NetworkPanel, { entries: meta?.networkTail ?? [] }) }),
-      replayMounted && /* @__PURE__ */ jsx6(
+      tab === "overview" && /* @__PURE__ */ jsx7("div", { role: "tabpanel", id: panelId("overview"), "aria-labelledby": tabId("overview"), tabIndex: 0, children: /* @__PURE__ */ jsx7(OverviewPanel, { report, meta }) }),
+      tab === "logs" && /* @__PURE__ */ jsx7("div", { role: "tabpanel", id: panelId("logs"), "aria-labelledby": tabId("logs"), tabIndex: 0, children: /* @__PURE__ */ jsx7(LogsPanel, { errors: meta?.errors ?? [], consoleEntries: meta?.consoleTail ?? [] }) }),
+      tab === "network" && /* @__PURE__ */ jsx7("div", { role: "tabpanel", id: panelId("network"), "aria-labelledby": tabId("network"), tabIndex: 0, children: /* @__PURE__ */ jsx7(NetworkPanel, { entries: meta?.networkTail ?? [] }) }),
+      replayMounted && /* @__PURE__ */ jsx7(
         "div",
         {
           role: "tabpanel",
@@ -959,7 +1034,7 @@ function ReportDetailBody({ report, onClose }) {
           "aria-labelledby": tabId("replay"),
           tabIndex: 0,
           hidden: tab !== "replay",
-          children: /* @__PURE__ */ jsx6("div", { className: "lens-db__panel", children: /* @__PURE__ */ jsx6(ReplayPlayer, { reportId: report.id }) })
+          children: /* @__PURE__ */ jsx7("div", { className: "lens-db__panel", children: /* @__PURE__ */ jsx7(ReplayPlayer, { reportId: report.id }) })
         }
       )
     ] })
@@ -970,20 +1045,20 @@ function OverviewPanel({ report, meta }) {
   const attachments = report.assets.filter((a) => a.kind !== "screenshot");
   if (!meta) {
     return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-      hasScreenshot && /* @__PURE__ */ jsx6(Section, { title: "Screenshot", children: /* @__PURE__ */ jsx6(Screenshot, { reportId: report.id }) }),
-      /* @__PURE__ */ jsx6(Section, { title: "Report", children: /* @__PURE__ */ jsx6("p", { className: "lens-db__muted", children: "This report has no metadata yet (still initiating)." }) })
+      hasScreenshot && /* @__PURE__ */ jsx7(Section, { title: "Screenshot", children: /* @__PURE__ */ jsx7(Screenshot, { reportId: report.id }) }),
+      /* @__PURE__ */ jsx7(Section, { title: "Report", children: /* @__PURE__ */ jsx7("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__ */ jsxs4(Fragment2, { children: [
-    meta.comment && /* @__PURE__ */ jsx6(Section, { title: "Comment", children: /* @__PURE__ */ jsx6("p", { className: "lens-db__comment", children: meta.comment }) }),
-    hasScreenshot && /* @__PURE__ */ jsx6(Section, { title: "Screenshot", children: /* @__PURE__ */ jsx6(Screenshot, { reportId: report.id }) }),
-    /* @__PURE__ */ jsx6(Section, { title: "Environment", children: /* @__PURE__ */ jsx6(EnvironmentGrid, { env: meta.env, app: meta.app }) }),
+    meta.comment && /* @__PURE__ */ jsx7(Section, { title: "Comment", children: /* @__PURE__ */ jsx7("p", { className: "lens-db__comment", children: meta.comment }) }),
+    hasScreenshot && /* @__PURE__ */ jsx7(Section, { title: "Screenshot", children: /* @__PURE__ */ jsx7(Screenshot, { reportId: report.id }) }),
+    /* @__PURE__ */ jsx7(Section, { title: "Environment", children: /* @__PURE__ */ jsx7(EnvironmentGrid, { env: meta.env, app: meta.app }) }),
     hasTarget && meta.target && /* @__PURE__ */ jsxs4(Section, { title: "Target element", children: [
-      meta.target.domPath && /* @__PURE__ */ jsx6("code", { className: "lens-db__dompath", children: meta.target.domPath }),
-      meta.target.reactComponents && meta.target.reactComponents.length > 0 && /* @__PURE__ */ jsx6("div", { className: "lens-db__chips", children: meta.target.reactComponents.map((c, i) => /* @__PURE__ */ jsx6("span", { className: "lens-db__chip", children: c }, `${c}-${i}`)) })
+      meta.target.domPath && /* @__PURE__ */ jsx7("code", { className: "lens-db__dompath", children: meta.target.domPath }),
+      meta.target.reactComponents && meta.target.reactComponents.length > 0 && /* @__PURE__ */ jsx7("div", { className: "lens-db__chips", children: meta.target.reactComponents.map((c, i) => /* @__PURE__ */ jsx7("span", { className: "lens-db__chip", children: c }, `${c}-${i}`)) })
     ] }),
-    attachments.length > 0 && /* @__PURE__ */ jsx6(Section, { title: "Attachments", children: /* @__PURE__ */ jsx6(Attachments, { reportId: report.id, assets: attachments }) })
+    attachments.length > 0 && /* @__PURE__ */ jsx7(Section, { title: "Attachments", children: /* @__PURE__ */ jsx7(Attachments, { reportId: report.id, assets: attachments }) })
   ] });
 }
 function Screenshot({ reportId }) {
@@ -993,10 +1068,10 @@ function Screenshot({ reportId }) {
     [reportId]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx6("div", { className: "lens-db__shot lens-db__shot--loading", "aria-hidden": true });
+    return /* @__PURE__ */ jsx7("div", { className: "lens-db__shot lens-db__shot--loading", "aria-hidden": true });
   }
   if (error || !url) return null;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "a",
     {
       className: "lens-db__shot",
@@ -1004,7 +1079,7 @@ function Screenshot({ reportId }) {
       target: "_blank",
       rel: "noreferrer",
       title: "Open full screenshot in a new tab",
-      children: /* @__PURE__ */ jsx6("img", { className: "lens-db__shot-img", src: url, alt: "Captured screenshot", loading: "lazy" })
+      children: /* @__PURE__ */ jsx7("img", { className: "lens-db__shot-img", src: url, alt: "Captured screenshot", loading: "lazy" })
     }
   );
 }
@@ -1026,60 +1101,60 @@ function dedupeErrors(errors) {
 function LogsPanel({ errors, consoleEntries }) {
   const groups = dedupeErrors(errors);
   return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx6(Section, { title: `Errors${errors.length ? ` (${groups.length})` : ""}`, children: groups.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ jsx6("div", { className: "lens-db__scroll", children: /* @__PURE__ */ jsx6("ul", { className: "lens-db__errlog", children: groups.map((g, i) => /* @__PURE__ */ jsx6(ErrorRow, { group: g }, i)) }) }) }),
-    /* @__PURE__ */ jsx6(Section, { title: "Console", children: consoleEntries.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ jsx6("div", { className: "lens-db__scroll", children: /* @__PURE__ */ jsx6(ConsoleTail, { entries: consoleEntries }) }) })
+    /* @__PURE__ */ jsx7(Section, { title: `Errors${errors.length ? ` (${groups.length})` : ""}`, children: groups.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ jsx7("div", { className: "lens-db__scroll", children: /* @__PURE__ */ jsx7("ul", { className: "lens-db__errlog", children: groups.map((g, i) => /* @__PURE__ */ jsx7(ErrorRow, { group: g }, i)) }) }) }),
+    /* @__PURE__ */ jsx7(Section, { title: "Console", children: consoleEntries.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ jsx7("div", { className: "lens-db__scroll", children: /* @__PURE__ */ jsx7(ConsoleTail, { entries: consoleEntries }) }) })
   ] });
 }
 function ErrorRow({ group }) {
   const { entry, count } = group;
   const firstLine = entry.message.split("\n")[0] ?? entry.message;
-  return /* @__PURE__ */ jsx6("li", { className: "lens-db__errlog-item", children: /* @__PURE__ */ jsxs4("details", { className: "lens-db__errlog-details", children: [
+  return /* @__PURE__ */ jsx7("li", { className: "lens-db__errlog-item", children: /* @__PURE__ */ jsxs4("details", { className: "lens-db__errlog-details", children: [
     /* @__PURE__ */ jsxs4("summary", { className: "lens-db__errlog-summary", children: [
-      /* @__PURE__ */ jsx6("span", { className: "lens-db__errlog-msg", children: truncate(firstLine, 140) }),
+      /* @__PURE__ */ jsx7("span", { className: "lens-db__errlog-msg", children: truncate(firstLine, 140) }),
       count > 1 && /* @__PURE__ */ jsxs4("span", { className: "lens-db__count-badge", children: [
         "\xD7",
         count
       ] }),
-      /* @__PURE__ */ jsx6("span", { className: "lens-db__errlog-source", children: entry.source })
+      /* @__PURE__ */ jsx7("span", { className: "lens-db__errlog-source", children: entry.source })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "lens-db__errlog-body", children: [
-      entry.message !== firstLine && /* @__PURE__ */ jsx6("pre", { className: "lens-db__stack", children: entry.message }),
-      entry.stack && /* @__PURE__ */ jsx6("pre", { className: "lens-db__stack", children: entry.stack })
+      entry.message !== firstLine && /* @__PURE__ */ jsx7("pre", { className: "lens-db__stack", children: entry.message }),
+      entry.stack && /* @__PURE__ */ jsx7("pre", { className: "lens-db__stack", children: entry.stack })
     ] })
   ] }) });
 }
 function ConsoleTail({ entries }) {
-  return /* @__PURE__ */ jsx6("div", { className: "lens-db__console", children: entries.map((e, i) => /* @__PURE__ */ jsxs4("div", { className: clsx_default("lens-db__console-line", `lens-db__console-line--${e.level}`), children: [
-    /* @__PURE__ */ jsx6("span", { className: "lens-db__console-level", children: e.level }),
-    /* @__PURE__ */ jsx6("span", { className: "lens-db__console-args", children: e.args.join(" ") })
+  return /* @__PURE__ */ jsx7("div", { className: "lens-db__console", children: entries.map((e, i) => /* @__PURE__ */ jsxs4("div", { className: clsx_default("lens-db__console-line", `lens-db__console-line--${e.level}`), children: [
+    /* @__PURE__ */ jsx7("span", { className: "lens-db__console-level", children: e.level }),
+    /* @__PURE__ */ jsx7("span", { className: "lens-db__console-args", children: e.args.join(" ") })
   ] }, i)) });
 }
 function NetworkPanel({ entries }) {
-  return /* @__PURE__ */ jsx6("div", { className: "lens-db__panel", children: entries.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ jsx6(NetworkTail, { entries }) });
+  return /* @__PURE__ */ jsx7("div", { className: "lens-db__panel", children: entries.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "lens-db__muted", children: "Nothing captured." }) : /* @__PURE__ */ jsx7(NetworkTail, { entries }) });
 }
 function NetworkTail({ entries }) {
   return /* @__PURE__ */ jsxs4("table", { className: "lens-db__nettable", children: [
-    /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsxs4("tr", { children: [
-      /* @__PURE__ */ jsx6("th", { children: "Method" }),
-      /* @__PURE__ */ jsx6("th", { children: "Path" }),
-      /* @__PURE__ */ jsx6("th", { className: "lens-db__num", children: "Status" }),
-      /* @__PURE__ */ jsx6("th", { className: "lens-db__num", children: "Duration" })
+    /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsxs4("tr", { children: [
+      /* @__PURE__ */ jsx7("th", { children: "Method" }),
+      /* @__PURE__ */ jsx7("th", { children: "Path" }),
+      /* @__PURE__ */ jsx7("th", { className: "lens-db__num", children: "Status" }),
+      /* @__PURE__ */ jsx7("th", { className: "lens-db__num", children: "Duration" })
     ] }) }),
-    /* @__PURE__ */ jsx6("tbody", { children: entries.map((e, i) => {
+    /* @__PURE__ */ jsx7("tbody", { children: entries.map((e, i) => {
       const bad = e.error != null || e.ok === false || e.status != null && (e.status < 200 || e.status >= 300);
       return /* @__PURE__ */ jsxs4("tr", { className: clsx_default(bad && "lens-db__netrow--bad"), children: [
-        /* @__PURE__ */ jsx6("td", { className: "lens-db__mono", children: e.method }),
-        /* @__PURE__ */ jsx6("td", { className: "lens-db__mono lens-db__muted", title: e.url, children: urlPath(e.url) }),
-        /* @__PURE__ */ jsx6("td", { className: "lens-db__num lens-db__mono lens-db__net-status", children: e.error ? "ERR" : e.status ?? "\u2014" }),
-        /* @__PURE__ */ jsx6("td", { className: "lens-db__num lens-db__muted", children: formatDuration(e.durationMs) })
+        /* @__PURE__ */ jsx7("td", { className: "lens-db__mono", children: e.method }),
+        /* @__PURE__ */ jsx7("td", { className: "lens-db__mono lens-db__muted", title: e.url, children: urlPath(e.url) }),
+        /* @__PURE__ */ jsx7("td", { className: "lens-db__num lens-db__mono lens-db__net-status", children: e.error ? "ERR" : e.status ?? "\u2014" }),
+        /* @__PURE__ */ jsx7("td", { className: "lens-db__num lens-db__muted", children: formatDuration(e.durationMs) })
       ] }, i);
     }) })
   ] });
 }
 function Section({ title, children }) {
   return /* @__PURE__ */ jsxs4("section", { className: "lens-db__section", children: [
-    /* @__PURE__ */ jsx6("h3", { className: "lens-db__section-title", children: title }),
-    /* @__PURE__ */ jsx6("div", { className: "lens-db__section-body", children })
+    /* @__PURE__ */ jsx7("h3", { className: "lens-db__section-title", children: title }),
+    /* @__PURE__ */ jsx7("div", { className: "lens-db__section-body", children })
   ] });
 }
 function EnvironmentGrid({ env, app }) {
@@ -1095,9 +1170,9 @@ function EnvironmentGrid({ env, app }) {
     ["Git SHA", app?.gitSha]
   ];
   const monoLabels = /* @__PURE__ */ new Set(["URL", "Route", "Release", "Git SHA"]);
-  return /* @__PURE__ */ jsx6("dl", { className: "lens-db__grid", children: rows.filter(([, v]) => v != null && v !== "").map(([label, value]) => /* @__PURE__ */ jsxs4("div", { className: "lens-db__grid-row", children: [
-    /* @__PURE__ */ jsx6("dt", { className: "lens-db__grid-label", children: label }),
-    /* @__PURE__ */ jsx6("dd", { className: clsx_default("lens-db__grid-value", monoLabels.has(label) && "lens-db__mono"), children: value })
+  return /* @__PURE__ */ jsx7("dl", { className: "lens-db__grid", children: rows.filter(([, v]) => v != null && v !== "").map(([label, value]) => /* @__PURE__ */ jsxs4("div", { className: "lens-db__grid-row", children: [
+    /* @__PURE__ */ jsx7("dt", { className: "lens-db__grid-label", children: label }),
+    /* @__PURE__ */ jsx7("dd", { className: clsx_default("lens-db__grid-value", monoLabels.has(label) && "lens-db__mono"), children: value })
   ] }, label)) });
 }
 function Attachments({ reportId, assets }) {
@@ -1117,12 +1192,12 @@ function Attachments({ reportId, assets }) {
     }
   }
   return /* @__PURE__ */ jsxs4("div", { className: "lens-db__attachments", children: [
-    err && /* @__PURE__ */ jsx6("div", { className: "lens-db__error", children: err }),
-    /* @__PURE__ */ jsx6("ul", { className: "lens-db__attachment-list", children: assets.map((a) => /* @__PURE__ */ jsxs4("li", { className: "lens-db__attachment", children: [
-      /* @__PURE__ */ jsx6("span", { className: "lens-db__attachment-kind", children: a.kind }),
-      /* @__PURE__ */ jsx6("span", { className: "lens-db__muted lens-db__attachment-type", children: a.contentType }),
-      a.byteSize != null && /* @__PURE__ */ jsx6("span", { className: "lens-db__muted lens-db__attachment-size", children: formatBytes(a.byteSize) }),
-      /* @__PURE__ */ jsx6(
+    err && /* @__PURE__ */ jsx7("div", { className: "lens-db__error", children: err }),
+    /* @__PURE__ */ jsx7("ul", { className: "lens-db__attachment-list", children: assets.map((a) => /* @__PURE__ */ jsxs4("li", { className: "lens-db__attachment", children: [
+      /* @__PURE__ */ jsx7("span", { className: "lens-db__attachment-kind", children: a.kind }),
+      /* @__PURE__ */ jsx7("span", { className: "lens-db__muted lens-db__attachment-type", children: a.contentType }),
+      a.byteSize != null && /* @__PURE__ */ jsx7("span", { className: "lens-db__muted lens-db__attachment-size", children: formatBytes(a.byteSize) }),
+      /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1165,6 +1240,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,
@@ -1181,6 +1261,7 @@ function IntegrationList(props) {
     onDisconnect,
     onCompleteDev,
     onSaveConfig,
+    loadOptions,
     className
   } = props;
   useEffect4(() => {
@@ -1193,8 +1274,8 @@ function IntegrationList(props) {
   const hasHeader = Boolean(title || description);
   return /* @__PURE__ */ jsxs5("div", { className: clsx_default("lens-db__intlist", className), children: [
     hasHeader && /* @__PURE__ */ jsxs5("div", { className: "lens-db__intlist-head", children: [
-      title && /* @__PURE__ */ jsx7("div", { className: "lens-db__intlist-title", children: title }),
-      description && /* @__PURE__ */ jsx7("div", { className: "lens-db__intlist-desc lens-db__muted", children: description })
+      title && /* @__PURE__ */ jsx8("div", { className: "lens-db__intlist-title", children: title }),
+      description && /* @__PURE__ */ jsx8("div", { className: "lens-db__intlist-desc lens-db__muted", children: description })
     ] }),
     flash && /* @__PURE__ */ jsxs5(
       "div",
@@ -1205,16 +1286,16 @@ function IntegrationList(props) {
         ),
         role: "status",
         children: [
-          flash.kind === "ok" ? /* @__PURE__ */ jsx7(IconCheckCircle, { size: 16 }) : /* @__PURE__ */ jsx7(IconAlertTriangle, { size: 16 }),
-          /* @__PURE__ */ jsx7("span", { children: flash.message })
+          flash.kind === "ok" ? /* @__PURE__ */ jsx8(IconCheckCircle, { size: 16 }) : /* @__PURE__ */ jsx8(IconAlertTriangle, { size: 16 }),
+          /* @__PURE__ */ jsx8("span", { children: flash.message })
         ]
       }
     ),
-    loading ? /* @__PURE__ */ jsx7("div", { className: "lens-db__intlist-rows", "aria-busy": "true", children: PROVIDER_ORDER.map((p) => /* @__PURE__ */ jsxs5("div", { className: "lens-db__introw lens-db__introw--skeleton", children: [
-      /* @__PURE__ */ jsx7("span", { className: "lens-db__skeleton lens-db__intmark-skeleton" }),
+    loading ? /* @__PURE__ */ jsx8("div", { className: "lens-db__intlist-rows", "aria-busy": "true", children: PROVIDER_ORDER.map((p) => /* @__PURE__ */ jsxs5("div", { className: "lens-db__introw lens-db__introw--skeleton", children: [
+      /* @__PURE__ */ jsx8("span", { className: "lens-db__skeleton lens-db__intmark-skeleton" }),
       /* @__PURE__ */ jsxs5("span", { className: "lens-db__intbody", children: [
-        /* @__PURE__ */ jsx7("span", { className: "lens-db__skeleton", style: { width: "35%" } }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8("span", { className: "lens-db__skeleton", style: { width: "35%" } }),
+        /* @__PURE__ */ jsx8(
           "span",
           {
             className: "lens-db__skeleton",
@@ -1227,9 +1308,9 @@ function IntegrationList(props) {
       loadError,
       onRetry && /* @__PURE__ */ jsxs5(Fragment3, { children: [
         " ",
-        /* @__PURE__ */ jsx7("button", { type: "button", className: "lens-db__link-btn", onClick: onRetry, children: "Retry" })
+        /* @__PURE__ */ jsx8("button", { type: "button", className: "lens-db__link-btn", onClick: onRetry, children: "Retry" })
       ] })
-    ] }) : /* @__PURE__ */ jsx7(
+    ] }) : /* @__PURE__ */ jsx8(
       "div",
       {
         className: "lens-db__intlist-rows",
@@ -1250,11 +1331,11 @@ function IntegrationList(props) {
             {
               className: clsx_default("lens-db__introw", active && "lens-db__introw--active"),
               children: [
-                /* @__PURE__ */ jsx7("span", { className: "lens-db__intmark", "aria-hidden": true, children: /* @__PURE__ */ jsx7(Icon, { size: 20 }) }),
+                /* @__PURE__ */ jsx8("span", { className: "lens-db__intmark", "aria-hidden": true, children: /* @__PURE__ */ jsx8(Icon, { size: 20 }) }),
                 /* @__PURE__ */ jsxs5("span", { className: "lens-db__intbody", children: [
-                  /* @__PURE__ */ jsx7("span", { className: "lens-db__intname", children: meta.name }),
+                  /* @__PURE__ */ jsx8("span", { className: "lens-db__intname", children: meta.name }),
                   /* @__PURE__ */ jsxs5("span", { className: "lens-db__intstatus", children: [
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8(
                       "span",
                       {
                         className: clsx_default(
@@ -1264,7 +1345,7 @@ function IntegrationList(props) {
                         "aria-hidden": true
                       }
                     ),
-                    /* @__PURE__ */ jsx7("span", { children: statusLine })
+                    /* @__PURE__ */ jsx8("span", { children: statusLine })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs5("span", { className: "lens-db__introw-right", children: [
@@ -1282,14 +1363,14 @@ function IntegrationList(props) {
                       disabled: isBusy || active,
                       onClick: () => !active && onActivate(provider),
                       children: [
-                        /* @__PURE__ */ jsx7("span", { className: "lens-db__intradio-dot", children: active && /* @__PURE__ */ jsx7("span", { className: "lens-db__intradio-fill" }) }),
+                        /* @__PURE__ */ jsx8("span", { className: "lens-db__intradio-dot", children: active && /* @__PURE__ */ jsx8("span", { className: "lens-db__intradio-fill" }) }),
                         "Destination"
                       ]
                     }
                   ),
                   status === "pending" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                    /* @__PURE__ */ jsx7("span", { className: "lens-db__intwait", children: "waiting for authorization\u2026" }),
-                    /* @__PURE__ */ jsx7(
+                    /* @__PURE__ */ jsx8("span", { className: "lens-db__intwait", children: "waiting for authorization\u2026" }),
+                    /* @__PURE__ */ jsx8(
                       "button",
                       {
                         type: "button",
@@ -1300,7 +1381,7 @@ function IntegrationList(props) {
                       }
                     )
                   ] }),
-                  status === "disconnected" && /* @__PURE__ */ jsx7(
+                  status === "disconnected" && /* @__PURE__ */ jsx8(
                     "button",
                     {
                       type: "button",
@@ -1310,7 +1391,7 @@ function IntegrationList(props) {
                       children: isBusy ? "Opening\u2026" : "Connect"
                     }
                   ),
-                  status !== "disconnected" && /* @__PURE__ */ jsx7(
+                  status !== "disconnected" && /* @__PURE__ */ jsx8(
                     "button",
                     {
                       type: "button",
@@ -1322,14 +1403,15 @@ function IntegrationList(props) {
                     }
                   )
                 ] }),
-                isConnected && /* @__PURE__ */ jsx7(
+                isConnected && /* @__PURE__ */ jsx8(
                   IntegrationConfigLine,
                   {
                     provider,
                     config: integration?.config ?? {},
                     active,
                     disabled: isBusy,
-                    onSave: (config) => onSaveConfig(provider, config)
+                    onSave: (config) => onSaveConfig(provider, config),
+                    loadOptions
                   }
                 )
               ]
@@ -1346,23 +1428,38 @@ function IntegrationConfigLine({
   config,
   active,
   disabled,
-  onSave
+  onSave,
+  loadOptions
 }) {
   const field = CONFIG_FIELD[provider];
   const saved = config[field.key] ?? "";
   const [value, setValue] = useState5(saved);
   const [busy, setBusy] = useState5(false);
   const [done, setDone] = useState5(false);
+  const [options, setOptions] = useState5({ status: "idle" });
   useEffect4(() => {
     setValue(saved);
   }, [saved]);
+  useEffect4(() => {
+    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);
@@ -1372,11 +1469,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;
+  const useSelect = Boolean(loadOptions) && (options.status === "loading" || options.status === "ready");
   return /* @__PURE__ */ jsxs5("div", { className: "lens-db__intconfig", children: [
     /* @__PURE__ */ jsxs5("label", { className: "lens-db__intconfig-field", children: [
-      /* @__PURE__ */ jsx7("span", { className: "lens-db__intconfig-label", children: field.label }),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8("span", { className: "lens-db__intconfig-label", children: field.label }),
+      useSelect ? /* @__PURE__ */ jsx8(
+        ConfigSelect,
+        {
+          provider,
+          value,
+          options: options.status === "ready" ? options.options : null,
+          loading: options.status === "loading",
+          disabled: disabled || busy,
+          onChange: onSelect
+        }
+      ) : /* @__PURE__ */ jsx8(
         "input",
         {
           className: "lens-db__intconfig-input",
@@ -1391,25 +1506,55 @@ function IntegrationConfigLine({
           onKeyDown: (e) => {
             if (e.key === "Enter") {
               e.preventDefault();
-              void save();
+              saveText();
             }
           }
         }
       )
     ] }),
-    busy ? /* @__PURE__ */ jsx7("span", { className: "lens-db__intconfig-busy", "aria-live": "polite", "aria-label": "Saving", children: /* @__PURE__ */ jsx7("span", { className: "lens-db__spinner", "aria-hidden": true }) }) : done ? /* @__PURE__ */ jsx7("span", { className: "lens-db__intconfig-done", "aria-live": "polite", "aria-label": "Saved", children: /* @__PURE__ */ jsx7(IconCheck, { size: 14 }) }) : dirty ? /* @__PURE__ */ jsx7(
+    busy ? /* @__PURE__ */ jsx8("span", { className: "lens-db__intconfig-busy", "aria-live": "polite", "aria-label": "Saving", children: /* @__PURE__ */ jsx8("span", { className: "lens-db__spinner", "aria-hidden": true }) }) : done ? /* @__PURE__ */ jsx8("span", { className: "lens-db__intconfig-done", "aria-live": "polite", "aria-label": "Saved", children: /* @__PURE__ */ jsx8(IconCheck, { size: 14 }) }) : !useSelect && dirty ? /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
         className: "lens-db__btn lens-db__btn--sm",
         disabled,
-        onClick: () => void save(),
+        onClick: saveText,
         children: "Save"
       }
     ) : null,
-    showHint && /* @__PURE__ */ jsx7("span", { className: "lens-db__intconfig-hint", children: field.requiredHint })
+    !useSelect && options.status === "error" && loadOptions && /* @__PURE__ */ jsx8("span", { className: "lens-db__intconfig-note", children: "Couldn't load options \u2014 enter manually." }),
+    showHint && /* @__PURE__ */ jsx8("span", { className: "lens-db__intconfig-hint", children: field.requiredHint })
   ] });
 }
+function ConfigSelect({
+  provider,
+  value,
+  options,
+  loading,
+  disabled,
+  onChange
+}) {
+  if (loading || !options) {
+    return /* @__PURE__ */ jsx8("select", { className: "lens-db__intconfig-select", disabled: true, "aria-label": "Loading options", children: /* @__PURE__ */ jsx8("option", { children: "Loading\u2026" }) });
+  }
+  const placeholderDisabled = provider !== "linear";
+  const known = new Set(options.map((o) => o.value));
+  const orphan = value && !known.has(value) ? value : null;
+  return /* @__PURE__ */ jsxs5(
+    "select",
+    {
+      className: "lens-db__intconfig-select",
+      value,
+      disabled,
+      onChange: (e) => onChange(e.target.value),
+      children: [
+        /* @__PURE__ */ jsx8("option", { value: "", disabled: placeholderDisabled, children: SELECT_PLACEHOLDER[provider] }),
+        orphan && /* @__PURE__ */ jsx8("option", { value: orphan, children: orphan }),
+        options.map((o) => /* @__PURE__ */ jsx8("option", { value: o.value, children: o.label }, o.value))
+      ]
+    }
+  );
+}
 var PROVIDER_NAME = {
   linear: "Linear",
   jira: "Jira",
@@ -1493,7 +1638,7 @@ function IntegrationSettings(props) {
       setBusy(null);
     }
   }
-  return /* @__PURE__ */ jsx8("div", { className: clsx_default("lens-db", props.className), children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9("div", { className: clsx_default("lens-db", props.className), children: /* @__PURE__ */ jsx9(
     IntegrationList,
     {
       integrations,
@@ -1509,56 +1654,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 rules = 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 rule of rules) {
-      rule.re.lastIndex = pos;
-      const m = rule.re.exec(code);
-      if (m && m[0].length > 0) {
-        flushPlain(pos);
-        out.push(
-          /* @__PURE__ */ jsx9("span", { className: `lens-db__tok-${rule.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",
@@ -1924,7 +2024,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__ */ jsx10("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." })
@@ -2071,20 +2172,263 @@ export function App() {
     ] })
   ] });
 }
+var HOSTED_LENS_API_URL = "https://api-lens.meritt.app";
+var LensConfigContext = createContext2(null);
+function LensProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ jsx11(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] = useState8(false);
+  return /* @__PURE__ */ jsxs7(
+    "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__ */ jsx11(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx11(IconCopy, { size: 14 }),
+        copied ? "Copied" : label
+      ]
+    }
+  );
+}
+function LensAdmin(props) {
+  const contextConfig = useContext2(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 = useMemo(
+    () => config?.projects.map(({ name, accessId }) => ({ name, accessId })) ?? propProjects,
+    [config, propProjects]
+  );
+  const wizardSecretRef = useRef4("");
+  const activeProjectRef = useRef4(null);
+  const configRef = useRef4(config);
+  configRef.current = config;
+  const api = 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] = useState8(readInitialParams);
+  const [projects, setProjects] = useState8(staticProjects ?? []);
+  const [loadingProjects, setLoadingProjects] = useState8(!staticProjects);
+  const [activeAccessId, setActiveAccessId] = useState8(null);
+  const [firstReportId, setFirstReportId] = useState8(initialParams.report);
+  useEffect7(() => {
+    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]);
+  useEffect7(() => {
+    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__ */ jsx11("div", { className: clsx_default("lens-db", "lens-db__shell", className), children: /* @__PURE__ */ jsx11(LensDashboardProvider, { api, theme, children: loadingProjects ? /* @__PURE__ */ jsx11("div", { className: "lens-db__shell-loading", children: "Loading\u2026" }) : provisioning ? /* @__PURE__ */ jsx11(
+    Provisioning,
+    {
+      onProjectCreated: (res) => {
+        wizardSecretRef.current = res.accessSecret;
+        activeProjectRef.current = res.accessId;
+      }
+    }
+  ) : /* @__PURE__ */ jsx11(
+    DashboardSurface,
+    {
+      projects,
+      activeAccessId,
+      onSwitchProject: switchProject,
+      defaultTab,
+      initialReportId: firstReportId
+    },
+    activeAccessId ?? "none"
+  ) }) });
+}
+function Provisioning({
+  onProjectCreated
+}) {
+  const [minted, setMinted] = useState8(
+    null
+  );
+  const envBlock = minted ? `LENS_PROJECTS=[${JSON.stringify({
+    name: minted.name,
+    accessId: minted.accessId,
+    secretKey: minted.secretKey
+  })}]` : "";
+  return /* @__PURE__ */ jsxs7("div", { className: "lens-db__shell-provision", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "lens-db__shell-notice", children: [
+      /* @__PURE__ */ jsx11("p", { className: "lens-db__shell-notice-title", children: "No Lens projects configured" }),
+      /* @__PURE__ */ jsx11("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__ */ jsx11(
+      OnboardingWizard,
+      {
+        onProjectCreated: (res) => {
+          onProjectCreated(res);
+          setMinted({
+            name: res.project.name,
+            accessId: res.accessId,
+            secretKey: res.accessSecret
+          });
+        }
+      }
+    ),
+    minted && /* @__PURE__ */ jsxs7("div", { className: "lens-db__shell-env", children: [
+      /* @__PURE__ */ jsx11("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__ */ jsxs7("div", { className: "lens-db__codeblock", children: [
+        /* @__PURE__ */ jsx11("pre", { className: "lens-db__pre", children: highlightCode(envBlock, "env") }),
+        /* @__PURE__ */ jsx11(CopyButton2, { value: envBlock, label: "Copy" })
+      ] })
+    ] })
+  ] });
+}
+function DashboardSurface({
+  projects,
+  activeAccessId,
+  onSwitchProject,
+  defaultTab,
+  initialReportId
+}) {
+  const [tab, setTab] = useState8(defaultTab);
+  const [selected, setSelected] = useState8(initialReportId);
+  useEffect7(() => {
+    syncReportParam(selected);
+  }, [selected]);
+  const showSwitcher = projects.length > 1;
+  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
+    /* @__PURE__ */ jsxs7("div", { className: "lens-db__shell-bar", children: [
+      /* @__PURE__ */ jsx11("div", { className: "lens-db__shell-tabs", role: "tablist", "aria-label": "Lens sections", children: TABS.map(({ id, label, Icon }) => {
+        const active = id === tab;
+        return /* @__PURE__ */ jsxs7(
+          "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__ */ jsx11(Icon, { size: 16 }),
+              /* @__PURE__ */ jsx11("span", { className: "lens-db__shell-tab-label", children: label })
+            ]
+          },
+          id
+        );
+      }) }),
+      showSwitcher && /* @__PURE__ */ jsx11("div", { className: "lens-db__shell-switcher", children: /* @__PURE__ */ jsx11(
+        "select",
+        {
+          className: "lens-db__shell-select",
+          "aria-label": "Switch project",
+          value: activeAccessId ?? "",
+          onChange: (e) => onSwitchProject(e.target.value),
+          children: projects.map((p) => /* @__PURE__ */ jsx11("option", { value: p.accessId, children: p.name }, p.accessId))
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "lens-db__shell-content", children: [
+      tab === "reports" && (selected ? /* @__PURE__ */ jsx11(ReportDetail, { reportId: selected, onClose: () => setSelected(null) }) : /* @__PURE__ */ jsx11(ReportsTable, { onSelect: setSelected })),
+      tab === "integrations" && /* @__PURE__ */ jsx11(IntegrationSettings, {}),
+      tab === "setup" && /* @__PURE__ */ jsx11(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] = useState8("");
-  const [origins, setOrigins] = useState8("");
-  const [dashboardUrl, setDashboardUrl] = useState8("");
-  const [saving, setSaving] = useState8(false);
-  const [saveError, setSaveError] = useState8(void 0);
-  const [saved, setSaved] = useState8(false);
-  const [copied, setCopied] = useState8(false);
-  useEffect7(() => {
+  const [name, setName] = useState9("");
+  const [origins, setOrigins] = useState9("");
+  const [dashboardUrl, setDashboardUrl] = useState9("");
+  const [saving, setSaving] = useState9(false);
+  const [saveError, setSaveError] = useState9(void 0);
+  const [saved, setSaved] = useState9(false);
+  const [copied, setCopied] = useState9(false);
+  useEffect8(() => {
     if (!data) return;
     setName(data.name);
     setOrigins(data.allowedOrigins.join("\n"));
@@ -2116,22 +2460,22 @@ function ProjectSettings(props) {
     }
   }
   const accessId = data?.accessId ?? "";
-  return /* @__PURE__ */ jsxs7("div", { className: clsx_default("lens-db", "lens-db__panel", props.className), children: [
-    /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx11("h3", { className: "lens-db__wizard-title", children: "Project settings" }),
-      /* @__PURE__ */ jsx11("p", { className: "lens-db__muted", children: "Update the project name and the origins allowed to submit reports." })
+  return /* @__PURE__ */ jsxs8("div", { className: clsx_default("lens-db", "lens-db__panel", props.className), children: [
+    /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsx12("h3", { className: "lens-db__wizard-title", children: "Project settings" }),
+      /* @__PURE__ */ jsx12("p", { className: "lens-db__muted", children: "Update the project name and the origins allowed to submit reports." })
     ] }),
-    loading && !data && /* @__PURE__ */ jsx11("p", { className: "lens-db__muted", children: "Loading project\u2026" }),
-    error && !data && /* @__PURE__ */ jsxs7("div", { className: "lens-db__error", children: [
+    loading && !data && /* @__PURE__ */ jsx12("p", { className: "lens-db__muted", children: "Loading project\u2026" }),
+    error && !data && /* @__PURE__ */ jsxs8("div", { className: "lens-db__error", children: [
       "Failed to load project: ",
       error.message,
       " ",
-      /* @__PURE__ */ jsx11("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
+      /* @__PURE__ */ jsx12("button", { type: "button", className: "lens-db__link-btn", onClick: reload, children: "Retry" })
     ] }),
-    data && /* @__PURE__ */ jsxs7(Fragment5, { children: [
-      /* @__PURE__ */ jsxs7("label", { className: "lens-db__field", children: [
-        /* @__PURE__ */ jsx11("span", { className: "lens-db__label", children: "Project name" }),
-        /* @__PURE__ */ jsx11(
+    data && /* @__PURE__ */ jsxs8(Fragment6, { children: [
+      /* @__PURE__ */ jsxs8("label", { className: "lens-db__field", children: [
+        /* @__PURE__ */ jsx12("span", { className: "lens-db__label", children: "Project name" }),
+        /* @__PURE__ */ jsx12(
           "input",
           {
             className: "lens-db__input",
@@ -2143,9 +2487,9 @@ function ProjectSettings(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("label", { className: "lens-db__field", children: [
-        /* @__PURE__ */ jsx11("span", { className: "lens-db__label", children: "Allowed origins" }),
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs8("label", { className: "lens-db__field", children: [
+        /* @__PURE__ */ jsx12("span", { className: "lens-db__label", children: "Allowed origins" }),
+        /* @__PURE__ */ jsx12(
           "textarea",
           {
             className: "lens-db__input lens-db__textarea",
@@ -2156,11 +2500,11 @@ function ProjectSettings(props) {
             onChange: (e) => setOrigins(e.target.value)
           }
         ),
-        /* @__PURE__ */ jsx11("span", { className: "lens-db__hint", children: "One origin per line." })
+        /* @__PURE__ */ jsx12("span", { className: "lens-db__hint", children: "One origin per line." })
       ] }),
-      /* @__PURE__ */ jsxs7("label", { className: "lens-db__field", children: [
-        /* @__PURE__ */ jsx11("span", { className: "lens-db__label", children: "Dashboard URL" }),
-        /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsxs8("label", { className: "lens-db__field", children: [
+        /* @__PURE__ */ jsx12("span", { className: "lens-db__label", children: "Dashboard URL" }),
+        /* @__PURE__ */ jsx12(
           "input",
           {
             className: "lens-db__input",
@@ -2171,13 +2515,13 @@ function ProjectSettings(props) {
             onChange: (e) => setDashboardUrl(e.target.value)
           }
         ),
-        /* @__PURE__ */ jsx11("span", { className: "lens-db__hint", children: "Issues link reports back to this page." })
+        /* @__PURE__ */ jsx12("span", { className: "lens-db__hint", children: "Issues link reports back to this page." })
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "lens-db__field", children: [
-        /* @__PURE__ */ jsx11("span", { className: "lens-db__label", children: "Access ID" }),
-        /* @__PURE__ */ jsxs7("div", { className: "lens-db__cred-row", children: [
-          /* @__PURE__ */ jsx11("code", { className: "lens-db__code-inline", children: accessId }),
-          /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs8("div", { className: "lens-db__field", children: [
+        /* @__PURE__ */ jsx12("span", { className: "lens-db__label", children: "Access ID" }),
+        /* @__PURE__ */ jsxs8("div", { className: "lens-db__cred-row", children: [
+          /* @__PURE__ */ jsx12("code", { className: "lens-db__code-inline", children: accessId }),
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -2193,16 +2537,16 @@ function ProjectSettings(props) {
                 );
               },
               children: [
-                copied ? /* @__PURE__ */ jsx11(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx11(IconCopy, { size: 14 }),
+                copied ? /* @__PURE__ */ jsx12(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx12(IconCopy, { size: 14 }),
                 copied ? "Copied" : "Copy"
               ]
             }
           )
         ] })
       ] }),
-      saveError && /* @__PURE__ */ jsx11("div", { className: "lens-db__error", children: saveError }),
-      /* @__PURE__ */ jsxs7("div", { className: "lens-db__panel-actions", children: [
-        /* @__PURE__ */ jsx11(
+      saveError && /* @__PURE__ */ jsx12("div", { className: "lens-db__error", children: saveError }),
+      /* @__PURE__ */ jsxs8("div", { className: "lens-db__panel-actions", children: [
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -2212,8 +2556,8 @@ function ProjectSettings(props) {
             children: saving ? "Saving\u2026" : "Save"
           }
         ),
-        saved && /* @__PURE__ */ jsxs7("span", { className: "lens-db__flash lens-db__flash--ok", children: [
-          /* @__PURE__ */ jsx11(IconCheck, { size: 14 }),
+        saved && /* @__PURE__ */ jsxs8("span", { className: "lens-db__flash lens-db__flash--ok", children: [
+          /* @__PURE__ */ jsx12(IconCheck, { size: 14 }),
           "Saved"
         ] })
       ] })
@@ -2222,8 +2566,11 @@ function ProjectSettings(props) {
 }
 export {
   IntegrationSettings,
+  LensAdmin,
   LensApiError,
+  LensDashboard,
   LensDashboardProvider,
+  LensProvider,
   OnboardingWizard,
   ProjectSettings,
   ReplayPlayer,