bugstash 0.1.6 → 0.1.8

package/dist/index.cjs

@@ -1,1328 +1,13 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  BugStash: () => BugStash,
-  default: () => index_default
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/breadcrumbs.ts
-var crumbs = [];
-var maxCrumbs = 50;
-var clickHandler = null;
-var inputHandler = null;
-var popstateHandler = null;
-var hashHandler = null;
-function getSelector(el) {
-  if (el.id) return `#${el.id}`;
-  const tag = el.tagName.toLowerCase();
-  const cls = el.className && typeof el.className === "string" ? "." + el.className.trim().split(/\s+/).slice(0, 2).join(".") : "";
-  const text = (el.textContent || "").trim().slice(0, 30);
-  const label = text ? ` "${text}"` : "";
-  return `${tag}${cls}${label}`;
-}
-function addBreadcrumb(crumb) {
-  crumbs.push(crumb);
-  if (crumbs.length > maxCrumbs) crumbs.shift();
-}
-function initBreadcrumbs(max) {
-  if (max) maxCrumbs = max;
-  clickHandler = (e) => {
-    const target = e.target;
-    if (!target || !target.tagName) return;
-    addBreadcrumb({
-      type: "click",
-      category: "ui",
-      message: `Clicked ${getSelector(target)}`,
-      timestamp: Date.now(),
-      data: { x: e.clientX, y: e.clientY, selector: getSelector(target) }
-    });
-  };
-  document.addEventListener("click", clickHandler, true);
-  const inputTimers = /* @__PURE__ */ new WeakMap();
-  inputHandler = (e) => {
-    const target = e.target;
-    if (!target || !target.tagName) return;
-    const tag = target.tagName.toLowerCase();
-    if (tag !== "input" && tag !== "textarea" && tag !== "select") return;
-    const existing = inputTimers.get(target);
-    if (existing) clearTimeout(existing);
-    inputTimers.set(
-      target,
-      window.setTimeout(() => {
-        const isPassword = target instanceof HTMLInputElement && target.type === "password";
-        addBreadcrumb({
-          type: "input",
-          category: "ui",
-          message: `Input ${getSelector(target)}`,
-          timestamp: Date.now(),
-          data: {
-            selector: getSelector(target),
-            value: isPassword ? "[redacted]" : void 0
-          }
-        });
-      }, 300)
-    );
-  };
-  document.addEventListener("input", inputHandler, true);
-  popstateHandler = () => {
-    addBreadcrumb({
-      type: "navigation",
-      category: "navigation",
-      message: `Navigated to ${window.location.pathname}`,
-      timestamp: Date.now(),
-      data: { url: window.location.href }
-    });
-  };
-  window.addEventListener("popstate", popstateHandler);
-  hashHandler = () => {
-    addBreadcrumb({
-      type: "navigation",
-      category: "navigation",
-      message: `Hash changed to ${window.location.hash}`,
-      timestamp: Date.now(),
-      data: { url: window.location.href }
-    });
-  };
-  window.addEventListener("hashchange", hashHandler);
-  addBreadcrumb({
-    type: "navigation",
-    category: "navigation",
-    message: `Page loaded: ${window.location.pathname}`,
-    timestamp: Date.now(),
-    data: { url: window.location.href }
-  });
-}
-function getBreadcrumbs() {
-  return [...crumbs];
-}
-function clearBreadcrumbs() {
-  crumbs = [];
-}
-function restoreBreadcrumbs() {
-  if (clickHandler) document.removeEventListener("click", clickHandler, true);
-  if (inputHandler) document.removeEventListener("input", inputHandler, true);
-  if (popstateHandler) window.removeEventListener("popstate", popstateHandler);
-  if (hashHandler) window.removeEventListener("hashchange", hashHandler);
-  clickHandler = null;
-  inputHandler = null;
-  popstateHandler = null;
-  hashHandler = null;
-}
-
-// src/redact.ts
-var REDACT_PLACEHOLDER = "[REDACTED]";
-var PATTERNS = [
-  // Credit card numbers (Visa, MC, Amex, etc.)
-  [/\b(?:\d[ -]*?){13,19}\b/g, "[CC_REDACTED]"],
-  // SSN
-  [/\b\d{3}-\d{2}-\d{4}\b/g, "[SSN_REDACTED]"],
-  // Email addresses (in log strings, not for user context)
-  // Intentionally NOT redacting emails since they're often needed for debugging
-  // Bearer tokens
-  [/Bearer\s+[A-Za-z0-9\-._~+/]+=*/g, "Bearer [TOKEN_REDACTED]"],
-  // JWT tokens (xxx.yyy.zzz pattern)
-  [/eyJ[A-Za-z0-9_-]+\.eyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/g, "[JWT_REDACTED]"],
-  // API keys (long hex/base64 strings that look like keys)
-  [/(?:api[_-]?key|apikey|secret|token|password|passwd|authorization)['":\s=]+['"]?([A-Za-z0-9\-._~+/]{20,})['"]?/gi, (match) => {
-    const eqIdx = match.search(/[=:]/);
-    return match.slice(0, eqIdx + 1) + " " + REDACT_PLACEHOLDER;
-  }],
-  // AWS access keys
-  [/AKIA[0-9A-Z]{16}/g, "[AWS_KEY_REDACTED]"],
-  // Generic password fields in JSON
-  [/"(?:password|passwd|secret|token|access_token|refresh_token|api_key|apiKey|private_key)":\s*"[^"]*"/gi, (match) => {
-    const colonIdx = match.indexOf(":");
-    return match.slice(0, colonIdx + 1) + ' "' + REDACT_PLACEHOLDER + '"';
-  }]
-];
-function redactString(input) {
-  let result = input;
-  for (const [pattern, replacement] of PATTERNS) {
-    if (typeof replacement === "function") {
-      result = result.replace(pattern, replacement);
-    } else {
-      result = result.replace(pattern, replacement);
-    }
-  }
-  return result;
-}
-function redactLogArgs(args) {
-  return args.map(redactString);
-}
-function redactObject(obj) {
-  if (typeof obj === "string") return redactString(obj);
-  if (Array.isArray(obj)) return obj.map(redactObject);
-  if (obj && typeof obj === "object") {
-    const result = {};
-    for (const [key, value] of Object.entries(obj)) {
-      const lk = key.toLowerCase();
-      if (lk.includes("password") || lk.includes("secret") || lk.includes("token") || lk.includes("apikey") || lk.includes("api_key") || lk.includes("private")) {
-        result[key] = REDACT_PLACEHOLDER;
-      } else {
-        result[key] = redactObject(value);
-      }
-    }
-    return result;
-  }
-  return obj;
-}
-
-// src/logger.ts
-var originals = {
-  log: console.log,
-  warn: console.warn,
-  error: console.error,
-  debug: console.debug,
-  info: console.info
-};
-var logs = [];
-var maxLogs = 50;
-function serialize(args) {
-  return args.map((a) => {
-    if (a instanceof Error) return `${a.name}: ${a.message}
-${a.stack ?? ""}`;
-    if (typeof a === "object") {
-      try {
-        return JSON.stringify(a, null, 2);
-      } catch {
-        return String(a);
-      }
-    }
-    return String(a);
-  });
-}
-function capture(level, args) {
-  const entry = {
-    level,
-    args: redactLogArgs(serialize(args)),
-    timestamp: Date.now()
-  };
-  if (level === "error") {
-    entry.stack = new Error().stack?.split("\n").slice(2).join("\n");
-  }
-  logs.push(entry);
-  if (logs.length > maxLogs) logs.shift();
-  addBreadcrumb({
-    type: "console",
-    category: `console.${level}`,
-    message: entry.args.join(" ").slice(0, 200),
-    timestamp: entry.timestamp
-  });
-}
-function initLogger(max) {
-  if (max) maxLogs = max;
-  for (const level of Object.keys(originals)) {
-    console[level] = function(...args) {
-      capture(level, args);
-      originals[level].apply(console, args);
-    };
-  }
-}
-function getLogs() {
-  return [...logs];
-}
-function clearLogs() {
-  logs = [];
-}
-function restoreConsole() {
-  for (const level of Object.keys(originals)) {
-    console[level] = originals[level];
-  }
-}
-
-// src/network.ts
-var captures = [];
-var maxCaptures = 50;
-var originalFetch;
-var originalXHROpen;
-var originalXHRSend;
-function record(entry) {
-  captures.push(entry);
-  if (captures.length > maxCaptures) captures.shift();
-  addBreadcrumb({
-    type: "network",
-    category: entry.failed ? "network.error" : "network.ok",
-    message: `${entry.method} ${entry.url} \u2192 ${entry.status} (${entry.duration}ms)`,
-    timestamp: entry.timestamp,
-    data: { status: entry.status, duration: entry.duration }
-  });
-}
-function shortenUrl(url) {
-  try {
-    const u = new URL(url, window.location.origin);
-    const params = new URLSearchParams(u.search);
-    for (const key of params.keys()) {
-      const lk = key.toLowerCase();
-      if (lk.includes("token") || lk.includes("key") || lk.includes("secret") || lk.includes("password") || lk.includes("auth")) {
-        params.set(key, "[REDACTED]");
-      }
-    }
-    const qs = params.toString();
-    return u.pathname + (qs ? "?" + qs : "");
-  } catch {
-    return redactString(url);
-  }
-}
-function patchFetch() {
-  originalFetch = window.fetch;
-  window.fetch = async function(input, init) {
-    const method = init?.method?.toUpperCase() ?? "GET";
-    const rawUrl = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-    const url = shortenUrl(rawUrl);
-    const start = Date.now();
-    try {
-      const response = await originalFetch.call(window, input, init);
-      record({
-        method,
-        url,
-        status: response.status,
-        statusText: response.statusText,
-        duration: Date.now() - start,
-        responseType: response.headers.get("content-type") ?? void 0,
-        timestamp: start,
-        failed: response.status >= 400
-      });
-      return response;
-    } catch (err) {
-      record({
-        method,
-        url,
-        status: 0,
-        statusText: "Network Error",
-        duration: Date.now() - start,
-        timestamp: start,
-        failed: true
-      });
-      throw err;
-    }
-  };
-}
-function patchXHR() {
-  originalXHROpen = XMLHttpRequest.prototype.open;
-  originalXHRSend = XMLHttpRequest.prototype.send;
-  XMLHttpRequest.prototype.open = function(method, url, ...rest) {
-    this.__bs_method = method.toUpperCase();
-    this.__bs_url = shortenUrl(typeof url === "string" ? url : url.href);
-    return originalXHROpen.apply(this, [method, url, ...rest]);
-  };
-  XMLHttpRequest.prototype.send = function(body) {
-    const start = Date.now();
-    this.addEventListener("loadend", function() {
-      record({
-        method: this.__bs_method ?? "GET",
-        url: this.__bs_url ?? "",
-        status: this.status,
-        statusText: this.statusText,
-        duration: Date.now() - start,
-        responseType: this.getResponseHeader("content-type") ?? void 0,
-        timestamp: start,
-        failed: this.status >= 400 || this.status === 0
-      });
-    });
-    return originalXHRSend.call(this, body);
-  };
-}
-function initNetwork(max) {
-  if (max) maxCaptures = max;
-  patchFetch();
-  patchXHR();
-}
-function getNetworkCaptures() {
-  return [...captures];
-}
-function getFailedNetworkCaptures() {
-  return captures.filter((c) => c.failed);
-}
-function clearNetworkCaptures() {
-  captures = [];
-}
-function restoreNetwork() {
-  if (originalFetch) window.fetch = originalFetch;
-  if (originalXHROpen) XMLHttpRequest.prototype.open = originalXHROpen;
-  if (originalXHRSend) XMLHttpRequest.prototype.send = originalXHRSend;
-}
-
-// src/errors.ts
-var errors = [];
-var onErrorHandler = null;
-var onRejectionHandler = null;
-function initErrors() {
-  onErrorHandler = (event) => {
-    const entry = {
-      message: event.message || "Unknown error",
-      source: event.filename,
-      lineno: event.lineno,
-      colno: event.colno,
-      stack: event.error?.stack,
-      type: "error",
-      timestamp: Date.now()
-    };
-    errors.push(entry);
-    addBreadcrumb({
-      type: "error",
-      category: "exception",
-      message: entry.message,
-      timestamp: entry.timestamp,
-      data: { source: entry.source, lineno: entry.lineno }
-    });
-  };
-  onRejectionHandler = (event) => {
-    const reason = event.reason;
-    const message = reason instanceof Error ? reason.message : typeof reason === "string" ? reason : "Unhandled promise rejection";
-    const entry = {
-      message,
-      stack: reason instanceof Error ? reason.stack : void 0,
-      type: "unhandledrejection",
-      timestamp: Date.now()
-    };
-    errors.push(entry);
-    addBreadcrumb({
-      type: "error",
-      category: "promise",
-      message,
-      timestamp: entry.timestamp
-    });
-  };
-  window.addEventListener("error", onErrorHandler);
-  window.addEventListener("unhandledrejection", onRejectionHandler);
-}
-function getErrors() {
-  return [...errors];
-}
-function clearErrors() {
-  errors = [];
-}
-function restoreErrors() {
-  if (onErrorHandler) window.removeEventListener("error", onErrorHandler);
-  if (onRejectionHandler) window.removeEventListener("unhandledrejection", onRejectionHandler);
-  onErrorHandler = null;
-  onRejectionHandler = null;
-}
-
-// src/performance.ts
-var metrics = null;
-var lcpObserver = null;
-var clsObserver = null;
-var fidObserver = null;
-function initPerformance() {
-  metrics = { timestamp: Date.now() };
-  if (performance.getEntriesByType) {
-    const onLoad = () => {
-      const [nav] = performance.getEntriesByType("navigation");
-      if (nav && metrics) {
-        metrics.pageLoadTime = Math.round(nav.loadEventEnd - nav.startTime);
-        metrics.domContentLoaded = Math.round(nav.domContentLoadedEventEnd - nav.startTime);
-      }
-      const paints = performance.getEntriesByType("paint");
-      for (const p of paints) {
-        if (p.name === "first-paint" && metrics) metrics.firstPaint = Math.round(p.startTime);
-        if (p.name === "first-contentful-paint" && metrics) metrics.firstContentfulPaint = Math.round(p.startTime);
-      }
-      if (metrics) {
-        metrics.resourceCount = performance.getEntriesByType("resource").length;
-      }
-      const mem = performance.memory;
-      if (mem && metrics) {
-        metrics.memoryUsage = {
-          usedJSHeapSize: mem.usedJSHeapSize,
-          totalJSHeapSize: mem.totalJSHeapSize
-        };
-      }
-    };
-    if (document.readyState === "complete") {
-      setTimeout(onLoad, 0);
-    } else {
-      window.addEventListener("load", () => setTimeout(onLoad, 100));
-    }
-  }
-  if (typeof PerformanceObserver !== "undefined") {
-    try {
-      lcpObserver = new PerformanceObserver((list) => {
-        const entries = list.getEntries();
-        const last = entries[entries.length - 1];
-        if (last && metrics) metrics.largestContentfulPaint = Math.round(last.startTime);
-      });
-      lcpObserver.observe({ type: "largest-contentful-paint", buffered: true });
-    } catch {
-    }
-    try {
-      let clsValue = 0;
-      clsObserver = new PerformanceObserver((list) => {
-        for (const entry of list.getEntries()) {
-          if (!entry.hadRecentInput) {
-            clsValue += entry.value;
-          }
-        }
-        if (metrics) metrics.cumulativeLayoutShift = Math.round(clsValue * 1e3) / 1e3;
-      });
-      clsObserver.observe({ type: "layout-shift", buffered: true });
-    } catch {
-    }
-    try {
-      fidObserver = new PerformanceObserver((list) => {
-        const [entry] = list.getEntries();
-        if (entry && metrics) metrics.firstInputDelay = Math.round(entry.processingStart - entry.startTime);
-      });
-      fidObserver.observe({ type: "first-input", buffered: true });
-    } catch {
-    }
-  }
-}
-function getPerformanceMetrics() {
-  if (metrics) metrics.timestamp = Date.now();
-  return metrics ? { ...metrics } : null;
-}
-function restorePerformance() {
-  lcpObserver?.disconnect();
-  clsObserver?.disconnect();
-  fidObserver?.disconnect();
-  lcpObserver = null;
-  clsObserver = null;
-  fidObserver = null;
-  metrics = null;
-}
-
-// src/screenshot.ts
-async function captureScreenshot() {
-  try {
-    const html2canvas = window.html2canvas ?? (await import("html2canvas")).default;
-    if (html2canvas) {
-      const canvas2 = await html2canvas(document.body, {
-        logging: false,
-        useCORS: true,
-        scale: 0.5,
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-      return canvas2.toDataURL("image/jpeg", 0.6);
-    }
-  } catch {
-  }
-  return null;
-}
-
-// src/api.ts
-var PRIMARY_ENDPOINT = "https://api.bugstash.com";
-var FALLBACK_ENDPOINT = "https://bugstash-backend.azurewebsites.net";
-var endpoint = PRIMARY_ENDPOINT;
-var _usingFallback = false;
-function setEndpoint(url) {
-  endpoint = url.replace(/\/$/, "");
-  _usingFallback = false;
-}
-function getEndpoint() {
-  return endpoint;
-}
-async function fetchWithFallback(url, init) {
-  try {
-    const res = await fetch(url, init);
-    return res;
-  } catch (err) {
-    if (_usingFallback) throw err;
-    _usingFallback = true;
-    const previousEndpoint = endpoint;
-    endpoint = FALLBACK_ENDPOINT;
-    const fallbackUrl = url.replace(previousEndpoint, FALLBACK_ENDPOINT);
-    return fetch(fallbackUrl, init);
-  }
-}
-var STORAGE_KEY = "bugstash_auth";
-function getStoredAuth() {
-  try {
-    const raw = localStorage.getItem(STORAGE_KEY);
-    if (!raw) return null;
-    const auth = JSON.parse(raw);
-    if (auth.tokens.expiresAt < Date.now()) {
-      return auth;
-    }
-    return auth;
-  } catch {
-    return null;
-  }
-}
-function setStoredAuth(auth) {
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(auth));
-}
-function clearStoredAuth() {
-  localStorage.removeItem(STORAGE_KEY);
-}
-function getCurrentUser() {
-  return getStoredAuth()?.user || null;
-}
-function getAccessToken() {
-  return getStoredAuth()?.tokens.accessToken || null;
-}
-async function authHeaders() {
-  const auth = getStoredAuth();
-  if (!auth) return { "Content-Type": "application/json" };
-  if (auth.tokens.expiresAt < Date.now() + 6e4) {
-    try {
-      const res = await fetchWithFallback(`${endpoint}/api/auth/refresh`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ refreshToken: auth.tokens.refreshToken })
-      });
-      if (res.ok) {
-        const data = await res.json();
-        if (data.success) {
-          auth.tokens = data.data;
-          setStoredAuth(auth);
-        }
-      }
-    } catch {
-    }
-  }
-  return {
-    "Content-Type": "application/json",
-    "Authorization": `Bearer ${auth.tokens.accessToken}`
-  };
-}
-async function login(email, password, projectId2) {
-  try {
-    const res = await fetchWithFallback(`${endpoint}/api/auth/login`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ email, password, projectId: projectId2 })
-    });
-    const data = await res.json();
-    if (data.success) {
-      setStoredAuth({ user: data.data.user, tokens: data.data.tokens });
-    }
-    return data;
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function logout() {
-  clearStoredAuth();
-}
-async function submitReport(report) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/reports`, {
-      method: "POST",
-      headers,
-      body: JSON.stringify(report)
-    });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error - could not reach BugStash" };
-  }
-}
-async function fetchPagePins(projectId2, pathname) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/pins/by-page?projectId=${projectId2}&pathname=${encodeURIComponent(pathname)}`, { headers });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function createPin(pin) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/pins`, {
-      method: "POST",
-      headers,
-      body: JSON.stringify(pin)
-    });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function updatePin(pinId, updates) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/pins/${pinId}`, {
-      method: "PUT",
-      headers,
-      body: JSON.stringify(updates)
-    });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function deletePin(pinId) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/pins/${pinId}`, {
-      method: "DELETE",
-      headers
-    });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function fetchComments(pinId) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/pins/${pinId}/comments`, { headers });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function createComment(pinId, body, mentions = []) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/pins/${pinId}/comments`, {
-      method: "POST",
-      headers,
-      body: JSON.stringify({ body, mentions })
-    });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-async function fetchProjectMembers(projectId2) {
-  try {
-    const headers = await authHeaders();
-    const res = await fetchWithFallback(`${endpoint}/api/members/for-project/${projectId2}`, { headers });
-    return await res.json();
-  } catch {
-    return { success: false, error: "Network error" };
-  }
-}
-var QUEUE_KEY = "bugstash_offline_queue";
-function queueOfflineAction(action) {
-  const queue = getOfflineQueue();
-  queue.push({
-    ...action,
-    id: Math.random().toString(36).slice(2),
-    timestamp: Date.now()
-  });
-  localStorage.setItem(QUEUE_KEY, JSON.stringify(queue));
-}
-function getOfflineQueue() {
-  try {
-    return JSON.parse(localStorage.getItem(QUEUE_KEY) || "[]");
-  } catch {
-    return [];
-  }
-}
-async function flushOfflineQueue() {
-  const queue = getOfflineQueue();
-  if (queue.length === 0) return 0;
-  let flushed = 0;
-  const remaining = [];
-  for (const action of queue) {
-    try {
-      let result;
-      switch (action.type) {
-        case "create_pin":
-          result = await createPin(action.data);
-          break;
-        case "create_comment":
-          result = await createComment(action.data.pinId, action.data.body, action.data.mentions);
-          break;
-        case "update_pin":
-          result = await updatePin(action.data.pinId, action.data.updates);
-          break;
-        case "submit_report":
-          result = await submitReport(action.data);
-          break;
-        default:
-          result = { success: false, error: "Unknown action" };
-      }
-      if (result.success) {
-        flushed++;
-      } else {
-        remaining.push(action);
-      }
-    } catch {
-      remaining.push(action);
-    }
-  }
-  localStorage.setItem(QUEUE_KEY, JSON.stringify(remaining));
-  return flushed;
-}
-if (typeof window !== "undefined") {
-  window.addEventListener("online", () => {
-    flushOfflineQueue().catch(() => {
-    });
-  });
-}
-
-// src/themes.ts
-var THEMES = [
-  // ─── 1. Midnight ─────────────────────────────────
-  {
-    id: "midnight",
-    name: "Midnight",
-    preview: ["#1a1d2e", "#6E9ED0"],
-    vars: {
-      "--bs-bg": "#1a1d2e",
-      "--bs-bg2": "#222639",
-      "--bs-bg3": "#2a2e42",
-      "--bs-text": "#e2e5ed",
-      "--bs-muted": "#7c82a0",
-      "--bs-border": "#333754",
-      "--bs-accent": "#6E9ED0",
-      "--bs-accent2": "#8FAFD6",
-      "--bs-fab1": "#6E9ED0",
-      "--bs-fab2": "#8FAFD6",
-      "--bs-radius": "16px",
-      "--bs-radius-sm": "10px",
-      "--bs-red": "#f87171",
-      "--bs-green": "#4ade80",
-      "--bs-orange": "#fb923c",
-      "--bs-yellow": "#fbbf24"
-    }
-  },
-  // ─── 2. Deep Purple ──────────────────────────────
-  {
-    id: "purple",
-    name: "Deep Purple",
-    preview: ["#1c1628", "#a78bfa"],
-    vars: {
-      "--bs-bg": "#1c1628",
-      "--bs-bg2": "#241e34",
-      "--bs-bg3": "#2e2640",
-      "--bs-text": "#e8e0f5",
-      "--bs-muted": "#8b7faa",
-      "--bs-border": "#3b3255",
-      "--bs-accent": "#a78bfa",
-      "--bs-accent2": "#c4b5fd",
-      "--bs-fab1": "#a78bfa",
-      "--bs-fab2": "#c084fc",
-      "--bs-radius": "16px",
-      "--bs-radius-sm": "10px",
-      "--bs-red": "#fb7185",
-      "--bs-green": "#6ee7b7",
-      "--bs-orange": "#fdba74",
-      "--bs-yellow": "#fde68a"
-    }
-  },
-  // ─── 3. Cyberpunk ────────────────────────────────
-  {
-    id: "cyberpunk",
-    name: "Cyberpunk",
-    preview: ["#0a0a12", "#00fff0"],
-    vars: {
-      "--bs-bg": "#0a0a12",
-      "--bs-bg2": "#12121f",
-      "--bs-bg3": "#1a1a2c",
-      "--bs-text": "#e0f7fa",
-      "--bs-muted": "#5e7f88",
-      "--bs-border": "#1e3a3f",
-      "--bs-accent": "#00fff0",
-      "--bs-accent2": "#00c8ff",
-      "--bs-fab1": "#00fff0",
-      "--bs-fab2": "#ff00c8",
-      "--bs-radius": "4px",
-      "--bs-radius-sm": "2px",
-      "--bs-red": "#ff3860",
-      "--bs-green": "#00ff88",
-      "--bs-orange": "#ffaa00",
-      "--bs-yellow": "#ffe600"
-    }
-  },
-  // ─── 4. Sunset ───────────────────────────────────
-  {
-    id: "sunset",
-    name: "Sunset",
-    preview: ["#1f1318", "#f97316"],
-    vars: {
-      "--bs-bg": "#1f1318",
-      "--bs-bg2": "#291a20",
-      "--bs-bg3": "#33212a",
-      "--bs-text": "#f5e6ea",
-      "--bs-muted": "#a07880",
-      "--bs-border": "#4a2a34",
-      "--bs-accent": "#f97316",
-      "--bs-accent2": "#fb923c",
-      "--bs-fab1": "#f97316",
-      "--bs-fab2": "#ef4444",
-      "--bs-radius": "14px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#ef4444",
-      "--bs-green": "#4ade80",
-      "--bs-orange": "#fb923c",
-      "--bs-yellow": "#fbbf24"
-    }
-  },
-  // ─── 5. Ocean ────────────────────────────────────
-  {
-    id: "ocean",
-    name: "Ocean",
-    preview: ["#0d1b2a", "#2dd4bf"],
-    vars: {
-      "--bs-bg": "#0d1b2a",
-      "--bs-bg2": "#132638",
-      "--bs-bg3": "#1a3146",
-      "--bs-text": "#d6f0ee",
-      "--bs-muted": "#5c8a8e",
-      "--bs-border": "#1f4050",
-      "--bs-accent": "#2dd4bf",
-      "--bs-accent2": "#5eead4",
-      "--bs-fab1": "#2dd4bf",
-      "--bs-fab2": "#22d3ee",
-      "--bs-radius": "16px",
-      "--bs-radius-sm": "10px",
-      "--bs-red": "#fca5a5",
-      "--bs-green": "#6ee7b7",
-      "--bs-orange": "#fdba74",
-      "--bs-yellow": "#fde68a"
-    }
-  },
-  // ─── 6. Rose ─────────────────────────────────────
-  {
-    id: "rose",
-    name: "Rose Gold",
-    preview: ["#1f1520", "#f472b6"],
-    vars: {
-      "--bs-bg": "#1f1520",
-      "--bs-bg2": "#2a1c2a",
-      "--bs-bg3": "#352434",
-      "--bs-text": "#f5e0ec",
-      "--bs-muted": "#a07090",
-      "--bs-border": "#4a2a44",
-      "--bs-accent": "#f472b6",
-      "--bs-accent2": "#f9a8d4",
-      "--bs-fab1": "#f472b6",
-      "--bs-fab2": "#e879f9",
-      "--bs-radius": "20px",
-      "--bs-radius-sm": "12px",
-      "--bs-red": "#fb7185",
-      "--bs-green": "#86efac",
-      "--bs-orange": "#fdba74",
-      "--bs-yellow": "#fde68a"
-    }
-  },
-  // ─── 7. Arctic (Light) ──────────────────────────
-  {
-    id: "arctic",
-    name: "Arctic Light",
-    preview: ["#f0f4f8", "#3b82f6"],
-    vars: {
-      "--bs-bg": "#f0f4f8",
-      "--bs-bg2": "#e2e8f0",
-      "--bs-bg3": "#ffffff",
-      "--bs-text": "#1e293b",
-      "--bs-muted": "#64748b",
-      "--bs-border": "#cbd5e1",
-      "--bs-accent": "#3b82f6",
-      "--bs-accent2": "#60a5fa",
-      "--bs-fab1": "#3b82f6",
-      "--bs-fab2": "#6366f1",
-      "--bs-radius": "16px",
-      "--bs-radius-sm": "10px",
-      "--bs-red": "#ef4444",
-      "--bs-green": "#22c55e",
-      "--bs-orange": "#f97316",
-      "--bs-yellow": "#eab308"
-    }
-  },
-  // ─── 8. Glass ────────────────────────────────────
-  {
-    id: "glass",
-    name: "Glassmorphism",
-    preview: ["rgba(30,30,50,0.6)", "#a5b4fc"],
-    vars: {
-      "--bs-bg": "rgba(22,22,40,0.75)",
-      "--bs-bg2": "rgba(35,35,60,0.6)",
-      "--bs-bg3": "rgba(45,45,75,0.5)",
-      "--bs-text": "#e8eaff",
-      "--bs-muted": "#8888bb",
-      "--bs-border": "rgba(255,255,255,0.1)",
-      "--bs-accent": "#a5b4fc",
-      "--bs-accent2": "#c7d2fe",
-      "--bs-fab1": "#818cf8",
-      "--bs-fab2": "#a78bfa",
-      "--bs-radius": "20px",
-      "--bs-radius-sm": "12px",
-      "--bs-red": "#fca5a5",
-      "--bs-green": "#86efac",
-      "--bs-orange": "#fdba74",
-      "--bs-yellow": "#fde68a"
-    }
-  },
-  // ─── 9. Neon Green ──────────────────────────────
-  {
-    id: "neon",
-    name: "Neon",
-    preview: ["#080c08", "#39ff14"],
-    vars: {
-      "--bs-bg": "#080c08",
-      "--bs-bg2": "#0f150f",
-      "--bs-bg3": "#161e16",
-      "--bs-text": "#d0f0c0",
-      "--bs-muted": "#5a7a50",
-      "--bs-border": "#1e3018",
-      "--bs-accent": "#39ff14",
-      "--bs-accent2": "#7dff5e",
-      "--bs-fab1": "#39ff14",
-      "--bs-fab2": "#00ff88",
-      "--bs-radius": "8px",
-      "--bs-radius-sm": "4px",
-      "--bs-red": "#ff4444",
-      "--bs-green": "#39ff14",
-      "--bs-orange": "#ffaa00",
-      "--bs-yellow": "#e6ff00"
-    }
-  },
-  // ─── 10. Forest ──────────────────────────────────
-  {
-    id: "forest",
-    name: "Forest",
-    preview: ["#111c15", "#34d399"],
-    vars: {
-      "--bs-bg": "#111c15",
-      "--bs-bg2": "#18261d",
-      "--bs-bg3": "#203026",
-      "--bs-text": "#d1f0dd",
-      "--bs-muted": "#6a9a7a",
-      "--bs-border": "#2a4a33",
-      "--bs-accent": "#34d399",
-      "--bs-accent2": "#6ee7b7",
-      "--bs-fab1": "#34d399",
-      "--bs-fab2": "#2dd4bf",
-      "--bs-radius": "14px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#fca5a5",
-      "--bs-green": "#4ade80",
-      "--bs-orange": "#fdba74",
-      "--bs-yellow": "#fde68a"
-    }
-  },
-  // ─── 11. Minimal Dark ───────────────────────────
-  {
-    id: "minimal-dark",
-    name: "Minimal Dark",
-    preview: ["#18181b", "#a1a1aa"],
-    vars: {
-      "--bs-bg": "#18181b",
-      "--bs-bg2": "#212124",
-      "--bs-bg3": "#2a2a2e",
-      "--bs-text": "#e4e4e7",
-      "--bs-muted": "#71717a",
-      "--bs-border": "#333338",
-      "--bs-accent": "#a1a1aa",
-      "--bs-accent2": "#d4d4d8",
-      "--bs-fab1": "#52525b",
-      "--bs-fab2": "#71717a",
-      "--bs-radius": "12px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#f87171",
-      "--bs-green": "#4ade80",
-      "--bs-orange": "#fb923c",
-      "--bs-yellow": "#fbbf24"
-    }
-  },
-  // ─── 12. Minimal Light ──────────────────────────
-  {
-    id: "minimal-light",
-    name: "Minimal Light",
-    preview: ["#fafafa", "#52525b"],
-    vars: {
-      "--bs-bg": "#fafafa",
-      "--bs-bg2": "#f0f0f0",
-      "--bs-bg3": "#ffffff",
-      "--bs-text": "#18181b",
-      "--bs-muted": "#71717a",
-      "--bs-border": "#e4e4e7",
-      "--bs-accent": "#18181b",
-      "--bs-accent2": "#3f3f46",
-      "--bs-fab1": "#18181b",
-      "--bs-fab2": "#3f3f46",
-      "--bs-radius": "12px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#dc2626",
-      "--bs-green": "#16a34a",
-      "--bs-orange": "#ea580c",
-      "--bs-yellow": "#ca8a04"
-    }
-  },
-  // ─── 13. Dracula ─────────────────────────────────
-  {
-    id: "dracula",
-    name: "Dracula",
-    preview: ["#282a36", "#bd93f9"],
-    vars: {
-      "--bs-bg": "#282a36",
-      "--bs-bg2": "#2e303e",
-      "--bs-bg3": "#363848",
-      "--bs-text": "#f8f8f2",
-      "--bs-muted": "#6272a4",
-      "--bs-border": "#44475a",
-      "--bs-accent": "#bd93f9",
-      "--bs-accent2": "#caa9fa",
-      "--bs-fab1": "#bd93f9",
-      "--bs-fab2": "#ff79c6",
-      "--bs-radius": "12px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#ff5555",
-      "--bs-green": "#50fa7b",
-      "--bs-orange": "#ffb86c",
-      "--bs-yellow": "#f1fa8c"
-    }
-  },
-  // ─── 14. Nord ────────────────────────────────────
-  {
-    id: "nord",
-    name: "Nord",
-    preview: ["#2e3440", "#88c0d0"],
-    vars: {
-      "--bs-bg": "#2e3440",
-      "--bs-bg2": "#3b4252",
-      "--bs-bg3": "#434c5e",
-      "--bs-text": "#eceff4",
-      "--bs-muted": "#7b88a1",
-      "--bs-border": "#4c566a",
-      "--bs-accent": "#88c0d0",
-      "--bs-accent2": "#8fbcbb",
-      "--bs-fab1": "#88c0d0",
-      "--bs-fab2": "#81a1c1",
-      "--bs-radius": "10px",
-      "--bs-radius-sm": "6px",
-      "--bs-red": "#bf616a",
-      "--bs-green": "#a3be8c",
-      "--bs-orange": "#d08770",
-      "--bs-yellow": "#ebcb8b"
-    }
-  },
-  // ─── 15. Monokai ─────────────────────────────────
-  {
-    id: "monokai",
-    name: "Monokai",
-    preview: ["#272822", "#a6e22e"],
-    vars: {
-      "--bs-bg": "#272822",
-      "--bs-bg2": "#2f302a",
-      "--bs-bg3": "#383930",
-      "--bs-text": "#f8f8f2",
-      "--bs-muted": "#75715e",
-      "--bs-border": "#49483e",
-      "--bs-accent": "#a6e22e",
-      "--bs-accent2": "#c4f060",
-      "--bs-fab1": "#a6e22e",
-      "--bs-fab2": "#66d9ef",
-      "--bs-radius": "8px",
-      "--bs-radius-sm": "4px",
-      "--bs-red": "#f92672",
-      "--bs-green": "#a6e22e",
-      "--bs-orange": "#fd971f",
-      "--bs-yellow": "#e6db74"
-    }
-  },
-  // ─── 16. Solarized ──────────────────────────────
-  {
-    id: "solarized",
-    name: "Solarized Dark",
-    preview: ["#002b36", "#268bd2"],
-    vars: {
-      "--bs-bg": "#002b36",
-      "--bs-bg2": "#073642",
-      "--bs-bg3": "#0e4050",
-      "--bs-text": "#eee8d5",
-      "--bs-muted": "#839496",
-      "--bs-border": "#1a4f5c",
-      "--bs-accent": "#268bd2",
-      "--bs-accent2": "#2aa198",
-      "--bs-fab1": "#268bd2",
-      "--bs-fab2": "#2aa198",
-      "--bs-radius": "10px",
-      "--bs-radius-sm": "6px",
-      "--bs-red": "#dc322f",
-      "--bs-green": "#859900",
-      "--bs-orange": "#cb4b16",
-      "--bs-yellow": "#b58900"
-    }
-  },
-  // ─── 17. Candy ───────────────────────────────────
-  {
-    id: "candy",
-    name: "Candy",
-    preview: ["#fef1f8", "#ec4899"],
-    vars: {
-      "--bs-bg": "#fef1f8",
-      "--bs-bg2": "#fce7f3",
-      "--bs-bg3": "#ffffff",
-      "--bs-text": "#4a1942",
-      "--bs-muted": "#9f5090",
-      "--bs-border": "#f0c6e0",
-      "--bs-accent": "#ec4899",
-      "--bs-accent2": "#f472b6",
-      "--bs-fab1": "#ec4899",
-      "--bs-fab2": "#a855f7",
-      "--bs-radius": "20px",
-      "--bs-radius-sm": "14px",
-      "--bs-red": "#e11d48",
-      "--bs-green": "#059669",
-      "--bs-orange": "#ea580c",
-      "--bs-yellow": "#ca8a04"
-    }
-  },
-  // ─── 18. Slate ───────────────────────────────────
-  {
-    id: "slate",
-    name: "Slate",
-    preview: ["#1e2432", "#94a3b8"],
-    vars: {
-      "--bs-bg": "#1e2432",
-      "--bs-bg2": "#263040",
-      "--bs-bg3": "#2e384a",
-      "--bs-text": "#e2e8f0",
-      "--bs-muted": "#64748b",
-      "--bs-border": "#374462",
-      "--bs-accent": "#94a3b8",
-      "--bs-accent2": "#cbd5e1",
-      "--bs-fab1": "#475569",
-      "--bs-fab2": "#64748b",
-      "--bs-radius": "14px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#f87171",
-      "--bs-green": "#4ade80",
-      "--bs-orange": "#fb923c",
-      "--bs-yellow": "#fbbf24"
-    }
-  },
-  // ─── 19. Ember ───────────────────────────────────
-  {
-    id: "ember",
-    name: "Ember",
-    preview: ["#1a0f0f", "#ef4444"],
-    vars: {
-      "--bs-bg": "#1a0f0f",
-      "--bs-bg2": "#241515",
-      "--bs-bg3": "#2e1c1c",
-      "--bs-text": "#fde8e8",
-      "--bs-muted": "#a06060",
-      "--bs-border": "#4a2222",
-      "--bs-accent": "#ef4444",
-      "--bs-accent2": "#f87171",
-      "--bs-fab1": "#ef4444",
-      "--bs-fab2": "#f97316",
-      "--bs-radius": "12px",
-      "--bs-radius-sm": "8px",
-      "--bs-red": "#fca5a5",
-      "--bs-green": "#86efac",
-      "--bs-orange": "#fdba74",
-      "--bs-yellow": "#fde68a"
-    }
-  },
-  // ─── 20. Lavender ───────────────────────────────
-  {
-    id: "lavender",
-    name: "Lavender",
-    preview: ["#f5f0ff", "#7c3aed"],
-    vars: {
-      "--bs-bg": "#f5f0ff",
-      "--bs-bg2": "#ede5ff",
-      "--bs-bg3": "#ffffff",
-      "--bs-text": "#2e1065",
-      "--bs-muted": "#7c6a9a",
-      "--bs-border": "#d8c8f0",
-      "--bs-accent": "#7c3aed",
-      "--bs-accent2": "#8b5cf6",
-      "--bs-fab1": "#7c3aed",
-      "--bs-fab2": "#a855f7",
-      "--bs-radius": "18px",
-      "--bs-radius-sm": "12px",
-      "--bs-red": "#dc2626",
-      "--bs-green": "#16a34a",
-      "--bs-orange": "#ea580c",
-      "--bs-yellow": "#ca8a04"
-    }
-  }
-];
-function getThemes() {
-  return THEMES;
-}
-function getThemeById(id) {
-  return THEMES.find((t) => t.id === id);
-}
-function getDefaultTheme() {
-  return THEMES[0];
-}
-
-// src/layouts.ts
-var LAYOUTS = [
-  // 1
-  { id: "classic", name: "Classic Center", description: "Centered modal, top tabs", tabPosition: "top" },
-  // 2
-  { id: "drawer-right", name: "Right Drawer", description: "Slides in from the right", tabPosition: "top" },
-  // 3
-  { id: "drawer-left", name: "Left Drawer", description: "Slides in from the left", tabPosition: "top" },
-  // 4
-  { id: "bottom-sheet", name: "Bottom Sheet", description: "Slides up from the bottom", tabPosition: "top" },
-  // 5
-  { id: "top-bar", name: "Top Drop", description: "Drops down from the top", tabPosition: "top" },
-  // 6
-  { id: "compact", name: "Compact", description: "Small centered popup", tabPosition: "top" },
-  // 7
-  { id: "wide", name: "Wide", description: "Wide horizontal modal", tabPosition: "top" },
-  // 8
-  { id: "fullscreen", name: "Fullscreen", description: "Full screen overlay", tabPosition: "top" },
-  // 9
-  { id: "corner-br", name: "Corner Card", description: "Bottom-right corner card", tabPosition: "top" },
-  // 10
-  { id: "corner-bl", name: "Corner Left", description: "Bottom-left corner card", tabPosition: "top" },
-  // 11
-  { id: "pill-tabs", name: "Pill Tabs", description: "Centered with pill-style tabs", tabPosition: "top" },
-  // 12
-  { id: "sidebar-tabs", name: "Sidebar Tabs", description: "Vertical tabs on the left", tabPosition: "left" },
-  // 13
-  { id: "segmented", name: "Segmented", description: "Tabs as segmented control", tabPosition: "top" },
-  // 14
-  { id: "minimal", name: "Minimal", description: "Ultra clean, spacious", tabPosition: "top" },
-  // 15
-  { id: "dense", name: "Dense", description: "Compact, tight spacing", tabPosition: "top" },
-  // 16
-  { id: "rounded", name: "Bubble", description: "Extra rounded, playful", tabPosition: "top" },
-  // 17
-  { id: "sharp", name: "Sharp", description: "Square corners, industrial", tabPosition: "top" },
-  // 18
-  { id: "split", name: "Split View", description: "Two-column layout", tabPosition: "left" },
-  // 19
-  { id: "floating", name: "Floating", description: "Heavy shadow, borderless", tabPosition: "top" },
-  // 20
-  { id: "bottom-tabs", name: "Bottom Tabs", description: "Tabs at the bottom", tabPosition: "bottom" }
-];
-function getLayouts() {
-  return LAYOUTS;
-}
-function getLayoutById(id) {
-  return LAYOUTS.find((l) => l.id === id);
-}
-function getDefaultLayout() {
-  return LAYOUTS[0];
-}
-var LAYOUT_CSS = `
+"use strict";var At=Object.defineProperty;var mn=Object.getOwnPropertyDescriptor;var hn=Object.getOwnPropertyNames;var xn=Object.prototype.hasOwnProperty;var vn=(e,t)=>{for(var s in t)At(e,s,{get:t[s],enumerable:!0})},yn=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of hn(t))!xn.call(e,r)&&r!==s&&At(e,r,{get:()=>t[r],enumerable:!(n=mn(t,r))||n.enumerable});return e};var wn=e=>yn(At({},"__esModule",{value:!0}),e);var lr={};vn(lr,{BugStash:()=>dn,default:()=>ir});module.exports=wn(lr);var ze=[],ns=50,Ae=null,Ie=null,He=null,Re=null;function Ze(e){if(e.id)return`#${e.id}`;let t=e.tagName.toLowerCase(),s=e.className&&typeof e.className=="string"?"."+e.className.trim().split(/\s+/).slice(0,2).join("."):"",n=(e.textContent||"").trim().slice(0,30),r=n?` "${n}"`:"";return`${t}${s}${r}`}function q(e){ze.push(e),ze.length>ns&&ze.shift()}function rs(e){e&&(ns=e),Ae=s=>{let n=s.target;!n||!n.tagName||q({type:"click",category:"ui",message:`Clicked ${Ze(n)}`,timestamp:Date.now(),data:{x:s.clientX,y:s.clientY,selector:Ze(n)}})},document.addEventListener("click",Ae,!0);let t=new WeakMap;Ie=s=>{let n=s.target;if(!n||!n.tagName)return;let r=n.tagName.toLowerCase();if(r!=="input"&&r!=="textarea"&&r!=="select")return;let i=t.get(n);i&&clearTimeout(i),t.set(n,window.setTimeout(()=>{let c=n instanceof HTMLInputElement&&n.type==="password";q({type:"input",category:"ui",message:`Input ${Ze(n)}`,timestamp:Date.now(),data:{selector:Ze(n),value:c?"[redacted]":void 0}})},300))},document.addEventListener("input",Ie,!0),He=()=>{q({type:"navigation",category:"navigation",message:`Navigated to ${window.location.pathname}`,timestamp:Date.now(),data:{url:window.location.href}})},window.addEventListener("popstate",He),Re=()=>{q({type:"navigation",category:"navigation",message:`Hash changed to ${window.location.hash}`,timestamp:Date.now(),data:{url:window.location.href}})},window.addEventListener("hashchange",Re),q({type:"navigation",category:"navigation",message:`Page loaded: ${window.location.pathname}`,timestamp:Date.now(),data:{url:window.location.href}})}function me(){return[...ze]}function os(){ze=[]}function as(){Ae&&document.removeEventListener("click",Ae,!0),Ie&&document.removeEventListener("input",Ie,!0),He&&window.removeEventListener("popstate",He),Re&&window.removeEventListener("hashchange",Re),Ae=null,Ie=null,He=null,Re=null}var It="[REDACTED]",kn=[[/\b(?:\d[ -]*?){13,19}\b/g,"[CC_REDACTED]"],[/\b\d{3}-\d{2}-\d{4}\b/g,"[SSN_REDACTED]"],[/Bearer\s+[A-Za-z0-9\-._~+/]+=*/g,"Bearer [TOKEN_REDACTED]"],[/eyJ[A-Za-z0-9_-]+\.eyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/g,"[JWT_REDACTED]"],[/(?:api[_-]?key|apikey|secret|token|password|passwd|authorization)['":\s=]+['"]?([A-Za-z0-9\-._~+/]{20,})['"]?/gi,e=>{let t=e.search(/[=:]/);return e.slice(0,t+1)+" "+It}],[/AKIA[0-9A-Z]{16}/g,"[AWS_KEY_REDACTED]"],[/"(?:password|passwd|secret|token|access_token|refresh_token|api_key|apiKey|private_key)":\s*"[^"]*"/gi,e=>{let t=e.indexOf(":");return e.slice(0,t+1)+' "'+It+'"'}]];function he(e){let t=e;for(let[s,n]of kn)t=t.replace(s,n);return t}function is(e){return e.map(he)}function Qe(e){if(typeof e=="string")return he(e);if(Array.isArray(e))return e.map(Qe);if(e&&typeof e=="object"){let t={};for(let[s,n]of Object.entries(e)){let r=s.toLowerCase();r.includes("password")||r.includes("secret")||r.includes("token")||r.includes("apikey")||r.includes("api_key")||r.includes("private")?t[s]=It:t[s]=Qe(n)}return t}return e}var Ge={log:console.log,warn:console.warn,error:console.error,debug:console.debug,info:console.info},Ne=[],ls=50;function En(e){return e.map(t=>{if(t instanceof Error)return`${t.name}: ${t.message}
+${t.stack??""}`;if(typeof t=="object")try{return JSON.stringify(t,null,2)}catch{return String(t)}return String(t)})}function Ln(e,t){let s={level:e,args:is(En(t)),timestamp:Date.now()};e==="error"&&(s.stack=new Error().stack?.split(`
+`).slice(2).join(`
+`)),Ne.push(s),Ne.length>ls&&Ne.shift(),q({type:"console",category:`console.${e}`,message:s.args.join(" ").slice(0,200),timestamp:s.timestamp})}function cs(e){e&&(ls=e);for(let t of Object.keys(Ge))console[t]=function(...s){Ln(t,s),Ge[t].apply(console,s)}}function ee(){return[...Ne]}function ds(){Ne=[]}function bs(){for(let e of Object.keys(Ge))console[e]=Ge[e]}var xe=[],ps=50,et,tt,st;function Ht(e){xe.push(e),xe.length>ps&&xe.shift(),q({type:"network",category:e.failed?"network.error":"network.ok",message:`${e.method} ${e.url} \u2192 ${e.status} (${e.duration}ms)`,timestamp:e.timestamp,data:{status:e.status,duration:e.duration}})}function us(e){try{let t=new URL(e,window.location.origin),s=new URLSearchParams(t.search);for(let r of s.keys()){let i=r.toLowerCase();(i.includes("token")||i.includes("key")||i.includes("secret")||i.includes("password")||i.includes("auth"))&&s.set(r,"[REDACTED]")}let n=s.toString();return t.pathname+(n?"?"+n:"")}catch{return he(e)}}function Sn(){et=window.fetch,window.fetch=async function(e,t){let s=t?.method?.toUpperCase()??"GET",n=typeof e=="string"?e:e instanceof URL?e.href:e.url,r=us(n),i=Date.now();try{let c=await et.call(window,e,t);return Ht({method:s,url:r,status:c.status,statusText:c.statusText,duration:Date.now()-i,responseType:c.headers.get("content-type")??void 0,timestamp:i,failed:c.status>=400}),c}catch(c){throw Ht({method:s,url:r,status:0,statusText:"Network Error",duration:Date.now()-i,timestamp:i,failed:!0}),c}}}function Cn(){tt=XMLHttpRequest.prototype.open,st=XMLHttpRequest.prototype.send,XMLHttpRequest.prototype.open=function(e,t,...s){return this.__bs_method=e.toUpperCase(),this.__bs_url=us(typeof t=="string"?t:t.href),tt.apply(this,[e,t,...s])},XMLHttpRequest.prototype.send=function(e){let t=Date.now();return this.addEventListener("loadend",function(){Ht({method:this.__bs_method??"GET",url:this.__bs_url??"",status:this.status,statusText:this.statusText,duration:Date.now()-t,responseType:this.getResponseHeader("content-type")??void 0,timestamp:t,failed:this.status>=400||this.status===0})}),st.call(this,e)}}function fs(e){e&&(ps=e),Sn(),Cn()}function ve(){return[...xe]}function le(){return xe.filter(e=>e.failed)}function gs(){xe=[]}function ms(){et&&(window.fetch=et),tt&&(XMLHttpRequest.prototype.open=tt),st&&(XMLHttpRequest.prototype.send=st)}var nt=[],Be=null,De=null;function hs(){Be=e=>{let t={message:e.message||"Unknown error",source:e.filename,lineno:e.lineno,colno:e.colno,stack:e.error?.stack,type:"error",timestamp:Date.now()};nt.push(t),q({type:"error",category:"exception",message:t.message,timestamp:t.timestamp,data:{source:t.source,lineno:t.lineno}})},De=e=>{let t=e.reason,s=t instanceof Error?t.message:typeof t=="string"?t:"Unhandled promise rejection",n={message:s,stack:t instanceof Error?t.stack:void 0,type:"unhandledrejection",timestamp:Date.now()};nt.push(n),q({type:"error",category:"promise",message:s,timestamp:n.timestamp})},window.addEventListener("error",Be),window.addEventListener("unhandledrejection",De)}function te(){return[...nt]}function xs(){nt=[]}function vs(){Be&&window.removeEventListener("error",Be),De&&window.removeEventListener("unhandledrejection",De),Be=null,De=null}var M=null,rt=null,ot=null,at=null;function ys(){if(M={timestamp:Date.now()},performance.getEntriesByType){let e=()=>{let[t]=performance.getEntriesByType("navigation");t&&M&&(M.pageLoadTime=Math.round(t.loadEventEnd-t.startTime),M.domContentLoaded=Math.round(t.domContentLoadedEventEnd-t.startTime));let s=performance.getEntriesByType("paint");for(let r of s)r.name==="first-paint"&&M&&(M.firstPaint=Math.round(r.startTime)),r.name==="first-contentful-paint"&&M&&(M.firstContentfulPaint=Math.round(r.startTime));M&&(M.resourceCount=performance.getEntriesByType("resource").length);let n=performance.memory;n&&M&&(M.memoryUsage={usedJSHeapSize:n.usedJSHeapSize,totalJSHeapSize:n.totalJSHeapSize})};document.readyState==="complete"?setTimeout(e,0):window.addEventListener("load",()=>setTimeout(e,100))}if(typeof PerformanceObserver<"u"){try{rt=new PerformanceObserver(e=>{let t=e.getEntries(),s=t[t.length-1];s&&M&&(M.largestContentfulPaint=Math.round(s.startTime))}),rt.observe({type:"largest-contentful-paint",buffered:!0})}catch{}try{let e=0;ot=new PerformanceObserver(t=>{for(let s of t.getEntries())s.hadRecentInput||(e+=s.value);M&&(M.cumulativeLayoutShift=Math.round(e*1e3)/1e3)}),ot.observe({type:"layout-shift",buffered:!0})}catch{}try{at=new PerformanceObserver(e=>{let[t]=e.getEntries();t&&M&&(M.firstInputDelay=Math.round(t.processingStart-t.startTime))}),at.observe({type:"first-input",buffered:!0})}catch{}}}function ye(){return M&&(M.timestamp=Date.now()),M?{...M}:null}function ws(){rt?.disconnect(),ot?.disconnect(),at?.disconnect(),rt=null,ot=null,at=null,M=null}async function it(){try{let e=await Tn();if(e)return e}catch{}try{let e=await Mn();if(e)return e}catch{}return null}async function Tn(){let e=window.innerWidth,t=window.innerHeight,s=document.documentElement.cloneNode(!0),n=document.documentElement.querySelectorAll("*"),r=s.querySelectorAll("*");for(let g=0;g<n.length&&g<r.length;g++){let x=window.getComputedStyle(n[g]),y=r[g];if(y.style){let $=["background","background-color","background-image","color","font","font-size","font-family","font-weight","border","border-radius","padding","margin","display","flex-direction","align-items","justify-content","gap","width","height","max-width","max-height","overflow","position","top","left","right","bottom","box-shadow","text-shadow","opacity","transform","text-align","line-height","letter-spacing","text-decoration","visibility","z-index","grid-template-columns","grid-template-rows","box-sizing"];for(let ae of $)try{y.style.setProperty(ae,x.getPropertyValue(ae))}catch{}}}s.querySelectorAll("script, [data-bugstash], .bs-fab, .bs-modal, .bs-backdrop").forEach(g=>g.remove());let c=new XMLSerializer().serializeToString(s),p=`
+    <svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${t}">
+      <foreignObject width="100%" height="100%">
+        ${c}
+      </foreignObject>
+    </svg>
+  `,l=new Blob([p],{type:"image/svg+xml;charset=utf-8"}),h=URL.createObjectURL(l);return new Promise(g=>{let x=new Image;x.onload=()=>{let y=document.createElement("canvas");y.width=e*.5,y.height=t*.5;let $=y.getContext("2d");if(!$){URL.revokeObjectURL(h),g(null);return}$.scale(.5,.5),$.drawImage(x,0,0),URL.revokeObjectURL(h),g(y.toDataURL("image/jpeg",.6))},x.onerror=()=>{URL.revokeObjectURL(h),g(null)},x.src=h})}async function Mn(){if(!navigator.mediaDevices?.getDisplayMedia)return null;let e=await navigator.mediaDevices.getDisplayMedia({video:{displaySurface:"browser"}}),t=e.getVideoTracks()[0],s=document.createElement("video");return new Promise(n=>{s.onloadedmetadata=()=>{s.play();let r=document.createElement("canvas");r.width=s.videoWidth*.5,r.height=s.videoHeight*.5;let i=r.getContext("2d");if(!i){t.stop(),n(null);return}i.scale(.5,.5),i.drawImage(s,0,0),t.stop(),n(r.toDataURL("image/jpeg",.6))},s.onerror=()=>{t.stop(),n(null)},s.srcObject=e})}var $n="https://api.bugstash.com",ks="https://bugstash-backend.azurewebsites.net",U=$n,Rt=!1;function Es(e){U=e.replace(/\/$/,""),Rt=!1}function Ls(){return U}async function X(e,t){try{return await fetch(e,t)}catch(s){if(Rt)throw s;Rt=!0;let n=U;U=ks;let r=e.replace(n,ks);return fetch(r,t)}}var Nt="bugstash_auth";function Bt(){try{let e=localStorage.getItem(Nt);if(!e)return null;let t=JSON.parse(e);return t.tokens.expiresAt<Date.now(),t}catch{return null}}function Ss(e){localStorage.setItem(Nt,JSON.stringify(e))}function Pn(){localStorage.removeItem(Nt)}function V(){return Bt()?.user||null}function Cs(){return Bt()?.tokens.accessToken||null}async function ce(){let e=Bt();if(!e)return{"Content-Type":"application/json"};if(e.tokens.expiresAt<Date.now()+6e4)try{let t=await X(`${U}/api/auth/refresh`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({refreshToken:e.tokens.refreshToken})});if(t.ok){let s=await t.json();s.success&&(e.tokens=s.data,Ss(e))}}catch{}return{"Content-Type":"application/json",Authorization:`Bearer ${e.tokens.accessToken}`}}async function lt(e,t,s){try{let r=await(await X(`${U}/api/auth/login`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({email:e,password:t,projectId:s})})).json();return r.success&&Ss({user:r.data.user,tokens:r.data.tokens}),r}catch{return{success:!1,error:"Network error"}}}async function ct(){Pn()}async function Dt(e){try{let t=await ce();return await(await X(`${U}/api/reports`,{method:"POST",headers:t,body:JSON.stringify(e)})).json()}catch{return{success:!1,error:"Network error - could not reach BugStash"}}}async function Ts(e,t){try{let s=await ce();return await(await X(`${U}/api/pins/by-page?projectId=${e}&pathname=${encodeURIComponent(t)}`,{headers:s})).json()}catch{return{success:!1,error:"Network error"}}}async function Ot(e){try{let t=await ce();return await(await X(`${U}/api/pins`,{method:"POST",headers:t,body:JSON.stringify(e)})).json()}catch{return{success:!1,error:"Network error"}}}async function dt(e,t){try{let s=await ce();return await(await X(`${U}/api/pins/${e}`,{method:"PUT",headers:s,body:JSON.stringify(t)})).json()}catch{return{success:!1,error:"Network error"}}}async function Ms(e){try{let t=await ce();return await(await X(`${U}/api/pins/${e}`,{method:"DELETE",headers:t})).json()}catch{return{success:!1,error:"Network error"}}}async function $s(e){try{let t=await ce();return await(await X(`${U}/api/pins/${e}/comments`,{headers:t})).json()}catch{return{success:!1,error:"Network error"}}}async function jt(e,t,s=[]){try{let n=await ce();return await(await X(`${U}/api/pins/${e}/comments`,{method:"POST",headers:n,body:JSON.stringify({body:t,mentions:s})})).json()}catch{return{success:!1,error:"Network error"}}}async function Ps(e){try{let t=await ce();return await(await X(`${U}/api/members/for-project/${e}`,{headers:t})).json()}catch{return{success:!1,error:"Network error"}}}var qt="bugstash_offline_queue";function Ut(e){let t=zs();t.push({...e,id:Math.random().toString(36).slice(2),timestamp:Date.now()}),localStorage.setItem(qt,JSON.stringify(t))}function zs(){try{return JSON.parse(localStorage.getItem(qt)||"[]")}catch{return[]}}async function zn(){let e=zs();if(e.length===0)return 0;let t=0,s=[];for(let n of e)try{let r;switch(n.type){case"create_pin":r=await Ot(n.data);break;case"create_comment":r=await jt(n.data.pinId,n.data.body,n.data.mentions);break;case"update_pin":r=await dt(n.data.pinId,n.data.updates);break;case"submit_report":r=await Dt(n.data);break;default:r={success:!1,error:"Unknown action"}}r.success?t++:s.push(n)}catch{s.push(n)}return localStorage.setItem(qt,JSON.stringify(s)),t}typeof window<"u"&&window.addEventListener("online",()=>{zn().catch(()=>{})});var Wt=[{id:"midnight",name:"Midnight",preview:["#1a1d2e","#6E9ED0"],vars:{"--bs-bg":"#1a1d2e","--bs-bg2":"#222639","--bs-bg3":"#2a2e42","--bs-text":"#e2e5ed","--bs-muted":"#7c82a0","--bs-border":"#333754","--bs-accent":"#6E9ED0","--bs-accent2":"#8FAFD6","--bs-fab1":"#6E9ED0","--bs-fab2":"#8FAFD6","--bs-radius":"16px","--bs-radius-sm":"10px","--bs-red":"#f87171","--bs-green":"#4ade80","--bs-orange":"#fb923c","--bs-yellow":"#fbbf24"}},{id:"purple",name:"Deep Purple",preview:["#1c1628","#a78bfa"],vars:{"--bs-bg":"#1c1628","--bs-bg2":"#241e34","--bs-bg3":"#2e2640","--bs-text":"#e8e0f5","--bs-muted":"#8b7faa","--bs-border":"#3b3255","--bs-accent":"#a78bfa","--bs-accent2":"#c4b5fd","--bs-fab1":"#a78bfa","--bs-fab2":"#c084fc","--bs-radius":"16px","--bs-radius-sm":"10px","--bs-red":"#fb7185","--bs-green":"#6ee7b7","--bs-orange":"#fdba74","--bs-yellow":"#fde68a"}},{id:"cyberpunk",name:"Cyberpunk",preview:["#0a0a12","#00fff0"],vars:{"--bs-bg":"#0a0a12","--bs-bg2":"#12121f","--bs-bg3":"#1a1a2c","--bs-text":"#e0f7fa","--bs-muted":"#5e7f88","--bs-border":"#1e3a3f","--bs-accent":"#00fff0","--bs-accent2":"#00c8ff","--bs-fab1":"#00fff0","--bs-fab2":"#ff00c8","--bs-radius":"4px","--bs-radius-sm":"2px","--bs-red":"#ff3860","--bs-green":"#00ff88","--bs-orange":"#ffaa00","--bs-yellow":"#ffe600"}},{id:"sunset",name:"Sunset",preview:["#1f1318","#f97316"],vars:{"--bs-bg":"#1f1318","--bs-bg2":"#291a20","--bs-bg3":"#33212a","--bs-text":"#f5e6ea","--bs-muted":"#a07880","--bs-border":"#4a2a34","--bs-accent":"#f97316","--bs-accent2":"#fb923c","--bs-fab1":"#f97316","--bs-fab2":"#ef4444","--bs-radius":"14px","--bs-radius-sm":"8px","--bs-red":"#ef4444","--bs-green":"#4ade80","--bs-orange":"#fb923c","--bs-yellow":"#fbbf24"}},{id:"ocean",name:"Ocean",preview:["#0d1b2a","#2dd4bf"],vars:{"--bs-bg":"#0d1b2a","--bs-bg2":"#132638","--bs-bg3":"#1a3146","--bs-text":"#d6f0ee","--bs-muted":"#5c8a8e","--bs-border":"#1f4050","--bs-accent":"#2dd4bf","--bs-accent2":"#5eead4","--bs-fab1":"#2dd4bf","--bs-fab2":"#22d3ee","--bs-radius":"16px","--bs-radius-sm":"10px","--bs-red":"#fca5a5","--bs-green":"#6ee7b7","--bs-orange":"#fdba74","--bs-yellow":"#fde68a"}},{id:"rose",name:"Rose Gold",preview:["#1f1520","#f472b6"],vars:{"--bs-bg":"#1f1520","--bs-bg2":"#2a1c2a","--bs-bg3":"#352434","--bs-text":"#f5e0ec","--bs-muted":"#a07090","--bs-border":"#4a2a44","--bs-accent":"#f472b6","--bs-accent2":"#f9a8d4","--bs-fab1":"#f472b6","--bs-fab2":"#e879f9","--bs-radius":"20px","--bs-radius-sm":"12px","--bs-red":"#fb7185","--bs-green":"#86efac","--bs-orange":"#fdba74","--bs-yellow":"#fde68a"}},{id:"arctic",name:"Arctic Light",preview:["#f0f4f8","#3b82f6"],vars:{"--bs-bg":"#f0f4f8","--bs-bg2":"#e2e8f0","--bs-bg3":"#ffffff","--bs-text":"#1e293b","--bs-muted":"#64748b","--bs-border":"#cbd5e1","--bs-accent":"#3b82f6","--bs-accent2":"#60a5fa","--bs-fab1":"#3b82f6","--bs-fab2":"#6366f1","--bs-radius":"16px","--bs-radius-sm":"10px","--bs-red":"#ef4444","--bs-green":"#22c55e","--bs-orange":"#f97316","--bs-yellow":"#eab308"}},{id:"glass",name:"Glassmorphism",preview:["rgba(30,30,50,0.6)","#a5b4fc"],vars:{"--bs-bg":"rgba(22,22,40,0.75)","--bs-bg2":"rgba(35,35,60,0.6)","--bs-bg3":"rgba(45,45,75,0.5)","--bs-text":"#e8eaff","--bs-muted":"#8888bb","--bs-border":"rgba(255,255,255,0.1)","--bs-accent":"#a5b4fc","--bs-accent2":"#c7d2fe","--bs-fab1":"#818cf8","--bs-fab2":"#a78bfa","--bs-radius":"20px","--bs-radius-sm":"12px","--bs-red":"#fca5a5","--bs-green":"#86efac","--bs-orange":"#fdba74","--bs-yellow":"#fde68a"}},{id:"neon",name:"Neon",preview:["#080c08","#39ff14"],vars:{"--bs-bg":"#080c08","--bs-bg2":"#0f150f","--bs-bg3":"#161e16","--bs-text":"#d0f0c0","--bs-muted":"#5a7a50","--bs-border":"#1e3018","--bs-accent":"#39ff14","--bs-accent2":"#7dff5e","--bs-fab1":"#39ff14","--bs-fab2":"#00ff88","--bs-radius":"8px","--bs-radius-sm":"4px","--bs-red":"#ff4444","--bs-green":"#39ff14","--bs-orange":"#ffaa00","--bs-yellow":"#e6ff00"}},{id:"forest",name:"Forest",preview:["#111c15","#34d399"],vars:{"--bs-bg":"#111c15","--bs-bg2":"#18261d","--bs-bg3":"#203026","--bs-text":"#d1f0dd","--bs-muted":"#6a9a7a","--bs-border":"#2a4a33","--bs-accent":"#34d399","--bs-accent2":"#6ee7b7","--bs-fab1":"#34d399","--bs-fab2":"#2dd4bf","--bs-radius":"14px","--bs-radius-sm":"8px","--bs-red":"#fca5a5","--bs-green":"#4ade80","--bs-orange":"#fdba74","--bs-yellow":"#fde68a"}},{id:"minimal-dark",name:"Minimal Dark",preview:["#18181b","#a1a1aa"],vars:{"--bs-bg":"#18181b","--bs-bg2":"#212124","--bs-bg3":"#2a2a2e","--bs-text":"#e4e4e7","--bs-muted":"#71717a","--bs-border":"#333338","--bs-accent":"#a1a1aa","--bs-accent2":"#d4d4d8","--bs-fab1":"#52525b","--bs-fab2":"#71717a","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#f87171","--bs-green":"#4ade80","--bs-orange":"#fb923c","--bs-yellow":"#fbbf24"}},{id:"minimal-light",name:"Minimal Light",preview:["#fafafa","#52525b"],vars:{"--bs-bg":"#fafafa","--bs-bg2":"#f0f0f0","--bs-bg3":"#ffffff","--bs-text":"#18181b","--bs-muted":"#71717a","--bs-border":"#e4e4e7","--bs-accent":"#18181b","--bs-accent2":"#3f3f46","--bs-fab1":"#18181b","--bs-fab2":"#3f3f46","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#dc2626","--bs-green":"#16a34a","--bs-orange":"#ea580c","--bs-yellow":"#ca8a04"}},{id:"dracula",name:"Dracula",preview:["#282a36","#bd93f9"],vars:{"--bs-bg":"#282a36","--bs-bg2":"#2e303e","--bs-bg3":"#363848","--bs-text":"#f8f8f2","--bs-muted":"#6272a4","--bs-border":"#44475a","--bs-accent":"#bd93f9","--bs-accent2":"#caa9fa","--bs-fab1":"#bd93f9","--bs-fab2":"#ff79c6","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#ff5555","--bs-green":"#50fa7b","--bs-orange":"#ffb86c","--bs-yellow":"#f1fa8c"}},{id:"nord",name:"Nord",preview:["#2e3440","#88c0d0"],vars:{"--bs-bg":"#2e3440","--bs-bg2":"#3b4252","--bs-bg3":"#434c5e","--bs-text":"#eceff4","--bs-muted":"#7b88a1","--bs-border":"#4c566a","--bs-accent":"#88c0d0","--bs-accent2":"#8fbcbb","--bs-fab1":"#88c0d0","--bs-fab2":"#81a1c1","--bs-radius":"10px","--bs-radius-sm":"6px","--bs-red":"#bf616a","--bs-green":"#a3be8c","--bs-orange":"#d08770","--bs-yellow":"#ebcb8b"}},{id:"monokai",name:"Monokai",preview:["#272822","#a6e22e"],vars:{"--bs-bg":"#272822","--bs-bg2":"#2f302a","--bs-bg3":"#383930","--bs-text":"#f8f8f2","--bs-muted":"#75715e","--bs-border":"#49483e","--bs-accent":"#a6e22e","--bs-accent2":"#c4f060","--bs-fab1":"#a6e22e","--bs-fab2":"#66d9ef","--bs-radius":"8px","--bs-radius-sm":"4px","--bs-red":"#f92672","--bs-green":"#a6e22e","--bs-orange":"#fd971f","--bs-yellow":"#e6db74"}},{id:"solarized",name:"Solarized Dark",preview:["#002b36","#268bd2"],vars:{"--bs-bg":"#002b36","--bs-bg2":"#073642","--bs-bg3":"#0e4050","--bs-text":"#eee8d5","--bs-muted":"#839496","--bs-border":"#1a4f5c","--bs-accent":"#268bd2","--bs-accent2":"#2aa198","--bs-fab1":"#268bd2","--bs-fab2":"#2aa198","--bs-radius":"10px","--bs-radius-sm":"6px","--bs-red":"#dc322f","--bs-green":"#859900","--bs-orange":"#cb4b16","--bs-yellow":"#b58900"}},{id:"candy",name:"Candy",preview:["#fef1f8","#ec4899"],vars:{"--bs-bg":"#fef1f8","--bs-bg2":"#fce7f3","--bs-bg3":"#ffffff","--bs-text":"#4a1942","--bs-muted":"#9f5090","--bs-border":"#f0c6e0","--bs-accent":"#ec4899","--bs-accent2":"#f472b6","--bs-fab1":"#ec4899","--bs-fab2":"#a855f7","--bs-radius":"20px","--bs-radius-sm":"14px","--bs-red":"#e11d48","--bs-green":"#059669","--bs-orange":"#ea580c","--bs-yellow":"#ca8a04"}},{id:"slate",name:"Slate",preview:["#1e2432","#94a3b8"],vars:{"--bs-bg":"#1e2432","--bs-bg2":"#263040","--bs-bg3":"#2e384a","--bs-text":"#e2e8f0","--bs-muted":"#64748b","--bs-border":"#374462","--bs-accent":"#94a3b8","--bs-accent2":"#cbd5e1","--bs-fab1":"#475569","--bs-fab2":"#64748b","--bs-radius":"14px","--bs-radius-sm":"8px","--bs-red":"#f87171","--bs-green":"#4ade80","--bs-orange":"#fb923c","--bs-yellow":"#fbbf24"}},{id:"ember",name:"Ember",preview:["#1a0f0f","#ef4444"],vars:{"--bs-bg":"#1a0f0f","--bs-bg2":"#241515","--bs-bg3":"#2e1c1c","--bs-text":"#fde8e8","--bs-muted":"#a06060","--bs-border":"#4a2222","--bs-accent":"#ef4444","--bs-accent2":"#f87171","--bs-fab1":"#ef4444","--bs-fab2":"#f97316","--bs-radius":"12px","--bs-radius-sm":"8px","--bs-red":"#fca5a5","--bs-green":"#86efac","--bs-orange":"#fdba74","--bs-yellow":"#fde68a"}},{id:"lavender",name:"Lavender",preview:["#f5f0ff","#7c3aed"],vars:{"--bs-bg":"#f5f0ff","--bs-bg2":"#ede5ff","--bs-bg3":"#ffffff","--bs-text":"#2e1065","--bs-muted":"#7c6a9a","--bs-border":"#d8c8f0","--bs-accent":"#7c3aed","--bs-accent2":"#8b5cf6","--bs-fab1":"#7c3aed","--bs-fab2":"#a855f7","--bs-radius":"18px","--bs-radius-sm":"12px","--bs-red":"#dc2626","--bs-green":"#16a34a","--bs-orange":"#ea580c","--bs-yellow":"#ca8a04"}}];function bt(){return Wt}function pt(e){return Wt.find(t=>t.id===e)}function As(){return Wt[0]}var _t=[{id:"classic",name:"Classic Center",description:"Centered modal, top tabs",tabPosition:"top"},{id:"drawer-right",name:"Right Drawer",description:"Slides in from the right",tabPosition:"top"},{id:"drawer-left",name:"Left Drawer",description:"Slides in from the left",tabPosition:"top"},{id:"bottom-sheet",name:"Bottom Sheet",description:"Slides up from the bottom",tabPosition:"top"},{id:"top-bar",name:"Top Drop",description:"Drops down from the top",tabPosition:"top"},{id:"compact",name:"Compact",description:"Small centered popup",tabPosition:"top"},{id:"wide",name:"Wide",description:"Wide horizontal modal",tabPosition:"top"},{id:"fullscreen",name:"Fullscreen",description:"Full screen overlay",tabPosition:"top"},{id:"corner-br",name:"Corner Card",description:"Bottom-right corner card",tabPosition:"top"},{id:"corner-bl",name:"Corner Left",description:"Bottom-left corner card",tabPosition:"top"},{id:"pill-tabs",name:"Pill Tabs",description:"Centered with pill-style tabs",tabPosition:"top"},{id:"sidebar-tabs",name:"Sidebar Tabs",description:"Vertical tabs on the left",tabPosition:"left"},{id:"segmented",name:"Segmented",description:"Tabs as segmented control",tabPosition:"top"},{id:"minimal",name:"Minimal",description:"Ultra clean, spacious",tabPosition:"top"},{id:"dense",name:"Dense",description:"Compact, tight spacing",tabPosition:"top"},{id:"rounded",name:"Bubble",description:"Extra rounded, playful",tabPosition:"top"},{id:"sharp",name:"Sharp",description:"Square corners, industrial",tabPosition:"top"},{id:"split",name:"Split View",description:"Two-column layout",tabPosition:"left"},{id:"floating",name:"Floating",description:"Heavy shadow, borderless",tabPosition:"top"},{id:"bottom-tabs",name:"Bottom Tabs",description:"Tabs at the bottom",tabPosition:"bottom"}];function ut(){return _t}function Oe(e){return _t.find(t=>t.id===e)}function Is(){return _t[0]}var Hs=`
 /* \u2500\u2500 1. Classic (default \u2014 no overrides) \u2500\u2500 */
 
 /* \u2500\u2500 2. Drawer Right \u2500\u2500 */
@@ -1649,173 +334,7 @@ var LAYOUT_CSS = `
 }
 .bs-ly-bottom-tabs .bs-tab-divider { order: 98; }
 .bs-ly-bottom-tabs .bs-scroll { order: 1; }
-`;
-
-// src/realtime.ts
-var socket = null;
-var reconnectTimer = null;
-var reconnectAttempts = 0;
-var MAX_RECONNECT = 10;
-var handlers = /* @__PURE__ */ new Map();
-var currentProjectId = null;
-var sioConnected = false;
-var pingTimer = null;
-function connectRealtime(projectId2) {
-  currentProjectId = projectId2;
-  const token = getAccessToken();
-  if (!token) return;
-  doConnect(projectId2, token);
-}
-function doConnect(projectId2, token) {
-  if (socket?.readyState === WebSocket.OPEN) return;
-  const endpoint2 = getEndpoint();
-  sioConnected = false;
-  try {
-    const wsUrl = `${endpoint2.replace(/^http/, "ws")}/socket.io/?EIO=4&transport=websocket`;
-    socket = new WebSocket(wsUrl);
-    socket.onopen = () => {
-      reconnectAttempts = 0;
-    };
-    socket.onmessage = (e) => {
-      const data = e.data;
-      if (data.startsWith("0") && !sioConnected) {
-        try {
-          const payload = JSON.parse(data.slice(1));
-          const interval = payload.pingInterval || 25e3;
-          if (pingTimer) clearInterval(pingTimer);
-          pingTimer = setInterval(() => {
-            if (socket?.readyState === WebSocket.OPEN) socket.send("2");
-          }, interval);
-        } catch {
-        }
-        socket.send("40" + JSON.stringify({ token }));
-        return;
-      }
-      if (data === "2") {
-        socket.send("3");
-        return;
-      }
-      if (data === "3") return;
-      if (data.startsWith("40") && !sioConnected) {
-        sioConnected = true;
-        socket.send("42" + JSON.stringify(["join:project", projectId2]));
-        return;
-      }
-      if (data.startsWith("44")) {
-        socket?.close();
-        return;
-      }
-      if (data.startsWith("42")) {
-        try {
-          const parsed = JSON.parse(data.slice(2));
-          if (Array.isArray(parsed) && parsed.length >= 2) {
-            const [eventType, eventData] = parsed;
-            const event = typeof eventData === "object" && eventData !== null ? eventData : { type: eventType, data: eventData, projectId: projectId2, userId: "", timestamp: Date.now() };
-            emit(eventType, event);
-          }
-        } catch {
-        }
-      }
-    };
-    socket.onclose = () => {
-      sioConnected = false;
-      if (pingTimer) {
-        clearInterval(pingTimer);
-        pingTimer = null;
-      }
-      scheduleReconnect(projectId2, token);
-    };
-    socket.onerror = () => {
-      socket?.close();
-    };
-  } catch {
-    scheduleReconnect(projectId2, token);
-  }
-}
-function scheduleReconnect(projectId2, token) {
-  if (reconnectAttempts >= MAX_RECONNECT) return;
-  reconnectAttempts++;
-  const delay = Math.min(1e3 * Math.pow(2, reconnectAttempts), 3e4);
-  reconnectTimer = setTimeout(() => doConnect(projectId2, token), delay);
-}
-function disconnectRealtime() {
-  if (reconnectTimer) clearTimeout(reconnectTimer);
-  if (pingTimer) clearInterval(pingTimer);
-  reconnectTimer = null;
-  pingTimer = null;
-  reconnectAttempts = MAX_RECONNECT;
-  sioConnected = false;
-  if (socket) {
-    socket.close();
-    socket = null;
-  }
-  currentProjectId = null;
-}
-function onRealtimeEvent(type, handler) {
-  if (!handlers.has(type)) handlers.set(type, /* @__PURE__ */ new Set());
-  handlers.get(type).add(handler);
-  return () => {
-    handlers.get(type)?.delete(handler);
-  };
-}
-function emit(type, event) {
-  handlers.get(type)?.forEach((h) => h(event));
-  handlers.get("*")?.forEach((h) => h(event));
-}
-function sendPageNavigate(pageUrl) {
-  if (!socket || socket.readyState !== WebSocket.OPEN || !sioConnected || !currentProjectId) return;
-  socket.send("42" + JSON.stringify(["page:navigate", { projectId: currentProjectId, pageUrl }]));
-}
-function isConnected() {
-  return sioConnected && socket?.readyState === WebSocket.OPEN;
-}
-
-// src/livepins.ts
-var projectId;
-var container = null;
-var pins = [];
-var members = [];
-var pinMode = false;
-var activePopup = null;
-var currentPathname = "";
-var PIN_COLORS = {
-  open: "#f97316",
-  in_progress: "#3b82f6",
-  resolved: "#22c55e",
-  closed: "#6b7280"
-};
-function initLivePins(projId) {
-  projectId = projId;
-  currentPathname = window.location.pathname;
-  createOverlay();
-  loadPins();
-  loadMembers();
-  setupRealtimeListeners();
-  watchNavigation();
-}
-function destroyLivePins() {
-  if (container) {
-    container.remove();
-    container = null;
-  }
-  pins = [];
-}
-function togglePinMode(enabled) {
-  pinMode = enabled !== void 0 ? enabled : !pinMode;
-  if (container) {
-    container.classList.toggle("bs-pin-mode", pinMode);
-  }
-  return pinMode;
-}
-function isPinModeActive() {
-  return pinMode;
-}
-function createOverlay() {
-  if (container) return;
-  container = document.createElement("div");
-  container.id = "bugstash-live-pins";
-  const style = document.createElement("style");
-  style.textContent = `
+`;var A=null,ft=null,je=0,Ns=10,we=new Map,gt=null,de=!1,se=null;function mt(e){gt=e;let t=Cs();t&&Bs(e,t)}function Bs(e,t){if(A?.readyState===WebSocket.OPEN)return;let s=Ls();de=!1;try{let n=`${s.replace(/^http/,"ws")}/socket.io/?EIO=4&transport=websocket`;A=new WebSocket(n),A.onopen=()=>{je=0},A.onmessage=r=>{let i=r.data;if(i.startsWith("0")&&!de){try{let p=JSON.parse(i.slice(1)).pingInterval||25e3;se&&clearInterval(se),se=setInterval(()=>{A?.readyState===WebSocket.OPEN&&A.send("2")},p)}catch{}A.send("40"+JSON.stringify({token:t}));return}if(i==="2"){A.send("3");return}if(i!=="3"){if(i.startsWith("40")&&!de){de=!0,A.send("42"+JSON.stringify(["join:project",e]));return}if(i.startsWith("44")){A?.close();return}if(i.startsWith("42"))try{let c=JSON.parse(i.slice(2));if(Array.isArray(c)&&c.length>=2){let[p,l]=c,h=typeof l=="object"&&l!==null?l:{type:p,data:l,projectId:e,userId:"",timestamp:Date.now()};An(p,h)}}catch{}}},A.onclose=()=>{de=!1,se&&(clearInterval(se),se=null),Rs(e,t)},A.onerror=()=>{A?.close()}}catch{Rs(e,t)}}function Rs(e,t){if(je>=Ns)return;je++;let s=Math.min(1e3*Math.pow(2,je),3e4);ft=setTimeout(()=>Bs(e,t),s)}function Ds(){ft&&clearTimeout(ft),se&&clearInterval(se),ft=null,se=null,je=Ns,de=!1,A&&(A.close(),A=null),gt=null}function qe(e,t){return we.has(e)||we.set(e,new Set),we.get(e).add(t),()=>{we.get(e)?.delete(t)}}function An(e,t){we.get(e)?.forEach(s=>s(t)),we.get("*")?.forEach(s=>s(t))}function Os(e){!A||A.readyState!==WebSocket.OPEN||!de||!gt||A.send("42"+JSON.stringify(["page:navigate",{projectId:gt,pageUrl:e}]))}function js(){return de&&A?.readyState===WebSocket.OPEN}var ht,I=null,W=[],_s=[],ke=!1,Ue=null,In="",qs={open:"#f97316",in_progress:"#3b82f6",resolved:"#22c55e",closed:"#6b7280"};function xt(e){ht=e,In=window.location.pathname,Hn(),Ys(),Rn(),On(),jn()}function Fs(){I&&(I.remove(),I=null),W=[]}function vt(e){return ke=e!==void 0?e:!ke,I&&I.classList.toggle("bs-pin-mode",ke),ke}function yt(){return ke}function Hn(){if(I)return;I=document.createElement("div"),I.id="bugstash-live-pins";let e=document.createElement("style");e.textContent=`
     #bugstash-live-pins {
       position: fixed;
       inset: 0;
@@ -2045,98 +564,27 @@ function createOverlay() {
       background: #333754;
       color: #a0a4b8;
     }
-  `;
-  container.appendChild(style);
-  document.body.appendChild(container);
-  container.addEventListener("click", (e) => {
-    if (!pinMode) return;
-    if (e.target.closest(".bs-lp, .bs-lp-popup, .bs-lp-newform")) return;
-    const x = e.clientX + window.scrollX;
-    const y = e.clientY + window.scrollY;
-    container.style.pointerEvents = "none";
-    const el = document.elementFromPoint(e.clientX, e.clientY);
-    container.style.pointerEvents = "";
-    showNewPinForm(x, y, el);
-  });
-}
-async function loadPins() {
-  const result = await fetchPagePins(projectId, window.location.pathname);
-  if (result.success && result.data) {
-    pins = result.data;
-    renderPins();
-  }
-}
-async function loadMembers() {
-  const result = await fetchProjectMembers(projectId);
-  if (result.success && result.data) {
-    members = result.data;
-  }
-}
-function renderPins() {
-  if (!container) return;
-  container.querySelectorAll(".bs-lp").forEach((el) => el.remove());
-  pins.forEach((pin, i) => {
-    const dot = document.createElement("div");
-    dot.className = "bs-lp";
-    dot.style.left = `${pin.pageX}px`;
-    dot.style.top = `${pin.pageY}px`;
-    dot.dataset.pinId = pin.id;
-    const color = PIN_COLORS[pin.status] || PIN_COLORS.open;
-    dot.innerHTML = `
-      <div class="bs-lp-dot" style="background:${color}">
-        <span>${i + 1}</span>
+  `,I.appendChild(e),document.body.appendChild(I),I.addEventListener("click",t=>{if(!ke||t.target.closest(".bs-lp, .bs-lp-popup, .bs-lp-newform"))return;let s=t.clientX+window.scrollX,n=t.clientY+window.scrollY;I.style.pointerEvents="none";let r=document.elementFromPoint(t.clientX,t.clientY);I.style.pointerEvents="",Dn(s,n,r)})}async function Ys(){let e=await Ts(ht,window.location.pathname);e.success&&e.data&&(W=e.data,re())}async function Rn(){let e=await Ps(ht);e.success&&e.data&&(_s=e.data)}function re(){I&&(I.querySelectorAll(".bs-lp").forEach(e=>e.remove()),W.forEach((e,t)=>{let s=document.createElement("div");s.className="bs-lp",s.style.left=`${e.pageX}px`,s.style.top=`${e.pageY}px`,s.dataset.pinId=e.id;let n=qs[e.status]||qs.open;s.innerHTML=`
+      <div class="bs-lp-dot" style="background:${n}">
+        <span>${t+1}</span>
       </div>
-    `;
-    dot.addEventListener("click", (e) => {
-      e.stopPropagation();
-      showPinPopup(pin, dot);
-    });
-    container.appendChild(dot);
-  });
-}
-function timeAgo(ts) {
-  const diff = Date.now() - ts;
-  const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "just now";
-  if (mins < 60) return `${mins}m ago`;
-  const hrs = Math.floor(mins / 60);
-  if (hrs < 24) return `${hrs}h ago`;
-  return `${Math.floor(hrs / 24)}d ago`;
-}
-function statusColor(status) {
-  const colors = {
-    open: "#f97316",
-    in_progress: "#3b82f6",
-    resolved: "#22c55e",
-    closed: "#6b7280"
-  };
-  return colors[status] || "#6b7280";
-}
-async function showPinPopup(pin, dotEl) {
-  closePopup();
-  const popup = document.createElement("div");
-  popup.className = "bs-lp-popup";
-  const commentsRes = await fetchComments(pin.id);
-  const comments = commentsRes.success && commentsRes.data ? commentsRes.data : [];
-  const user = getCurrentUser();
-  const canManage = user && (user.role === "owner" || user.role === "admin" || user.id === pin.createdBy);
-  popup.innerHTML = `
+    `,s.addEventListener("click",r=>{r.stopPropagation(),Nn(e,s)}),I.appendChild(s)}))}function Us(e){let t=Date.now()-e,s=Math.floor(t/6e4);if(s<1)return"just now";if(s<60)return`${s}m ago`;let n=Math.floor(s/60);return n<24?`${n}h ago`:`${Math.floor(n/24)}d ago`}function Ws(e){return{open:"#f97316",in_progress:"#3b82f6",resolved:"#22c55e",closed:"#6b7280"}[e]||"#6b7280"}async function Nn(e,t){pe();let s=document.createElement("div");s.className="bs-lp-popup";let n=await $s(e.id),r=n.success&&n.data?n.data:[],i=V(),c=i&&(i.role==="owner"||i.role==="admin"||i.id===e.createdBy);s.innerHTML=`
     <div class="bs-lp-popup-header">
-      <div class="bs-lp-popup-title">${escapeHtml(pin.title)}</div>
-      <span class="bs-lp-popup-status" style="background:${statusColor(pin.status)}22;color:${statusColor(pin.status)}">${pin.status.replace("_", " ")}</span>
+      <div class="bs-lp-popup-title">${ne(e.title)}</div>
+      <span class="bs-lp-popup-status" style="background:${Ws(e.status)}22;color:${Ws(e.status)}">${e.status.replace("_"," ")}</span>
       <button class="bs-lp-close">&times;</button>
     </div>
-    ${pin.description ? `<div class="bs-lp-popup-body">${escapeHtml(pin.description)}</div>` : ""}
+    ${e.description?`<div class="bs-lp-popup-body">${ne(e.description)}</div>`:""}
     <div class="bs-lp-popup-meta">
-      <span>${pin.creatorName || "Unknown"} &middot; ${timeAgo(pin.createdAt)}</span>
-      <span>${pin.assigneeName ? `Assigned: ${pin.assigneeName}` : "Unassigned"}</span>
+      <span>${e.creatorName||"Unknown"} &middot; ${Us(e.createdAt)}</span>
+      <span>${e.assigneeName?`Assigned: ${e.assigneeName}`:"Unassigned"}</span>
     </div>
     <div class="bs-lp-comments" id="bs-lp-comments">
-      ${comments.map((c) => `
+      ${r.map(l=>`
         <div class="bs-lp-comment">
-          <div class="bs-lp-comment-author">${escapeHtml(c.author?.name || c.authorName || "Unknown")}</div>
-          <div class="bs-lp-comment-body">${escapeHtml(c.body)}</div>
-          <div class="bs-lp-comment-time">${timeAgo(new Date(c.createdAt).getTime())}</div>
+          <div class="bs-lp-comment-author">${ne(l.author?.name||l.authorName||"Unknown")}</div>
+          <div class="bs-lp-comment-body">${ne(l.body)}</div>
+          <div class="bs-lp-comment-time">${Us(new Date(l.createdAt).getTime())}</div>
         </div>
       `).join("")}
     </div>
@@ -2145,123 +593,16 @@ async function showPinPopup(pin, dotEl) {
       <button id="bs-lp-comment-send">Send</button>
     </div>
     <div class="bs-lp-actions">
-      ${pin.status !== "resolved" ? `<button class="bs-lp-btn resolve" id="bs-lp-resolve">Resolve</button>` : `<button class="bs-lp-btn" id="bs-lp-reopen">Reopen</button>`}
-      ${canManage ? `<button class="bs-lp-btn delete" id="bs-lp-delete">Delete</button>` : ""}
+      ${e.status!=="resolved"?'<button class="bs-lp-btn resolve" id="bs-lp-resolve">Resolve</button>':'<button class="bs-lp-btn" id="bs-lp-reopen">Reopen</button>'}
+      ${c?'<button class="bs-lp-btn delete" id="bs-lp-delete">Delete</button>':""}
     </div>
-  `;
-  dotEl.appendChild(popup);
-  activePopup = popup;
-  popup.querySelector(".bs-lp-close").addEventListener("click", (e) => {
-    e.stopPropagation();
-    closePopup();
-  });
-  popup.querySelector("#bs-lp-comment-send")?.addEventListener("click", async () => {
-    const input = popup.querySelector("#bs-lp-comment-input");
-    const body = input.value.trim();
-    if (!body) return;
-    input.value = "";
-    if (navigator.onLine) {
-      const res = await createComment(pin.id, body);
-      if (res.success && res.data) {
-        const commentsEl = popup.querySelector("#bs-lp-comments");
-        const c = res.data;
-        commentsEl.innerHTML += `
+  `,t.appendChild(s),Ue=s,s.querySelector(".bs-lp-close").addEventListener("click",l=>{l.stopPropagation(),pe()}),s.querySelector("#bs-lp-comment-send")?.addEventListener("click",async()=>{let l=s.querySelector("#bs-lp-comment-input"),h=l.value.trim();if(h)if(l.value="",navigator.onLine){let g=await jt(e.id,h);if(g.success&&g.data){let x=s.querySelector("#bs-lp-comments"),y=g.data;x.innerHTML+=`
           <div class="bs-lp-comment">
-            <div class="bs-lp-comment-author">${escapeHtml(c.authorName || user?.name || "You")}</div>
-            <div class="bs-lp-comment-body">${escapeHtml(c.body)}</div>
+            <div class="bs-lp-comment-author">${ne(y.authorName||i?.name||"You")}</div>
+            <div class="bs-lp-comment-body">${ne(y.body)}</div>
             <div class="bs-lp-comment-time">just now</div>
           </div>
-        `;
-        commentsEl.scrollTop = commentsEl.scrollHeight;
-      }
-    } else {
-      queueOfflineAction({ type: "create_comment", data: { pinId: pin.id, body } });
-    }
-  });
-  const commentInput = popup.querySelector("#bs-lp-comment-input");
-  commentInput?.addEventListener("keydown", (e) => {
-    if (e.key === "Enter") {
-      popup.querySelector("#bs-lp-comment-send")?.dispatchEvent(new Event("click"));
-    }
-  });
-  popup.querySelector("#bs-lp-resolve")?.addEventListener("click", async () => {
-    await updatePin(pin.id, { status: "resolved" });
-    pin.status = "resolved";
-    closePopup();
-    renderPins();
-  });
-  popup.querySelector("#bs-lp-reopen")?.addEventListener("click", async () => {
-    await updatePin(pin.id, { status: "open" });
-    pin.status = "open";
-    closePopup();
-    renderPins();
-  });
-  popup.querySelector("#bs-lp-delete")?.addEventListener("click", async () => {
-    if (!confirm("Delete this pin?")) return;
-    await deletePin(pin.id);
-    pins = pins.filter((p) => p.id !== pin.id);
-    closePopup();
-    renderPins();
-  });
-  popup.addEventListener("click", (e) => e.stopPropagation());
-}
-function closePopup() {
-  activePopup?.remove();
-  activePopup = null;
-}
-function getSelector2(el) {
-  if (!el || el === document.body || el === document.documentElement) return "body";
-  if (el.id) return `#${el.id}`;
-  let selector = el.tagName.toLowerCase();
-  if (el.className && typeof el.className === "string") {
-    const classes = el.className.trim().split(/\s+/).filter((c) => !c.startsWith("bs-")).slice(0, 3);
-    if (classes.length) selector += "." + classes.join(".");
-  }
-  const parent = el.parentElement;
-  if (parent && parent !== document.body) {
-    const siblings = Array.from(parent.children).filter((c) => c.tagName === el.tagName);
-    if (siblings.length > 1) {
-      const idx = siblings.indexOf(el);
-      selector += `:nth-child(${idx + 1})`;
-    }
-    return getSelector2(parent) + " > " + selector;
-  }
-  return selector;
-}
-function getXPath(el) {
-  if (!el) return "";
-  const parts = [];
-  let current = el;
-  while (current && current !== document.body) {
-    let idx = 1;
-    let sib = current.previousElementSibling;
-    while (sib) {
-      if (sib.tagName === current.tagName) idx++;
-      sib = sib.previousElementSibling;
-    }
-    parts.unshift(`${current.tagName.toLowerCase()}[${idx}]`);
-    current = current.parentElement;
-  }
-  return "/body/" + parts.join("/");
-}
-function showNewPinForm(pageX, pageY, targetEl) {
-  closePopup();
-  container?.querySelectorAll(".bs-lp-newform").forEach((e) => e.remove());
-  const form = document.createElement("div");
-  form.className = "bs-lp-newform";
-  form.style.left = `${pageX + 16}px`;
-  form.style.top = `${pageY - 8}px`;
-  requestAnimationFrame(() => {
-    const rect = form.getBoundingClientRect();
-    if (rect.right > window.innerWidth - 16) {
-      form.style.left = `${pageX - 336}px`;
-    }
-    if (rect.bottom > window.innerHeight - 16) {
-      form.style.top = `${pageY - rect.height}px`;
-    }
-  });
-  const memberOptions = members.filter((m) => m.userId !== getCurrentUser()?.id).map((m) => `<option value="${m.userId}">${escapeHtml(m.name)}</option>`).join("");
-  form.innerHTML = `
+        `,x.scrollTop=x.scrollHeight}}else Ut({type:"create_comment",data:{pinId:e.id,body:h}})}),s.querySelector("#bs-lp-comment-input")?.addEventListener("keydown",l=>{l.key==="Enter"&&s.querySelector("#bs-lp-comment-send")?.dispatchEvent(new Event("click"))}),s.querySelector("#bs-lp-resolve")?.addEventListener("click",async()=>{await dt(e.id,{status:"resolved"}),e.status="resolved",pe(),re()}),s.querySelector("#bs-lp-reopen")?.addEventListener("click",async()=>{await dt(e.id,{status:"open"}),e.status="open",pe(),re()}),s.querySelector("#bs-lp-delete")?.addEventListener("click",async()=>{confirm("Delete this pin?")&&(await Ms(e.id),W=W.filter(l=>l.id!==e.id),pe(),re())}),s.addEventListener("click",l=>l.stopPropagation())}function pe(){Ue?.remove(),Ue=null}function Js(e){if(!e||e===document.body||e===document.documentElement)return"body";if(e.id)return`#${e.id}`;let t=e.tagName.toLowerCase();if(e.className&&typeof e.className=="string"){let n=e.className.trim().split(/\s+/).filter(r=>!r.startsWith("bs-")).slice(0,3);n.length&&(t+="."+n.join("."))}let s=e.parentElement;if(s&&s!==document.body){let n=Array.from(s.children).filter(r=>r.tagName===e.tagName);if(n.length>1){let r=n.indexOf(e);t+=`:nth-child(${r+1})`}return Js(s)+" > "+t}return t}function Bn(e){if(!e)return"";let t=[],s=e;for(;s&&s!==document.body;){let n=1,r=s.previousElementSibling;for(;r;)r.tagName===s.tagName&&n++,r=r.previousElementSibling;t.unshift(`${s.tagName.toLowerCase()}[${n}]`),s=s.parentElement}return"/body/"+t.join("/")}function Dn(e,t,s){pe(),I?.querySelectorAll(".bs-lp-newform").forEach(i=>i.remove());let n=document.createElement("div");n.className="bs-lp-newform",n.style.left=`${e+16}px`,n.style.top=`${t-8}px`,requestAnimationFrame(()=>{let i=n.getBoundingClientRect();i.right>window.innerWidth-16&&(n.style.left=`${e-336}px`),i.bottom>window.innerHeight-16&&(n.style.top=`${t-i.height}px`)});let r=_s.filter(i=>i.userId!==V()?.id).map(i=>`<option value="${i.userId}">${ne(i.name)}</option>`).join("");n.innerHTML=`
     <label>Title *</label>
     <input type="text" id="bs-np-title" placeholder="What's the issue?" autofocus />
     <label>Description</label>
@@ -2281,188 +622,24 @@ function showNewPinForm(pageX, pageY, targetEl) {
       <option value="content">Content</option>
       <option value="other" selected>Other</option>
     </select>
-    ${memberOptions ? `
+    ${r?`
       <label>Assign to</label>
       <select id="bs-np-assignee">
         <option value="">Unassigned</option>
-        ${memberOptions}
+        ${r}
       </select>
-    ` : ""}
+    `:""}
     <div class="bs-lp-newform-actions">
       <button class="bs-lp-newform-cancel" id="bs-np-cancel">Cancel</button>
       <button class="bs-lp-newform-submit" id="bs-np-submit">Create Pin</button>
     </div>
-  `;
-  container.appendChild(form);
-  form.addEventListener("click", (e) => e.stopPropagation());
-  form.querySelector("#bs-np-cancel").addEventListener("click", () => form.remove());
-  form.querySelector("#bs-np-submit").addEventListener("click", async () => {
-    const title = form.querySelector("#bs-np-title").value.trim();
-    if (!title) {
-      form.querySelector("#bs-np-title").style.borderColor = "#ef4444";
-      return;
-    }
-    const desc = form.querySelector("#bs-np-desc").value.trim();
-    const priority = form.querySelector("#bs-np-priority").value;
-    const category = form.querySelector("#bs-np-category").value;
-    const assigneeEl = form.querySelector("#bs-np-assignee");
-    const assigneeId = assigneeEl?.value || void 0;
-    const selector = getSelector2(targetEl);
-    const xpath = getXPath(targetEl);
-    const logs2 = getLogs().slice(-20).map((l) => `[${l.level}] ${l.args.join(" ")}`);
-    const errors2 = getErrors().slice(-10).map((e) => `${e.message} at ${e.source}:${e.lineno}`);
-    const netErrors = getFailedNetworkCaptures().slice(-10).map((n) => `${n.method} ${n.url} \u2192 ${n.status}`);
-    let screenshot;
-    try {
-      form.style.display = "none";
-      container.style.display = "none";
-      screenshot = await captureScreenshot() ?? void 0;
-      container.style.display = "";
-      form.style.display = "";
-    } catch {
-    }
-    const pinData = {
-      projectId,
-      pageUrl: window.location.href,
-      pathname: window.location.pathname,
-      elementSelector: selector,
-      elementXPath: xpath,
-      xPercent: 0,
-      yPercent: 0,
-      pageX,
-      pageY,
-      title,
-      description: desc,
-      screenshot,
-      priority,
-      category,
-      assigneeId,
-      browserInfo: navigator.userAgent,
-      screenSize: `${screen.width}x${screen.height}`,
-      viewportSize: `${window.innerWidth}x${window.innerHeight}`,
-      devicePixelRatio: window.devicePixelRatio,
-      consoleLogs: logs2,
-      networkErrors: netErrors,
-      jsErrors: errors2
-    };
-    form.remove();
-    if (navigator.onLine) {
-      const res = await createPin(pinData);
-      if (res.success && res.data) {
-        pins.push(res.data);
-        renderPins();
-      }
-    } else {
-      queueOfflineAction({ type: "create_pin", data: pinData });
-      pins.push({
-        ...pinData,
-        id: "local-" + Date.now(),
-        orgId: "",
-        status: "open",
-        tags: [],
-        createdById: getCurrentUser()?.id || "",
-        creatorName: getCurrentUser()?.name || "",
-        commentCount: 0,
-        createdAt: Date.now(),
-        updatedAt: Date.now()
-      });
-      renderPins();
-    }
-  });
-  setTimeout(() => form.querySelector("#bs-np-title")?.focus(), 50);
-}
-function setupRealtimeListeners() {
-  onRealtimeEvent("pin:created", (event) => {
-    const pin = event.data;
-    if (pin.pathname === window.location.pathname) {
-      if (!pins.find((p) => p.id === pin.id)) {
-        pins.push(pin);
-        renderPins();
-      }
-    }
-  });
-  onRealtimeEvent("pin:updated", (event) => {
-    const updated = event.data;
-    const idx = pins.findIndex((p) => p.id === updated.id);
-    if (idx >= 0) {
-      pins[idx] = { ...pins[idx], ...updated };
-      renderPins();
-    }
-  });
-  onRealtimeEvent("pin:deleted", (event) => {
-    const { id } = event.data;
-    pins = pins.filter((p) => p.id !== id);
-    closePopup();
-    renderPins();
-  });
-  onRealtimeEvent("comment:created", (event) => {
-    const comment = event.data;
-    if (activePopup) {
-      const commentsEl = activePopup.querySelector("#bs-lp-comments");
-      if (commentsEl) {
-        commentsEl.innerHTML += `
+  `,I.appendChild(n),n.addEventListener("click",i=>i.stopPropagation()),n.querySelector("#bs-np-cancel").addEventListener("click",()=>n.remove()),n.querySelector("#bs-np-submit").addEventListener("click",async()=>{let i=n.querySelector("#bs-np-title").value.trim();if(!i){n.querySelector("#bs-np-title").style.borderColor="#ef4444";return}let c=n.querySelector("#bs-np-desc").value.trim(),p=n.querySelector("#bs-np-priority").value,l=n.querySelector("#bs-np-category").value,g=n.querySelector("#bs-np-assignee")?.value||void 0,x=Js(s),y=Bn(s),$=ee().slice(-20).map(k=>`[${k.level}] ${k.args.join(" ")}`),ae=te().slice(-10).map(k=>`${k.message} at ${k.source}:${k.lineno}`),Te=le().slice(-10).map(k=>`${k.method} ${k.url} \u2192 ${k.status}`),N;try{n.style.display="none",I.style.display="none",N=await it()??void 0,I.style.display="",n.style.display=""}catch{}let P={projectId:ht,pageUrl:window.location.href,pathname:window.location.pathname,elementSelector:x,elementXPath:y,xPercent:0,yPercent:0,pageX:e,pageY:t,title:i,description:c,screenshot:N,priority:p,category:l,assigneeId:g,browserInfo:navigator.userAgent,screenSize:`${screen.width}x${screen.height}`,viewportSize:`${window.innerWidth}x${window.innerHeight}`,devicePixelRatio:window.devicePixelRatio,consoleLogs:$,networkErrors:Te,jsErrors:ae};if(n.remove(),navigator.onLine){let k=await Ot(P);k.success&&k.data&&(W.push(k.data),re())}else Ut({type:"create_pin",data:P}),W.push({...P,id:"local-"+Date.now(),orgId:"",status:"open",tags:[],createdById:V()?.id||"",creatorName:V()?.name||"",commentCount:0,createdAt:Date.now(),updatedAt:Date.now()}),re()}),setTimeout(()=>n.querySelector("#bs-np-title")?.focus(),50)}function On(){qe("pin:created",e=>{let t=e.data;t.pathname===window.location.pathname&&(W.find(s=>s.id===t.id)||(W.push(t),re()))}),qe("pin:updated",e=>{let t=e.data,s=W.findIndex(n=>n.id===t.id);s>=0&&(W[s]={...W[s],...t},re())}),qe("pin:deleted",e=>{let{id:t}=e.data;W=W.filter(s=>s.id!==t),pe(),re()}),qe("comment:created",e=>{let t=e.data;if(Ue){let s=Ue.querySelector("#bs-lp-comments");s&&(s.innerHTML+=`
           <div class="bs-lp-comment">
-            <div class="bs-lp-comment-author">${escapeHtml(comment.author?.name || "Someone")}</div>
-            <div class="bs-lp-comment-body">${escapeHtml(comment.body)}</div>
+            <div class="bs-lp-comment-author">${ne(t.author?.name||"Someone")}</div>
+            <div class="bs-lp-comment-body">${ne(t.body)}</div>
             <div class="bs-lp-comment-time">just now</div>
           </div>
-        `;
-        commentsEl.scrollTop = commentsEl.scrollHeight;
-      }
-    }
-  });
-}
-function watchNavigation() {
-  let lastPath = window.location.pathname;
-  const check = () => {
-    if (window.location.pathname !== lastPath) {
-      lastPath = window.location.pathname;
-      sendPageNavigate(window.location.href);
-      loadPins();
-    }
-  };
-  const origPush = history.pushState;
-  const origReplace = history.replaceState;
-  history.pushState = function(...args) {
-    origPush.apply(this, args);
-    check();
-  };
-  history.replaceState = function(...args) {
-    origReplace.apply(this, args);
-    check();
-  };
-  window.addEventListener("popstate", check);
-}
-function escapeHtml(str) {
-  const div = document.createElement("div");
-  div.textContent = str;
-  return div.innerHTML;
-}
-
-// src/panel.ts
-var config;
-var fab = null;
-var modal = null;
-var backdrop = null;
-var styleEl = null;
-var keyHandler = null;
-var isOpen = false;
-var activeTab = "report";
-var currentTheme = getDefaultTheme();
-var currentLayout = getDefaultLayout();
-var I = {
-  bug: `<svg width="28" height="28" viewBox="55 38 60 105" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M95.8 44h-29c-3 0-5.4 2.4-5.4 5.4v29c0 3 2.4 5.4 5.4 5.4h19.5c13 0 23.5-10.5 23.5-23.5v-2.8c0-7.5-6-13.5-13.5-13.5h-.5zm-6.2 28.2H74.8V57.4h14.8c5.8 0 10.4 4.7 10.4 10.4s-4.7 10.4-10.4 10.4z" fill="rgba(255,255,255,0.85)"/><path d="M100.4 96h-33.6c-3 0-5.4 2.4-5.4 5.4v33.6c0 3 2.4 5.4 5.4 5.4h22c15 0 27-12 27-27v-3.9c0-7.5-6-13.5-13.5-13.5h-1.9zm-7.8 32.2H74.8v-20h17.8c6.7 0 12.2 5.5 12.2 12.2 0 4.3-3.5 7.8-7.8 7.8h-4.6z" fill="rgba(255,255,255,1)"/></svg>`,
-  x: `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`,
-  cam: `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>`,
-  check: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>`,
-  report: `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>`,
-  console: `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>`,
-  network: `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>`,
-  ctx: `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>`,
-  settings: `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/></svg>`,
-  history: `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>`
-};
-var STYLES = `
+        `,s.scrollTop=s.scrollHeight)}})}function jn(){let e=window.location.pathname,t=()=>{window.location.pathname!==e&&(e=window.location.pathname,Os(window.location.href),Ys())},s=history.pushState,n=history.replaceState;history.pushState=function(...r){s.apply(this,r),t()},history.replaceState=function(...r){n.apply(this,r),t()},window.addEventListener("popstate",t)}function ne(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}var Y,j=null,m=null,F=null,We=null,_e=null,fe=!1,Ee="report";var Et=As(),ue=Is(),K={bug:'<svg width="28" height="28" viewBox="55 38 60 105" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M95.8 44h-29c-3 0-5.4 2.4-5.4 5.4v29c0 3 2.4 5.4 5.4 5.4h19.5c13 0 23.5-10.5 23.5-23.5v-2.8c0-7.5-6-13.5-13.5-13.5h-.5zm-6.2 28.2H74.8V57.4h14.8c5.8 0 10.4 4.7 10.4 10.4s-4.7 10.4-10.4 10.4z" fill="rgba(255,255,255,0.85)"/><path d="M100.4 96h-33.6c-3 0-5.4 2.4-5.4 5.4v33.6c0 3 2.4 5.4 5.4 5.4h22c15 0 27-12 27-27v-3.9c0-7.5-6-13.5-13.5-13.5h-1.9zm-7.8 32.2H74.8v-20h17.8c6.7 0 12.2 5.5 12.2 12.2 0 4.3-3.5 7.8-7.8 7.8h-4.6z" fill="rgba(255,255,255,1)"/></svg>',x:'<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',cam:'<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>',check:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>',report:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>',console:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>',network:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>',ctx:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>',settings:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/></svg>',history:'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>'},qn=`
   @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
 
   /* \u2500\u2500 FAB \u2500\u2500 */
@@ -3417,9 +1594,7 @@ var STYLES = `
   .bs-set-ly.bs-picked { border-color: var(--bs-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--bs-accent) 25%, transparent); }
   .bs-set-ly-name { font-size: 12px; font-weight: 600; color: var(--bs-text); margin-bottom: 2px; }
   .bs-set-ly-desc { font-size: 10px; color: var(--bs-muted); }
-`;
-function tabLogin() {
-  return `
+`;function Un(){return`
     <div class="bs-login-form">
       <div class="bs-login-logo">BugStash</div>
       <div class="bs-login-subtitle">Sign in to report bugs & collaborate</div>
@@ -3429,116 +1604,13 @@ function tabLogin() {
       <button class="bs-login-btn" id="bs-login-submit">Sign In</button>
       <div style="font-size:11px;color:var(--bs-muted);margin-top:4px">Contact your admin for an account</div>
     </div>
-  `;
-}
-function esc(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function timeAgo2(ts) {
-  const s = Math.floor((Date.now() - ts) / 1e3);
-  if (s < 5) return "now";
-  if (s < 60) return `${s}s ago`;
-  if (s < 3600) return `${Math.floor(s / 60)}m ago`;
-  return new Date(ts).toLocaleTimeString();
-}
-function fmtTime(ts) {
-  return new Date(ts).toLocaleTimeString("en", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" });
-}
-var HISTORY_KEY = "bugstash_history";
-function getReportHistory() {
-  try {
-    return JSON.parse(localStorage.getItem(HISTORY_KEY) || "[]");
-  } catch {
-    return [];
-  }
-}
-function saveReportHistory(entries) {
-  try {
-    localStorage.setItem(HISTORY_KEY, JSON.stringify(entries));
-  } catch {
-  }
-}
-function addToHistory(entry) {
-  const entries = getReportHistory();
-  const id = Date.now();
-  entries.unshift({ ...entry, id });
-  if (entries.length > 50) entries.length = 50;
-  saveReportHistory(entries);
-}
-function deleteFromHistory(id) {
-  const entries = getReportHistory().filter((e) => e.id !== id);
-  saveReportHistory(entries);
-}
-function updateInHistory(id, updates) {
-  const entries = getReportHistory();
-  const idx = entries.findIndex((e) => e.id === id);
-  if (idx >= 0) {
-    entries[idx] = { ...entries[idx], ...updates };
-    saveReportHistory(entries);
-  }
-}
-function buildContext() {
-  return {
-    url: window.location.href,
-    userAgent: navigator.userAgent,
-    platform: navigator.platform,
-    language: navigator.language,
-    cookiesEnabled: navigator.cookieEnabled,
-    online: navigator.onLine,
-    screenWidth: screen.width,
-    screenHeight: screen.height,
-    viewportWidth: window.innerWidth,
-    viewportHeight: window.innerHeight,
-    devicePixelRatio: window.devicePixelRatio,
-    timestamp: Date.now(),
-    environment: config.environment ?? "development",
-    commitHash: config.commitHash,
-    user: config.user
-  };
-}
-function autoDetect() {
-  const errors2 = getErrors();
-  const logs2 = getLogs();
-  const net = getNetworkCaptures();
-  const failedNet = getFailedNetworkCaptures();
-  const crumbs2 = getBreadcrumbs();
-  const perf = getPerformanceMetrics();
-  const consoleErrors = logs2.filter((l) => l.level === "error");
-  let severity = "low";
-  if (errors2.length >= 3 || failedNet.length >= 3) severity = "critical";
-  else if (errors2.length >= 1 || failedNet.length >= 2) severity = "high";
-  else if (consoleErrors.length > 0 || failedNet.length >= 1) severity = "medium";
-  const tags = [];
-  if (errors2.length) tags.push("has-errors");
-  if (failedNet.length) tags.push("network-failures");
-  if (consoleErrors.length) tags.push("console-errors");
-  if (perf?.pageLoadTime && perf.pageLoadTime > 3e3) tags.push("slow-load");
-  if (perf?.cumulativeLayoutShift && perf.cumulativeLayoutShift > 0.25) tags.push("layout-shift");
-  if (!navigator.onLine) tags.push("offline");
-  if (window.innerWidth < 768) tags.push("mobile");
-  return {
-    severity,
-    tags,
-    counts: { logs: logs2.length, network: net.length, failedNet: failedNet.length, errors: errors2.length, crumbs: crumbs2.length }
-  };
-}
-function tabReport() {
-  const d = autoDetect();
-  const categories = [
-    { id: "ui", label: "UI Bug" },
-    { id: "functionality", label: "Broken Feature" },
-    { id: "performance", label: "Slow / Laggy" },
-    { id: "crash", label: "Crash" },
-    { id: "security", label: "Security" },
-    { id: "other", label: "Other" }
-  ];
-  return `<div class="bs-view">
+  `}function H(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function Wn(e){let t=Math.floor((Date.now()-e)/1e3);return t<5?"now":t<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:new Date(e).toLocaleTimeString()}function Xs(e){return new Date(e).toLocaleTimeString("en",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"})}var Vs="bugstash_history";function Se(){try{return JSON.parse(localStorage.getItem(Vs)||"[]")}catch{return[]}}function Ft(e){try{localStorage.setItem(Vs,JSON.stringify(e))}catch{}}function _n(e){let t=Se(),s=Date.now();t.unshift({...e,id:s}),t.length>50&&(t.length=50),Ft(t)}function Fn(e){let t=Se().filter(s=>s.id!==e);Ft(t)}function Yn(e,t){let s=Se(),n=s.findIndex(r=>r.id===e);n>=0&&(s[n]={...s[n],...t},Ft(s))}function Ks(){return{url:window.location.href,userAgent:navigator.userAgent,platform:navigator.platform,language:navigator.language,cookiesEnabled:navigator.cookieEnabled,online:navigator.onLine,screenWidth:screen.width,screenHeight:screen.height,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,devicePixelRatio:window.devicePixelRatio,timestamp:Date.now(),environment:Y.environment??"development",commitHash:Y.commitHash,user:Y.user}}function Zs(){let e=te(),t=ee(),s=ve(),n=le(),r=me(),i=ye(),c=t.filter(h=>h.level==="error"),p="low";e.length>=3||n.length>=3?p="critical":e.length>=1||n.length>=2?p="high":(c.length>0||n.length>=1)&&(p="medium");let l=[];return e.length&&l.push("has-errors"),n.length&&l.push("network-failures"),c.length&&l.push("console-errors"),i?.pageLoadTime&&i.pageLoadTime>3e3&&l.push("slow-load"),i?.cumulativeLayoutShift&&i.cumulativeLayoutShift>.25&&l.push("layout-shift"),navigator.onLine||l.push("offline"),window.innerWidth<768&&l.push("mobile"),{severity:p,tags:l,counts:{logs:t.length,network:s.length,failedNet:n.length,errors:e.length,crumbs:r.length}}}function Qs(){let e=Zs(),t=[{id:"ui",label:"UI Bug"},{id:"functionality",label:"Broken Feature"},{id:"performance",label:"Slow / Laggy"},{id:"crash",label:"Crash"},{id:"security",label:"Security"},{id:"other",label:"Other"}];return`<div class="bs-view">
     <form data-bs-form>
       <div class="bs-ctx-bar">
-        <div class="bs-ctx-chip${d.counts.logs ? " bs-has" : ""}"><span class="bs-ctx-n">${d.counts.logs}</span><span class="bs-ctx-l">Logs</span></div>
-        <div class="bs-ctx-chip${d.counts.failedNet ? " bs-alert" : d.counts.network ? " bs-has" : ""}"><span class="bs-ctx-n">${d.counts.network}</span><span class="bs-ctx-l">Network</span></div>
-        <div class="bs-ctx-chip${d.counts.errors ? " bs-alert" : ""}"><span class="bs-ctx-n">${d.counts.errors}</span><span class="bs-ctx-l">Errors</span></div>
-        <div class="bs-ctx-chip${d.counts.crumbs ? " bs-has" : ""}"><span class="bs-ctx-n">${d.counts.crumbs}</span><span class="bs-ctx-l">Actions</span></div>
+        <div class="bs-ctx-chip${e.counts.logs?" bs-has":""}"><span class="bs-ctx-n">${e.counts.logs}</span><span class="bs-ctx-l">Logs</span></div>
+        <div class="bs-ctx-chip${e.counts.failedNet?" bs-alert":e.counts.network?" bs-has":""}"><span class="bs-ctx-n">${e.counts.network}</span><span class="bs-ctx-l">Network</span></div>
+        <div class="bs-ctx-chip${e.counts.errors?" bs-alert":""}"><span class="bs-ctx-n">${e.counts.errors}</span><span class="bs-ctx-l">Errors</span></div>
+        <div class="bs-ctx-chip${e.counts.crumbs?" bs-has":""}"><span class="bs-ctx-n">${e.counts.crumbs}</span><span class="bs-ctx-l">Actions</span></div>
       </div>
       <div class="bs-field">
         <div class="bs-field-label">Bug title <span class="bs-field-hint">(required)</span></div>
@@ -3552,21 +1624,21 @@ function tabReport() {
         <div class="bs-field-label">Category</div>
         <input type="hidden" name="category" value="functionality" />
         <div class="bs-cat-row">
-          ${categories.map((c) => `<button type="button" class="bs-cat-btn${c.id === "functionality" ? " bs-picked" : ""}" data-cat="${c.id}">${c.label}</button>`).join("")}
+          ${t.map(s=>`<button type="button" class="bs-cat-btn${s.id==="functionality"?" bs-picked":""}" data-cat="${s.id}">${s.label}</button>`).join("")}
         </div>
       </div>
       <div class="bs-field">
-        <div class="bs-field-label">Severity <span class="bs-field-hint">(suggested: ${d.severity})</span></div>
-        <input type="hidden" name="severity" value="${d.severity}" />
+        <div class="bs-field-label">Severity <span class="bs-field-hint">(suggested: ${e.severity})</span></div>
+        <input type="hidden" name="severity" value="${e.severity}" />
         <div class="bs-sev-row">
-          <button type="button" class="bs-sev-btn bs-sev-low${d.severity === "low" ? " bs-picked" : ""}" data-sev="low">Low</button>
-          <button type="button" class="bs-sev-btn bs-sev-medium${d.severity === "medium" ? " bs-picked" : ""}" data-sev="medium">Medium</button>
-          <button type="button" class="bs-sev-btn bs-sev-high${d.severity === "high" ? " bs-picked" : ""}" data-sev="high">High</button>
-          <button type="button" class="bs-sev-btn bs-sev-critical${d.severity === "critical" ? " bs-picked" : ""}" data-sev="critical">Critical</button>
+          <button type="button" class="bs-sev-btn bs-sev-low${e.severity==="low"?" bs-picked":""}" data-sev="low">Low</button>
+          <button type="button" class="bs-sev-btn bs-sev-medium${e.severity==="medium"?" bs-picked":""}" data-sev="medium">Medium</button>
+          <button type="button" class="bs-sev-btn bs-sev-high${e.severity==="high"?" bs-picked":""}" data-sev="high">High</button>
+          <button type="button" class="bs-sev-btn bs-sev-critical${e.severity==="critical"?" bs-picked":""}" data-sev="critical">Critical</button>
         </div>
       </div>
       <div class="bs-shot-area" data-bs-screenshot>
-        <div class="bs-shot-icon">${I.cam}</div>
+        <div class="bs-shot-icon">${K.cam}</div>
         <div class="bs-shot-text">
           <div class="bs-shot-title" data-bs-shot-title>Attach screenshot</div>
           <div class="bs-shot-sub" data-bs-shot-sub>Captures & lets you annotate the current view</div>
@@ -3576,1269 +1648,93 @@ function tabReport() {
       <button type="submit" class="bs-submit-btn">Submit Report</button>
       <div data-bs-msg></div>
     </form>
-  </div>`;
-}
-function tabConsole() {
-  const logs2 = getLogs();
-  const lvMap = { error: "bs-le", warn: "bs-lw", log: "bs-ll", info: "bs-li", debug: "bs-ld" };
-  if (!logs2.length) {
-    return `<div class="bs-view"><div class="bs-empty"><p>No console logs captured yet.<br>Use the app \u2014 logs will appear here automatically.</p></div></div>`;
-  }
-  return `<div class="bs-view">${logs2.slice().reverse().map(
-    (l) => `<div class="bs-log"><span class="bs-log-lv ${lvMap[l.level] || "bs-ll"}">${l.level}</span><span class="bs-log-m">${esc(l.args.join(" ")).slice(0, 500)}</span><span class="bs-log-t">${fmtTime(l.timestamp)}</span></div>`
-  ).join("")}</div>`;
-}
-function tabNetwork() {
-  const caps = getNetworkCaptures();
-  if (!caps.length) {
-    return `<div class="bs-view"><div class="bs-empty"><p>No network requests captured yet.<br>API calls will show up here automatically.</p></div></div>`;
-  }
-  return `<div class="bs-view">${caps.slice().reverse().map(
-    (n) => `<div class="bs-net"><span class="bs-net-m">${n.method}</span><span class="bs-net-s ${n.failed ? "bs-fail" : "bs-ok"}">${n.status || "ERR"}</span><span class="bs-net-u" title="${esc(n.url)}">${esc(n.url)}</span><span class="bs-net-d">${n.duration}ms</span></div>`
-  ).join("")}</div>`;
-}
-function tabContext() {
-  let html = `<div class="bs-view">`;
-  const errs = getErrors();
-  if (errs.length) {
-    html += `<div class="bs-sec">Errors <span class="bs-sec-n">${errs.length}</span></div>`;
-    html += errs.slice().reverse().map(
-      (e) => `<div class="bs-err-card"><div class="bs-err-m">${esc(e.message)}</div>${e.stack ? `<div class="bs-err-stack">${esc(e.stack)}</div>` : ""}<div class="bs-err-meta">${e.type} &middot; ${fmtTime(e.timestamp)}${e.source ? ` &middot; ${esc(e.source)}:${e.lineno}` : ""}</div></div>`
-    ).join("");
-  }
-  const perf = getPerformanceMetrics();
-  if (perf) {
-    html += `<div class="bs-sec">Performance</div>`;
-    const bars = [
-      ["Page Load", perf.pageLoadTime, 5e3],
-      ["DOM Ready", perf.domContentLoaded, 3e3],
-      ["First Paint", perf.firstPaint, 2e3],
-      ["FCP", perf.firstContentfulPaint, 2500],
-      ["LCP", perf.largestContentfulPaint, 4e3],
-      ["FID", perf.firstInputDelay, 300]
-    ];
-    for (const [label, val, max] of bars) {
-      if (val === void 0) continue;
-      const pct = Math.min(100, val / max * 100);
-      html += `<div class="bs-pf"><span class="bs-pf-l">${label}</span><div class="bs-pf-tr"><div class="bs-pf-fl${pct > 75 ? " bs-slow" : ""}" style="width:${pct}%"></div></div><span class="bs-pf-v">${val}ms</span></div>`;
-    }
-    if (perf.cumulativeLayoutShift !== void 0) {
-      const p = Math.min(100, perf.cumulativeLayoutShift * 400);
-      html += `<div class="bs-pf"><span class="bs-pf-l">CLS</span><div class="bs-pf-tr"><div class="bs-pf-fl${p > 40 ? " bs-slow" : ""}" style="width:${p}%"></div></div><span class="bs-pf-v">${perf.cumulativeLayoutShift}</span></div>`;
-    }
-  }
-  const crumbs2 = getBreadcrumbs();
-  if (crumbs2.length) {
-    html += `<div class="bs-sec">Your activity trail <span class="bs-sec-n">${crumbs2.length}</span></div>`;
-    html += crumbs2.slice().reverse().map(
-      (b) => `<div class="bs-bc"><span class="bs-bc-t bs-t-${b.type}">${b.type}</span><span class="bs-bc-m">${esc(b.message).slice(0, 120)}</span><span class="bs-bc-time">${timeAgo2(b.timestamp)}</span></div>`
-    ).join("");
-  }
-  const ctx2 = buildContext();
-  html += `<div class="bs-sec">Environment</div>`;
-  html += `<div class="bs-kv">
-    <span class="bs-kv-k">URL</span><span class="bs-kv-v">${esc(ctx2.url)}</span>
-    <span class="bs-kv-k">Viewport</span><span class="bs-kv-v">${ctx2.viewportWidth}&times;${ctx2.viewportHeight} @${ctx2.devicePixelRatio}x</span>
-    <span class="bs-kv-k">Screen</span><span class="bs-kv-v">${ctx2.screenWidth}&times;${ctx2.screenHeight}</span>
-    <span class="bs-kv-k">Platform</span><span class="bs-kv-v">${esc(ctx2.platform)}</span>
-    <span class="bs-kv-k">Language</span><span class="bs-kv-v">${ctx2.language}</span>
-    ${config.commitHash ? `<span class="bs-kv-k">Commit</span><span class="bs-kv-v">${esc(config.commitHash)}</span>` : ""}
-    ${config.user?.email ? `<span class="bs-kv-k">User</span><span class="bs-kv-v">${esc(config.user.email)}</span>` : ""}
-  </div>`;
-  html += `</div>`;
-  return html;
-}
-function tabHistory() {
-  const entries = getReportHistory();
-  if (!entries.length) {
-    return `<div class="bs-view"><div class="bs-empty"><p>No reports yet.<br>Submitted bugs will appear here.</p></div></div>`;
-  }
-  const catLabels = { ui: "UI", functionality: "Feature", performance: "Perf", crash: "Crash", security: "Security", other: "Other" };
-  const fmtDate = (ts) => {
-    const d = new Date(ts);
-    const now = /* @__PURE__ */ new Date();
-    const diffMs = now.getTime() - d.getTime();
-    const diffMin = Math.floor(diffMs / 6e4);
-    if (diffMin < 1) return "Just now";
-    if (diffMin < 60) return `${diffMin}m ago`;
-    const diffH = Math.floor(diffMin / 60);
-    if (diffH < 24) return `${diffH}h ago`;
-    const diffD = Math.floor(diffH / 24);
-    if (diffD < 7) return `${diffD}d ago`;
-    return d.toLocaleDateString("en", { month: "short", day: "numeric" });
-  };
-  let html = `<div class="bs-view">`;
-  for (const e of entries) {
-    const pinsHtml = e.pins?.length ? `<div class="bs-hist-pins">${e.pins.slice(0, 5).map((p) => `<div class="bs-hist-pin-dot" style="background:${["#ef4444", "#3b82f6", "#f59e0b", "#10b981", "#8b5cf6"][p.number % 5]}">${p.number}</div>`).join("")}${e.pins.length > 5 ? `<span>+${e.pins.length - 5}</span>` : ""}</div>` : "";
-    html += `<div class="bs-hist-card" data-hist-id="${e.id}">
+  </div>`}function Jn(){let e=ee(),t={error:"bs-le",warn:"bs-lw",log:"bs-ll",info:"bs-li",debug:"bs-ld"};return e.length?`<div class="bs-view">${e.slice().reverse().map(s=>`<div class="bs-log"><span class="bs-log-lv ${t[s.level]||"bs-ll"}">${s.level}</span><span class="bs-log-m">${H(s.args.join(" ")).slice(0,500)}</span><span class="bs-log-t">${Xs(s.timestamp)}</span></div>`).join("")}</div>`:'<div class="bs-view"><div class="bs-empty"><p>No console logs captured yet.<br>Use the app \u2014 logs will appear here automatically.</p></div></div>'}function Xn(){let e=ve();return e.length?`<div class="bs-view">${e.slice().reverse().map(t=>`<div class="bs-net"><span class="bs-net-m">${t.method}</span><span class="bs-net-s ${t.failed?"bs-fail":"bs-ok"}">${t.status||"ERR"}</span><span class="bs-net-u" title="${H(t.url)}">${H(t.url)}</span><span class="bs-net-d">${t.duration}ms</span></div>`).join("")}</div>`:'<div class="bs-view"><div class="bs-empty"><p>No network requests captured yet.<br>API calls will show up here automatically.</p></div></div>'}function Vn(){let e='<div class="bs-view">',t=te();t.length&&(e+=`<div class="bs-sec">Errors <span class="bs-sec-n">${t.length}</span></div>`,e+=t.slice().reverse().map(i=>`<div class="bs-err-card"><div class="bs-err-m">${H(i.message)}</div>${i.stack?`<div class="bs-err-stack">${H(i.stack)}</div>`:""}<div class="bs-err-meta">${i.type} &middot; ${Xs(i.timestamp)}${i.source?` &middot; ${H(i.source)}:${i.lineno}`:""}</div></div>`).join(""));let s=ye();if(s){e+='<div class="bs-sec">Performance</div>';let i=[["Page Load",s.pageLoadTime,5e3],["DOM Ready",s.domContentLoaded,3e3],["First Paint",s.firstPaint,2e3],["FCP",s.firstContentfulPaint,2500],["LCP",s.largestContentfulPaint,4e3],["FID",s.firstInputDelay,300]];for(let[c,p,l]of i){if(p===void 0)continue;let h=Math.min(100,p/l*100);e+=`<div class="bs-pf"><span class="bs-pf-l">${c}</span><div class="bs-pf-tr"><div class="bs-pf-fl${h>75?" bs-slow":""}" style="width:${h}%"></div></div><span class="bs-pf-v">${p}ms</span></div>`}if(s.cumulativeLayoutShift!==void 0){let c=Math.min(100,s.cumulativeLayoutShift*400);e+=`<div class="bs-pf"><span class="bs-pf-l">CLS</span><div class="bs-pf-tr"><div class="bs-pf-fl${c>40?" bs-slow":""}" style="width:${c}%"></div></div><span class="bs-pf-v">${s.cumulativeLayoutShift}</span></div>`}}let n=me();n.length&&(e+=`<div class="bs-sec">Your activity trail <span class="bs-sec-n">${n.length}</span></div>`,e+=n.slice().reverse().map(i=>`<div class="bs-bc"><span class="bs-bc-t bs-t-${i.type}">${i.type}</span><span class="bs-bc-m">${H(i.message).slice(0,120)}</span><span class="bs-bc-time">${Wn(i.timestamp)}</span></div>`).join(""));let r=Ks();return e+='<div class="bs-sec">Environment</div>',e+=`<div class="bs-kv">
+    <span class="bs-kv-k">URL</span><span class="bs-kv-v">${H(r.url)}</span>
+    <span class="bs-kv-k">Viewport</span><span class="bs-kv-v">${r.viewportWidth}&times;${r.viewportHeight} @${r.devicePixelRatio}x</span>
+    <span class="bs-kv-k">Screen</span><span class="bs-kv-v">${r.screenWidth}&times;${r.screenHeight}</span>
+    <span class="bs-kv-k">Platform</span><span class="bs-kv-v">${H(r.platform)}</span>
+    <span class="bs-kv-k">Language</span><span class="bs-kv-v">${r.language}</span>
+    ${Y.commitHash?`<span class="bs-kv-k">Commit</span><span class="bs-kv-v">${H(Y.commitHash)}</span>`:""}
+    ${Y.user?.email?`<span class="bs-kv-k">User</span><span class="bs-kv-v">${H(Y.user.email)}</span>`:""}
+  </div>`,e+="</div>",e}function Kn(){let e=Se();if(!e.length)return'<div class="bs-view"><div class="bs-empty"><p>No reports yet.<br>Submitted bugs will appear here.</p></div></div>';let t={ui:"UI",functionality:"Feature",performance:"Perf",crash:"Crash",security:"Security",other:"Other"},s=r=>{let i=new Date(r),p=new Date().getTime()-i.getTime(),l=Math.floor(p/6e4);if(l<1)return"Just now";if(l<60)return`${l}m ago`;let h=Math.floor(l/60);if(h<24)return`${h}h ago`;let g=Math.floor(h/24);return g<7?`${g}d ago`:i.toLocaleDateString("en",{month:"short",day:"numeric"})},n='<div class="bs-view">';for(let r of e){let i=r.pins?.length?`<div class="bs-hist-pins">${r.pins.slice(0,5).map(c=>`<div class="bs-hist-pin-dot" style="background:${["#ef4444","#3b82f6","#f59e0b","#10b981","#8b5cf6"][c.number%5]}">${c.number}</div>`).join("")}${r.pins.length>5?`<span>+${r.pins.length-5}</span>`:""}</div>`:"";n+=`<div class="bs-hist-card" data-hist-id="${r.id}">
       <div class="bs-hist-top">
-        <div class="bs-hist-title">${esc(e.title)}</div>
-        ${e.screenshot ? `<img class="bs-hist-thumb" src="${e.screenshot}" alt=""/>` : ""}
+        <div class="bs-hist-title">${H(r.title)}</div>
+        ${r.screenshot?`<img class="bs-hist-thumb" src="${r.screenshot}" alt=""/>`:""}
         <div class="bs-hist-actions">
-          <button class="bs-hist-btn" data-hist-edit="${e.id}" title="Edit"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg></button>
-          <button class="bs-hist-btn bs-del" data-hist-del="${e.id}" title="Delete"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/></svg></button>
+          <button class="bs-hist-btn" data-hist-edit="${r.id}" title="Edit"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg></button>
+          <button class="bs-hist-btn bs-del" data-hist-del="${r.id}" title="Delete"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/></svg></button>
         </div>
       </div>
       <div class="bs-hist-meta">
-        <span class="bs-hist-badge bs-cat">${catLabels[e.category] || e.category}</span>
-        <span class="bs-hist-badge bs-sev-${e.severity}">${e.severity}</span>
-        <span class="bs-hist-badge bs-status-${e.status}">${e.status}</span>
+        <span class="bs-hist-badge bs-cat">${t[r.category]||r.category}</span>
+        <span class="bs-hist-badge bs-sev-${r.severity}">${r.severity}</span>
+        <span class="bs-hist-badge bs-status-${r.status}">${r.status}</span>
       </div>
-      ${e.description ? `<div class="bs-hist-desc">${esc(e.description)}</div>` : ""}
+      ${r.description?`<div class="bs-hist-desc">${H(r.description)}</div>`:""}
       <div class="bs-hist-foot">
-        <span>${fmtDate(e.createdAt)} &middot; ${esc(e.url.replace(/^https?:\/\//, "").slice(0, 40))}</span>
-        ${pinsHtml}
+        <span>${s(r.createdAt)} &middot; ${H(r.url.replace(/^https?:\/\//,"").slice(0,40))}</span>
+        ${i}
       </div>
-    </div>`;
-  }
-  html += `</div>`;
-  return html;
-}
-function tabSettings() {
-  const themes = getThemes();
-  const layouts = getLayouts();
-  let html = `<div class="bs-view">`;
-  html += `<div class="bs-set-sec">Layout</div>`;
-  html += `<div class="bs-set-ly-grid">`;
-  for (const l of layouts) {
-    html += `<button class="bs-set-ly${l.id === currentLayout.id ? " bs-picked" : ""}" data-set-layout="${l.id}"><div class="bs-set-ly-name">${esc(l.name)}</div><div class="bs-set-ly-desc">${esc(l.description)}</div></button>`;
-  }
-  html += `</div>`;
-  html += `<div class="bs-set-sec">Theme</div>`;
-  html += `<div class="bs-set-grid">`;
-  for (const t of themes) {
-    html += `<button class="bs-set-card${t.id === currentTheme.id ? " bs-picked" : ""}" data-set-theme="${t.id}"><div class="bs-set-preview" style="background:${t.preview[0]}"><div class="bs-set-dot" style="background:${t.preview[1]}"></div><div class="bs-set-dot" style="background:${t.vars["--bs-accent2"] || t.preview[1]};opacity:0.6"></div></div><div class="bs-set-name">${esc(t.name)}</div></button>`;
-  }
-  html += `</div>`;
-  html += `</div>`;
-  return html;
-}
-function setupAnnotation(container2, screenshotData) {
-  const COLORS2 = ["#f87171", "#3b82f6", "#fb923c", "#4ade80", "#a78bfa", "#facc15"];
-  let currentColor2 = COLORS2[0];
-  let currentTool2 = "draw";
-  let brushSize = 4;
-  let zoom = 1;
-  let isDark = false;
-  const shapes2 = [];
-  const pins2 = [];
-  let selectedIdx = -1;
-  let hoveredIdx = -1;
-  let dragging = false;
-  let drawing = false;
-  let dragOffX = 0, dragOffY = 0;
-  let startX = 0, startY = 0;
-  let currentDraw = [];
-  const PIN_COLORS2 = ["#ef4444", "#3b82f6", "#f59e0b", "#10b981", "#8b5cf6", "#ec4899"];
-  const img = new Image();
-  img.src = screenshotData;
-  const wrap = document.createElement("div");
-  wrap.className = "bs-ann-wrap";
-  const viewport = document.createElement("div");
-  viewport.className = "bs-ann-viewport";
-  const canvas2 = document.createElement("canvas");
-  canvas2.className = "bs-ann-canvas bs-draw";
-  const toolbar = document.createElement("div");
-  toolbar.className = "bs-ann-toolbar";
-  const tIcons = {
-    select: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/><path d="M13 13l6 6"/></svg>`,
-    draw: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/></svg>`,
-    arrow: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>`,
-    rect: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/></svg>`,
-    circle: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>`,
-    text: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9.5" y1="20" x2="14.5" y2="20"/><line x1="12" y1="4" x2="12" y2="20"/></svg>`,
-    highlight: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M9 11l-6 6v3h9l3-3"/><path d="M22 12l-4.6 4.6a2 2 0 01-2.8 0l-5.2-5.2a2 2 0 010-2.8L14 4"/></svg>`,
-    pin: `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>`
-  };
-  const toolNames = { select: "Select & Move", draw: "Draw", arrow: "Arrow", rect: "Rectangle", circle: "Circle", text: "Text", highlight: "Highlight", pin: "Pin Issue" };
-  const toolBtns = [];
-  const setTool = (t) => {
-    currentTool2 = t;
-    selectedIdx = -1;
-    canvas2.className = `bs-ann-canvas bs-${t}`;
-    toolBtns.forEach((b) => b.classList.remove("bs-sel"));
-    toolBtns.find((b) => b.dataset.tool === t)?.classList.add("bs-sel");
-  };
-  Object.keys(tIcons).forEach((t) => {
-    const btn = document.createElement("button");
-    btn.type = "button";
-    btn.dataset.tool = t;
-    btn.className = `bs-ann-btn${t === currentTool2 ? " bs-sel" : ""}`;
-    btn.title = toolNames[t];
-    btn.innerHTML = tIcons[t];
-    btn.addEventListener("click", () => setTool(t));
-    toolBtns.push(btn);
-    toolbar.appendChild(btn);
-  });
-  toolbar.appendChild(Object.assign(document.createElement("div"), { className: "bs-ann-sep" }));
-  COLORS2.forEach((color, i) => {
-    const d = document.createElement("button");
-    d.type = "button";
-    d.className = `bs-ann-dot${i === 0 ? " bs-sel" : ""}`;
-    d.style.background = color;
-    d.addEventListener("click", () => {
-      currentColor2 = color;
-      toolbar.querySelectorAll(".bs-ann-dot").forEach((t) => t.classList.remove("bs-sel"));
-      d.classList.add("bs-sel");
-    });
-    toolbar.appendChild(d);
-  });
-  toolbar.appendChild(Object.assign(document.createElement("div"), { className: "bs-ann-sep" }));
-  const sizeSlider = document.createElement("input");
-  sizeSlider.type = "range";
-  sizeSlider.min = "1";
-  sizeSlider.max = "12";
-  sizeSlider.value = "4";
-  sizeSlider.className = "bs-ann-size";
-  sizeSlider.title = "Brush size";
-  sizeSlider.addEventListener("input", () => {
-    brushSize = parseInt(sizeSlider.value);
-  });
-  toolbar.appendChild(sizeSlider);
-  const right = document.createElement("div");
-  right.className = "bs-ann-right";
-  const mkBtn = (title, svg) => {
-    const b = document.createElement("button");
-    b.type = "button";
-    b.className = "bs-ann-btn";
-    b.title = title;
-    b.innerHTML = svg;
-    return b;
-  };
-  const zoomOut = mkBtn("Zoom out", `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>`);
-  const zoomLabel = Object.assign(document.createElement("span"), { className: "bs-ann-zoom-label", textContent: "100%" });
-  const zoomIn = mkBtn("Zoom in", `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>`);
-  const zoomReset = mkBtn("Fit", `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg>`);
-  const undoBtn = mkBtn("Undo", `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 105.42-8.49L1 10"/></svg>`);
-  const clearBtn = Object.assign(document.createElement("button"), { type: "button", className: "bs-ann-clr-btn", textContent: "Clear" });
-  const applyZoom = () => {
-    canvas2.style.transform = `scale(${zoom})`;
-    zoomLabel.textContent = `${Math.round(zoom * 100)}%`;
-  };
-  zoomIn.addEventListener("click", () => {
-    if (zoom < 3) {
-      zoom = Math.min(3, zoom + 0.25);
-      applyZoom();
-    }
-  });
-  zoomOut.addEventListener("click", () => {
-    if (zoom > 0.5) {
-      zoom = Math.max(0.5, zoom - 0.25);
-      applyZoom();
-    }
-  });
-  zoomReset.addEventListener("click", () => {
-    zoom = 1;
-    applyZoom();
-  });
-  right.appendChild(Object.assign(document.createElement("div"), { className: "bs-ann-sep" }));
-  [zoomOut, zoomLabel, zoomIn, zoomReset, undoBtn, clearBtn].forEach((el) => right.appendChild(el));
-  toolbar.appendChild(right);
-  const pinLayer = document.createElement("div");
-  pinLayer.className = "bs-ann-pins";
-  const pinList = document.createElement("div");
-  pinList.className = "bs-ann-pin-list";
-  pinList.style.display = "none";
-  viewport.appendChild(canvas2);
-  viewport.appendChild(pinLayer);
-  wrap.appendChild(viewport);
-  wrap.appendChild(toolbar);
-  wrap.appendChild(pinList);
-  container2.innerHTML = "";
-  container2.appendChild(wrap);
-  const renderPins2 = () => {
-    pinLayer.innerHTML = "";
-    pinList.innerHTML = "";
-    pinList.style.display = pins2.length ? "" : "none";
-    pins2.forEach((pin, i) => {
-      const el = document.createElement("div");
-      el.className = "bs-ann-pin";
-      el.style.background = pin.color;
-      el.style.color = pin.color;
-      const pctX = pin.x / (canvas2.width || 1) * 100;
-      const pctY = pin.y / (canvas2.height || 1) * 100;
-      el.style.left = `${pctX}%`;
-      el.style.top = `${pctY}%`;
-      el.innerHTML = `<span class="bs-ann-pin-n">${i + 1}</span><span class="bs-ann-pin-pulse"></span>`;
-      el.title = `#${i + 1}: ${pin.note}`;
-      let pinDragging = false;
-      el.addEventListener("mousedown", (e) => {
-        e.stopPropagation();
-        pinDragging = true;
-        el.classList.add("bs-dragging");
-        const onMove = (me) => {
-          if (!pinDragging) return;
-          const r = viewport.getBoundingClientRect();
-          pin.x = (me.clientX - r.left) / r.width * canvas2.width;
-          pin.y = (me.clientY - r.top) / r.height * canvas2.height;
-          el.style.left = `${(me.clientX - r.left) / r.width * 100}%`;
-          el.style.top = `${(me.clientY - r.top) / r.height * 100}%`;
-        };
-        const onUp = () => {
-          pinDragging = false;
-          el.classList.remove("bs-dragging");
-          document.removeEventListener("mousemove", onMove);
-          document.removeEventListener("mouseup", onUp);
-          renderPins2();
-        };
-        document.addEventListener("mousemove", onMove);
-        document.addEventListener("mouseup", onUp);
-      });
-      pinLayer.appendChild(el);
-      const item = document.createElement("div");
-      item.className = "bs-ann-pin-item";
-      item.innerHTML = `
-        <div class="bs-ann-pin-num" style="background:${pin.color}">${i + 1}</div>
+    </div>`}return n+="</div>",n}function Zn(){let e=bt(),t=ut(),s='<div class="bs-view">';s+='<div class="bs-set-sec">Layout</div>',s+='<div class="bs-set-ly-grid">';for(let n of t)s+=`<button class="bs-set-ly${n.id===ue.id?" bs-picked":""}" data-set-layout="${n.id}"><div class="bs-set-ly-name">${H(n.name)}</div><div class="bs-set-ly-desc">${H(n.description)}</div></button>`;s+="</div>",s+='<div class="bs-set-sec">Theme</div>',s+='<div class="bs-set-grid">';for(let n of e)s+=`<button class="bs-set-card${n.id===Et.id?" bs-picked":""}" data-set-theme="${n.id}"><div class="bs-set-preview" style="background:${n.preview[0]}"><div class="bs-set-dot" style="background:${n.preview[1]}"></div><div class="bs-set-dot" style="background:${n.vars["--bs-accent2"]||n.preview[1]};opacity:0.6"></div></div><div class="bs-set-name">${H(n.name)}</div></button>`;return s+="</div>",s+="</div>",s}function Qn(e,t){let s=["#f87171","#3b82f6","#fb923c","#4ade80","#a78bfa","#facc15"],n=s[0],r="draw",i=4,c=1,p=!1,l=[],h=[],g=-1,x=-1,y=!1,$=!1,ae=0,Te=0,N=0,P=0,k=[],Xt=["#ef4444","#3b82f6","#f59e0b","#10b981","#8b5cf6","#ec4899"],ie=new Image;ie.src=t;let Me=document.createElement("div");Me.className="bs-ann-wrap";let $e=document.createElement("div");$e.className="bs-ann-viewport";let w=document.createElement("canvas");w.className="bs-ann-canvas bs-draw";let Q=document.createElement("div");Q.className="bs-ann-toolbar";let Vt={select:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/><path d="M13 13l6 6"/></svg>',draw:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/></svg>',arrow:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>',rect:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/></svg>',circle:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>',text:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9.5" y1="20" x2="14.5" y2="20"/><line x1="12" y1="4" x2="12" y2="20"/></svg>',highlight:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M9 11l-6 6v3h9l3-3"/><path d="M22 12l-4.6 4.6a2 2 0 01-2.8 0l-5.2-5.2a2 2 0 010-2.8L14 4"/></svg>',pin:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>'},bn={select:"Select & Move",draw:"Draw",arrow:"Arrow",rect:"Rectangle",circle:"Circle",text:"Text",highlight:"Highlight",pin:"Pin Issue"},$t=[],pn=o=>{r=o,g=-1,w.className=`bs-ann-canvas bs-${o}`,$t.forEach(u=>u.classList.remove("bs-sel")),$t.find(u=>u.dataset.tool===o)?.classList.add("bs-sel")};Object.keys(Vt).forEach(o=>{let u=document.createElement("button");u.type="button",u.dataset.tool=o,u.className=`bs-ann-btn${o===r?" bs-sel":""}`,u.title=bn[o],u.innerHTML=Vt[o],u.addEventListener("click",()=>pn(o)),$t.push(u),Q.appendChild(u)}),Q.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"})),s.forEach((o,u)=>{let f=document.createElement("button");f.type="button",f.className=`bs-ann-dot${u===0?" bs-sel":""}`,f.style.background=o,f.addEventListener("click",()=>{n=o,Q.querySelectorAll(".bs-ann-dot").forEach(C=>C.classList.remove("bs-sel")),f.classList.add("bs-sel")}),Q.appendChild(f)}),Q.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"}));let G=document.createElement("input");G.type="range",G.min="1",G.max="12",G.value="4",G.className="bs-ann-size",G.title="Brush size",G.addEventListener("input",()=>{i=parseInt(G.value)}),Q.appendChild(G);let Ye=document.createElement("div");Ye.className="bs-ann-right";let Je=(o,u)=>{let f=document.createElement("button");return f.type="button",f.className="bs-ann-btn",f.title=o,f.innerHTML=u,f},Kt=Je("Zoom out",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>'),Zt=Object.assign(document.createElement("span"),{className:"bs-ann-zoom-label",textContent:"100%"}),Qt=Je("Zoom in",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>'),Gt=Je("Fit",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M15 3h6v6"/><path d="M9 21H3v-6"/><path d="M21 3l-7 7"/><path d="M3 21l7-7"/></svg>'),es=Je("Undo",'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 105.42-8.49L1 10"/></svg>'),ts=Object.assign(document.createElement("button"),{type:"button",className:"bs-ann-clr-btn",textContent:"Clear"}),Pt=()=>{w.style.transform=`scale(${c})`,Zt.textContent=`${Math.round(c*100)}%`};Qt.addEventListener("click",()=>{c<3&&(c=Math.min(3,c+.25),Pt())}),Kt.addEventListener("click",()=>{c>.5&&(c=Math.max(.5,c-.25),Pt())}),Gt.addEventListener("click",()=>{c=1,Pt()}),Ye.appendChild(Object.assign(document.createElement("div"),{className:"bs-ann-sep"})),[Kt,Zt,Qt,Gt,es,ts].forEach(o=>Ye.appendChild(o)),Q.appendChild(Ye);let Xe=document.createElement("div");Xe.className="bs-ann-pins";let ge=document.createElement("div");ge.className="bs-ann-pin-list",ge.style.display="none",$e.appendChild(w),$e.appendChild(Xe),Me.appendChild($e),Me.appendChild(Q),Me.appendChild(ge),e.innerHTML="",e.appendChild(Me);let Ve=()=>{Xe.innerHTML="",ge.innerHTML="",ge.style.display=h.length?"":"none",h.forEach((o,u)=>{let f=document.createElement("div");f.className="bs-ann-pin",f.style.background=o.color,f.style.color=o.color;let C=o.x/(w.width||1)*100,b=o.y/(w.height||1)*100;f.style.left=`${C}%`,f.style.top=`${b}%`,f.innerHTML=`<span class="bs-ann-pin-n">${u+1}</span><span class="bs-ann-pin-pulse"></span>`,f.title=`#${u+1}: ${o.note}`;let T=!1;f.addEventListener("mousedown",z=>{z.stopPropagation(),T=!0,f.classList.add("bs-dragging");let d=L=>{if(!T)return;let S=$e.getBoundingClientRect();o.x=(L.clientX-S.left)/S.width*w.width,o.y=(L.clientY-S.top)/S.height*w.height,f.style.left=`${(L.clientX-S.left)/S.width*100}%`,f.style.top=`${(L.clientY-S.top)/S.height*100}%`},v=()=>{T=!1,f.classList.remove("bs-dragging"),document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",v),Ve()};document.addEventListener("mousemove",d),document.addEventListener("mouseup",v)}),Xe.appendChild(f);let B=document.createElement("div");B.className="bs-ann-pin-item",B.innerHTML=`
+        <div class="bs-ann-pin-num" style="background:${o.color}">${u+1}</div>
         <div class="bs-ann-pin-body">
-          <div class="bs-ann-pin-note">${esc(pin.note)}</div>
-          <div class="bs-ann-pin-loc">${Math.round(pctX)}% \xD7 ${Math.round(pctY)}%</div>
-        </div>`;
-      const del = document.createElement("button");
-      del.type = "button";
-      del.className = "bs-ann-pin-del";
-      del.innerHTML = "&times;";
-      del.title = "Remove pin";
-      del.addEventListener("click", () => {
-        pins2.splice(i, 1);
-        renderPins2();
-      });
-      item.appendChild(del);
-      pinList.appendChild(item);
-    });
-  };
-  let ctx2;
-  const outlineColor = () => isDark ? "rgba(255,255,255,0.5)" : "rgba(0,0,0,0.35)";
-  const drawOutline = (fn, lw) => {
-    ctx2.save();
-    ctx2.strokeStyle = outlineColor();
-    ctx2.lineWidth = lw + 3;
-    ctx2.lineCap = "round";
-    ctx2.lineJoin = "round";
-    ctx2.globalAlpha = 0.5;
-    fn();
-    ctx2.restore();
-  };
-  const renderShape = (s, preview = false) => {
-    if (s.type === "draw" || s.type === "highlight") {
-      if (s.points.length < 2) return;
-      const alpha = s.type === "highlight" ? 0.25 : 1;
-      const lw = s.type === "highlight" ? s.size * 4 + 10 : s.size;
-      const stroke = () => {
-        ctx2.beginPath();
-        ctx2.moveTo(s.points[0].x, s.points[0].y);
-        for (let i = 1; i < s.points.length; i++) ctx2.lineTo(s.points[i].x, s.points[i].y);
-        ctx2.stroke();
-      };
-      if (s.type !== "highlight") drawOutline(stroke, lw);
-      ctx2.strokeStyle = s.color;
-      ctx2.lineWidth = lw;
-      ctx2.lineCap = "round";
-      ctx2.lineJoin = "round";
-      ctx2.globalAlpha = alpha;
-      stroke();
-      ctx2.globalAlpha = 1;
-    } else if (s.type === "rect") {
-      const stroke = () => ctx2.strokeRect(s.x, s.y, s.w, s.h);
-      drawOutline(stroke, s.size);
-      ctx2.strokeStyle = s.color;
-      ctx2.lineWidth = s.size;
-      ctx2.lineCap = "round";
-      ctx2.lineJoin = "round";
-      stroke();
-    } else if (s.type === "circle") {
-      const stroke = () => {
-        ctx2.beginPath();
-        ctx2.ellipse(s.cx, s.cy, Math.abs(s.rx), Math.abs(s.ry), 0, 0, Math.PI * 2);
-        ctx2.stroke();
-      };
-      drawOutline(stroke, s.size);
-      ctx2.strokeStyle = s.color;
-      ctx2.lineWidth = s.size;
-      stroke();
-    } else if (s.type === "arrow") {
-      const angle = Math.atan2(s.y2 - s.y1, s.x2 - s.x1);
-      const headLen = 12 + s.size * 2;
-      const stroke = () => {
-        ctx2.beginPath();
-        ctx2.moveTo(s.x1, s.y1);
-        ctx2.lineTo(s.x2, s.y2);
-        ctx2.stroke();
-        ctx2.beginPath();
-        ctx2.moveTo(s.x2, s.y2);
-        ctx2.lineTo(s.x2 - headLen * Math.cos(angle - 0.45), s.y2 - headLen * Math.sin(angle - 0.45));
-        ctx2.moveTo(s.x2, s.y2);
-        ctx2.lineTo(s.x2 - headLen * Math.cos(angle + 0.45), s.y2 - headLen * Math.sin(angle + 0.45));
-        ctx2.stroke();
-      };
-      drawOutline(stroke, s.size);
-      ctx2.strokeStyle = s.color;
-      ctx2.lineWidth = s.size;
-      ctx2.lineCap = "round";
-      ctx2.lineJoin = "round";
-      stroke();
-    } else if (s.type === "text") {
-      const fontSize = s.size * 5 + 12;
-      ctx2.font = `bold ${fontSize}px Inter, -apple-system, sans-serif`;
-      ctx2.fillStyle = outlineColor();
-      ctx2.globalAlpha = 0.6;
-      ctx2.fillText(s.text, s.x + 1, s.y + 1);
-      ctx2.globalAlpha = 1;
-      ctx2.fillStyle = s.color;
-      ctx2.fillText(s.text, s.x, s.y);
-    }
-    const isSelected = !preview && selectedIdx >= 0 && shapes2[selectedIdx] === s;
-    const isHovered = !preview && !isSelected && hoveredIdx >= 0 && shapes2[hoveredIdx] === s;
-    if (isSelected || isHovered) {
-      const b = shapeBounds(s);
-      ctx2.save();
-      ctx2.setLineDash([6, 4]);
-      ctx2.strokeStyle = isDark ? "#fff" : "#000";
-      ctx2.lineWidth = isSelected ? 1.5 : 1;
-      ctx2.globalAlpha = isSelected ? 0.7 : 0.45;
-      ctx2.strokeRect(b.x - 4, b.y - 4, b.w + 8, b.h + 8);
-      if (s.type === "rect" || s.type === "circle") {
-        const hSize = 5;
-        ctx2.setLineDash([]);
-        ctx2.globalAlpha = isSelected ? 0.9 : 0.6;
-        const handles = s.type === "rect" ? [[b.x, b.y], [b.x + b.w, b.y], [b.x, b.y + b.h], [b.x + b.w, b.y + b.h]] : [[b.x + b.w / 2, b.y], [b.x + b.w, b.y + b.h / 2], [b.x + b.w / 2, b.y + b.h], [b.x, b.y + b.h / 2]];
-        for (const [hx, hy] of handles) {
-          ctx2.fillStyle = "#fff";
-          ctx2.fillRect(hx - hSize, hy - hSize, hSize * 2, hSize * 2);
-          ctx2.strokeStyle = isDark ? "#aaa" : "#333";
-          ctx2.lineWidth = 1.2;
-          ctx2.strokeRect(hx - hSize, hy - hSize, hSize * 2, hSize * 2);
-        }
-      }
-      ctx2.restore();
-    }
-  };
-  const render = () => {
-    ctx2.clearRect(0, 0, canvas2.width, canvas2.height);
-    ctx2.drawImage(img, 0, 0);
-    for (const s of shapes2) renderShape(s);
-  };
-  const shapeBounds = (s) => {
-    if (s.type === "rect") return { x: Math.min(s.x, s.x + s.w), y: Math.min(s.y, s.y + s.h), w: Math.abs(s.w), h: Math.abs(s.h) };
-    if (s.type === "circle") return { x: s.cx - Math.abs(s.rx), y: s.cy - Math.abs(s.ry), w: Math.abs(s.rx) * 2, h: Math.abs(s.ry) * 2 };
-    if (s.type === "arrow") {
-      const x = Math.min(s.x1, s.x2), y = Math.min(s.y1, s.y2);
-      return { x, y, w: Math.abs(s.x2 - s.x1) || 20, h: Math.abs(s.y2 - s.y1) || 20 };
-    }
-    if (s.type === "text") return { x: s.x, y: s.y - (s.size * 5 + 12), w: s.text.length * (s.size * 3 + 8), h: s.size * 5 + 16 };
-    if (s.points.length === 0) return { x: 0, y: 0, w: 0, h: 0 };
-    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-    for (const p of s.points) {
-      minX = Math.min(minX, p.x);
-      minY = Math.min(minY, p.y);
-      maxX = Math.max(maxX, p.x);
-      maxY = Math.max(maxY, p.y);
-    }
-    return { x: minX, y: minY, w: maxX - minX || 10, h: maxY - minY || 10 };
-  };
-  const hitTest = (x, y) => {
-    for (let i = shapes2.length - 1; i >= 0; i--) {
-      const b = shapeBounds(shapes2[i]);
-      const pad = 8;
-      if (x >= b.x - pad && x <= b.x + b.w + pad && y >= b.y - pad && y <= b.y + b.h + pad) return i;
-    }
-    return -1;
-  };
-  const moveShape = (s, dx, dy) => {
-    if (s.type === "draw" || s.type === "highlight") {
-      for (const p of s.points) {
-        p.x += dx;
-        p.y += dy;
-      }
-    } else if (s.type === "rect") {
-      s.x += dx;
-      s.y += dy;
-    } else if (s.type === "circle") {
-      s.cx += dx;
-      s.cy += dy;
-    } else if (s.type === "arrow") {
-      s.x1 += dx;
-      s.y1 += dy;
-      s.x2 += dx;
-      s.y2 += dy;
-    } else if (s.type === "text") {
-      s.x += dx;
-      s.y += dy;
-    }
-  };
-  img.onload = () => {
-    const maxW = container2.clientWidth || 450;
-    const scale = maxW / img.width;
-    canvas2.width = img.width;
-    canvas2.height = img.height;
-    canvas2.style.height = `${img.height * scale}px`;
-    ctx2 = canvas2.getContext("2d");
-    ctx2.drawImage(img, 0, 0);
-    const samplePoints = [[10, 10], [canvas2.width - 10, 10], [10, canvas2.height - 10], [canvas2.width - 10, canvas2.height - 10], [canvas2.width / 2, canvas2.height / 2]];
-    let totalBrightness = 0;
-    for (const [sx, sy] of samplePoints) {
-      const px = ctx2.getImageData(sx, sy, 1, 1).data;
-      totalBrightness += (px[0] * 299 + px[1] * 587 + px[2] * 114) / 1e3;
-    }
-    isDark = totalBrightness / samplePoints.length < 128;
-    const coords = (e) => {
-      const r = canvas2.getBoundingClientRect();
-      return { x: (e.clientX - r.left) * (canvas2.width / r.width), y: (e.clientY - r.top) * (canvas2.height / r.height) };
-    };
-    let autoSelectDrag = false;
-    canvas2.addEventListener("mousedown", (e) => {
-      const c = coords(e);
-      if (currentTool2 === "select") {
-        const hit = hitTest(c.x, c.y);
-        if (hit >= 0) {
-          selectedIdx = hit;
-          dragging = true;
-          const b = shapeBounds(shapes2[hit]);
-          dragOffX = c.x - b.x;
-          dragOffY = c.y - b.y;
-          canvas2.classList.add("bs-grabbing");
-          canvas2.classList.remove("bs-grab");
-          render();
-        } else {
-          selectedIdx = -1;
-          render();
-        }
-        return;
-      }
-      if (currentTool2 !== "pin" && currentTool2 !== "text") {
-        const hit = hitTest(c.x, c.y);
-        if (hit >= 0) {
-          selectedIdx = hit;
-          dragging = true;
-          autoSelectDrag = true;
-          const b = shapeBounds(shapes2[hit]);
-          dragOffX = c.x - b.x;
-          dragOffY = c.y - b.y;
-          canvas2.classList.add("bs-grabbing");
-          render();
-          return;
-        }
-      }
-      drawing = true;
-      startX = c.x;
-      startY = c.y;
-      if (currentTool2 === "pin") {
-        drawing = false;
-        const note = prompt("Describe the issue at this spot:");
-        if (note) {
-          const color = PIN_COLORS2[pins2.length % PIN_COLORS2.length];
-          pins2.push({ x: c.x, y: c.y, note, color });
-          renderPins2();
-        }
-        return;
-      }
-      if (currentTool2 === "text") {
-        drawing = false;
-        const input = prompt("Enter text:");
-        if (input) {
-          shapes2.push({ type: "text", color: currentColor2, size: brushSize, x: c.x, y: c.y, text: input });
-          render();
-        }
-        return;
-      }
-      if (currentTool2 === "draw" || currentTool2 === "highlight") {
-        currentDraw = [{ x: c.x, y: c.y }];
-      }
-    });
-    canvas2.addEventListener("mousemove", (e) => {
-      const c = coords(e);
-      if (dragging && selectedIdx >= 0) {
-        const b = shapeBounds(shapes2[selectedIdx]);
-        const dx = c.x - dragOffX - b.x;
-        const dy = c.y - dragOffY - b.y;
-        moveShape(shapes2[selectedIdx], dx, dy);
-        render();
-        return;
-      }
-      if (currentTool2 === "select") {
-        const hit = hitTest(c.x, c.y);
-        canvas2.classList.toggle("bs-grab", hit >= 0);
-        if (hoveredIdx !== hit) {
-          hoveredIdx = hit;
-          render();
-        }
-        return;
-      }
-      if (currentTool2 !== "pin" && currentTool2 !== "text" && !drawing) {
-        const hit = hitTest(c.x, c.y);
-        canvas2.classList.toggle("bs-grab", hit >= 0);
-        if (hoveredIdx !== hit) {
-          hoveredIdx = hit;
-          render();
-        }
-      }
-      if (!drawing) return;
-      if (currentTool2 === "draw" || currentTool2 === "highlight") {
-        currentDraw.push({ x: c.x, y: c.y });
-        render();
-        const alpha = currentTool2 === "highlight" ? 0.25 : 1;
-        const lw = currentTool2 === "highlight" ? brushSize * 4 + 10 : brushSize;
-        if (currentTool2 !== "highlight") {
-          ctx2.save();
-          ctx2.strokeStyle = outlineColor();
-          ctx2.lineWidth = lw + 3;
-          ctx2.lineCap = "round";
-          ctx2.lineJoin = "round";
-          ctx2.globalAlpha = 0.5;
-          ctx2.beginPath();
-          ctx2.moveTo(currentDraw[0].x, currentDraw[0].y);
-          for (let i = 1; i < currentDraw.length; i++) ctx2.lineTo(currentDraw[i].x, currentDraw[i].y);
-          ctx2.stroke();
-          ctx2.restore();
-        }
-        ctx2.strokeStyle = currentColor2;
-        ctx2.lineWidth = lw;
-        ctx2.lineCap = "round";
-        ctx2.lineJoin = "round";
-        ctx2.globalAlpha = alpha;
-        ctx2.beginPath();
-        ctx2.moveTo(currentDraw[0].x, currentDraw[0].y);
-        for (let i = 1; i < currentDraw.length; i++) ctx2.lineTo(currentDraw[i].x, currentDraw[i].y);
-        ctx2.stroke();
-        ctx2.globalAlpha = 1;
-      } else {
-        render();
-        ctx2.strokeStyle = currentColor2;
-        ctx2.lineWidth = brushSize;
-        ctx2.lineCap = "round";
-        ctx2.lineJoin = "round";
-        if (currentTool2 === "rect") {
-          drawOutline(() => ctx2.strokeRect(startX, startY, c.x - startX, c.y - startY), brushSize);
-          ctx2.strokeStyle = currentColor2;
-          ctx2.lineWidth = brushSize;
-          ctx2.strokeRect(startX, startY, c.x - startX, c.y - startY);
-        } else if (currentTool2 === "circle") {
-          const rx = Math.abs(c.x - startX) / 2, ry = Math.abs(c.y - startY) / 2;
-          const cx2 = startX + (c.x - startX) / 2, cy2 = startY + (c.y - startY) / 2;
-          drawOutline(() => {
-            ctx2.beginPath();
-            ctx2.ellipse(cx2, cy2, rx, ry, 0, 0, Math.PI * 2);
-            ctx2.stroke();
-          }, brushSize);
-          ctx2.strokeStyle = currentColor2;
-          ctx2.lineWidth = brushSize;
-          ctx2.beginPath();
-          ctx2.ellipse(cx2, cy2, rx, ry, 0, 0, Math.PI * 2);
-          ctx2.stroke();
-        } else if (currentTool2 === "arrow") {
-          const angle = Math.atan2(c.y - startY, c.x - startX);
-          const headLen = 12 + brushSize * 2;
-          const stroke = () => {
-            ctx2.beginPath();
-            ctx2.moveTo(startX, startY);
-            ctx2.lineTo(c.x, c.y);
-            ctx2.stroke();
-            ctx2.beginPath();
-            ctx2.moveTo(c.x, c.y);
-            ctx2.lineTo(c.x - headLen * Math.cos(angle - 0.45), c.y - headLen * Math.sin(angle - 0.45));
-            ctx2.moveTo(c.x, c.y);
-            ctx2.lineTo(c.x - headLen * Math.cos(angle + 0.45), c.y - headLen * Math.sin(angle + 0.45));
-            ctx2.stroke();
-          };
-          drawOutline(stroke, brushSize);
-          ctx2.strokeStyle = currentColor2;
-          ctx2.lineWidth = brushSize;
-          ctx2.lineCap = "round";
-          ctx2.lineJoin = "round";
-          stroke();
-        }
-      }
-    });
-    const endDraw = (e) => {
-      if (dragging) {
-        dragging = false;
-        autoSelectDrag = false;
-        selectedIdx = -1;
-        canvas2.classList.remove("bs-grabbing");
-        canvas2.classList.remove("bs-grab");
-        render();
-        if (currentTool2 === "select") return;
-        return;
-      }
-      if (!drawing) return;
-      drawing = false;
-      const c = coords(e);
-      if (currentTool2 === "draw" || currentTool2 === "highlight") {
-        if (currentDraw.length > 1) {
-          shapes2.push({ type: currentTool2, color: currentColor2, size: brushSize, alpha: currentTool2 === "highlight" ? 0.25 : 1, points: [...currentDraw] });
-        }
-        currentDraw = [];
-      } else if (currentTool2 === "rect") {
-        shapes2.push({ type: "rect", color: currentColor2, size: brushSize, x: startX, y: startY, w: c.x - startX, h: c.y - startY });
-      } else if (currentTool2 === "circle") {
-        const rx = Math.abs(c.x - startX) / 2, ry = Math.abs(c.y - startY) / 2;
-        shapes2.push({ type: "circle", color: currentColor2, size: brushSize, cx: startX + (c.x - startX) / 2, cy: startY + (c.y - startY) / 2, rx, ry });
-      } else if (currentTool2 === "arrow") {
-        shapes2.push({ type: "arrow", color: currentColor2, size: brushSize, x1: startX, y1: startY, x2: c.x, y2: c.y });
-      }
-      render();
-    };
-    canvas2.addEventListener("mouseup", endDraw);
-    canvas2.addEventListener("mouseleave", (e) => {
-      if (dragging) {
-        dragging = false;
-        autoSelectDrag = false;
-        canvas2.classList.remove("bs-grabbing");
-        canvas2.classList.remove("bs-grab");
-        render();
-      } else if (drawing) endDraw(e);
-    });
-    const keyHandler2 = (e) => {
-      if (selectedIdx >= 0 && (e.key === "Delete" || e.key === "Backspace")) {
-        shapes2.splice(selectedIdx, 1);
-        selectedIdx = -1;
-        render();
-      }
-    };
-    document.addEventListener("keydown", keyHandler2);
-    undoBtn.addEventListener("click", () => {
-      if (shapes2.length) {
-        shapes2.pop();
-        selectedIdx = -1;
-        render();
-      }
-    });
-    clearBtn.addEventListener("click", () => {
-      shapes2.length = 0;
-      pins2.length = 0;
-      selectedIdx = -1;
-      render();
-      renderPins2();
-    });
-  };
-  const bakePins = () => {
-    for (let i = 0; i < pins2.length; i++) {
-      const p = pins2[i];
-      const r = 16;
-      ctx2.beginPath();
-      ctx2.arc(p.x, p.y - r, r, 0, Math.PI * 2);
-      ctx2.fillStyle = p.color;
-      ctx2.fill();
-      ctx2.strokeStyle = "#fff";
-      ctx2.lineWidth = 2;
-      ctx2.stroke();
-      ctx2.beginPath();
-      ctx2.moveTo(p.x - 8, p.y - 6);
-      ctx2.lineTo(p.x, p.y + 4);
-      ctx2.lineTo(p.x + 8, p.y - 6);
-      ctx2.fillStyle = p.color;
-      ctx2.fill();
-      ctx2.fillStyle = "#fff";
-      ctx2.font = "bold 14px Inter, sans-serif";
-      ctx2.textAlign = "center";
-      ctx2.textBaseline = "middle";
-      ctx2.fillText(`${i + 1}`, p.x, p.y - r);
-      ctx2.textAlign = "start";
-      ctx2.textBaseline = "alphabetic";
-    }
-  };
-  return {
-    getAnnotation: () => {
-      try {
-        selectedIdx = -1;
-        render();
-        bakePins();
-        return canvas2.toDataURL("image/jpeg", 0.7);
-      } catch {
-        return null;
-      }
-    },
-    getPins: () => pins2.map((p, i) => ({ number: i + 1, x: Math.round(p.x), y: Math.round(p.y), note: p.note }))
-  };
-}
-function switchTab(tab) {
-  if (!modal) return;
-  activeTab = tab;
-  modal.querySelectorAll(".bs-tab").forEach((el) => {
-    el.classList.toggle("bs-active", el.dataset.tab === tab);
-  });
-  const scroll = modal.querySelector(".bs-scroll");
-  const renderers = {
-    report: tabReport,
-    console: tabConsole,
-    network: tabNetwork,
-    context: tabContext,
-    history: tabHistory,
-    settings: tabSettings
-  };
-  scroll.innerHTML = renderers[tab]();
-  scroll.scrollTop = 0;
-  bindTabContent();
-}
-function bindTabContent() {
-  if (!modal) return;
-  if (activeTab === "history") {
-    modal.querySelectorAll("[data-hist-del]").forEach((btn) => {
-      btn.addEventListener("click", () => {
-        const id = parseInt(btn.dataset.histDel);
-        const card = modal.querySelector(`[data-hist-id="${id}"]`);
-        if (!card) return;
-        const existing = card.querySelector(".bs-hist-confirm");
-        if (existing) {
-          existing.remove();
-          return;
-        }
-        const confirm2 = document.createElement("div");
-        confirm2.className = "bs-hist-confirm";
-        confirm2.innerHTML = `<span>Delete this report?</span>`;
-        const yes = document.createElement("button");
-        yes.type = "button";
-        yes.className = "bs-hist-confirm-yes";
-        yes.textContent = "Delete";
-        const no = document.createElement("button");
-        no.type = "button";
-        no.className = "bs-hist-confirm-no";
-        no.textContent = "Cancel";
-        yes.addEventListener("click", () => {
-          deleteFromHistory(id);
-          switchTab("history");
-        });
-        no.addEventListener("click", () => confirm2.remove());
-        confirm2.appendChild(yes);
-        confirm2.appendChild(no);
-        card.appendChild(confirm2);
-      });
-    });
-    modal.querySelectorAll("[data-hist-edit]").forEach((btn) => {
-      btn.addEventListener("click", () => {
-        const id = parseInt(btn.dataset.histEdit);
-        const card = modal.querySelector(`[data-hist-id="${id}"]`);
-        if (!card) return;
-        const existing = card.querySelector(".bs-hist-edit-wrap");
-        if (existing) {
-          existing.remove();
-          return;
-        }
-        card.querySelector(".bs-hist-confirm")?.remove();
-        const entry = getReportHistory().find((e) => e.id === id);
-        if (!entry) return;
-        const wrap = document.createElement("div");
-        wrap.className = "bs-hist-edit-wrap";
-        wrap.innerHTML = `
+          <div class="bs-ann-pin-note">${H(o.note)}</div>
+          <div class="bs-ann-pin-loc">${Math.round(C)}% \xD7 ${Math.round(b)}%</div>
+        </div>`;let O=document.createElement("button");O.type="button",O.className="bs-ann-pin-del",O.innerHTML="&times;",O.title="Remove pin",O.addEventListener("click",()=>{h.splice(u,1),Ve()}),B.appendChild(O),ge.appendChild(B)})},a,zt=()=>p?"rgba(255,255,255,0.5)":"rgba(0,0,0,0.35)",be=(o,u)=>{a.save(),a.strokeStyle=zt(),a.lineWidth=u+3,a.lineCap="round",a.lineJoin="round",a.globalAlpha=.5,o(),a.restore()},un=(o,u=!1)=>{if(o.type==="draw"||o.type==="highlight"){if(o.points.length<2)return;let b=o.type==="highlight"?.25:1,T=o.type==="highlight"?o.size*4+10:o.size,B=()=>{a.beginPath(),a.moveTo(o.points[0].x,o.points[0].y);for(let O=1;O<o.points.length;O++)a.lineTo(o.points[O].x,o.points[O].y);a.stroke()};o.type!=="highlight"&&be(B,T),a.strokeStyle=o.color,a.lineWidth=T,a.lineCap="round",a.lineJoin="round",a.globalAlpha=b,B(),a.globalAlpha=1}else if(o.type==="rect"){let b=()=>a.strokeRect(o.x,o.y,o.w,o.h);be(b,o.size),a.strokeStyle=o.color,a.lineWidth=o.size,a.lineCap="round",a.lineJoin="round",b()}else if(o.type==="circle"){let b=()=>{a.beginPath(),a.ellipse(o.cx,o.cy,Math.abs(o.rx),Math.abs(o.ry),0,0,Math.PI*2),a.stroke()};be(b,o.size),a.strokeStyle=o.color,a.lineWidth=o.size,b()}else if(o.type==="arrow"){let b=Math.atan2(o.y2-o.y1,o.x2-o.x1),T=12+o.size*2,B=()=>{a.beginPath(),a.moveTo(o.x1,o.y1),a.lineTo(o.x2,o.y2),a.stroke(),a.beginPath(),a.moveTo(o.x2,o.y2),a.lineTo(o.x2-T*Math.cos(b-.45),o.y2-T*Math.sin(b-.45)),a.moveTo(o.x2,o.y2),a.lineTo(o.x2-T*Math.cos(b+.45),o.y2-T*Math.sin(b+.45)),a.stroke()};be(B,o.size),a.strokeStyle=o.color,a.lineWidth=o.size,a.lineCap="round",a.lineJoin="round",B()}else if(o.type==="text"){let b=o.size*5+12;a.font=`bold ${b}px Inter, -apple-system, sans-serif`,a.fillStyle=zt(),a.globalAlpha=.6,a.fillText(o.text,o.x+1,o.y+1),a.globalAlpha=1,a.fillStyle=o.color,a.fillText(o.text,o.x,o.y)}let f=!u&&g>=0&&l[g]===o,C=!u&&!f&&x>=0&&l[x]===o;if(f||C){let b=Pe(o);if(a.save(),a.setLineDash([6,4]),a.strokeStyle=p?"#fff":"#000",a.lineWidth=f?1.5:1,a.globalAlpha=f?.7:.45,a.strokeRect(b.x-4,b.y-4,b.w+8,b.h+8),o.type==="rect"||o.type==="circle"){a.setLineDash([]),a.globalAlpha=f?.9:.6;let B=o.type==="rect"?[[b.x,b.y],[b.x+b.w,b.y],[b.x,b.y+b.h],[b.x+b.w,b.y+b.h]]:[[b.x+b.w/2,b.y],[b.x+b.w,b.y+b.h/2],[b.x+b.w/2,b.y+b.h],[b.x,b.y+b.h/2]];for(let[O,z]of B)a.fillStyle="#fff",a.fillRect(O-5,z-5,10,10),a.strokeStyle=p?"#aaa":"#333",a.lineWidth=1.2,a.strokeRect(O-5,z-5,10,10)}a.restore()}},D=()=>{a.clearRect(0,0,w.width,w.height),a.drawImage(ie,0,0);for(let o of l)un(o)},Pe=o=>{if(o.type==="rect")return{x:Math.min(o.x,o.x+o.w),y:Math.min(o.y,o.y+o.h),w:Math.abs(o.w),h:Math.abs(o.h)};if(o.type==="circle")return{x:o.cx-Math.abs(o.rx),y:o.cy-Math.abs(o.ry),w:Math.abs(o.rx)*2,h:Math.abs(o.ry)*2};if(o.type==="arrow"){let T=Math.min(o.x1,o.x2),B=Math.min(o.y1,o.y2);return{x:T,y:B,w:Math.abs(o.x2-o.x1)||20,h:Math.abs(o.y2-o.y1)||20}}if(o.type==="text")return{x:o.x,y:o.y-(o.size*5+12),w:o.text.length*(o.size*3+8),h:o.size*5+16};if(o.points.length===0)return{x:0,y:0,w:0,h:0};let u=1/0,f=1/0,C=-1/0,b=-1/0;for(let T of o.points)u=Math.min(u,T.x),f=Math.min(f,T.y),C=Math.max(C,T.x),b=Math.max(b,T.y);return{x:u,y:f,w:C-u||10,h:b-f||10}},Ke=(o,u)=>{for(let f=l.length-1;f>=0;f--){let C=Pe(l[f]),b=8;if(o>=C.x-b&&o<=C.x+C.w+b&&u>=C.y-b&&u<=C.y+C.h+b)return f}return-1},fn=(o,u,f)=>{if(o.type==="draw"||o.type==="highlight")for(let C of o.points)C.x+=u,C.y+=f;else o.type==="rect"?(o.x+=u,o.y+=f):o.type==="circle"?(o.cx+=u,o.cy+=f):o.type==="arrow"?(o.x1+=u,o.y1+=f,o.x2+=u,o.y2+=f):o.type==="text"&&(o.x+=u,o.y+=f)};ie.onload=()=>{let u=(e.clientWidth||450)/ie.width;w.width=ie.width,w.height=ie.height,w.style.height=`${ie.height*u}px`,a=w.getContext("2d"),a.drawImage(ie,0,0);let f=[[10,10],[w.width-10,10],[10,w.height-10],[w.width-10,w.height-10],[w.width/2,w.height/2]],C=0;for(let[z,d]of f){let v=a.getImageData(z,d,1,1).data;C+=(v[0]*299+v[1]*587+v[2]*114)/1e3}p=C/f.length<128;let b=z=>{let d=w.getBoundingClientRect();return{x:(z.clientX-d.left)*(w.width/d.width),y:(z.clientY-d.top)*(w.height/d.height)}},T=!1;w.addEventListener("mousedown",z=>{let d=b(z);if(r==="select"){let v=Ke(d.x,d.y);if(v>=0){g=v,y=!0;let L=Pe(l[v]);ae=d.x-L.x,Te=d.y-L.y,w.classList.add("bs-grabbing"),w.classList.remove("bs-grab"),D()}else g=-1,D();return}if(r!=="pin"&&r!=="text"){let v=Ke(d.x,d.y);if(v>=0){g=v,y=!0,T=!0;let L=Pe(l[v]);ae=d.x-L.x,Te=d.y-L.y,w.classList.add("bs-grabbing"),D();return}}if($=!0,N=d.x,P=d.y,r==="pin"){$=!1;let v=prompt("Describe the issue at this spot:");if(v){let L=Xt[h.length%Xt.length];h.push({x:d.x,y:d.y,note:v,color:L}),Ve()}return}if(r==="text"){$=!1;let v=prompt("Enter text:");v&&(l.push({type:"text",color:n,size:i,x:d.x,y:d.y,text:v}),D());return}(r==="draw"||r==="highlight")&&(k=[{x:d.x,y:d.y}])}),w.addEventListener("mousemove",z=>{let d=b(z);if(y&&g>=0){let v=Pe(l[g]),L=d.x-ae-v.x,S=d.y-Te-v.y;fn(l[g],L,S),D();return}if(r==="select"){let v=Ke(d.x,d.y);w.classList.toggle("bs-grab",v>=0),x!==v&&(x=v,D());return}if(r!=="pin"&&r!=="text"&&!$){let v=Ke(d.x,d.y);w.classList.toggle("bs-grab",v>=0),x!==v&&(x=v,D())}if($){if(r==="draw"||r==="highlight"){k.push({x:d.x,y:d.y}),D();let v=r==="highlight"?.25:1,L=r==="highlight"?i*4+10:i;if(r!=="highlight"){a.save(),a.strokeStyle=zt(),a.lineWidth=L+3,a.lineCap="round",a.lineJoin="round",a.globalAlpha=.5,a.beginPath(),a.moveTo(k[0].x,k[0].y);for(let S=1;S<k.length;S++)a.lineTo(k[S].x,k[S].y);a.stroke(),a.restore()}a.strokeStyle=n,a.lineWidth=L,a.lineCap="round",a.lineJoin="round",a.globalAlpha=v,a.beginPath(),a.moveTo(k[0].x,k[0].y);for(let S=1;S<k.length;S++)a.lineTo(k[S].x,k[S].y);a.stroke(),a.globalAlpha=1}else if(D(),a.strokeStyle=n,a.lineWidth=i,a.lineCap="round",a.lineJoin="round",r==="rect")be(()=>a.strokeRect(N,P,d.x-N,d.y-P),i),a.strokeStyle=n,a.lineWidth=i,a.strokeRect(N,P,d.x-N,d.y-P);else if(r==="circle"){let v=Math.abs(d.x-N)/2,L=Math.abs(d.y-P)/2,S=N+(d.x-N)/2,ss=P+(d.y-P)/2;be(()=>{a.beginPath(),a.ellipse(S,ss,v,L,0,0,Math.PI*2),a.stroke()},i),a.strokeStyle=n,a.lineWidth=i,a.beginPath(),a.ellipse(S,ss,v,L,0,0,Math.PI*2),a.stroke()}else if(r==="arrow"){let v=Math.atan2(d.y-P,d.x-N),L=12+i*2,S=()=>{a.beginPath(),a.moveTo(N,P),a.lineTo(d.x,d.y),a.stroke(),a.beginPath(),a.moveTo(d.x,d.y),a.lineTo(d.x-L*Math.cos(v-.45),d.y-L*Math.sin(v-.45)),a.moveTo(d.x,d.y),a.lineTo(d.x-L*Math.cos(v+.45),d.y-L*Math.sin(v+.45)),a.stroke()};be(S,i),a.strokeStyle=n,a.lineWidth=i,a.lineCap="round",a.lineJoin="round",S()}}});let B=z=>{if(y)return y=!1,T=!1,g=-1,w.classList.remove("bs-grabbing"),w.classList.remove("bs-grab"),D(),void 0;if(!$)return;$=!1;let d=b(z);if(r==="draw"||r==="highlight")k.length>1&&l.push({type:r,color:n,size:i,alpha:r==="highlight"?.25:1,points:[...k]}),k=[];else if(r==="rect")l.push({type:"rect",color:n,size:i,x:N,y:P,w:d.x-N,h:d.y-P});else if(r==="circle"){let v=Math.abs(d.x-N)/2,L=Math.abs(d.y-P)/2;l.push({type:"circle",color:n,size:i,cx:N+(d.x-N)/2,cy:P+(d.y-P)/2,rx:v,ry:L})}else r==="arrow"&&l.push({type:"arrow",color:n,size:i,x1:N,y1:P,x2:d.x,y2:d.y});D()};w.addEventListener("mouseup",B),w.addEventListener("mouseleave",z=>{y?(y=!1,T=!1,w.classList.remove("bs-grabbing"),w.classList.remove("bs-grab"),D()):$&&B(z)});let O=z=>{g>=0&&(z.key==="Delete"||z.key==="Backspace")&&(l.splice(g,1),g=-1,D())};document.addEventListener("keydown",O),es.addEventListener("click",()=>{l.length&&(l.pop(),g=-1,D())}),ts.addEventListener("click",()=>{l.length=0,h.length=0,g=-1,D(),Ve()})};let gn=()=>{for(let o=0;o<h.length;o++){let u=h[o],f=16;a.beginPath(),a.arc(u.x,u.y-f,f,0,Math.PI*2),a.fillStyle=u.color,a.fill(),a.strokeStyle="#fff",a.lineWidth=2,a.stroke(),a.beginPath(),a.moveTo(u.x-8,u.y-6),a.lineTo(u.x,u.y+4),a.lineTo(u.x+8,u.y-6),a.fillStyle=u.color,a.fill(),a.fillStyle="#fff",a.font="bold 14px Inter, sans-serif",a.textAlign="center",a.textBaseline="middle",a.fillText(`${o+1}`,u.x,u.y-f),a.textAlign="start",a.textBaseline="alphabetic"}};return{getAnnotation:()=>{try{return g=-1,D(),gn(),w.toDataURL("image/jpeg",.7)}catch{return null}},getPins:()=>h.map((o,u)=>({number:u+1,x:Math.round(o.x),y:Math.round(o.y),note:o.note}))}}function wt(e){if(!m)return;Ee=e,m.querySelectorAll(".bs-tab").forEach(n=>{n.classList.toggle("bs-active",n.dataset.tab===e)});let t=m.querySelector(".bs-scroll"),s={report:Qs,console:Jn,network:Xn,context:Vn,history:Kn,settings:Zn};t.innerHTML=s[e](),t.scrollTop=0,Gs()}function Gs(){if(!m)return;if(Ee==="history"){m.querySelectorAll("[data-hist-del]").forEach(s=>{s.addEventListener("click",()=>{let n=parseInt(s.dataset.histDel),r=m.querySelector(`[data-hist-id="${n}"]`);if(!r)return;let i=r.querySelector(".bs-hist-confirm");if(i){i.remove();return}let c=document.createElement("div");c.className="bs-hist-confirm",c.innerHTML="<span>Delete this report?</span>";let p=document.createElement("button");p.type="button",p.className="bs-hist-confirm-yes",p.textContent="Delete";let l=document.createElement("button");l.type="button",l.className="bs-hist-confirm-no",l.textContent="Cancel",p.addEventListener("click",()=>{Fn(n),wt("history")}),l.addEventListener("click",()=>c.remove()),c.appendChild(p),c.appendChild(l),r.appendChild(c)})}),m.querySelectorAll("[data-hist-edit]").forEach(s=>{s.addEventListener("click",()=>{let n=parseInt(s.dataset.histEdit),r=m.querySelector(`[data-hist-id="${n}"]`);if(!r)return;let i=r.querySelector(".bs-hist-edit-wrap");if(i){i.remove();return}r.querySelector(".bs-hist-confirm")?.remove();let c=Se().find(y=>y.id===n);if(!c)return;let p=document.createElement("div");p.className="bs-hist-edit-wrap",p.innerHTML=`
           <div class="bs-field" style="margin-bottom:8px">
-            <input class="bs-input" data-edit-title value="${esc(entry.title)}" />
+            <input class="bs-input" data-edit-title value="${H(c.title)}" />
           </div>
           <div class="bs-field" style="margin-bottom:8px">
-            <textarea class="bs-textarea" data-edit-desc style="min-height:56px">${esc(entry.description)}</textarea>
+            <textarea class="bs-textarea" data-edit-desc style="min-height:56px">${H(c.description)}</textarea>
           </div>
           <div class="bs-field" style="margin-bottom:8px">
             <div class="bs-sev-row">
-              <button type="button" class="bs-sev-btn bs-sev-low${entry.severity === "low" ? " bs-picked" : ""}" data-edit-sev="low">Low</button>
-              <button type="button" class="bs-sev-btn bs-sev-medium${entry.severity === "medium" ? " bs-picked" : ""}" data-edit-sev="medium">Medium</button>
-              <button type="button" class="bs-sev-btn bs-sev-high${entry.severity === "high" ? " bs-picked" : ""}" data-edit-sev="high">High</button>
-              <button type="button" class="bs-sev-btn bs-sev-critical${entry.severity === "critical" ? " bs-picked" : ""}" data-edit-sev="critical">Critical</button>
+              <button type="button" class="bs-sev-btn bs-sev-low${c.severity==="low"?" bs-picked":""}" data-edit-sev="low">Low</button>
+              <button type="button" class="bs-sev-btn bs-sev-medium${c.severity==="medium"?" bs-picked":""}" data-edit-sev="medium">Medium</button>
+              <button type="button" class="bs-sev-btn bs-sev-high${c.severity==="high"?" bs-picked":""}" data-edit-sev="high">High</button>
+              <button type="button" class="bs-sev-btn bs-sev-critical${c.severity==="critical"?" bs-picked":""}" data-edit-sev="critical">Critical</button>
             </div>
           </div>
-          <div class="bs-hist-edit-row"></div>`;
-        let editSev = entry.severity;
-        card.appendChild(wrap);
-        wrap.querySelectorAll("[data-edit-sev]").forEach((sb) => {
-          sb.addEventListener("click", () => {
-            editSev = sb.dataset.editSev;
-            wrap.querySelectorAll(".bs-sev-btn").forEach((b) => b.classList.remove("bs-picked"));
-            sb.classList.add("bs-picked");
-          });
-        });
-        const row = wrap.querySelector(".bs-hist-edit-row");
-        const save = document.createElement("button");
-        save.type = "button";
-        save.className = "bs-hist-save";
-        save.textContent = "Save";
-        const cancel = document.createElement("button");
-        cancel.type = "button";
-        cancel.className = "bs-hist-cancel";
-        cancel.textContent = "Cancel";
-        save.addEventListener("click", () => {
-          const newTitle = wrap.querySelector("[data-edit-title]").value.trim();
-          const newDesc = wrap.querySelector("[data-edit-desc]").value.trim();
-          if (!newTitle) return;
-          updateInHistory(id, { title: newTitle, description: newDesc, severity: editSev });
-          switchTab("history");
-        });
-        cancel.addEventListener("click", () => wrap.remove());
-        row.appendChild(save);
-        row.appendChild(cancel);
-      });
-    });
-    return;
-  }
-  if (activeTab === "settings") {
-    modal.querySelectorAll("[data-set-theme]").forEach((btn) => {
-      btn.addEventListener("click", () => {
-        const id = btn.dataset.setTheme;
-        setTheme(id);
-        modal.querySelectorAll("[data-set-theme]").forEach((b) => b.classList.remove("bs-picked"));
-        btn.classList.add("bs-picked");
-      });
-    });
-    modal.querySelectorAll("[data-set-layout]").forEach((btn) => {
-      btn.addEventListener("click", () => {
-        const id = btn.dataset.setLayout;
-        const layout = getLayoutById(id);
-        if (!layout) return;
-        currentLayout = layout;
-        close();
-        setTimeout(() => {
-          activeTab = "settings";
-          open();
-          setTimeout(() => switchTab("settings"), 50);
-        }, 400);
-      });
-    });
-    return;
-  }
-  if (activeTab !== "report") return;
-  modal.querySelectorAll(".bs-cat-btn").forEach((btn) => {
-    btn.addEventListener("click", () => {
-      const cat = btn.dataset.cat;
-      modal.querySelector('input[name="category"]').value = cat;
-      modal.querySelectorAll(".bs-cat-btn").forEach((b) => b.classList.remove("bs-picked"));
-      btn.classList.add("bs-picked");
-    });
-  });
-  modal.querySelectorAll(".bs-sev-btn").forEach((btn) => {
-    btn.addEventListener("click", () => {
-      const sev = btn.dataset.sev;
-      modal.querySelector('input[name="severity"]').value = sev;
-      modal.querySelectorAll(".bs-sev-btn").forEach((b) => b.classList.remove("bs-picked"));
-      btn.classList.add("bs-picked");
-    });
-  });
-  let screenshotData = null;
-  let annotator = null;
-  modal.querySelector("[data-bs-screenshot]")?.addEventListener("click", async () => {
-    const titleEl = modal?.querySelector("[data-bs-shot-title]");
-    const subEl = modal?.querySelector("[data-bs-shot-sub]");
-    const area = modal?.querySelector("[data-bs-screenshot]");
-    if (titleEl) titleEl.textContent = "Capturing...";
-    if (modal) modal.style.visibility = "hidden";
-    if (backdrop) backdrop.style.visibility = "hidden";
-    await new Promise((r) => setTimeout(r, 200));
-    screenshotData = await captureScreenshot();
-    if (modal) modal.style.visibility = "";
-    if (backdrop) backdrop.style.visibility = "";
-    if (screenshotData) {
-      if (titleEl) titleEl.textContent = "Screenshot captured!";
-      if (subEl) subEl.textContent = "Draw on the image below to highlight the issue";
-      area?.classList.add("bs-captured");
-      const container2 = modal?.querySelector("[data-bs-annotate]");
-      if (container2) annotator = setupAnnotation(container2, screenshotData);
-    } else {
-      if (titleEl) titleEl.textContent = "Screenshot unavailable";
-      if (subEl) subEl.textContent = "Install html2canvas package for screenshot support";
-    }
-  });
-  modal.querySelector("[data-bs-form]")?.addEventListener("submit", async (e) => {
-    e.preventDefault();
-    const form = e.target;
-    const btn = form.querySelector(".bs-submit-btn");
-    const msgEl = form.querySelector("[data-bs-msg]");
-    const title = form.elements.namedItem("title").value.trim();
-    const description = form.elements.namedItem("description").value.trim();
-    const severity = form.elements.namedItem("severity").value;
-    const category = form.elements.namedItem("category").value;
-    if (!title) return;
-    btn.disabled = true;
-    btn.textContent = "Sending...";
-    const detected = autoDetect();
-    const report = {
-      projectId: config.projectId,
-      title,
-      description,
-      category,
-      severity,
-      tags: detected.tags.length ? detected.tags : void 0,
-      context: buildContext(),
-      consoleLogs: getLogs(),
-      errors: getErrors(),
-      networkCaptures: getFailedNetworkCaptures(),
-      breadcrumbs: getBreadcrumbs(),
-      performance: getPerformanceMetrics() ?? void 0,
-      screenshot: screenshotData ?? void 0,
-      annotation: annotator?.getAnnotation() ?? void 0,
-      pins: annotator?.getPins().length ? annotator.getPins() : void 0,
-      createdAt: Date.now()
-    };
-    const result = await submitReport(report);
-    addToHistory({
-      title: report.title,
-      description: report.description,
-      category: report.category,
-      severity: report.severity,
-      tags: report.tags,
-      screenshot: report.screenshot,
-      pins: report.pins,
-      url: window.location.href,
-      createdAt: report.createdAt,
-      status: result.success ? "sent" : "draft"
-    });
-    if (result.success) {
-      msgEl.className = "bs-msg bs-msg-ok";
-      msgEl.innerHTML = `${I.check} Bug reported \u2014 thank you!`;
-      setTimeout(close, 1200);
-    } else {
-      msgEl.className = "bs-msg bs-msg-err";
-      msgEl.textContent = result.error ?? "Could not send. Saved as draft.";
-      btn.disabled = false;
-      btn.textContent = "Submit Report";
-    }
-  });
-}
-function open() {
-  if (isOpen) return;
-  isOpen = true;
-  activeTab = "report";
-  backdrop = document.createElement("div");
-  backdrop.className = "bs-backdrop";
-  document.body.appendChild(backdrop);
-  const fails = getFailedNetworkCaptures().length;
-  const errs = getErrors().length;
-  modal = document.createElement("div");
-  modal.className = `bs-modal bs-ly-${currentLayout.id}`;
-  applyThemeVars(modal);
-  const tabsHtml = `
+          <div class="bs-hist-edit-row"></div>`;let l=c.severity;r.appendChild(p),p.querySelectorAll("[data-edit-sev]").forEach(y=>{y.addEventListener("click",()=>{l=y.dataset.editSev,p.querySelectorAll(".bs-sev-btn").forEach($=>$.classList.remove("bs-picked")),y.classList.add("bs-picked")})});let h=p.querySelector(".bs-hist-edit-row"),g=document.createElement("button");g.type="button",g.className="bs-hist-save",g.textContent="Save";let x=document.createElement("button");x.type="button",x.className="bs-hist-cancel",x.textContent="Cancel",g.addEventListener("click",()=>{let y=p.querySelector("[data-edit-title]").value.trim(),$=p.querySelector("[data-edit-desc]").value.trim();y&&(Yn(n,{title:y,description:$,severity:l}),wt("history"))}),x.addEventListener("click",()=>p.remove()),h.appendChild(g),h.appendChild(x)})});return}if(Ee==="settings"){m.querySelectorAll("[data-set-theme]").forEach(s=>{s.addEventListener("click",()=>{let n=s.dataset.setTheme;Yt(n),m.querySelectorAll("[data-set-theme]").forEach(r=>r.classList.remove("bs-picked")),s.classList.add("bs-picked")})}),m.querySelectorAll("[data-set-layout]").forEach(s=>{s.addEventListener("click",()=>{let n=s.dataset.setLayout,r=Oe(n);r&&(ue=r,J(),setTimeout(()=>{Ee="settings",Le(),setTimeout(()=>wt("settings"),50)},400))})});return}if(Ee!=="report")return;m.querySelectorAll(".bs-cat-btn").forEach(s=>{s.addEventListener("click",()=>{let n=s.dataset.cat;m.querySelector('input[name="category"]').value=n,m.querySelectorAll(".bs-cat-btn").forEach(r=>r.classList.remove("bs-picked")),s.classList.add("bs-picked")})}),m.querySelectorAll(".bs-sev-btn").forEach(s=>{s.addEventListener("click",()=>{let n=s.dataset.sev;m.querySelector('input[name="severity"]').value=n,m.querySelectorAll(".bs-sev-btn").forEach(r=>r.classList.remove("bs-picked")),s.classList.add("bs-picked")})});let e=null,t=null;m.querySelector("[data-bs-screenshot]")?.addEventListener("click",async()=>{let s=m?.querySelector("[data-bs-shot-title]"),n=m?.querySelector("[data-bs-shot-sub]"),r=m?.querySelector("[data-bs-screenshot]");if(s&&(s.textContent="Capturing..."),m&&(m.style.visibility="hidden"),F&&(F.style.visibility="hidden"),await new Promise(i=>setTimeout(i,200)),e=await it(),m&&(m.style.visibility=""),F&&(F.style.visibility=""),e){s&&(s.textContent="Screenshot captured!"),n&&(n.textContent="Draw on the image below to highlight the issue"),r?.classList.add("bs-captured");let i=m?.querySelector("[data-bs-annotate]");i&&(t=Qn(i,e))}else s&&(s.textContent="Screenshot unavailable"),n&&(n.textContent="Could not capture screenshot on this page")}),m.querySelector("[data-bs-form]")?.addEventListener("submit",async s=>{s.preventDefault();let n=s.target,r=n.querySelector(".bs-submit-btn"),i=n.querySelector("[data-bs-msg]"),c=n.elements.namedItem("title").value.trim(),p=n.elements.namedItem("description").value.trim(),l=n.elements.namedItem("severity").value,h=n.elements.namedItem("category").value;if(!c)return;r.disabled=!0,r.textContent="Sending...";let g=Zs(),x={projectId:Y.projectId,title:c,description:p,category:h,severity:l,tags:g.tags.length?g.tags:void 0,context:Ks(),consoleLogs:ee(),errors:te(),networkCaptures:le(),breadcrumbs:me(),performance:ye()??void 0,screenshot:e??void 0,annotation:t?.getAnnotation()??void 0,pins:t?.getPins().length?t.getPins():void 0,createdAt:Date.now()},y=await Dt(x);_n({title:x.title,description:x.description,category:x.category,severity:x.severity,tags:x.tags,screenshot:x.screenshot,pins:x.pins,url:window.location.href,createdAt:x.createdAt,status:y.success?"sent":"draft"}),y.success?(i.className="bs-msg bs-msg-ok",i.innerHTML=`${K.check} Bug reported \u2014 thank you!`,setTimeout(J,1200)):(i.className="bs-msg bs-msg-err",i.textContent=y.error??"Could not send. Saved as draft.",r.disabled=!1,r.textContent="Submit Report")})}function Le(){if(fe)return;fe=!0,Ee="report",F=document.createElement("div"),F.className="bs-backdrop",document.body.appendChild(F);let e=le().length,t=te().length;m=document.createElement("div"),m.className=`bs-modal bs-ly-${ue.id}`,kt(m);let s=`
     <div class="bs-tabs">
-      <button class="bs-tab bs-active" data-tab="report">${I.report} Report</button>
-      <button class="bs-tab" data-tab="console">${I.console} Console <span class="bs-tab-badge">${getLogs().length}</span></button>
-      <button class="bs-tab" data-tab="network">${I.network} Network ${fails ? `<span class="bs-tab-badge bs-warn">${fails}</span>` : `<span class="bs-tab-badge">${getNetworkCaptures().length}</span>`}</button>
-      <button class="bs-tab" data-tab="context">${I.ctx} Context ${errs ? `<span class="bs-tab-badge bs-warn">${errs}</span>` : ""}</button>
-      <button class="bs-tab" data-tab="history">${I.history} History <span class="bs-tab-badge">${getReportHistory().length}</span></button>
-      <button class="bs-tab" data-tab="settings" style="margin-left:auto">${I.settings}</button>
-    </div>`;
-  const user = getCurrentUser();
-  const initials = user ? user.name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2) : "";
-  const pinActive = isPinModeActive();
-  const headerHtml = `
+      <button class="bs-tab bs-active" data-tab="report">${K.report} Report</button>
+      <button class="bs-tab" data-tab="console">${K.console} Console <span class="bs-tab-badge">${ee().length}</span></button>
+      <button class="bs-tab" data-tab="network">${K.network} Network ${e?`<span class="bs-tab-badge bs-warn">${e}</span>`:`<span class="bs-tab-badge">${ve().length}</span>`}</button>
+      <button class="bs-tab" data-tab="context">${K.ctx} Context ${t?`<span class="bs-tab-badge bs-warn">${t}</span>`:""}</button>
+      <button class="bs-tab" data-tab="history">${K.history} History <span class="bs-tab-badge">${Se().length}</span></button>
+      <button class="bs-tab" data-tab="settings" style="margin-left:auto">${K.settings}</button>
+    </div>`,n=V(),r=n?n.name.split(" ").map(x=>x[0]).join("").toUpperCase().slice(0,2):"",i=yt(),c=`
     <div class="bs-hdr">
       <div class="bs-logo">BugStash</div>
       <div class="bs-hdr-right">
-        ${user ? `
-          <button class="bs-pin-toggle${pinActive ? " active" : ""}" data-bs-pin-toggle title="Toggle pin mode">
+        ${n?`
+          <button class="bs-pin-toggle${i?" active":""}" data-bs-pin-toggle title="Toggle pin mode">
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
-            Pins ${pinActive ? "ON" : "OFF"}
+            Pins ${i?"ON":"OFF"}
           </button>
           <div class="bs-user-badge">
-            <div class="bs-user-avatar">${initials}</div>
-            <span>${user.name.split(" ")[0]}</span>
+            <div class="bs-user-avatar">${r}</div>
+            <span>${n.name.split(" ")[0]}</span>
           </div>
           <button class="bs-login-logout" data-bs-logout title="Sign out">Logout</button>
-        ` : ""}
-        <button class="bs-close-btn" data-bs-close title="Close">${I.x}</button>
+        `:""}
+        <button class="bs-close-btn" data-bs-close title="Close">${K.x}</button>
       </div>
-    </div>`;
-  const useSidebar = currentLayout.tabPosition === "left";
-  const useBottomTabs = currentLayout.tabPosition === "bottom";
-  const contentHtml = user ? tabReport() : tabLogin();
-  if (useSidebar) {
-    modal.innerHTML = `
-      ${headerHtml}
+    </div>`,p=ue.tabPosition==="left",l=ue.tabPosition==="bottom",h=n?Qs():Un();p?m.innerHTML=`
+      ${c}
       <div class="bs-body-wrap">
-        ${user ? tabsHtml : ""}
-        <div class="bs-scroll">${contentHtml}</div>
-      </div>`;
-  } else if (useBottomTabs) {
-    modal.innerHTML = `
-      ${headerHtml}
-      <div class="bs-scroll">${contentHtml}</div>
-      ${user ? `<div class="bs-tab-divider"></div>${tabsHtml}` : ""}`;
-  } else {
-    modal.innerHTML = `
-      ${headerHtml}
-      ${user ? `${tabsHtml}<div class="bs-tab-divider"></div>` : ""}
-      <div class="bs-scroll">${contentHtml}</div>`;
-  }
-  document.body.appendChild(modal);
-  if (fab) fab.classList.add("bs-open");
-  requestAnimationFrame(() => {
-    backdrop?.classList.add("bs-in");
-    modal?.classList.add("bs-in");
-  });
-  modal.querySelectorAll(".bs-tab").forEach((tab) => {
-    tab.addEventListener("click", () => switchTab(tab.dataset.tab));
-  });
-  modal.querySelector("[data-bs-close]")?.addEventListener("click", close);
-  backdrop.addEventListener("click", close);
-  modal.querySelector("[data-bs-pin-toggle]")?.addEventListener("click", () => {
-    const active = togglePinMode();
-    const btn = modal?.querySelector("[data-bs-pin-toggle]");
-    if (btn) {
-      btn.classList.toggle("active", active);
-      btn.innerHTML = `
+        ${n?s:""}
+        <div class="bs-scroll">${h}</div>
+      </div>`:l?m.innerHTML=`
+      ${c}
+      <div class="bs-scroll">${h}</div>
+      ${n?`<div class="bs-tab-divider"></div>${s}`:""}`:m.innerHTML=`
+      ${c}
+      ${n?`${s}<div class="bs-tab-divider"></div>`:""}
+      <div class="bs-scroll">${h}</div>`,document.body.appendChild(m),j&&j.classList.add("bs-open"),requestAnimationFrame(()=>{F?.classList.add("bs-in"),m?.classList.add("bs-in")}),m.querySelectorAll(".bs-tab").forEach(x=>{x.addEventListener("click",()=>wt(x.dataset.tab))}),m.querySelector("[data-bs-close]")?.addEventListener("click",J),F.addEventListener("click",J),m.querySelector("[data-bs-pin-toggle]")?.addEventListener("click",()=>{let x=vt(),y=m?.querySelector("[data-bs-pin-toggle]");y&&(y.classList.toggle("active",x),y.innerHTML=`
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
-        Pins ${active ? "ON" : "OFF"}
-      `;
-    }
-  });
-  modal.querySelector("[data-bs-logout]")?.addEventListener("click", () => {
-    logout();
-    close();
-    setTimeout(() => open(), 300);
-  });
-  if (!user) {
-    bindLoginForm();
-  } else {
-    bindTabContent();
-  }
-  const escHandler = (e) => {
-    if (e.key === "Escape") {
-      close();
-      document.removeEventListener("keydown", escHandler);
-    }
-  };
-  document.addEventListener("keydown", escHandler);
-}
-function bindLoginForm() {
-  if (!modal) return;
-  const submitBtn = modal.querySelector("#bs-login-submit");
-  const emailInput = modal.querySelector("#bs-login-email");
-  const passInput = modal.querySelector("#bs-login-pass");
-  const errorEl = modal.querySelector("#bs-login-error");
-  if (!submitBtn || !emailInput || !passInput) return;
-  const doLogin = async () => {
-    const email = emailInput.value.trim();
-    const password = passInput.value;
-    if (!email || !password) {
-      errorEl.textContent = "Please enter email and password";
-      errorEl.style.display = "block";
-      return;
-    }
-    submitBtn.setAttribute("disabled", "true");
-    submitBtn.textContent = "Signing in...";
-    errorEl.style.display = "none";
-    const result = await login(email, password, config.projectId);
-    if (result.success) {
-      initLivePins(config.projectId);
-      connectRealtime(config.projectId);
-      close();
-      setTimeout(() => open(), 300);
-    } else {
-      errorEl.textContent = result.error || "Invalid credentials";
-      errorEl.style.display = "block";
-      submitBtn.removeAttribute("disabled");
-      submitBtn.textContent = "Sign In";
-    }
-  };
-  submitBtn.addEventListener("click", doLogin);
-  passInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter") doLogin();
-  });
-  emailInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter") passInput.focus();
-  });
-  setTimeout(() => emailInput.focus(), 100);
-}
-function close() {
-  if (!isOpen) return;
-  if (fab) fab.classList.remove("bs-open");
-  if (modal) {
-    modal.classList.remove("bs-in");
-    modal.classList.add("bs-out");
-  }
-  if (backdrop) backdrop.classList.remove("bs-in");
-  setTimeout(() => {
-    modal?.remove();
-    backdrop?.remove();
-    modal = null;
-    backdrop = null;
-    isOpen = false;
-  }, 350);
-}
-function applyThemeVars(el) {
-  for (const [key, val] of Object.entries(currentTheme.vars)) {
-    el.style.setProperty(key, val);
-  }
-}
-function setTheme(themeId) {
-  const theme = getThemeById(themeId);
-  if (!theme) return;
-  currentTheme = theme;
-  if (modal) applyThemeVars(modal);
-  if (fab) applyThemeVars(fab);
-}
-function getCurrentThemeId() {
-  return currentTheme.id;
-}
-function setLayout(layoutId) {
-  const layout = getLayoutById(layoutId);
-  if (!layout) return;
-  currentLayout = layout;
-  if (isOpen) {
-    close();
-    setTimeout(open, 400);
-  }
-}
-function getCurrentLayoutId() {
-  return currentLayout.id;
-}
-function initPanel(cfg) {
-  config = cfg;
-  styleEl = document.createElement("style");
-  styleEl.textContent = STYLES + LAYOUT_CSS;
-  document.head.appendChild(styleEl);
-  fab = document.createElement("button");
-  fab.className = "bs-fab";
-  applyThemeVars(fab);
-  fab.innerHTML = `${I.bug}<span class="bs-fab-label">Report a bug</span>`;
-  fab.style[cfg.panelPosition === "bottom-left" ? "left" : "right"] = "24px";
-  fab.addEventListener("click", () => isOpen ? close() : open());
-  document.body.appendChild(fab);
-  keyHandler = (e) => {
-    if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === "B") {
-      e.preventDefault();
-      isOpen ? close() : open();
-    }
-  };
-  document.addEventListener("keydown", keyHandler);
-}
-function destroyPanel() {
-  close();
-  fab?.remove();
-  fab = null;
-  styleEl?.remove();
-  styleEl = null;
-  if (keyHandler) document.removeEventListener("keydown", keyHandler);
-  keyHandler = null;
-}
-
-// src/annotation.ts
-var overlay = null;
-var canvas = null;
-var ctx = null;
-var screenshotImg = null;
-var currentTool = "freehand";
-var currentColor = "#ef4444";
-var lineWidth = 3;
-var shapes = [];
-var currentShape = null;
-var isDrawing = false;
-var resolvePromise = null;
-var TOOLS = [
-  { id: "freehand", label: "Draw", icon: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z" },
-  { id: "rectangle", label: "Rect", icon: "M3 3h18v18H3V3zm2 2v14h14V5H5z" },
-  { id: "circle", label: "Circle", icon: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" },
-  { id: "arrow", label: "Arrow", icon: "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" }
-];
-var COLORS = ["#ef4444", "#f97316", "#eab308", "#22c55e", "#3b82f6", "#8b5cf6", "#ffffff", "#000000"];
-function openAnnotationEditor(screenshotDataUrl) {
-  return new Promise((resolve) => {
-    resolvePromise = resolve;
-    shapes = [];
-    currentShape = null;
-    currentTool = "freehand";
-    currentColor = "#ef4444";
-    createOverlay2(screenshotDataUrl);
-  });
-}
-function createOverlay2(screenshotDataUrl) {
-  if (overlay) overlay.remove();
-  overlay = document.createElement("div");
-  overlay.id = "bs-annotation-overlay";
-  const style = document.createElement("style");
-  style.textContent = `
+        Pins ${x?"ON":"OFF"}
+      `)}),m.querySelector("[data-bs-logout]")?.addEventListener("click",()=>{ct(),J(),setTimeout(()=>Le(),300)}),n?Gs():Gn();let g=x=>{x.key==="Escape"&&(J(),document.removeEventListener("keydown",g))};document.addEventListener("keydown",g)}function Gn(){if(!m)return;let e=m.querySelector("#bs-login-submit"),t=m.querySelector("#bs-login-email"),s=m.querySelector("#bs-login-pass"),n=m.querySelector("#bs-login-error");if(!e||!t||!s)return;let r=async()=>{let i=t.value.trim(),c=s.value;if(!i||!c){n.textContent="Please enter email and password",n.style.display="block";return}e.setAttribute("disabled","true"),e.textContent="Signing in...",n.style.display="none";let p=await lt(i,c,Y.projectId);p.success?(xt(Y.projectId),mt(Y.projectId),J(),setTimeout(()=>Le(),300)):(n.textContent=p.error||"Invalid credentials",n.style.display="block",e.removeAttribute("disabled"),e.textContent="Sign In")};e.addEventListener("click",r),s.addEventListener("keydown",i=>{i.key==="Enter"&&r()}),t.addEventListener("keydown",i=>{i.key==="Enter"&&s.focus()}),setTimeout(()=>t.focus(),100)}function J(){fe&&(j&&j.classList.remove("bs-open"),m&&(m.classList.remove("bs-in"),m.classList.add("bs-out")),F&&F.classList.remove("bs-in"),setTimeout(()=>{m?.remove(),F?.remove(),m=null,F=null,fe=!1},350))}function kt(e){for(let[t,s]of Object.entries(Et.vars))e.style.setProperty(t,s)}function Yt(e){let t=pt(e);t&&(Et=t,m&&kt(m),j&&kt(j))}function en(){return Et.id}function tn(e){let t=Oe(e);t&&(ue=t,fe&&(J(),setTimeout(Le,400)))}function sn(){return ue.id}function nn(e){Y=e,We=document.createElement("style"),We.textContent=qn+Hs,document.head.appendChild(We),j=document.createElement("button"),j.className="bs-fab",kt(j),j.innerHTML=`${K.bug}<span class="bs-fab-label">Report a bug</span>`,j.style[e.panelPosition==="bottom-left"?"left":"right"]="24px",j.addEventListener("click",()=>fe?J():Le()),document.body.appendChild(j),_e=t=>{(t.ctrlKey||t.metaKey)&&t.shiftKey&&t.key==="B"&&(t.preventDefault(),fe?J():Le())},document.addEventListener("keydown",_e)}function rn(){J(),j?.remove(),j=null,We?.remove(),We=null,_e&&document.removeEventListener("keydown",_e),_e=null}var Z=null,R=null,E=null,oe=null,Lt="freehand",St="#ef4444",er=3,Ce=[],_=null,Fe=!1,Ct=null,tr=[{id:"freehand",label:"Draw",icon:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z"},{id:"rectangle",label:"Rect",icon:"M3 3h18v18H3V3zm2 2v14h14V5H5z"},{id:"circle",label:"Circle",icon:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"},{id:"arrow",label:"Arrow",icon:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}],sr=["#ef4444","#f97316","#eab308","#22c55e","#3b82f6","#8b5cf6","#ffffff","#000000"];function ln(e){return new Promise(t=>{Ct=t,Ce=[],_=null,Lt="freehand",St="#ef4444",nr(e)})}function nr(e){Z&&Z.remove(),Z=document.createElement("div"),Z.id="bs-annotation-overlay";let t=document.createElement("style");t.textContent=`
     #bs-annotation-overlay {
       position: fixed; inset: 0; z-index: 2147483647;
       background: rgba(0,0,0,0.85);
@@ -4883,304 +1779,5 @@ function createOverlay2(screenshotDataUrl) {
       overflow: hidden; padding: 16px;
     }
     .bs-ann-canvas-wrap canvas { cursor: crosshair; border-radius: 4px; }
-  `;
-  overlay.appendChild(style);
-  const toolbar = document.createElement("div");
-  toolbar.className = "bs-ann-toolbar";
-  for (const tool of TOOLS) {
-    const btn = document.createElement("button");
-    btn.className = `bs-ann-tool${tool.id === currentTool ? " active" : ""}`;
-    btn.title = tool.label;
-    btn.innerHTML = `<svg viewBox="0 0 24 24"><path d="${tool.icon}"/></svg>`;
-    btn.addEventListener("click", () => {
-      currentTool = tool.id;
-      toolbar.querySelectorAll(".bs-ann-tool").forEach((b) => b.classList.remove("active"));
-      btn.classList.add("active");
-    });
-    toolbar.appendChild(btn);
-  }
-  toolbar.appendChild(createSep());
-  for (const color of COLORS) {
-    const btn = document.createElement("button");
-    btn.className = `bs-ann-color${color === currentColor ? " active" : ""}`;
-    btn.style.background = color;
-    btn.addEventListener("click", () => {
-      currentColor = color;
-      toolbar.querySelectorAll(".bs-ann-color").forEach((b) => b.classList.remove("active"));
-      btn.classList.add("active");
-    });
-    toolbar.appendChild(btn);
-  }
-  toolbar.appendChild(createSep());
-  const undoBtn = document.createElement("button");
-  undoBtn.className = "bs-ann-btn bs-ann-undo";
-  undoBtn.textContent = "Undo";
-  undoBtn.addEventListener("click", () => {
-    shapes.pop();
-    redrawCanvas();
-  });
-  toolbar.appendChild(undoBtn);
-  const saveBtn = document.createElement("button");
-  saveBtn.className = "bs-ann-btn bs-ann-save";
-  saveBtn.textContent = "Save";
-  saveBtn.addEventListener("click", saveAnnotation);
-  const cancelBtn = document.createElement("button");
-  cancelBtn.className = "bs-ann-btn bs-ann-cancel";
-  cancelBtn.textContent = "Cancel";
-  cancelBtn.addEventListener("click", () => {
-    cleanup();
-    resolvePromise?.(null);
-  });
-  toolbar.appendChild(saveBtn);
-  toolbar.appendChild(cancelBtn);
-  overlay.appendChild(toolbar);
-  const canvasWrap = document.createElement("div");
-  canvasWrap.className = "bs-ann-canvas-wrap";
-  canvas = document.createElement("canvas");
-  ctx = canvas.getContext("2d");
-  canvasWrap.appendChild(canvas);
-  overlay.appendChild(canvasWrap);
-  document.body.appendChild(overlay);
-  screenshotImg = new Image();
-  screenshotImg.onload = () => {
-    if (!canvas || !ctx || !screenshotImg) return;
-    const maxW = window.innerWidth - 32;
-    const maxH = window.innerHeight - 100;
-    let w = screenshotImg.width;
-    let h = screenshotImg.height;
-    const scale = Math.min(1, maxW / w, maxH / h);
-    w = Math.round(w * scale);
-    h = Math.round(h * scale);
-    canvas.width = w;
-    canvas.height = h;
-    redrawCanvas();
-    setupCanvasEvents();
-  };
-  screenshotImg.src = screenshotDataUrl;
-}
-function createSep() {
-  const sep = document.createElement("div");
-  sep.className = "bs-ann-sep";
-  return sep;
-}
-function setupCanvasEvents() {
-  if (!canvas) return;
-  canvas.addEventListener("mousedown", (e) => {
-    isDrawing = true;
-    const { x, y } = getCanvasPos(e);
-    currentShape = {
-      type: currentTool,
-      color: currentColor,
-      lineWidth,
-      points: [{ x, y }],
-      x,
-      y,
-      width: 0,
-      height: 0
-    };
-  });
-  canvas.addEventListener("mousemove", (e) => {
-    if (!isDrawing || !currentShape) return;
-    const { x, y } = getCanvasPos(e);
-    if (currentShape.type === "freehand") {
-      currentShape.points.push({ x, y });
-    } else {
-      currentShape.width = x - currentShape.x;
-      currentShape.height = y - currentShape.y;
-    }
-    redrawCanvas();
-    drawShape(currentShape);
-  });
-  const endDraw = () => {
-    if (isDrawing && currentShape) {
-      shapes.push(currentShape);
-      currentShape = null;
-    }
-    isDrawing = false;
-    redrawCanvas();
-  };
-  canvas.addEventListener("mouseup", endDraw);
-  canvas.addEventListener("mouseleave", endDraw);
-}
-function getCanvasPos(e) {
-  const rect = canvas.getBoundingClientRect();
-  return {
-    x: e.clientX - rect.left,
-    y: e.clientY - rect.top
-  };
-}
-function redrawCanvas() {
-  if (!ctx || !canvas || !screenshotImg) return;
-  ctx.clearRect(0, 0, canvas.width, canvas.height);
-  ctx.drawImage(screenshotImg, 0, 0, canvas.width, canvas.height);
-  for (const shape of shapes) {
-    drawShape(shape);
-  }
-}
-function drawShape(shape) {
-  if (!ctx) return;
-  ctx.strokeStyle = shape.color;
-  ctx.fillStyle = shape.color;
-  ctx.lineWidth = shape.lineWidth;
-  ctx.lineCap = "round";
-  ctx.lineJoin = "round";
-  switch (shape.type) {
-    case "freehand": {
-      if (!shape.points || shape.points.length < 2) return;
-      ctx.beginPath();
-      ctx.moveTo(shape.points[0].x, shape.points[0].y);
-      for (let i = 1; i < shape.points.length; i++) {
-        ctx.lineTo(shape.points[i].x, shape.points[i].y);
-      }
-      ctx.stroke();
-      break;
-    }
-    case "rectangle": {
-      ctx.strokeRect(shape.x, shape.y, shape.width, shape.height);
-      break;
-    }
-    case "circle": {
-      const cx = shape.x + shape.width / 2;
-      const cy = shape.y + shape.height / 2;
-      const rx = Math.abs(shape.width) / 2;
-      const ry = Math.abs(shape.height) / 2;
-      ctx.beginPath();
-      ctx.ellipse(cx, cy, rx, ry, 0, 0, Math.PI * 2);
-      ctx.stroke();
-      break;
-    }
-    case "arrow": {
-      const startX = shape.x;
-      const startY = shape.y;
-      const endX = shape.x + shape.width;
-      const endY = shape.y + shape.height;
-      const headLen = 14;
-      const angle = Math.atan2(endY - startY, endX - startX);
-      ctx.beginPath();
-      ctx.moveTo(startX, startY);
-      ctx.lineTo(endX, endY);
-      ctx.stroke();
-      ctx.beginPath();
-      ctx.moveTo(endX, endY);
-      ctx.lineTo(endX - headLen * Math.cos(angle - Math.PI / 6), endY - headLen * Math.sin(angle - Math.PI / 6));
-      ctx.lineTo(endX - headLen * Math.cos(angle + Math.PI / 6), endY - headLen * Math.sin(angle + Math.PI / 6));
-      ctx.closePath();
-      ctx.fill();
-      break;
-    }
-  }
-}
-function saveAnnotation() {
-  if (!canvas) {
-    cleanup();
-    resolvePromise?.(null);
-    return;
-  }
-  const dataUrl = canvas.toDataURL("image/png");
-  const result = { dataUrl, annotations: shapes };
-  cleanup();
-  resolvePromise?.(result);
-}
-function cleanup() {
-  overlay?.remove();
-  overlay = null;
-  canvas = null;
-  ctx = null;
-  screenshotImg = null;
-  shapes = [];
-  currentShape = null;
-  isDrawing = false;
-}
-
-// src/index.ts
-var initialized = false;
-function detectEnvironment() {
-  if (typeof window === "undefined") return "production";
-  const host = window.location.hostname;
-  if (host === "localhost" || host === "127.0.0.1" || host === "0.0.0.0" || host.endsWith(".local") || /^192\.168\./.test(host) || /^10\./.test(host) || /^172\.(1[6-9]|2\d|3[01])\./.test(host)) return "development";
-  if (host.includes("staging") || host.includes("stage") || host.includes("preview") || host.includes("preprod") || host.includes("pre-prod") || host.includes("qa.") || host.includes(".qa") || host.includes("test.") || host.includes(".dev.") || host.includes("vercel.app") || // Vercel preview deployments
-  host.includes("netlify.app") || // Netlify preview deployments
-  host.includes("pages.dev") || // Cloudflare Pages previews
-  host.includes("ngrok.io") || // ngrok tunnels
-  host.includes("ngrok-free.app") || // ngrok free tier
-  host.includes("localhost.run") || // localhost.run tunnels
-  host.includes("loca.lt")) return "staging";
-  return "production";
-}
-var BugStash = {
-  init(options) {
-    if (initialized) return;
-    if (typeof window === "undefined") return;
-    const env = options.environment ?? detectEnvironment();
-    if (env === "production") return;
-    initialized = true;
-    if (options.endpoint) setEndpoint(options.endpoint);
-    initBreadcrumbs(options.maxBreadcrumbs);
-    initLogger(options.maxLogs);
-    initNetwork(options.maxNetworkCaptures);
-    initErrors();
-    if (options.enablePerformance !== false) initPerformance();
-    initPanel(options);
-    if (options.enableLivePins !== false) {
-      const user = getCurrentUser();
-      if (user) {
-        initLivePins(options.projectId);
-        connectRealtime(options.projectId);
-      }
-    }
-  },
-  destroy() {
-    if (!initialized) return;
-    destroyPanel();
-    destroyLivePins();
-    disconnectRealtime();
-    restoreConsole();
-    restoreNetwork();
-    restoreErrors();
-    restoreBreadcrumbs();
-    restorePerformance();
-    initialized = false;
-  },
-  // Programmatic API
-  getLogs,
-  clearLogs,
-  getNetworkCaptures,
-  getFailedNetworkCaptures,
-  clearNetworkCaptures,
-  getErrors,
-  clearErrors,
-  getBreadcrumbs,
-  clearBreadcrumbs,
-  getPerformanceMetrics,
-  addBreadcrumb,
-  // Theme API
-  getThemes,
-  getThemeById,
-  setTheme,
-  getCurrentThemeId,
-  // Layout API
-  getLayouts,
-  getLayoutById,
-  setLayout,
-  getCurrentLayoutId,
-  // Auth API
-  getCurrentUser,
-  login,
-  logout,
-  // Live Pins API
-  togglePinMode,
-  isPinModeActive,
-  // Real-time
-  isConnected,
-  // Annotation
-  openAnnotationEditor,
-  // PII Redaction
-  redactString,
-  redactObject
-};
-var index_default = BugStash;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BugStash
-});
+  `,Z.appendChild(t);let s=document.createElement("div");s.className="bs-ann-toolbar";for(let p of tr){let l=document.createElement("button");l.className=`bs-ann-tool${p.id===Lt?" active":""}`,l.title=p.label,l.innerHTML=`<svg viewBox="0 0 24 24"><path d="${p.icon}"/></svg>`,l.addEventListener("click",()=>{Lt=p.id,s.querySelectorAll(".bs-ann-tool").forEach(h=>h.classList.remove("active")),l.classList.add("active")}),s.appendChild(l)}s.appendChild(on());for(let p of sr){let l=document.createElement("button");l.className=`bs-ann-color${p===St?" active":""}`,l.style.background=p,l.addEventListener("click",()=>{St=p,s.querySelectorAll(".bs-ann-color").forEach(h=>h.classList.remove("active")),l.classList.add("active")}),s.appendChild(l)}s.appendChild(on());let n=document.createElement("button");n.className="bs-ann-btn bs-ann-undo",n.textContent="Undo",n.addEventListener("click",()=>{Ce.pop(),Tt()}),s.appendChild(n);let r=document.createElement("button");r.className="bs-ann-btn bs-ann-save",r.textContent="Save",r.addEventListener("click",or);let i=document.createElement("button");i.className="bs-ann-btn bs-ann-cancel",i.textContent="Cancel",i.addEventListener("click",()=>{Jt(),Ct?.(null)}),s.appendChild(r),s.appendChild(i),Z.appendChild(s);let c=document.createElement("div");c.className="bs-ann-canvas-wrap",R=document.createElement("canvas"),E=R.getContext("2d"),c.appendChild(R),Z.appendChild(c),document.body.appendChild(Z),oe=new Image,oe.onload=()=>{if(!R||!E||!oe)return;let p=window.innerWidth-32,l=window.innerHeight-100,h=oe.width,g=oe.height,x=Math.min(1,p/h,l/g);h=Math.round(h*x),g=Math.round(g*x),R.width=h,R.height=g,Tt(),rr()},oe.src=e}function on(){let e=document.createElement("div");return e.className="bs-ann-sep",e}function rr(){if(!R)return;R.addEventListener("mousedown",t=>{Fe=!0;let{x:s,y:n}=an(t);_={type:Lt,color:St,lineWidth:er,points:[{x:s,y:n}],x:s,y:n,width:0,height:0}}),R.addEventListener("mousemove",t=>{if(!Fe||!_)return;let{x:s,y:n}=an(t);_.type==="freehand"?_.points.push({x:s,y:n}):(_.width=s-_.x,_.height=n-_.y),Tt(),cn(_)});let e=()=>{Fe&&_&&(Ce.push(_),_=null),Fe=!1,Tt()};R.addEventListener("mouseup",e),R.addEventListener("mouseleave",e)}function an(e){let t=R.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}}function Tt(){if(!(!E||!R||!oe)){E.clearRect(0,0,R.width,R.height),E.drawImage(oe,0,0,R.width,R.height);for(let e of Ce)cn(e)}}function cn(e){if(E)switch(E.strokeStyle=e.color,E.fillStyle=e.color,E.lineWidth=e.lineWidth,E.lineCap="round",E.lineJoin="round",e.type){case"freehand":{if(!e.points||e.points.length<2)return;E.beginPath(),E.moveTo(e.points[0].x,e.points[0].y);for(let t=1;t<e.points.length;t++)E.lineTo(e.points[t].x,e.points[t].y);E.stroke();break}case"rectangle":{E.strokeRect(e.x,e.y,e.width,e.height);break}case"circle":{let t=e.x+e.width/2,s=e.y+e.height/2,n=Math.abs(e.width)/2,r=Math.abs(e.height)/2;E.beginPath(),E.ellipse(t,s,n,r,0,0,Math.PI*2),E.stroke();break}case"arrow":{let t=e.x,s=e.y,n=e.x+e.width,r=e.y+e.height,i=14,c=Math.atan2(r-s,n-t);E.beginPath(),E.moveTo(t,s),E.lineTo(n,r),E.stroke(),E.beginPath(),E.moveTo(n,r),E.lineTo(n-i*Math.cos(c-Math.PI/6),r-i*Math.sin(c-Math.PI/6)),E.lineTo(n-i*Math.cos(c+Math.PI/6),r-i*Math.sin(c+Math.PI/6)),E.closePath(),E.fill();break}}}function or(){if(!R){Jt(),Ct?.(null);return}let t={dataUrl:R.toDataURL("image/png"),annotations:Ce};Jt(),Ct?.(t)}function Jt(){Z?.remove(),Z=null,R=null,E=null,oe=null,Ce=[],_=null,Fe=!1}var Mt=!1;function ar(){if(typeof window>"u")return"production";let e=window.location.hostname;return e==="localhost"||e==="127.0.0.1"||e==="0.0.0.0"||e.endsWith(".local")||/^192\.168\./.test(e)||/^10\./.test(e)||/^172\.(1[6-9]|2\d|3[01])\./.test(e)?"development":e.includes("staging")||e.includes("stage")||e.includes("preview")||e.includes("preprod")||e.includes("pre-prod")||e.includes("qa.")||e.includes(".qa")||e.includes("test.")||e.includes(".dev.")||e.includes("vercel.app")||e.includes("netlify.app")||e.includes("pages.dev")||e.includes("ngrok.io")||e.includes("ngrok-free.app")||e.includes("localhost.run")||e.includes("loca.lt")?"staging":"production"}var dn={init(e){Mt||typeof window>"u"||(e.environment??ar())==="production"||(Mt=!0,e.endpoint&&Es(e.endpoint),rs(e.maxBreadcrumbs),cs(e.maxLogs),fs(e.maxNetworkCaptures),hs(),e.enablePerformance!==!1&&ys(),nn(e),e.enableLivePins!==!1&&V()&&(xt(e.projectId),mt(e.projectId)))},destroy(){Mt&&(rn(),Fs(),Ds(),bs(),ms(),vs(),as(),ws(),Mt=!1)},getLogs:ee,clearLogs:ds,getNetworkCaptures:ve,getFailedNetworkCaptures:le,clearNetworkCaptures:gs,getErrors:te,clearErrors:xs,getBreadcrumbs:me,clearBreadcrumbs:os,getPerformanceMetrics:ye,addBreadcrumb:q,getThemes:bt,getThemeById:pt,setTheme:Yt,getCurrentThemeId:en,getLayouts:ut,getLayoutById:Oe,setLayout:tn,getCurrentLayoutId:sn,getCurrentUser:V,login:lt,logout:ct,togglePinMode:vt,isPinModeActive:yt,isConnected:js,openAnnotationEditor:ln,redactString:he,redactObject:Qe},ir=dn;0&&(module.exports={BugStash});
 //# sourceMappingURL=index.cjs.map