quick-bug-reporter-react 1.2.0 → 1.3.1

package/dist/index.js

@@ -7,7 +7,123 @@ import { Slot, Dialog as Dialog$1 } from 'radix-ui';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
-// src/core/NetworkLogger.ts
+// ../core/dist/index.js
+var MAX_CONSOLE_ENTRIES = 200;
+var MAX_ERROR_ENTRIES = 50;
+var MAX_ARG_LENGTH = 1e3;
+function serializeArg(arg) {
+  if (typeof arg === "string") {
+    return arg.length > MAX_ARG_LENGTH ? arg.slice(0, MAX_ARG_LENGTH) + "\u2026" : arg;
+  }
+  try {
+    const json = JSON.stringify(arg);
+    return json.length > MAX_ARG_LENGTH ? json.slice(0, MAX_ARG_LENGTH) + "\u2026" : json;
+  } catch {
+    return String(arg);
+  }
+}
+var ConsoleCapture = class {
+  constructor() {
+    this.consoleLogs = [];
+    this.errors = [];
+    this.originals = {};
+    this.errorHandler = null;
+    this.rejectionHandler = null;
+    this.active = false;
+  }
+  start() {
+    if (this.active || typeof window === "undefined") {
+      return;
+    }
+    this.active = true;
+    this.consoleLogs = [];
+    this.errors = [];
+    const levels = ["log", "info", "warn", "error"];
+    for (const level of levels) {
+      const original = console[level];
+      this.originals[level] = original;
+      const capture = this;
+      console[level] = (...args) => {
+        try {
+          capture.consoleLogs.push({
+            level,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+            args: args.map(serializeArg)
+          });
+          if (capture.consoleLogs.length > MAX_CONSOLE_ENTRIES) {
+            capture.consoleLogs.shift();
+          }
+        } catch {
+        }
+        original.apply(console, args);
+      };
+    }
+    this.errorHandler = (event) => {
+      try {
+        this.errors.push({
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          message: event.message || "Unknown error",
+          source: event.filename || void 0,
+          lineno: event.lineno || void 0,
+          colno: event.colno || void 0,
+          stack: event.error?.stack || void 0,
+          type: "error"
+        });
+        if (this.errors.length > MAX_ERROR_ENTRIES) {
+          this.errors.shift();
+        }
+      } catch {
+      }
+    };
+    window.addEventListener("error", this.errorHandler);
+    this.rejectionHandler = (event) => {
+      try {
+        const reason = event.reason;
+        this.errors.push({
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          message: reason instanceof Error ? reason.message : String(reason),
+          stack: reason instanceof Error ? reason.stack || void 0 : void 0,
+          type: "unhandledrejection"
+        });
+        if (this.errors.length > MAX_ERROR_ENTRIES) {
+          this.errors.shift();
+        }
+      } catch {
+      }
+    };
+    window.addEventListener("unhandledrejection", this.rejectionHandler);
+  }
+  snapshot() {
+    return {
+      consoleLogs: [...this.consoleLogs],
+      jsErrors: [...this.errors]
+    };
+  }
+  stop() {
+    if (!this.active) {
+      return;
+    }
+    for (const [level, original] of Object.entries(this.originals)) {
+      if (original) {
+        console[level] = original;
+      }
+    }
+    this.originals = {};
+    if (this.errorHandler) {
+      window.removeEventListener("error", this.errorHandler);
+      this.errorHandler = null;
+    }
+    if (this.rejectionHandler) {
+      window.removeEventListener("unhandledrejection", this.rejectionHandler);
+      this.rejectionHandler = null;
+    }
+    this.active = false;
+  }
+  clear() {
+    this.consoleLogs = [];
+    this.errors = [];
+  }
+};
 function resolveMethod(input, init) {
   if (init?.method) {
     return init.method;
@@ -99,1550 +215,1528 @@ var NetworkLogger = class {
     return this.recording;
   }
 };
-
-// src/core/ScreenRecorder.ts
-var MIME_TYPES = ["video/webm;codecs=vp9,opus", "video/webm;codecs=vp8,opus", "video/webm"];
-function mapRecorderError(error) {
-  if (error instanceof DOMException) {
-    if (error.name === "NotAllowedError" || error.name === "SecurityError") {
-      return new Error("Screen or microphone permission was denied.");
-    }
-    if (error.name === "AbortError") {
-      return new Error("Recording setup was cancelled before it started.");
-    }
-    if (error.name === "NotFoundError") {
-      return new Error("No screen/tab or microphone source was found.");
+var DEFAULT_MAX_RECORDING_MS = 2 * 60 * 1e3;
+function formatConsoleLogs(logs) {
+  if (logs.length === 0) {
+    return "No console output captured.";
+  }
+  return logs.map((entry) => {
+    const tag = entry.level.toUpperCase().padEnd(5);
+    const args = entry.args.join(" ");
+    return `[${entry.timestamp}] ${tag} ${args}`;
+  }).join("\n");
+}
+function formatJsErrors(errors) {
+  if (errors.length === 0) {
+    return "No JavaScript errors captured.";
+  }
+  return errors.map((entry) => {
+    const lines = [`[${entry.timestamp}] ${entry.type}: ${entry.message}`];
+    if (entry.source) {
+      lines.push(`  at ${entry.source}${entry.lineno ? `:${entry.lineno}` : ""}${entry.colno ? `:${entry.colno}` : ""}`);
     }
-    if (error.name === "NotReadableError") {
-      return new Error("Unable to access the selected screen/tab or microphone.");
+    if (entry.stack) {
+      lines.push(entry.stack.split("\n").map((l) => `  ${l}`).join("\n"));
     }
-    return new Error(error.message || "Failed to start recording.");
+    return lines.join("\n");
+  }).join("\n\n");
+}
+function formatNetworkLogs(logs) {
+  if (logs.length === 0) {
+    return "No network requests captured.";
   }
-  if (error instanceof Error) {
-    return error;
+  return logs.map((entry) => {
+    const status = entry.status === null ? "FAILED" : String(entry.status);
+    return `[${entry.timestamp}] ${entry.method.toUpperCase()} ${entry.url} -> ${status} (${entry.durationMs}ms)`;
+  }).join("\n");
+}
+function toErrorMessage(error) {
+  if (error instanceof Error && error.message.trim().length > 0) {
+    return error.message;
   }
-  return new Error("Failed to start recording.");
+  return "Unknown error";
 }
-function pickMimeType() {
-  if (typeof MediaRecorder === "undefined") {
-    return void 0;
+function toBlobFile(blob, fileName, fallbackMimeType) {
+  return new File([blob], fileName, {
+    type: blob.type || fallbackMimeType,
+    lastModified: Date.now()
+  });
+}
+var DEFAULT_GRAPHQL_ENDPOINT = "https://api.linear.app/graphql";
+var noop = () => {
+};
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function parseErrorMessage(body, fallback) {
+  if (!isRecord(body)) {
+    return fallback;
   }
-  return MIME_TYPES.find((mime) => MediaRecorder.isTypeSupported(mime));
+  if (Array.isArray(body.errors)) {
+    const messages = body.errors.map((entry) => {
+      if (isRecord(entry) && typeof entry.message === "string") {
+        return entry.message;
+      }
+      return "";
+    }).filter(Boolean);
+    if (messages.length > 0) {
+      return messages.join("; ");
+    }
+  }
+  return fallback;
 }
-var ScreenRecorder = class {
-  constructor() {
-    this.mediaRecorder = null;
-    this.displayStream = null;
-    this.microphoneStream = null;
-    this.mixedStream = null;
-    this.audioContext = null;
-    this.displayAudioStream = null;
-    this.microphoneAudioStream = null;
-    this.chunks = [];
-    this.recording = false;
-    this.stopPromise = null;
-    this.stopResolver = null;
-    this.lastBlob = null;
-    this.onEnded = null;
+function ensureString(value, message) {
+  if (typeof value !== "string" || value.trim().length === 0) {
+    throw new Error(message);
   }
-  async start(options = {}) {
-    if (this.recording) {
-      return;
+  return value;
+}
+function buildCleanDescription(payload, mediaLinks) {
+  const lines = [
+    payload.description,
+    "",
+    "### Context",
+    `- Reported At: ${payload.stoppedAt}`,
+    `- Capture Mode: ${payload.captureMode === "screenshot" ? "Screenshot" : "Video"}`,
+    `- Page URL: ${payload.pageUrl || "Unknown"}`,
+    ""
+  ];
+  if (mediaLinks.screenshotUrl || mediaLinks.recordingUrl) {
+    lines.push("### Media");
+    if (mediaLinks.screenshotUrl) {
+      lines.push(`- Screenshot: [Open screenshot](${mediaLinks.screenshotUrl})`);
     }
-    if (typeof navigator === "undefined" || !navigator.mediaDevices || typeof navigator.mediaDevices.getDisplayMedia !== "function" || typeof navigator.mediaDevices.getUserMedia !== "function" || typeof MediaRecorder === "undefined") {
-      throw new Error("This browser does not support screen and microphone recording.");
+    if (mediaLinks.recordingUrl) {
+      lines.push(`- Recording: [Open recording](${mediaLinks.recordingUrl})`);
     }
-    this.cleanupStreams();
-    this.resetStopPromise();
-    this.chunks = [];
-    this.lastBlob = null;
-    this.onEnded = options.onEnded ?? null;
-    try {
-      const displayOptions = {
-        video: {
-          frameRate: { ideal: 15, max: 24 },
-          width: { ideal: 1280, max: 1920 },
-          height: { ideal: 720, max: 1080 }
-        },
-        audio: true,
-        // Browser hints only; the user still decides what to share in the native prompt.
-        preferCurrentTab: true,
-        selfBrowserSurface: "include",
-        surfaceSwitching: "include",
-        monitorTypeSurfaces: "include"
-      };
-      const displayStream = await navigator.mediaDevices.getDisplayMedia(displayOptions);
-      this.displayStream = displayStream;
-      let microphoneStream;
-      try {
-        microphoneStream = await navigator.mediaDevices.getUserMedia({
-          audio: {
-            echoCancellation: true,
-            noiseSuppression: true
-          },
-          video: false
-        });
-      } catch (error) {
-        for (const track of displayStream.getTracks()) {
-          track.stop();
-        }
-        throw error;
-      }
-      this.microphoneStream = microphoneStream;
-      const microphoneAudioTracks = microphoneStream.getAudioTracks();
-      if (microphoneAudioTracks.length === 0) {
-        for (const track of displayStream.getTracks()) {
-          track.stop();
-        }
-        for (const track of microphoneStream.getTracks()) {
-          track.stop();
-        }
-        throw new Error("Microphone audio track is unavailable.");
-      }
-      for (const track of microphoneAudioTracks) {
-        track.enabled = true;
-      }
-      const mixedAudioTracks = await this.buildMixedAudioTracks(displayStream, microphoneStream);
-      const tracks = [...displayStream.getVideoTracks(), ...mixedAudioTracks];
-      if (tracks.length === 0) {
-        for (const track of displayStream.getTracks()) {
-          track.stop();
-        }
-        for (const track of microphoneStream.getTracks()) {
-          track.stop();
-        }
-        throw new Error("No media tracks available for recording.");
-      }
-      this.mixedStream = new MediaStream(tracks);
-      const mimeType = pickMimeType();
-      const recorderOptions = {
-        videoBitsPerSecond: 12e5,
-        audioBitsPerSecond: 96e3
-      };
-      if (mimeType) {
-        recorderOptions.mimeType = mimeType;
-      }
-      try {
-        this.mediaRecorder = new MediaRecorder(this.mixedStream, recorderOptions);
-      } catch {
-        if (mimeType) {
-          try {
-            this.mediaRecorder = new MediaRecorder(this.mixedStream, { mimeType });
-          } catch {
-            this.mediaRecorder = new MediaRecorder(this.mixedStream);
-          }
-        } else {
-          this.mediaRecorder = new MediaRecorder(this.mixedStream);
-        }
+    lines.push("");
+  }
+  lines.push(
+    "*Network logs and client metadata are attached as comments below.*"
+  );
+  return lines.join("\n");
+}
+var LinearIntegration = class {
+  constructor(options) {
+    this.provider = "linear";
+    this.apiKey = options.apiKey;
+    this.teamId = options.teamId;
+    this.projectId = options.projectId;
+    this.graphqlEndpoint = options.graphqlEndpoint ?? DEFAULT_GRAPHQL_ENDPOINT;
+    this.submitProxyEndpoint = options.submitProxyEndpoint;
+    this.createIssueProxyEndpoint = options.createIssueProxyEndpoint;
+    this.uploadProxyEndpoint = options.uploadProxyEndpoint;
+    this.fetchImpl = options.fetchImpl ?? ((input, init) => globalThis.fetch(input, init));
+  }
+  async submit(payload, onProgress) {
+    if (this.submitProxyEndpoint) {
+      return this.submitViaProxy(payload, onProgress);
+    }
+    const progress = onProgress ?? noop;
+    progress("Uploading media\u2026");
+    const [screenshotUrl, recordingUrl] = await Promise.all([
+      payload.screenshotBlob ? this.uploadAsset(payload.screenshotBlob, "bug-screenshot.png", "image/png") : Promise.resolve(null),
+      payload.videoBlob ? this.uploadAsset(payload.videoBlob, "bug-recording.webm", "video/webm") : Promise.resolve(null)
+    ]);
+    progress("Creating Linear issue\u2026");
+    const description = buildCleanDescription(payload, { screenshotUrl, recordingUrl });
+    const issue = await this.createIssue(payload.title, description);
+    progress("Attaching logs\u2026");
+    const comments = [];
+    const logsComment = "### Network Logs\n```text\n" + formatNetworkLogs(payload.networkLogs) + "\n```";
+    comments.push(this.addComment(issue.id, logsComment));
+    if (payload.jsErrors.length > 0 || payload.consoleLogs.length > 0) {
+      const parts = [];
+      if (payload.jsErrors.length > 0) {
+        parts.push("### JavaScript Errors\n```text\n" + formatJsErrors(payload.jsErrors) + "\n```");
       }
-      this.mediaRecorder.ondataavailable = (event) => {
-        if (event.data && event.data.size > 0) {
-          this.chunks.push(event.data);
-        }
-      };
-      this.mediaRecorder.onstop = () => {
-        const mime = this.mediaRecorder?.mimeType || mimeType || "video/webm";
-        const blob = this.chunks.length > 0 ? new Blob(this.chunks, { type: mime }) : null;
-        this.lastBlob = blob;
-        this.recording = false;
-        this.cleanupStreams();
-        const resolve = this.stopResolver;
-        this.resetStopPromise();
-        resolve?.(blob);
-      };
-      for (const track of displayStream.getVideoTracks()) {
-        track.onended = () => {
-          if (!this.recording) {
-            return;
-          }
-          void this.stop().finally(() => {
-            this.onEnded?.();
-          });
-        };
+      if (payload.consoleLogs.length > 0) {
+        parts.push("### Console Output\n```text\n" + formatConsoleLogs(payload.consoleLogs) + "\n```");
       }
-      this.mediaRecorder.start(1e3);
-      this.recording = true;
-    } catch (error) {
-      this.cleanupStreams();
-      this.recording = false;
-      throw mapRecorderError(error);
+      comments.push(this.addComment(issue.id, parts.join("\n\n")));
     }
+    const metadataComment = "### Client Metadata\n```json\n" + JSON.stringify(payload.metadata, null, 2) + "\n```";
+    comments.push(this.addComment(issue.id, metadataComment));
+    await Promise.all(comments);
+    progress("Done!");
+    return {
+      provider: this.provider,
+      issueId: issue.id,
+      issueKey: issue.identifier,
+      issueUrl: issue.url,
+      warnings: []
+    };
   }
-  async stop() {
-    if (!this.recording && !this.stopPromise) {
-      return this.lastBlob;
-    }
-    if (this.stopPromise) {
-      return this.stopPromise;
+  async submitViaProxy(payload, onProgress) {
+    if (!this.submitProxyEndpoint) {
+      throw new Error("Linear submit proxy endpoint is not configured.");
     }
-    if (!this.mediaRecorder) {
-      this.recording = false;
-      this.cleanupStreams();
-      return this.lastBlob;
+    const formData = new FormData();
+    formData.set("provider", "linear");
+    formData.set("title", payload.title);
+    formData.set("description", buildCleanDescription(payload, { screenshotUrl: null, recordingUrl: null }));
+    if (this.teamId) {
+      formData.set("teamId", this.teamId);
     }
-    this.stopPromise = new Promise((resolve) => {
-      this.stopResolver = resolve;
-    });
-    if (this.mediaRecorder.state === "inactive") {
-      this.mediaRecorder.onstop?.(new Event("stop"));
-    } else {
-      this.mediaRecorder.stop();
+    if (this.projectId) {
+      formData.set("projectId", this.projectId);
     }
-    return this.stopPromise;
-  }
-  isRecording() {
-    return this.recording;
-  }
-  getLastBlob() {
-    return this.lastBlob;
-  }
-  clearLastBlob() {
-    this.lastBlob = null;
-  }
-  dispose() {
-    this.cleanupStreams();
-    this.recording = false;
-    this.resetStopPromise();
-  }
-  cleanupStreams() {
-    if (this.audioContext) {
-      void this.audioContext.close().catch(() => void 0);
+    if (payload.screenshotBlob) {
+      formData.append("screenshotFile", toBlobFile(payload.screenshotBlob, "bug-screenshot.png", "image/png"), "bug-screenshot.png");
     }
-    if (this.mixedStream) {
-      for (const track of this.mixedStream.getTracks()) {
-        track.stop();
-      }
+    if (payload.videoBlob) {
+      formData.append("screenRecordingFile", toBlobFile(payload.videoBlob, "bug-recording.webm", "video/webm"), "bug-recording.webm");
     }
-    if (this.displayStream) {
-      for (const track of this.displayStream.getTracks()) {
-        track.stop();
+    formData.append("networkLogsFile", new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" }), "network-logs.txt");
+    formData.append("clientMetadataFile", new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" }), "client-metadata.json");
+    if (payload.consoleLogs.length > 0 || payload.jsErrors.length > 0) {
+      const consoleParts = [];
+      if (payload.jsErrors.length > 0) {
+        consoleParts.push("=== JavaScript Errors ===\n" + formatJsErrors(payload.jsErrors));
       }
-    }
-    if (this.microphoneStream) {
-      for (const track of this.microphoneStream.getTracks()) {
-        track.stop();
+      if (payload.consoleLogs.length > 0) {
+        consoleParts.push("=== Console Output ===\n" + formatConsoleLogs(payload.consoleLogs));
       }
+      formData.append("consoleLogsFile", new Blob([consoleParts.join("\n\n")], { type: "text/plain" }), "console-logs.txt");
     }
-    if (this.displayAudioStream) {
-      for (const track of this.displayAudioStream.getTracks()) {
-        track.stop();
-      }
+    (onProgress ?? noop)("Submitting to Linear\u2026");
+    const response = await this.fetchImpl(this.submitProxyEndpoint, {
+      method: "POST",
+      body: formData
+    });
+    const body = await response.json().catch(() => null);
+    if (!response.ok) {
+      const errorMessage = typeof body?.error === "string" ? body.error : body?.error?.message || "Linear proxy submission failed.";
+      throw new Error(errorMessage);
     }
-    if (this.microphoneAudioStream) {
-      for (const track of this.microphoneAudioStream.getTracks()) {
-        track.stop();
-      }
+    const linear = body?.linear;
+    if (!linear?.id || !linear.identifier) {
+      throw new Error("Linear proxy submission failed: invalid response.");
     }
-    this.mediaRecorder = null;
-    this.mixedStream = null;
-    this.displayStream = null;
-    this.microphoneStream = null;
-    this.audioContext = null;
-    this.displayAudioStream = null;
-    this.microphoneAudioStream = null;
-  }
-  resetStopPromise() {
-    this.stopPromise = null;
-    this.stopResolver = null;
-  }
-  async buildMixedAudioTracks(displayStream, microphoneStream) {
-    const displayAudioTracks = displayStream.getAudioTracks();
-    const microphoneAudioTracks = microphoneStream.getAudioTracks();
-    if (displayAudioTracks.length === 0 && microphoneAudioTracks.length === 0) {
-      return [];
-    }
-    if (typeof AudioContext === "undefined") {
-      return [...displayAudioTracks, ...microphoneAudioTracks];
-    }
-    const audioContext = new AudioContext();
-    await audioContext.resume().catch(() => void 0);
-    const destination = audioContext.createMediaStreamDestination();
-    if (displayAudioTracks.length > 0) {
-      this.displayAudioStream = new MediaStream(displayAudioTracks);
-      const displaySource = audioContext.createMediaStreamSource(this.displayAudioStream);
-      const displayGain = audioContext.createGain();
-      displayGain.gain.value = 1;
-      displaySource.connect(displayGain);
-      displayGain.connect(destination);
+    return {
+      provider: this.provider,
+      issueId: linear.id,
+      issueKey: linear.identifier,
+      issueUrl: linear.url ?? null,
+      warnings: Array.isArray(body?.warnings) ? body.warnings : []
+    };
+  }
+  async createIssue(title, description) {
+    if (this.createIssueProxyEndpoint) {
+      const response2 = await this.fetchImpl(this.createIssueProxyEndpoint, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          title,
+          description,
+          teamId: this.teamId,
+          projectId: this.projectId
+        })
+      });
+      const payload = await response2.json().catch(() => null);
+      if (!response2.ok || !payload?.id || !payload.identifier) {
+        throw new Error(payload?.error || "Linear issue creation proxy failed.");
+      }
+      return {
+        id: payload.id,
+        identifier: payload.identifier,
+        url: payload.url ?? null
+      };
     }
-    if (microphoneAudioTracks.length > 0) {
-      this.microphoneAudioStream = new MediaStream(microphoneAudioTracks);
-      const microphoneSource = audioContext.createMediaStreamSource(this.microphoneAudioStream);
-      const microphoneGain = audioContext.createGain();
-      microphoneGain.gain.value = 1;
-      microphoneSource.connect(microphoneGain);
-      microphoneGain.connect(destination);
+    if (!this.apiKey || !this.teamId) {
+      throw new Error(
+        "Linear integration is missing credentials. Configure apiKey + teamId or a createIssueProxyEndpoint."
+      );
     }
-    this.audioContext = audioContext;
-    const mixedAudioTracks = destination.stream.getAudioTracks();
-    if (mixedAudioTracks.length > 0) {
-      return mixedAudioTracks;
+    const query = `
+      mutation IssueCreate($input: IssueCreateInput!) {
+        issueCreate(input: $input) {
+          success
+          issue {
+            id
+            identifier
+            url
+          }
+        }
+      }
+    `;
+    const issueInput = {
+      teamId: this.teamId,
+      title,
+      description
+    };
+    if (this.projectId) {
+      issueInput.projectId = this.projectId;
     }
-    return [...displayAudioTracks, ...microphoneAudioTracks];
-  }
-};
-var BUG_REPORTER_UI_ATTR = "data-bug-reporter-ui";
-var UNSUPPORTED_COLOR_FUNCTION_PATTERN = /\b(?:lab|lch|oklab|oklch|color)\([^)]*\)/gi;
-var COLOR_FALLBACK_VALUE = "rgb(17, 24, 39)";
-var DEFAULT_BACKGROUND_COLOR = "#ffffff";
-function replaceUnsupportedColorFunctions(value) {
-  return value.replace(UNSUPPORTED_COLOR_FUNCTION_PATTERN, COLOR_FALLBACK_VALUE);
-}
-function unclampClonedLayout(clonedDoc) {
-  for (const el of [clonedDoc.documentElement, clonedDoc.body]) {
-    if (!el) {
-      continue;
+    const response = await this.fetchImpl(this.graphqlEndpoint, {
+      method: "POST",
+      headers: {
+        Authorization: this.apiKey,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        query,
+        variables: {
+          input: issueInput
+        }
+      })
+    });
+    const body = await response.json().catch(() => null);
+    if (!response.ok) {
+      throw new Error(parseErrorMessage(body, `Linear issue creation failed (${response.status})`));
     }
-    el.style.setProperty("height", "auto", "important");
-    el.style.setProperty("overflow", "visible", "important");
-  }
-  const overrideStyle = clonedDoc.createElement("style");
-  overrideStyle.textContent = `html, body { height: auto !important; overflow: visible !important; }`;
-  clonedDoc.head.appendChild(overrideStyle);
-}
-function sanitizeCloneForModernColors(clonedDocument) {
-  const styleElements = clonedDocument.querySelectorAll("style");
-  for (const styleElement of styleElements) {
-    if (!styleElement.textContent) {
-      continue;
+    const parsedIssueCreate = isRecord(body) && isRecord(body.data) && isRecord(body.data.issueCreate) ? body.data.issueCreate : null;
+    const parsedIssue = parsedIssueCreate && isRecord(parsedIssueCreate.issue) ? parsedIssueCreate.issue : null;
+    if (!parsedIssueCreate || !parsedIssue || parsedIssueCreate.success !== true) {
+      throw new Error(parseErrorMessage(body, "Linear issue creation failed."));
     }
-    styleElement.textContent = replaceUnsupportedColorFunctions(styleElement.textContent);
+    return {
+      id: ensureString(parsedIssue.id, "Linear did not return issue id."),
+      identifier: ensureString(parsedIssue.identifier, "Linear did not return issue identifier."),
+      url: typeof parsedIssue.url === "string" ? parsedIssue.url : null
+    };
   }
-  const styledElements = clonedDocument.querySelectorAll("[style]");
-  for (const element of styledElements) {
-    const style = element.getAttribute("style");
-    if (!style) {
-      continue;
+  async addComment(issueId, body) {
+    if (!this.apiKey) {
+      return;
     }
-    element.setAttribute("style", replaceUnsupportedColorFunctions(style));
-  }
-}
-async function canvasToPngBlob(canvas) {
-  const blob = await new Promise((resolve) => {
-    canvas.toBlob(resolve, "image/png", 1);
-  });
-  if (!blob) {
-    throw new Error("Failed to generate screenshot image.");
+    const query = `
+      mutation CommentCreate($input: CommentCreateInput!) {
+        commentCreate(input: $input) {
+          success
+        }
+      }
+    `;
+    const response = await this.fetchImpl(this.graphqlEndpoint, {
+      method: "POST",
+      headers: {
+        Authorization: this.apiKey,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        query,
+        variables: {
+          input: { issueId, body }
+        }
+      })
+    });
+    if (!response.ok) ;
   }
-  return blob;
-}
-var ScreenshotCapturer = class {
-  async capture() {
-    if (typeof window === "undefined" || typeof document === "undefined") {
-      throw new Error("Screenshot capture is not available in this environment.");
+  async uploadAsset(blob, fileName, fallbackMimeType) {
+    const file = toBlobFile(blob, fileName, fallbackMimeType);
+    if (this.uploadProxyEndpoint) {
+      const formData = new FormData();
+      formData.set("file", file, file.name);
+      formData.set("filename", file.name);
+      formData.set("contentType", file.type || fallbackMimeType);
+      const response = await this.fetchImpl(this.uploadProxyEndpoint, {
+        method: "POST",
+        body: formData
+      });
+      const payload = await response.json().catch(() => null);
+      if (!response.ok || !payload?.assetUrl) {
+        throw new Error(payload?.error || "Linear upload proxy failed.");
+      }
+      return payload.assetUrl;
     }
-    const target = document.documentElement;
-    if (!target) {
-      throw new Error("Could not find a capture target for screenshot.");
+    if (!this.apiKey) {
+      throw new Error("Linear upload requires apiKey or uploadProxyEndpoint.");
     }
-    try {
-      return await this.captureViaDomSnapshot(target);
-    } catch (error) {
-      const message = error instanceof Error ? error.message : "Unknown DOM capture error.";
+    const uploadTarget = await this.requestUploadTarget(file);
+    const uploadHeaders = uploadTarget.headers.reduce((acc, entry) => {
+      if (entry.key && entry.value) {
+        acc[entry.key] = entry.value;
+      }
+      return acc;
+    }, {});
+    const uploadResponse = await this.fetchImpl(uploadTarget.uploadUrl, {
+      method: "PUT",
+      headers: uploadHeaders,
+      body: file
+    });
+    if (!uploadResponse.ok) {
       throw new Error(
-        `Quick screenshot failed in this browser (${message}). Try video capture for this page.`
+        "Linear media upload failed. Configure an uploadProxyEndpoint if your browser blocks direct uploads."
       );
     }
+    return uploadTarget.assetUrl;
   }
-  async captureViaDomSnapshot(target) {
-    const viewportWidth = Math.max(1, window.innerWidth || document.documentElement.clientWidth || 1);
-    const viewportHeight = Math.max(1, window.innerHeight || document.documentElement.clientHeight || 1);
-    const scale = Math.min(Math.max(window.devicePixelRatio || 1, 1), 2);
-    const bodyBackgroundColor = window.getComputedStyle(document.body).backgroundColor;
-    const backgroundColor = bodyBackgroundColor && bodyBackgroundColor !== "rgba(0, 0, 0, 0)" ? bodyBackgroundColor : DEFAULT_BACKGROUND_COLOR;
-    const savedScrollX = window.scrollX;
-    const savedScrollY = window.scrollY;
-    window.scrollTo(0, 0);
-    const htmlEl = document.documentElement;
-    const bodyEl = document.body;
-    const origHtmlHeight = htmlEl.style.height;
-    const origHtmlOverflow = htmlEl.style.overflow;
-    const origBodyHeight = bodyEl.style.height;
-    const origBodyOverflow = bodyEl.style.overflow;
-    htmlEl.style.setProperty("height", "auto", "important");
-    htmlEl.style.setProperty("overflow", "visible", "important");
-    bodyEl.style.setProperty("height", "auto", "important");
-    bodyEl.style.setProperty("overflow", "visible", "important");
-    const sharedOptions = {
-      backgroundColor,
-      logging: false,
-      useCORS: true,
-      allowTaint: false,
-      scale,
-      windowWidth: viewportWidth,
-      windowHeight: viewportHeight,
-      scrollX: 0,
-      scrollY: 0,
-      ignoreElements: (element) => {
-        return element instanceof HTMLElement && element.getAttribute(BUG_REPORTER_UI_ATTR) === "true";
-      }
-    };
-    let lastError = null;
-    const attempts = [
-      { foreignObjectRendering: true, sanitizeColorFunctions: false },
-      { foreignObjectRendering: false, sanitizeColorFunctions: false },
-      { foreignObjectRendering: false, sanitizeColorFunctions: true }
-    ];
-    try {
-      for (const attempt of attempts) {
-        try {
-          const fullCanvas = await html2canvas(target, {
-            ...sharedOptions,
-            foreignObjectRendering: attempt.foreignObjectRendering,
-            onclone: (clonedDocument) => {
-              unclampClonedLayout(clonedDocument);
-              if (attempt.sanitizeColorFunctions) {
-                sanitizeCloneForModernColors(clonedDocument);
-              }
+  async requestUploadTarget(file) {
+    const query = `
+      mutation FileUpload($contentType: String!, $filename: String!, $size: Int!) {
+        fileUpload(contentType: $contentType, filename: $filename, size: $size) {
+          success
+          uploadFile {
+            uploadUrl
+            assetUrl
+            headers {
+              key
+              value
             }
-          });
-          const cropW = Math.round(viewportWidth * scale);
-          const cropH = Math.round(viewportHeight * scale);
-          const cropX = Math.round(savedScrollX * scale);
-          const cropY = Math.round(savedScrollY * scale);
-          const cropCanvas = document.createElement("canvas");
-          cropCanvas.width = cropW;
-          cropCanvas.height = cropH;
-          const ctx = cropCanvas.getContext("2d");
-          if (!ctx) {
-            return await canvasToPngBlob(fullCanvas);
           }
-          ctx.drawImage(fullCanvas, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);
-          return await canvasToPngBlob(cropCanvas);
-        } catch (error) {
-          lastError = error;
         }
       }
-      throw lastError ?? new Error("DOM snapshot capture failed.");
-    } finally {
-      htmlEl.style.height = origHtmlHeight;
-      htmlEl.style.overflow = origHtmlOverflow;
-      bodyEl.style.height = origBodyHeight;
-      bodyEl.style.overflow = origBodyOverflow;
-      window.scrollTo(savedScrollX, savedScrollY);
+    `;
+    const response = await this.fetchImpl(this.graphqlEndpoint, {
+      method: "POST",
+      headers: {
+        Authorization: ensureString(this.apiKey, "Linear upload requires apiKey."),
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        query,
+        variables: {
+          contentType: file.type || "application/octet-stream",
+          filename: file.name,
+          size: file.size
+        }
+      })
+    });
+    const body = await response.json().catch(() => null);
+    if (!response.ok) {
+      throw new Error(parseErrorMessage(body, `Linear upload target request failed (${response.status})`));
     }
-  }
-  async captureRegion(region) {
-    const fullBlob = await this.capture();
-    return this.cropBlob(fullBlob, region);
-  }
-  async cropBlob(blob, region) {
-    const bitmap = await createImageBitmap(blob);
-    const scale = bitmap.width / (window.innerWidth || 1);
-    const sx = Math.round(region.x * scale);
-    const sy = Math.round(region.y * scale);
-    const sw = Math.round(region.width * scale);
-    const sh = Math.round(region.height * scale);
-    const canvas = document.createElement("canvas");
-    canvas.width = Math.max(1, sw);
-    canvas.height = Math.max(1, sh);
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      bitmap.close();
-      throw new Error("Could not create canvas for region crop.");
+    const uploadFile = isRecord(body) && isRecord(body.data) && isRecord(body.data.fileUpload) && isRecord(body.data.fileUpload.uploadFile) ? body.data.fileUpload.uploadFile : null;
+    const headers = Array.isArray(uploadFile?.headers) ? uploadFile.headers.filter((entry) => {
+      return isRecord(entry) && typeof entry.key === "string" && typeof entry.value === "string";
+    }) : [];
+    if (!uploadFile || typeof uploadFile.uploadUrl !== "string" || typeof uploadFile.assetUrl !== "string") {
+      throw new Error(parseErrorMessage(body, "Linear did not return a valid upload target."));
     }
-    ctx.drawImage(bitmap, sx, sy, sw, sh, 0, 0, sw, sh);
-    bitmap.close();
-    return canvasToPngBlob(canvas);
+    return {
+      uploadUrl: uploadFile.uploadUrl,
+      assetUrl: uploadFile.assetUrl,
+      headers
+    };
   }
 };
-
-// src/core/types.ts
-var DEFAULT_MAX_RECORDING_MS = 2 * 60 * 1e3;
-function formatConsoleLogs(logs) {
-  if (logs.length === 0) {
-    return "No console output captured.";
-  }
-  return logs.map((entry) => {
-    const tag = entry.level.toUpperCase().padEnd(5);
-    const args = entry.args.join(" ");
-    return `[${entry.timestamp}] ${tag} ${args}`;
-  }).join("\n");
+var noop2 = () => {
+};
+function isRecord2(value) {
+  return typeof value === "object" && value !== null;
 }
-function formatJsErrors(errors) {
-  if (errors.length === 0) {
-    return "No JavaScript errors captured.";
+function toBasicAuth(email, token) {
+  if (typeof btoa !== "function") {
+    throw new Error("btoa is unavailable; use backend proxy endpoints for Jira auth.");
   }
-  return errors.map((entry) => {
-    const lines = [`[${entry.timestamp}] ${entry.type}: ${entry.message}`];
-    if (entry.source) {
-      lines.push(`  at ${entry.source}${entry.lineno ? `:${entry.lineno}` : ""}${entry.colno ? `:${entry.colno}` : ""}`);
-    }
-    if (entry.stack) {
-      lines.push(entry.stack.split("\n").map((l) => `  ${l}`).join("\n"));
-    }
-    return lines.join("\n");
-  }).join("\n\n");
+  return `Basic ${btoa(`${email}:${token}`)}`;
 }
-function formatNetworkLogs(logs) {
-  if (logs.length === 0) {
-    return "No network requests captured.";
+function getErrorDetail(payload, fallback) {
+  if (!isRecord2(payload)) {
+    return fallback;
   }
-  return logs.map((entry) => {
-    const status = entry.status === null ? "FAILED" : String(entry.status);
-    return `[${entry.timestamp}] ${entry.method.toUpperCase()} ${entry.url} -> ${status} (${entry.durationMs}ms)`;
-  }).join("\n");
+  if (Array.isArray(payload.errorMessages) && payload.errorMessages.length > 0) {
+    return payload.errorMessages.map((entry) => String(entry)).join("; ");
+  }
+  if (isRecord2(payload.errors)) {
+    return Object.values(payload.errors).map((entry) => String(entry)).join("; ");
+  }
+  return fallback;
 }
-function toErrorMessage(error) {
-  if (error instanceof Error && error.message.trim().length > 0) {
-    return error.message;
+function buildCleanDescription2(payload) {
+  const lines = [
+    payload.description,
+    "",
+    "Context:",
+    `- Reported At: ${payload.stoppedAt}`,
+    `- Capture Mode: ${payload.captureMode === "screenshot" ? "Screenshot" : "Video"}`,
+    `- Page URL: ${payload.pageUrl || "Unknown"}`
+  ];
+  const hasScreenshot = Boolean(payload.screenshotBlob);
+  const hasVideo = Boolean(payload.videoBlob);
+  if (hasScreenshot || hasVideo) {
+    lines.push("", "Attachments:");
+    if (hasScreenshot) lines.push("- Screenshot attached");
+    if (hasVideo) lines.push("- Screen recording attached");
+    lines.push("- Network logs attached (network-logs.txt)");
+    lines.push("- Client metadata attached (client-metadata.json)");
   }
-  return "Unknown error";
+  return lines.join("\n");
 }
-function toBlobFile(blob, fileName, fallbackMimeType) {
-  return new File([blob], fileName, {
-    type: blob.type || fallbackMimeType,
-    lastModified: Date.now()
-  });
+function toJiraAdf(text) {
+  const paragraphs = text.split(/\n{2,}/).map((chunk) => chunk.trim()).filter(Boolean).map((chunk) => ({
+    type: "paragraph",
+    content: [{ type: "text", text: chunk }]
+  }));
+  return {
+    type: "doc",
+    version: 1,
+    content: paragraphs
+  };
 }
-function collectClientEnvironmentMetadata() {
-  if (typeof window === "undefined" || typeof navigator === "undefined") {
-    return {
-      locale: null,
-      timezone: null,
-      language: null,
-      languages: [],
-      platform: null,
-      referrer: null,
-      colorScheme: "unknown",
-      viewport: {
-        width: null,
-        height: null,
-        pixelRatio: null
-      },
-      screen: {
-        width: null,
-        height: null,
-        availWidth: null,
-        availHeight: null,
-        colorDepth: null
-      },
-      device: {
-        hardwareConcurrency: null,
-        deviceMemoryGb: null,
-        maxTouchPoints: null,
-        online: null,
-        cookieEnabled: null
-      },
-      connection: {
-        effectiveType: null,
-        downlinkMbps: null,
-        rttMs: null,
-        saveData: null
-      }
-    };
+var JiraIntegration = class {
+  constructor(options) {
+    this.provider = "jira";
+    this.baseUrl = options.baseUrl?.replace(/\/$/, "");
+    this.email = options.email;
+    this.apiToken = options.apiToken;
+    this.projectKey = options.projectKey;
+    this.issueType = options.issueType ?? "Bug";
+    this.submitProxyEndpoint = options.submitProxyEndpoint;
+    this.createIssueProxyEndpoint = options.createIssueProxyEndpoint;
+    this.uploadAttachmentProxyEndpoint = options.uploadAttachmentProxyEndpoint;
+    this.fetchImpl = options.fetchImpl ?? ((input, init) => globalThis.fetch(input, init));
   }
-  const nav = navigator;
-  const connection = nav.connection || nav.mozConnection || nav.webkitConnection;
-  let colorScheme = "unknown";
-  if (typeof window.matchMedia === "function") {
-    if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
-      colorScheme = "dark";
-    } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
-      colorScheme = "light";
+  async submit(payload, onProgress) {
+    if (this.submitProxyEndpoint) {
+      return this.submitViaProxy(payload, onProgress);
     }
-  }
-  let timezone = null;
-  try {
-    timezone = Intl.DateTimeFormat().resolvedOptions().timeZone || null;
-  } catch {
-    timezone = null;
-  }
-  return {
-    locale: typeof navigator.language === "string" ? navigator.language : null,
-    timezone,
-    language: typeof navigator.language === "string" ? navigator.language : null,
-    languages: Array.isArray(navigator.languages) ? [...navigator.languages] : [],
-    platform: typeof nav.userAgentData?.platform === "string" && nav.userAgentData.platform || (typeof navigator.platform === "string" ? navigator.platform : null),
-    referrer: typeof document !== "undefined" ? document.referrer || null : null,
-    colorScheme,
-    viewport: {
-      width: typeof window.innerWidth === "number" ? window.innerWidth : null,
-      height: typeof window.innerHeight === "number" ? window.innerHeight : null,
-      pixelRatio: typeof window.devicePixelRatio === "number" ? window.devicePixelRatio : null
-    },
-    screen: {
-      width: typeof window.screen?.width === "number" ? window.screen.width : null,
-      height: typeof window.screen?.height === "number" ? window.screen.height : null,
-      availWidth: typeof window.screen?.availWidth === "number" ? window.screen.availWidth : null,
-      availHeight: typeof window.screen?.availHeight === "number" ? window.screen.availHeight : null,
-      colorDepth: typeof window.screen?.colorDepth === "number" ? window.screen.colorDepth : null
-    },
-    device: {
-      hardwareConcurrency: typeof navigator.hardwareConcurrency === "number" ? navigator.hardwareConcurrency : null,
-      deviceMemoryGb: typeof nav.deviceMemory === "number" ? nav.deviceMemory : null,
-      maxTouchPoints: typeof navigator.maxTouchPoints === "number" ? navigator.maxTouchPoints : null,
-      online: typeof navigator.onLine === "boolean" ? navigator.onLine : null,
-      cookieEnabled: typeof navigator.cookieEnabled === "boolean" ? navigator.cookieEnabled : null
-    },
-    connection: {
-      effectiveType: typeof connection?.effectiveType === "string" ? connection.effectiveType : null,
-      downlinkMbps: typeof connection?.downlink === "number" ? connection.downlink : null,
-      rttMs: typeof connection?.rtt === "number" ? connection.rtt : null,
-      saveData: typeof connection?.saveData === "boolean" ? connection.saveData : null
+    const progress = onProgress ?? noop2;
+    progress("Creating Jira issue\u2026");
+    const issue = await this.createIssue(payload);
+    progress("Uploading attachments\u2026");
+    const uploads = [];
+    if (payload.screenshotBlob) {
+      uploads.push(this.uploadAttachment(issue.key, payload.screenshotBlob, "bug-screenshot.png", "image/png"));
     }
-  };
-}
-
-// src/core/BugSession.ts
-var BugSession = class {
-  constructor(options = {}) {
-    this.recording = false;
-    this.startedAtMs = null;
-    this.autoStopTimeout = null;
-    this.stopInFlight = null;
-    this.lastArtifacts = null;
-    this.maxDurationMs = options.maxDurationMs ?? DEFAULT_MAX_RECORDING_MS;
-    this.screenRecorder = options.screenRecorder ?? new ScreenRecorder();
-    this.screenshotCapturer = options.screenshotCapturer ?? new ScreenshotCapturer();
-    this.networkLogger = options.networkLogger ?? new NetworkLogger();
-    this.onAutoStop = options.onAutoStop;
-  }
-  async start() {
-    if (this.recording) {
-      return;
+    if (payload.videoBlob) {
+      uploads.push(this.uploadAttachment(issue.key, payload.videoBlob, "bug-recording.webm", "video/webm"));
     }
-    this.clearAutoStopTimer();
-    this.networkLogger.clear();
-    this.lastArtifacts = null;
-    this.networkLogger.start();
-    try {
-      await this.screenRecorder.start({
-        onEnded: () => {
-          void this.handleForcedStop("screen_ended");
-        }
-      });
-    } catch (error) {
-      this.networkLogger.stop();
-      this.networkLogger.clear();
-      throw error;
+    const logsBlob = new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" });
+    uploads.push(this.uploadAttachment(issue.key, logsBlob, "network-logs.txt", "text/plain"));
+    if (payload.consoleLogs.length > 0 || payload.jsErrors.length > 0) {
+      const consoleParts = [];
+      if (payload.jsErrors.length > 0) {
+        consoleParts.push("=== JavaScript Errors ===\n" + formatJsErrors(payload.jsErrors));
+      }
+      if (payload.consoleLogs.length > 0) {
+        consoleParts.push("=== Console Output ===\n" + formatConsoleLogs(payload.consoleLogs));
+      }
+      const consoleBlob = new Blob([consoleParts.join("\n\n")], { type: "text/plain" });
+      uploads.push(this.uploadAttachment(issue.key, consoleBlob, "console-logs.txt", "text/plain"));
     }
-    this.recording = true;
-    this.startedAtMs = Date.now();
-    this.autoStopTimeout = setTimeout(() => {
-      void this.handleForcedStop("time_limit");
-    }, this.maxDurationMs);
+    const metadataBlob = new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" });
+    uploads.push(this.uploadAttachment(issue.key, metadataBlob, "client-metadata.json", "application/json"));
+    await Promise.all(uploads);
+    progress("Done!");
+    return {
+      provider: this.provider,
+      issueId: issue.id,
+      issueKey: issue.key,
+      issueUrl: issue.url,
+      warnings: []
+    };
   }
-  async captureScreenshot(region) {
-    if (this.recording) {
-      await this.stop("manual");
+  async submitViaProxy(payload, onProgress) {
+    if (!this.submitProxyEndpoint) {
+      throw new Error("Jira submit proxy endpoint is not configured.");
     }
-    this.clearAutoStopTimer();
-    this.networkLogger.clear();
-    this.lastArtifacts = null;
-    const startedAtMs = Date.now();
-    this.networkLogger.start();
-    try {
-      const screenshotBlob = region ? await this.screenshotCapturer.captureRegion(region) : await this.screenshotCapturer.capture();
-      const networkLogs = this.networkLogger.stop();
-      const stoppedAtMs = Date.now();
-      const artifacts = {
-        videoBlob: null,
-        screenshotBlob,
-        networkLogs,
-        captureMode: "screenshot",
-        startedAt: new Date(startedAtMs).toISOString(),
-        stoppedAt: new Date(stoppedAtMs).toISOString(),
-        elapsedMs: Math.max(0, stoppedAtMs - startedAtMs),
-        stopReason: "manual"
-      };
-      this.lastArtifacts = artifacts;
-      return artifacts;
-    } catch (error) {
-      this.networkLogger.stop();
-      this.networkLogger.clear();
-      throw error;
+    const formData = new FormData();
+    formData.set("provider", "jira");
+    formData.set("title", payload.title);
+    formData.set("description", buildCleanDescription2(payload));
+    formData.set("issueType", this.issueType);
+    if (this.projectKey) {
+      formData.set("projectKey", this.projectKey);
     }
-  }
-  async stop(reason = "manual") {
-    if (this.stopInFlight) {
-      return this.stopInFlight;
+    if (payload.screenshotBlob) {
+      formData.append("screenshotFile", toBlobFile(payload.screenshotBlob, "bug-screenshot.png", "image/png"), "bug-screenshot.png");
     }
-    if (!this.recording) {
-      return this.lastArtifacts;
+    if (payload.videoBlob) {
+      formData.append("screenRecordingFile", toBlobFile(payload.videoBlob, "bug-recording.webm", "video/webm"), "bug-recording.webm");
     }
-    this.stopInFlight = this.stopInternal(reason).finally(() => {
-      this.stopInFlight = null;
+    formData.append("networkLogsFile", new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" }), "network-logs.txt");
+    formData.append("clientMetadataFile", new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" }), "client-metadata.json");
+    if (payload.consoleLogs.length > 0 || payload.jsErrors.length > 0) {
+      const consoleParts = [];
+      if (payload.jsErrors.length > 0) {
+        consoleParts.push("=== JavaScript Errors ===\n" + formatJsErrors(payload.jsErrors));
+      }
+      if (payload.consoleLogs.length > 0) {
+        consoleParts.push("=== Console Output ===\n" + formatConsoleLogs(payload.consoleLogs));
+      }
+      formData.append("consoleLogsFile", new Blob([consoleParts.join("\n\n")], { type: "text/plain" }), "console-logs.txt");
+    }
+    (onProgress ?? noop2)("Submitting to Jira\u2026");
+    const response = await this.fetchImpl(this.submitProxyEndpoint, {
+      method: "POST",
+      body: formData
     });
-    return this.stopInFlight;
-  }
-  isRecording() {
-    return this.recording;
-  }
-  getElapsedMs() {
-    if (this.recording && this.startedAtMs) {
-      return Math.max(0, Date.now() - this.startedAtMs);
+    const body = await response.json().catch(() => null);
+    if (!response.ok) {
+      const errorMessage = typeof body?.error === "string" ? body.error : body?.error?.message || "Jira proxy submission failed.";
+      throw new Error(errorMessage);
     }
-    return this.lastArtifacts?.elapsedMs ?? 0;
-  }
-  getMaxDurationMs() {
-    return this.maxDurationMs;
-  }
-  getLastArtifacts() {
-    return this.lastArtifacts;
-  }
-  getLastCaptureMode() {
-    return this.lastArtifacts?.captureMode ?? null;
-  }
-  resetArtifacts() {
-    this.lastArtifacts = null;
-    this.screenRecorder.clearLastBlob();
-    this.networkLogger.clear();
-  }
-  async dispose() {
-    await this.stop("manual");
-    this.clearAutoStopTimer();
-    this.screenRecorder.dispose();
-    this.networkLogger.stop();
-    this.networkLogger.clear();
-  }
-  async stopInternal(reason) {
-    this.clearAutoStopTimer();
-    const startedAtMs = this.startedAtMs ?? Date.now();
-    this.recording = false;
-    this.startedAtMs = null;
-    const videoBlob = await this.screenRecorder.stop();
-    const networkLogs = this.networkLogger.stop();
-    const stoppedAtMs = Date.now();
-    const artifacts = {
-      videoBlob,
-      screenshotBlob: null,
-      networkLogs,
-      captureMode: "video",
-      startedAt: new Date(startedAtMs).toISOString(),
-      stoppedAt: new Date(stoppedAtMs).toISOString(),
-      elapsedMs: Math.max(0, stoppedAtMs - startedAtMs),
-      stopReason: reason
+    const jira = body?.jira;
+    if (!jira?.id || !jira.key) {
+      throw new Error("Jira proxy submission failed: invalid response.");
+    }
+    return {
+      provider: this.provider,
+      issueId: jira.id,
+      issueKey: jira.key,
+      issueUrl: jira.url ?? null,
+      warnings: Array.isArray(body?.warnings) ? body.warnings : []
     };
-    this.lastArtifacts = artifacts;
-    return artifacts;
   }
-  async handleForcedStop(reason) {
-    const artifacts = await this.stop(reason);
-    if (artifacts && this.onAutoStop) {
-      this.onAutoStop(artifacts);
+  async createIssue(payload) {
+    if (this.createIssueProxyEndpoint) {
+      const response2 = await this.fetchImpl(this.createIssueProxyEndpoint, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          summary: payload.title,
+          description: buildCleanDescription2(payload),
+          issueType: this.issueType,
+          projectKey: this.projectKey
+        })
+      });
+      const data2 = await response2.json().catch(() => null);
+      if (!response2.ok || !data2?.id || !data2.key || !data2.url) {
+        throw new Error(data2?.error || "Jira issue creation proxy failed.");
+      }
+      return {
+        id: data2.id,
+        key: data2.key,
+        url: data2.url
+      };
     }
-  }
-  clearAutoStopTimer() {
-    if (this.autoStopTimeout) {
-      clearTimeout(this.autoStopTimeout);
-      this.autoStopTimeout = null;
+    if (!this.baseUrl || !this.email || !this.apiToken || !this.projectKey) {
+      throw new Error(
+        "Jira integration is missing credentials. Configure baseUrl + email + apiToken + projectKey or a createIssueProxyEndpoint."
+      );
     }
-  }
-};
-
-// src/core/BugReporter.ts
-var BugReporter = class {
-  constructor(options) {
-    this.integration = options.integration;
-    this.session = options.session ?? new BugSession({
-      maxDurationMs: options.maxDurationMs ?? DEFAULT_MAX_RECORDING_MS,
-      onAutoStop: options.onAutoStop
+    const response = await this.fetchImpl(`${this.baseUrl}/rest/api/3/issue`, {
+      method: "POST",
+      credentials: "omit",
+      headers: {
+        Authorization: toBasicAuth(this.email, this.apiToken),
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      },
+      body: JSON.stringify({
+        fields: {
+          project: { key: this.projectKey },
+          summary: payload.title,
+          description: toJiraAdf(buildCleanDescription2(payload)),
+          issuetype: { name: this.issueType }
+        }
+      })
     });
-  }
-  async start() {
-    await this.session.start();
-  }
-  async captureScreenshot(region) {
-    return this.session.captureScreenshot(region);
-  }
-  async stop() {
-    return this.session.stop("manual");
-  }
-  async submit(title, description, options = {}) {
-    if (this.isRecording()) {
-      await this.stop();
+    const data = await response.json().catch(() => null);
+    if (!response.ok) {
+      throw new Error(getErrorDetail(data, `Jira issue creation failed (${response.status}).`));
     }
-    const artifacts = this.session.getLastArtifacts();
-    if (!artifacts) {
-      throw new Error("Capture a screenshot or record and stop a bug session before submitting.");
+    if (!isRecord2(data) || typeof data.id !== "string" || typeof data.key !== "string") {
+      throw new Error("Jira issue creation failed: invalid API response.");
     }
-    const normalizedTitle = title.trim();
-    if (!normalizedTitle) {
-      throw new Error("A bug title is required.");
+    return {
+      id: data.id,
+      key: data.key,
+      url: `${this.baseUrl}/browse/${data.key}`
+    };
+  }
+  async uploadAttachment(issueKey, blob, fileName, fallbackMimeType) {
+    const file = toBlobFile(blob, fileName, fallbackMimeType);
+    if (this.uploadAttachmentProxyEndpoint) {
+      const formData2 = new FormData();
+      formData2.set("issueKey", issueKey);
+      formData2.set("file", file, file.name);
+      const response2 = await this.fetchImpl(this.uploadAttachmentProxyEndpoint, {
+        method: "POST",
+        body: formData2
+      });
+      if (!response2.ok) {
+        const data = await response2.json().catch(() => null);
+        throw new Error(data?.error || "Jira attachment upload proxy failed.");
+      }
+      return;
     }
-    const normalizedDescription = description.trim() || "No additional details provided.";
-    const metadata = {
-      ...collectClientEnvironmentMetadata(),
-      captureMode: artifacts.captureMode,
-      capture: {
-        startedAt: artifacts.startedAt,
-        stoppedAt: artifacts.stoppedAt,
-        elapsedMs: artifacts.elapsedMs
+    if (!this.baseUrl || !this.email || !this.apiToken) {
+      throw new Error("Jira attachment upload requires credentials or uploadAttachmentProxyEndpoint.");
+    }
+    const formData = new FormData();
+    formData.set("file", file, file.name);
+    const response = await this.fetchImpl(`${this.baseUrl}/rest/api/3/issue/${issueKey}/attachments`, {
+      method: "POST",
+      credentials: "omit",
+      headers: {
+        Authorization: toBasicAuth(this.email, this.apiToken),
+        Accept: "application/json",
+        "X-Atlassian-Token": "no-check"
       },
-      ...options.metadata || {}
+      body: formData
+    });
+    if (!response.ok) {
+      const data = await response.json().catch(() => null);
+      throw new Error(getErrorDetail(data, `Jira attachment upload failed (${response.status}).`));
+    }
+  }
+};
+var noop3 = () => {
+};
+var CloudIntegration = class {
+  constructor(options) {
+    this.provider = "cloud";
+    if (!options.projectKey) {
+      throw new Error("CloudIntegration: projectKey is required.");
+    }
+    this.projectKey = options.projectKey;
+    this.endpoint = options.endpoint ?? "/api/ingest";
+    this.fetchFn = options.fetchImpl ?? fetch.bind(globalThis);
+  }
+  async submit(payload, onProgress = noop3) {
+    onProgress("Preparing report\u2026");
+    const ua = payload.userAgent || navigator.userAgent;
+    const browserName = parseBrowserName(ua);
+    const osName = parseOsName(ua);
+    const body = {
+      project_key: this.projectKey,
+      title: payload.title,
+      provider: "cloud",
+      capture_mode: payload.captureMode,
+      has_screenshot: Boolean(payload.screenshotBlob),
+      has_video: Boolean(payload.videoBlob),
+      has_network_logs: payload.networkLogs.length > 0,
+      has_console_logs: payload.consoleLogs.length > 0,
+      js_error_count: payload.jsErrors.length,
+      user_agent: ua,
+      browser_name: browserName,
+      os_name: osName,
+      device_type: getDeviceType(),
+      screen_resolution: getScreenResolution(),
+      viewport: getViewport(),
+      color_scheme: payload.metadata.colorScheme !== "unknown" ? payload.metadata.colorScheme : null,
+      locale: payload.metadata.locale,
+      timezone: payload.metadata.timezone,
+      connection_type: payload.metadata.connection?.effectiveType ?? null,
+      page_url: payload.pageUrl,
+      environment: getEnvironment()
     };
-    const payload = {
-      title: normalizedTitle,
-      description: normalizedDescription,
-      videoBlob: artifacts.videoBlob,
-      screenshotBlob: options.screenshotBlob ?? artifacts.screenshotBlob,
-      networkLogs: artifacts.networkLogs,
-      consoleLogs: options.consoleLogs ?? [],
-      jsErrors: options.jsErrors ?? [],
-      captureMode: artifacts.captureMode,
-      pageUrl: typeof window !== "undefined" ? window.location.href : "",
-      userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "",
-      startedAt: artifacts.startedAt,
-      stoppedAt: artifacts.stoppedAt,
-      elapsedMs: artifacts.elapsedMs,
-      metadata
+    onProgress("Sending report\u2026");
+    const response = await this.fetchFn(this.endpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      const errorBody = await response.json().catch(() => ({}));
+      const message = errorBody.error ?? `HTTP ${response.status}`;
+      throw new Error(`CloudIntegration: ${message}`);
+    }
+    const result = await response.json();
+    onProgress("Report submitted.");
+    return {
+      provider: "cloud",
+      issueId: result.id,
+      issueKey: `QB-${result.id.slice(0, 8)}`,
+      issueUrl: null,
+      warnings: []
     };
-    options.onProgress?.("Submitting to " + this.integration.provider + "\u2026");
-    const result = await this.integration.submit(payload, options.onProgress);
-    this.session.resetArtifacts();
-    return result;
-  }
-  isRecording() {
-    return this.session.isRecording();
-  }
-  getElapsedMs() {
-    return this.session.getElapsedMs();
-  }
-  getMaxDurationMs() {
-    return this.session.getMaxDurationMs();
-  }
-  getLastArtifacts() {
-    return this.session.getLastArtifacts();
-  }
-  clearDraft() {
-    this.session.resetArtifacts();
-  }
-  setIntegration(integration) {
-    this.integration = integration;
-  }
-  getSelectedProvider() {
-    return this.integration.provider;
-  }
-  async dispose() {
-    await this.session.dispose();
   }
 };
+function parseBrowserName(ua) {
+  if (ua.includes("Firefox/")) return "Firefox";
+  if (ua.includes("Edg/")) return "Edge";
+  if (ua.includes("OPR/") || ua.includes("Opera/")) return "Opera";
+  if (ua.includes("Chrome/") && !ua.includes("Edg/")) return "Chrome";
+  if (ua.includes("Safari/") && !ua.includes("Chrome/")) return "Safari";
+  return "Unknown";
+}
+function parseOsName(ua) {
+  if (ua.includes("Windows")) return "Windows";
+  if (ua.includes("Mac OS")) return "macOS";
+  if (ua.includes("Linux")) return "Linux";
+  if (ua.includes("Android")) return "Android";
+  if (ua.includes("iPhone") || ua.includes("iPad")) return "iOS";
+  return "Unknown";
+}
+function getDeviceType() {
+  if (typeof window === "undefined") return "unknown";
+  const w = window.innerWidth;
+  if (w < 768) return "mobile";
+  if (w < 1024) return "tablet";
+  return "desktop";
+}
+function getScreenResolution() {
+  if (typeof screen === "undefined") return "";
+  return `${screen.width}x${screen.height}`;
+}
+function getViewport() {
+  if (typeof window === "undefined") return "";
+  return `${window.innerWidth}x${window.innerHeight}`;
+}
+function getEnvironment() {
+  if (typeof window === "undefined") return "unknown";
+  const hostname = window.location.hostname;
+  if (hostname === "localhost" || hostname === "127.0.0.1") return "development";
+  if (hostname.includes("staging") || hostname.includes("preview")) return "staging";
+  return "production";
+}
 
-// src/core/ConsoleCapture.ts
-var MAX_CONSOLE_ENTRIES = 200;
-var MAX_ERROR_ENTRIES = 50;
-var MAX_ARG_LENGTH = 1e3;
-function serializeArg(arg) {
-  if (typeof arg === "string") {
-    return arg.length > MAX_ARG_LENGTH ? arg.slice(0, MAX_ARG_LENGTH) + "\u2026" : arg;
+// src/core/ScreenRecorder.ts
+var MIME_TYPES = ["video/webm;codecs=vp9,opus", "video/webm;codecs=vp8,opus", "video/webm"];
+function mapRecorderError(error) {
+  if (error instanceof DOMException) {
+    if (error.name === "NotAllowedError" || error.name === "SecurityError") {
+      return new Error("Screen or microphone permission was denied.");
+    }
+    if (error.name === "AbortError") {
+      return new Error("Recording setup was cancelled before it started.");
+    }
+    if (error.name === "NotFoundError") {
+      return new Error("No screen/tab or microphone source was found.");
+    }
+    if (error.name === "NotReadableError") {
+      return new Error("Unable to access the selected screen/tab or microphone.");
+    }
+    return new Error(error.message || "Failed to start recording.");
   }
-  try {
-    const json = JSON.stringify(arg);
-    return json.length > MAX_ARG_LENGTH ? json.slice(0, MAX_ARG_LENGTH) + "\u2026" : json;
-  } catch {
-    return String(arg);
+  if (error instanceof Error) {
+    return error;
   }
+  return new Error("Failed to start recording.");
 }
-var ConsoleCapture = class {
+function pickMimeType() {
+  if (typeof MediaRecorder === "undefined") {
+    return void 0;
+  }
+  return MIME_TYPES.find((mime) => MediaRecorder.isTypeSupported(mime));
+}
+var ScreenRecorder = class {
   constructor() {
-    this.consoleLogs = [];
-    this.errors = [];
-    this.originals = {};
-    this.errorHandler = null;
-    this.rejectionHandler = null;
-    this.active = false;
+    this.mediaRecorder = null;
+    this.displayStream = null;
+    this.microphoneStream = null;
+    this.mixedStream = null;
+    this.audioContext = null;
+    this.displayAudioStream = null;
+    this.microphoneAudioStream = null;
+    this.chunks = [];
+    this.recording = false;
+    this.stopPromise = null;
+    this.stopResolver = null;
+    this.lastBlob = null;
+    this.onEnded = null;
   }
-  start() {
-    if (this.active || typeof window === "undefined") {
+  async start(options = {}) {
+    if (this.recording) {
       return;
     }
-    this.active = true;
-    this.consoleLogs = [];
-    this.errors = [];
-    const levels = ["log", "info", "warn", "error"];
-    for (const level of levels) {
-      const original = console[level];
-      this.originals[level] = original;
-      const capture = this;
-      console[level] = (...args) => {
-        try {
-          capture.consoleLogs.push({
-            level,
-            timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-            args: args.map(serializeArg)
-          });
-          if (capture.consoleLogs.length > MAX_CONSOLE_ENTRIES) {
-            capture.consoleLogs.shift();
-          }
-        } catch {
-        }
-        original.apply(console, args);
-      };
+    if (typeof navigator === "undefined" || !navigator.mediaDevices || typeof navigator.mediaDevices.getDisplayMedia !== "function" || typeof navigator.mediaDevices.getUserMedia !== "function" || typeof MediaRecorder === "undefined") {
+      throw new Error("This browser does not support screen and microphone recording.");
     }
-    this.errorHandler = (event) => {
-      try {
-        this.errors.push({
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          message: event.message || "Unknown error",
-          source: event.filename || void 0,
-          lineno: event.lineno || void 0,
-          colno: event.colno || void 0,
-          stack: event.error?.stack || void 0,
-          type: "error"
+    this.cleanupStreams();
+    this.resetStopPromise();
+    this.chunks = [];
+    this.lastBlob = null;
+    this.onEnded = options.onEnded ?? null;
+    try {
+      const displayOptions = {
+        video: {
+          frameRate: { ideal: 15, max: 24 },
+          width: { ideal: 1280, max: 1920 },
+          height: { ideal: 720, max: 1080 }
+        },
+        audio: true,
+        // Browser hints only; the user still decides what to share in the native prompt.
+        preferCurrentTab: true,
+        selfBrowserSurface: "include",
+        surfaceSwitching: "include",
+        monitorTypeSurfaces: "include"
+      };
+      const displayStream = await navigator.mediaDevices.getDisplayMedia(displayOptions);
+      this.displayStream = displayStream;
+      let microphoneStream;
+      try {
+        microphoneStream = await navigator.mediaDevices.getUserMedia({
+          audio: {
+            echoCancellation: true,
+            noiseSuppression: true
+          },
+          video: false
         });
-        if (this.errors.length > MAX_ERROR_ENTRIES) {
-          this.errors.shift();
+      } catch (error) {
+        for (const track of displayStream.getTracks()) {
+          track.stop();
         }
-      } catch {
+        throw error;
       }
-    };
-    window.addEventListener("error", this.errorHandler);
-    this.rejectionHandler = (event) => {
-      try {
-        const reason = event.reason;
-        this.errors.push({
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          message: reason instanceof Error ? reason.message : String(reason),
-          stack: reason instanceof Error ? reason.stack || void 0 : void 0,
-          type: "unhandledrejection"
-        });
-        if (this.errors.length > MAX_ERROR_ENTRIES) {
-          this.errors.shift();
+      this.microphoneStream = microphoneStream;
+      const microphoneAudioTracks = microphoneStream.getAudioTracks();
+      if (microphoneAudioTracks.length === 0) {
+        for (const track of displayStream.getTracks()) {
+          track.stop();
+        }
+        for (const track of microphoneStream.getTracks()) {
+          track.stop();
+        }
+        throw new Error("Microphone audio track is unavailable.");
+      }
+      for (const track of microphoneAudioTracks) {
+        track.enabled = true;
+      }
+      const mixedAudioTracks = await this.buildMixedAudioTracks(displayStream, microphoneStream);
+      const tracks = [...displayStream.getVideoTracks(), ...mixedAudioTracks];
+      if (tracks.length === 0) {
+        for (const track of displayStream.getTracks()) {
+          track.stop();
         }
+        for (const track of microphoneStream.getTracks()) {
+          track.stop();
+        }
+        throw new Error("No media tracks available for recording.");
+      }
+      this.mixedStream = new MediaStream(tracks);
+      const mimeType = pickMimeType();
+      const recorderOptions = {
+        videoBitsPerSecond: 12e5,
+        audioBitsPerSecond: 96e3
+      };
+      if (mimeType) {
+        recorderOptions.mimeType = mimeType;
+      }
+      try {
+        this.mediaRecorder = new MediaRecorder(this.mixedStream, recorderOptions);
       } catch {
+        if (mimeType) {
+          try {
+            this.mediaRecorder = new MediaRecorder(this.mixedStream, { mimeType });
+          } catch {
+            this.mediaRecorder = new MediaRecorder(this.mixedStream);
+          }
+        } else {
+          this.mediaRecorder = new MediaRecorder(this.mixedStream);
+        }
       }
-    };
-    window.addEventListener("unhandledrejection", this.rejectionHandler);
-  }
-  snapshot() {
-    return {
-      consoleLogs: [...this.consoleLogs],
-      jsErrors: [...this.errors]
-    };
+      this.mediaRecorder.ondataavailable = (event) => {
+        if (event.data && event.data.size > 0) {
+          this.chunks.push(event.data);
+        }
+      };
+      this.mediaRecorder.onstop = () => {
+        const mime = this.mediaRecorder?.mimeType || mimeType || "video/webm";
+        const blob = this.chunks.length > 0 ? new Blob(this.chunks, { type: mime }) : null;
+        this.lastBlob = blob;
+        this.recording = false;
+        this.cleanupStreams();
+        const resolve = this.stopResolver;
+        this.resetStopPromise();
+        resolve?.(blob);
+      };
+      for (const track of displayStream.getVideoTracks()) {
+        track.onended = () => {
+          if (!this.recording) {
+            return;
+          }
+          void this.stop().finally(() => {
+            this.onEnded?.();
+          });
+        };
+      }
+      this.mediaRecorder.start(1e3);
+      this.recording = true;
+    } catch (error) {
+      this.cleanupStreams();
+      this.recording = false;
+      throw mapRecorderError(error);
+    }
   }
-  stop() {
-    if (!this.active) {
-      return;
+  async stop() {
+    if (!this.recording && !this.stopPromise) {
+      return this.lastBlob;
     }
-    for (const [level, original] of Object.entries(this.originals)) {
-      if (original) {
-        console[level] = original;
-      }
+    if (this.stopPromise) {
+      return this.stopPromise;
     }
-    this.originals = {};
-    if (this.errorHandler) {
-      window.removeEventListener("error", this.errorHandler);
-      this.errorHandler = null;
+    if (!this.mediaRecorder) {
+      this.recording = false;
+      this.cleanupStreams();
+      return this.lastBlob;
     }
-    if (this.rejectionHandler) {
-      window.removeEventListener("unhandledrejection", this.rejectionHandler);
-      this.rejectionHandler = null;
+    this.stopPromise = new Promise((resolve) => {
+      this.stopResolver = resolve;
+    });
+    if (this.mediaRecorder.state === "inactive") {
+      this.mediaRecorder.onstop?.(new Event("stop"));
+    } else {
+      this.mediaRecorder.stop();
     }
-    this.active = false;
+    return this.stopPromise;
   }
-  clear() {
-    this.consoleLogs = [];
-    this.errors = [];
+  isRecording() {
+    return this.recording;
   }
-};
-
-// src/integrations/linear.ts
-var DEFAULT_GRAPHQL_ENDPOINT = "https://api.linear.app/graphql";
-var noop = () => {
-};
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
-}
-function parseErrorMessage(body, fallback) {
-  if (!isRecord(body)) {
-    return fallback;
+  getLastBlob() {
+    return this.lastBlob;
   }
-  if (Array.isArray(body.errors)) {
-    const messages = body.errors.map((entry) => {
-      if (isRecord(entry) && typeof entry.message === "string") {
-        return entry.message;
-      }
-      return "";
-    }).filter(Boolean);
-    if (messages.length > 0) {
-      return messages.join("; ");
-    }
+  clearLastBlob() {
+    this.lastBlob = null;
   }
-  return fallback;
-}
-function ensureString(value, message) {
-  if (typeof value !== "string" || value.trim().length === 0) {
-    throw new Error(message);
+  dispose() {
+    this.cleanupStreams();
+    this.recording = false;
+    this.resetStopPromise();
   }
-  return value;
-}
-function buildCleanDescription(payload, mediaLinks) {
-  const lines = [
-    payload.description,
-    "",
-    "### Context",
-    `- Reported At: ${payload.stoppedAt}`,
-    `- Capture Mode: ${payload.captureMode === "screenshot" ? "Screenshot" : "Video"}`,
-    `- Page URL: ${payload.pageUrl || "Unknown"}`,
-    ""
-  ];
-  if (mediaLinks.screenshotUrl || mediaLinks.recordingUrl) {
-    lines.push("### Media");
-    if (mediaLinks.screenshotUrl) {
-      lines.push(`- Screenshot: [Open screenshot](${mediaLinks.screenshotUrl})`);
+  cleanupStreams() {
+    if (this.audioContext) {
+      void this.audioContext.close().catch(() => void 0);
     }
-    if (mediaLinks.recordingUrl) {
-      lines.push(`- Recording: [Open recording](${mediaLinks.recordingUrl})`);
+    if (this.mixedStream) {
+      for (const track of this.mixedStream.getTracks()) {
+        track.stop();
+      }
     }
-    lines.push("");
-  }
-  lines.push(
-    "*Network logs and client metadata are attached as comments below.*"
-  );
-  return lines.join("\n");
-}
-var LinearIntegration = class {
-  constructor(options) {
-    this.provider = "linear";
-    this.apiKey = options.apiKey;
-    this.teamId = options.teamId;
-    this.projectId = options.projectId;
-    this.graphqlEndpoint = options.graphqlEndpoint ?? DEFAULT_GRAPHQL_ENDPOINT;
-    this.submitProxyEndpoint = options.submitProxyEndpoint;
-    this.createIssueProxyEndpoint = options.createIssueProxyEndpoint;
-    this.uploadProxyEndpoint = options.uploadProxyEndpoint;
-    this.fetchImpl = options.fetchImpl ?? ((input, init) => globalThis.fetch(input, init));
-  }
-  async submit(payload, onProgress) {
-    if (this.submitProxyEndpoint) {
-      return this.submitViaProxy(payload, onProgress);
+    if (this.displayStream) {
+      for (const track of this.displayStream.getTracks()) {
+        track.stop();
+      }
     }
-    const progress = onProgress ?? noop;
-    progress("Uploading media\u2026");
-    const [screenshotUrl, recordingUrl] = await Promise.all([
-      payload.screenshotBlob ? this.uploadAsset(payload.screenshotBlob, "bug-screenshot.png", "image/png") : Promise.resolve(null),
-      payload.videoBlob ? this.uploadAsset(payload.videoBlob, "bug-recording.webm", "video/webm") : Promise.resolve(null)
-    ]);
-    progress("Creating Linear issue\u2026");
-    const description = buildCleanDescription(payload, { screenshotUrl, recordingUrl });
-    const issue = await this.createIssue(payload.title, description);
-    progress("Attaching logs\u2026");
-    const comments = [];
-    const logsComment = "### Network Logs\n```text\n" + formatNetworkLogs(payload.networkLogs) + "\n```";
-    comments.push(this.addComment(issue.id, logsComment));
-    if (payload.jsErrors.length > 0 || payload.consoleLogs.length > 0) {
-      const parts = [];
-      if (payload.jsErrors.length > 0) {
-        parts.push("### JavaScript Errors\n```text\n" + formatJsErrors(payload.jsErrors) + "\n```");
+    if (this.microphoneStream) {
+      for (const track of this.microphoneStream.getTracks()) {
+        track.stop();
       }
-      if (payload.consoleLogs.length > 0) {
-        parts.push("### Console Output\n```text\n" + formatConsoleLogs(payload.consoleLogs) + "\n```");
+    }
+    if (this.displayAudioStream) {
+      for (const track of this.displayAudioStream.getTracks()) {
+        track.stop();
       }
-      comments.push(this.addComment(issue.id, parts.join("\n\n")));
     }
-    const metadataComment = "### Client Metadata\n```json\n" + JSON.stringify(payload.metadata, null, 2) + "\n```";
-    comments.push(this.addComment(issue.id, metadataComment));
-    await Promise.all(comments);
-    progress("Done!");
-    return {
-      provider: this.provider,
-      issueId: issue.id,
-      issueKey: issue.identifier,
-      issueUrl: issue.url,
-      warnings: []
-    };
+    if (this.microphoneAudioStream) {
+      for (const track of this.microphoneAudioStream.getTracks()) {
+        track.stop();
+      }
+    }
+    this.mediaRecorder = null;
+    this.mixedStream = null;
+    this.displayStream = null;
+    this.microphoneStream = null;
+    this.audioContext = null;
+    this.displayAudioStream = null;
+    this.microphoneAudioStream = null;
   }
-  async submitViaProxy(payload, onProgress) {
-    if (!this.submitProxyEndpoint) {
-      throw new Error("Linear submit proxy endpoint is not configured.");
+  resetStopPromise() {
+    this.stopPromise = null;
+    this.stopResolver = null;
+  }
+  async buildMixedAudioTracks(displayStream, microphoneStream) {
+    const displayAudioTracks = displayStream.getAudioTracks();
+    const microphoneAudioTracks = microphoneStream.getAudioTracks();
+    if (displayAudioTracks.length === 0 && microphoneAudioTracks.length === 0) {
+      return [];
     }
-    const formData = new FormData();
-    formData.set("provider", "linear");
-    formData.set("title", payload.title);
-    formData.set("description", buildCleanDescription(payload, { screenshotUrl: null, recordingUrl: null }));
-    if (this.teamId) {
-      formData.set("teamId", this.teamId);
+    if (typeof AudioContext === "undefined") {
+      return [...displayAudioTracks, ...microphoneAudioTracks];
     }
-    if (this.projectId) {
-      formData.set("projectId", this.projectId);
+    const audioContext = new AudioContext();
+    await audioContext.resume().catch(() => void 0);
+    const destination = audioContext.createMediaStreamDestination();
+    if (displayAudioTracks.length > 0) {
+      this.displayAudioStream = new MediaStream(displayAudioTracks);
+      const displaySource = audioContext.createMediaStreamSource(this.displayAudioStream);
+      const displayGain = audioContext.createGain();
+      displayGain.gain.value = 1;
+      displaySource.connect(displayGain);
+      displayGain.connect(destination);
     }
-    if (payload.screenshotBlob) {
-      formData.append("screenshotFile", toBlobFile(payload.screenshotBlob, "bug-screenshot.png", "image/png"), "bug-screenshot.png");
+    if (microphoneAudioTracks.length > 0) {
+      this.microphoneAudioStream = new MediaStream(microphoneAudioTracks);
+      const microphoneSource = audioContext.createMediaStreamSource(this.microphoneAudioStream);
+      const microphoneGain = audioContext.createGain();
+      microphoneGain.gain.value = 1;
+      microphoneSource.connect(microphoneGain);
+      microphoneGain.connect(destination);
     }
-    if (payload.videoBlob) {
-      formData.append("screenRecordingFile", toBlobFile(payload.videoBlob, "bug-recording.webm", "video/webm"), "bug-recording.webm");
+    this.audioContext = audioContext;
+    const mixedAudioTracks = destination.stream.getAudioTracks();
+    if (mixedAudioTracks.length > 0) {
+      return mixedAudioTracks;
     }
-    formData.append("networkLogsFile", new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" }), "network-logs.txt");
-    formData.append("clientMetadataFile", new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" }), "client-metadata.json");
-    if (payload.consoleLogs.length > 0 || payload.jsErrors.length > 0) {
-      const consoleParts = [];
-      if (payload.jsErrors.length > 0) {
-        consoleParts.push("=== JavaScript Errors ===\n" + formatJsErrors(payload.jsErrors));
-      }
-      if (payload.consoleLogs.length > 0) {
-        consoleParts.push("=== Console Output ===\n" + formatConsoleLogs(payload.consoleLogs));
-      }
-      formData.append("consoleLogsFile", new Blob([consoleParts.join("\n\n")], { type: "text/plain" }), "console-logs.txt");
+    return [...displayAudioTracks, ...microphoneAudioTracks];
+  }
+};
+var BUG_REPORTER_UI_ATTR = "data-bug-reporter-ui";
+var UNSUPPORTED_COLOR_FUNCTION_PATTERN = /\b(?:lab|lch|oklab|oklch|color)\([^)]*\)/gi;
+var COLOR_FALLBACK_VALUE = "rgb(17, 24, 39)";
+var DEFAULT_BACKGROUND_COLOR = "#ffffff";
+function replaceUnsupportedColorFunctions(value) {
+  return value.replace(UNSUPPORTED_COLOR_FUNCTION_PATTERN, COLOR_FALLBACK_VALUE);
+}
+function unclampClonedLayout(clonedDoc) {
+  for (const el of [clonedDoc.documentElement, clonedDoc.body]) {
+    if (!el) {
+      continue;
     }
-    (onProgress ?? noop)("Submitting to Linear\u2026");
-    const response = await this.fetchImpl(this.submitProxyEndpoint, {
-      method: "POST",
-      body: formData
-    });
-    const body = await response.json().catch(() => null);
-    if (!response.ok) {
-      const errorMessage = typeof body?.error === "string" ? body.error : body?.error?.message || "Linear proxy submission failed.";
-      throw new Error(errorMessage);
+    el.style.setProperty("height", "auto", "important");
+    el.style.setProperty("overflow", "visible", "important");
+  }
+  const overrideStyle = clonedDoc.createElement("style");
+  overrideStyle.textContent = `html, body { height: auto !important; overflow: visible !important; }`;
+  clonedDoc.head.appendChild(overrideStyle);
+}
+function sanitizeCloneForModernColors(clonedDocument) {
+  const styleElements = clonedDocument.querySelectorAll("style");
+  for (const styleElement of styleElements) {
+    if (!styleElement.textContent) {
+      continue;
     }
-    const linear = body?.linear;
-    if (!linear?.id || !linear.identifier) {
-      throw new Error("Linear proxy submission failed: invalid response.");
+    styleElement.textContent = replaceUnsupportedColorFunctions(styleElement.textContent);
+  }
+  const styledElements = clonedDocument.querySelectorAll("[style]");
+  for (const element of styledElements) {
+    const style = element.getAttribute("style");
+    if (!style) {
+      continue;
     }
-    return {
-      provider: this.provider,
-      issueId: linear.id,
-      issueKey: linear.identifier,
-      issueUrl: linear.url ?? null,
-      warnings: Array.isArray(body?.warnings) ? body.warnings : []
-    };
+    element.setAttribute("style", replaceUnsupportedColorFunctions(style));
   }
-  async createIssue(title, description) {
-    if (this.createIssueProxyEndpoint) {
-      const response2 = await this.fetchImpl(this.createIssueProxyEndpoint, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          title,
-          description,
-          teamId: this.teamId,
-          projectId: this.projectId
-        })
-      });
-      const payload = await response2.json().catch(() => null);
-      if (!response2.ok || !payload?.id || !payload.identifier) {
-        throw new Error(payload?.error || "Linear issue creation proxy failed.");
-      }
-      return {
-        id: payload.id,
-        identifier: payload.identifier,
-        url: payload.url ?? null
-      };
+}
+async function canvasToPngBlob(canvas) {
+  const blob = await new Promise((resolve) => {
+    canvas.toBlob(resolve, "image/png", 1);
+  });
+  if (!blob) {
+    throw new Error("Failed to generate screenshot image.");
+  }
+  return blob;
+}
+var ScreenshotCapturer = class {
+  async capture() {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      throw new Error("Screenshot capture is not available in this environment.");
     }
-    if (!this.apiKey || !this.teamId) {
+    const target = document.documentElement;
+    if (!target) {
+      throw new Error("Could not find a capture target for screenshot.");
+    }
+    try {
+      return await this.captureViaDomSnapshot(target);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unknown DOM capture error.";
       throw new Error(
-        "Linear integration is missing credentials. Configure apiKey + teamId or a createIssueProxyEndpoint."
+        `Quick screenshot failed in this browser (${message}). Try video capture for this page.`
       );
     }
-    const query = `
-      mutation IssueCreate($input: IssueCreateInput!) {
-        issueCreate(input: $input) {
-          success
-          issue {
-            id
-            identifier
-            url
-          }
-        }
-      }
-    `;
-    const issueInput = {
-      teamId: this.teamId,
-      title,
-      description
-    };
-    if (this.projectId) {
-      issueInput.projectId = this.projectId;
-    }
-    const response = await this.fetchImpl(this.graphqlEndpoint, {
-      method: "POST",
-      headers: {
-        Authorization: this.apiKey,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        query,
-        variables: {
-          input: issueInput
-        }
-      })
-    });
-    const body = await response.json().catch(() => null);
-    if (!response.ok) {
-      throw new Error(parseErrorMessage(body, `Linear issue creation failed (${response.status})`));
-    }
-    const parsedIssueCreate = isRecord(body) && isRecord(body.data) && isRecord(body.data.issueCreate) ? body.data.issueCreate : null;
-    const parsedIssue = parsedIssueCreate && isRecord(parsedIssueCreate.issue) ? parsedIssueCreate.issue : null;
-    if (!parsedIssueCreate || !parsedIssue || parsedIssueCreate.success !== true) {
-      throw new Error(parseErrorMessage(body, "Linear issue creation failed."));
-    }
-    return {
-      id: ensureString(parsedIssue.id, "Linear did not return issue id."),
-      identifier: ensureString(parsedIssue.identifier, "Linear did not return issue identifier."),
-      url: typeof parsedIssue.url === "string" ? parsedIssue.url : null
-    };
-  }
-  async addComment(issueId, body) {
-    if (!this.apiKey) {
-      return;
-    }
-    const query = `
-      mutation CommentCreate($input: CommentCreateInput!) {
-        commentCreate(input: $input) {
-          success
-        }
-      }
-    `;
-    const response = await this.fetchImpl(this.graphqlEndpoint, {
-      method: "POST",
-      headers: {
-        Authorization: this.apiKey,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        query,
-        variables: {
-          input: { issueId, body }
-        }
-      })
-    });
-    if (!response.ok) ;
   }
-  async uploadAsset(blob, fileName, fallbackMimeType) {
-    const file = toBlobFile(blob, fileName, fallbackMimeType);
-    if (this.uploadProxyEndpoint) {
-      const formData = new FormData();
-      formData.set("file", file, file.name);
-      formData.set("filename", file.name);
-      formData.set("contentType", file.type || fallbackMimeType);
-      const response = await this.fetchImpl(this.uploadProxyEndpoint, {
-        method: "POST",
-        body: formData
-      });
-      const payload = await response.json().catch(() => null);
-      if (!response.ok || !payload?.assetUrl) {
-        throw new Error(payload?.error || "Linear upload proxy failed.");
-      }
-      return payload.assetUrl;
-    }
-    if (!this.apiKey) {
-      throw new Error("Linear upload requires apiKey or uploadProxyEndpoint.");
-    }
-    const uploadTarget = await this.requestUploadTarget(file);
-    const uploadHeaders = uploadTarget.headers.reduce((acc, entry) => {
-      if (entry.key && entry.value) {
-        acc[entry.key] = entry.value;
+  async captureViaDomSnapshot(target) {
+    const viewportWidth = Math.max(1, window.innerWidth || document.documentElement.clientWidth || 1);
+    const viewportHeight = Math.max(1, window.innerHeight || document.documentElement.clientHeight || 1);
+    const scale = Math.min(Math.max(window.devicePixelRatio || 1, 1), 2);
+    const bodyBackgroundColor = window.getComputedStyle(document.body).backgroundColor;
+    const backgroundColor = bodyBackgroundColor && bodyBackgroundColor !== "rgba(0, 0, 0, 0)" ? bodyBackgroundColor : DEFAULT_BACKGROUND_COLOR;
+    const savedScrollX = window.scrollX;
+    const savedScrollY = window.scrollY;
+    window.scrollTo(0, 0);
+    const htmlEl = document.documentElement;
+    const bodyEl = document.body;
+    const origHtmlHeight = htmlEl.style.height;
+    const origHtmlOverflow = htmlEl.style.overflow;
+    const origBodyHeight = bodyEl.style.height;
+    const origBodyOverflow = bodyEl.style.overflow;
+    htmlEl.style.setProperty("height", "auto", "important");
+    htmlEl.style.setProperty("overflow", "visible", "important");
+    bodyEl.style.setProperty("height", "auto", "important");
+    bodyEl.style.setProperty("overflow", "visible", "important");
+    const sharedOptions = {
+      backgroundColor,
+      logging: false,
+      useCORS: true,
+      allowTaint: false,
+      scale,
+      windowWidth: viewportWidth,
+      windowHeight: viewportHeight,
+      scrollX: 0,
+      scrollY: 0,
+      ignoreElements: (element) => {
+        return element instanceof HTMLElement && element.getAttribute(BUG_REPORTER_UI_ATTR) === "true";
       }
-      return acc;
-    }, {});
-    const uploadResponse = await this.fetchImpl(uploadTarget.uploadUrl, {
-      method: "PUT",
-      headers: uploadHeaders,
-      body: file
-    });
-    if (!uploadResponse.ok) {
-      throw new Error(
-        "Linear media upload failed. Configure an uploadProxyEndpoint if your browser blocks direct uploads."
-      );
-    }
-    return uploadTarget.assetUrl;
-  }
-  async requestUploadTarget(file) {
-    const query = `
-      mutation FileUpload($contentType: String!, $filename: String!, $size: Int!) {
-        fileUpload(contentType: $contentType, filename: $filename, size: $size) {
-          success
-          uploadFile {
-            uploadUrl
-            assetUrl
-            headers {
-              key
-              value
+    };
+    let lastError = null;
+    const attempts = [
+      { foreignObjectRendering: true, sanitizeColorFunctions: false },
+      { foreignObjectRendering: false, sanitizeColorFunctions: false },
+      { foreignObjectRendering: false, sanitizeColorFunctions: true }
+    ];
+    try {
+      for (const attempt of attempts) {
+        try {
+          const fullCanvas = await html2canvas(target, {
+            ...sharedOptions,
+            foreignObjectRendering: attempt.foreignObjectRendering,
+            onclone: (clonedDocument) => {
+              unclampClonedLayout(clonedDocument);
+              if (attempt.sanitizeColorFunctions) {
+                sanitizeCloneForModernColors(clonedDocument);
+              }
             }
+          });
+          const cropW = Math.round(viewportWidth * scale);
+          const cropH = Math.round(viewportHeight * scale);
+          const cropX = Math.round(savedScrollX * scale);
+          const cropY = Math.round(savedScrollY * scale);
+          const cropCanvas = document.createElement("canvas");
+          cropCanvas.width = cropW;
+          cropCanvas.height = cropH;
+          const ctx = cropCanvas.getContext("2d");
+          if (!ctx) {
+            return await canvasToPngBlob(fullCanvas);
           }
+          ctx.drawImage(fullCanvas, cropX, cropY, cropW, cropH, 0, 0, cropW, cropH);
+          return await canvasToPngBlob(cropCanvas);
+        } catch (error) {
+          lastError = error;
         }
       }
-    `;
-    const response = await this.fetchImpl(this.graphqlEndpoint, {
-      method: "POST",
-      headers: {
-        Authorization: ensureString(this.apiKey, "Linear upload requires apiKey."),
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        query,
-        variables: {
-          contentType: file.type || "application/octet-stream",
-          filename: file.name,
-          size: file.size
-        }
-      })
-    });
-    const body = await response.json().catch(() => null);
-    if (!response.ok) {
-      throw new Error(parseErrorMessage(body, `Linear upload target request failed (${response.status})`));
+      throw lastError ?? new Error("DOM snapshot capture failed.");
+    } finally {
+      htmlEl.style.height = origHtmlHeight;
+      htmlEl.style.overflow = origHtmlOverflow;
+      bodyEl.style.height = origBodyHeight;
+      bodyEl.style.overflow = origBodyOverflow;
+      window.scrollTo(savedScrollX, savedScrollY);
     }
-    const uploadFile = isRecord(body) && isRecord(body.data) && isRecord(body.data.fileUpload) && isRecord(body.data.fileUpload.uploadFile) ? body.data.fileUpload.uploadFile : null;
-    const headers = Array.isArray(uploadFile?.headers) ? uploadFile.headers.filter((entry) => {
-      return isRecord(entry) && typeof entry.key === "string" && typeof entry.value === "string";
-    }) : [];
-    if (!uploadFile || typeof uploadFile.uploadUrl !== "string" || typeof uploadFile.assetUrl !== "string") {
-      throw new Error(parseErrorMessage(body, "Linear did not return a valid upload target."));
+  }
+  async captureRegion(region) {
+    const fullBlob = await this.capture();
+    return this.cropBlob(fullBlob, region);
+  }
+  async cropBlob(blob, region) {
+    const bitmap = await createImageBitmap(blob);
+    const scale = bitmap.width / (window.innerWidth || 1);
+    const sx = Math.round(region.x * scale);
+    const sy = Math.round(region.y * scale);
+    const sw = Math.round(region.width * scale);
+    const sh = Math.round(region.height * scale);
+    const canvas = document.createElement("canvas");
+    canvas.width = Math.max(1, sw);
+    canvas.height = Math.max(1, sh);
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      bitmap.close();
+      throw new Error("Could not create canvas for region crop.");
     }
-    return {
-      uploadUrl: uploadFile.uploadUrl,
-      assetUrl: uploadFile.assetUrl,
-      headers
-    };
+    ctx.drawImage(bitmap, sx, sy, sw, sh, 0, 0, sw, sh);
+    bitmap.close();
+    return canvasToPngBlob(canvas);
   }
 };
 
-// src/integrations/jira.ts
-var noop2 = () => {
-};
-function isRecord2(value) {
-  return typeof value === "object" && value !== null;
-}
-function toBasicAuth(email, token) {
-  if (typeof btoa !== "function") {
-    throw new Error("btoa is unavailable; use backend proxy endpoints for Jira auth.");
+// src/core/BugSession.ts
+var BugSession = class {
+  constructor(options = {}) {
+    this.recording = false;
+    this.startedAtMs = null;
+    this.autoStopTimeout = null;
+    this.stopInFlight = null;
+    this.lastArtifacts = null;
+    this.maxDurationMs = options.maxDurationMs ?? DEFAULT_MAX_RECORDING_MS;
+    this.screenRecorder = options.screenRecorder ?? new ScreenRecorder();
+    this.screenshotCapturer = options.screenshotCapturer ?? new ScreenshotCapturer();
+    this.networkLogger = options.networkLogger ?? new NetworkLogger();
+    this.onAutoStop = options.onAutoStop;
   }
-  return `Basic ${btoa(`${email}:${token}`)}`;
-}
-function getErrorDetail(payload, fallback) {
-  if (!isRecord2(payload)) {
-    return fallback;
+  async start() {
+    if (this.recording) {
+      return;
+    }
+    this.clearAutoStopTimer();
+    this.networkLogger.clear();
+    this.lastArtifacts = null;
+    this.networkLogger.start();
+    try {
+      await this.screenRecorder.start({
+        onEnded: () => {
+          void this.handleForcedStop("screen_ended");
+        }
+      });
+    } catch (error) {
+      this.networkLogger.stop();
+      this.networkLogger.clear();
+      throw error;
+    }
+    this.recording = true;
+    this.startedAtMs = Date.now();
+    this.autoStopTimeout = setTimeout(() => {
+      void this.handleForcedStop("time_limit");
+    }, this.maxDurationMs);
   }
-  if (Array.isArray(payload.errorMessages) && payload.errorMessages.length > 0) {
-    return payload.errorMessages.map((entry) => String(entry)).join("; ");
-  }
-  if (isRecord2(payload.errors)) {
-    return Object.values(payload.errors).map((entry) => String(entry)).join("; ");
-  }
-  return fallback;
-}
-function buildCleanDescription2(payload) {
-  const lines = [
-    payload.description,
-    "",
-    "Context:",
-    `- Reported At: ${payload.stoppedAt}`,
-    `- Capture Mode: ${payload.captureMode === "screenshot" ? "Screenshot" : "Video"}`,
-    `- Page URL: ${payload.pageUrl || "Unknown"}`
-  ];
-  const hasScreenshot = Boolean(payload.screenshotBlob);
-  const hasVideo = Boolean(payload.videoBlob);
-  if (hasScreenshot || hasVideo) {
-    lines.push("", "Attachments:");
-    if (hasScreenshot) lines.push("- Screenshot attached");
-    if (hasVideo) lines.push("- Screen recording attached");
-    lines.push("- Network logs attached (network-logs.txt)");
-    lines.push("- Client metadata attached (client-metadata.json)");
-  }
-  return lines.join("\n");
-}
-function toJiraAdf(text) {
-  const paragraphs = text.split(/\n{2,}/).map((chunk) => chunk.trim()).filter(Boolean).map((chunk) => ({
-    type: "paragraph",
-    content: [{ type: "text", text: chunk }]
-  }));
-  return {
-    type: "doc",
-    version: 1,
-    content: paragraphs
-  };
-}
-var JiraIntegration = class {
-  constructor(options) {
-    this.provider = "jira";
-    this.baseUrl = options.baseUrl?.replace(/\/$/, "");
-    this.email = options.email;
-    this.apiToken = options.apiToken;
-    this.projectKey = options.projectKey;
-    this.issueType = options.issueType ?? "Bug";
-    this.submitProxyEndpoint = options.submitProxyEndpoint;
-    this.createIssueProxyEndpoint = options.createIssueProxyEndpoint;
-    this.uploadAttachmentProxyEndpoint = options.uploadAttachmentProxyEndpoint;
-    this.fetchImpl = options.fetchImpl ?? ((input, init) => globalThis.fetch(input, init));
-  }
-  async submit(payload, onProgress) {
-    if (this.submitProxyEndpoint) {
-      return this.submitViaProxy(payload, onProgress);
-    }
-    const progress = onProgress ?? noop2;
-    progress("Creating Jira issue\u2026");
-    const issue = await this.createIssue(payload);
-    progress("Uploading attachments\u2026");
-    const uploads = [];
-    if (payload.screenshotBlob) {
-      uploads.push(this.uploadAttachment(issue.key, payload.screenshotBlob, "bug-screenshot.png", "image/png"));
-    }
-    if (payload.videoBlob) {
-      uploads.push(this.uploadAttachment(issue.key, payload.videoBlob, "bug-recording.webm", "video/webm"));
+  async captureScreenshot(region) {
+    if (this.recording) {
+      await this.stop("manual");
     }
-    const logsBlob = new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" });
-    uploads.push(this.uploadAttachment(issue.key, logsBlob, "network-logs.txt", "text/plain"));
-    if (payload.consoleLogs.length > 0 || payload.jsErrors.length > 0) {
-      const consoleParts = [];
-      if (payload.jsErrors.length > 0) {
-        consoleParts.push("=== JavaScript Errors ===\n" + formatJsErrors(payload.jsErrors));
-      }
-      if (payload.consoleLogs.length > 0) {
-        consoleParts.push("=== Console Output ===\n" + formatConsoleLogs(payload.consoleLogs));
-      }
-      const consoleBlob = new Blob([consoleParts.join("\n\n")], { type: "text/plain" });
-      uploads.push(this.uploadAttachment(issue.key, consoleBlob, "console-logs.txt", "text/plain"));
+    this.clearAutoStopTimer();
+    this.networkLogger.clear();
+    this.lastArtifacts = null;
+    const startedAtMs = Date.now();
+    this.networkLogger.start();
+    try {
+      const screenshotBlob = region ? await this.screenshotCapturer.captureRegion(region) : await this.screenshotCapturer.capture();
+      const networkLogs = this.networkLogger.stop();
+      const stoppedAtMs = Date.now();
+      const artifacts = {
+        videoBlob: null,
+        screenshotBlob,
+        networkLogs,
+        captureMode: "screenshot",
+        startedAt: new Date(startedAtMs).toISOString(),
+        stoppedAt: new Date(stoppedAtMs).toISOString(),
+        elapsedMs: Math.max(0, stoppedAtMs - startedAtMs),
+        stopReason: "manual"
+      };
+      this.lastArtifacts = artifacts;
+      return artifacts;
+    } catch (error) {
+      this.networkLogger.stop();
+      this.networkLogger.clear();
+      throw error;
     }
-    const metadataBlob = new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" });
-    uploads.push(this.uploadAttachment(issue.key, metadataBlob, "client-metadata.json", "application/json"));
-    await Promise.all(uploads);
-    progress("Done!");
-    return {
-      provider: this.provider,
-      issueId: issue.id,
-      issueKey: issue.key,
-      issueUrl: issue.url,
-      warnings: []
-    };
   }
-  async submitViaProxy(payload, onProgress) {
-    if (!this.submitProxyEndpoint) {
-      throw new Error("Jira submit proxy endpoint is not configured.");
-    }
-    const formData = new FormData();
-    formData.set("provider", "jira");
-    formData.set("title", payload.title);
-    formData.set("description", buildCleanDescription2(payload));
-    formData.set("issueType", this.issueType);
-    if (this.projectKey) {
-      formData.set("projectKey", this.projectKey);
-    }
-    if (payload.screenshotBlob) {
-      formData.append("screenshotFile", toBlobFile(payload.screenshotBlob, "bug-screenshot.png", "image/png"), "bug-screenshot.png");
-    }
-    if (payload.videoBlob) {
-      formData.append("screenRecordingFile", toBlobFile(payload.videoBlob, "bug-recording.webm", "video/webm"), "bug-recording.webm");
+  async stop(reason = "manual") {
+    if (this.stopInFlight) {
+      return this.stopInFlight;
     }
-    formData.append("networkLogsFile", new Blob([formatNetworkLogs(payload.networkLogs)], { type: "text/plain" }), "network-logs.txt");
-    formData.append("clientMetadataFile", new Blob([JSON.stringify(payload.metadata, null, 2)], { type: "application/json" }), "client-metadata.json");
-    if (payload.consoleLogs.length > 0 || payload.jsErrors.length > 0) {
-      const consoleParts = [];
-      if (payload.jsErrors.length > 0) {
-        consoleParts.push("=== JavaScript Errors ===\n" + formatJsErrors(payload.jsErrors));
-      }
-      if (payload.consoleLogs.length > 0) {
-        consoleParts.push("=== Console Output ===\n" + formatConsoleLogs(payload.consoleLogs));
-      }
-      formData.append("consoleLogsFile", new Blob([consoleParts.join("\n\n")], { type: "text/plain" }), "console-logs.txt");
+    if (!this.recording) {
+      return this.lastArtifacts;
     }
-    (onProgress ?? noop2)("Submitting to Jira\u2026");
-    const response = await this.fetchImpl(this.submitProxyEndpoint, {
-      method: "POST",
-      body: formData
+    this.stopInFlight = this.stopInternal(reason).finally(() => {
+      this.stopInFlight = null;
     });
-    const body = await response.json().catch(() => null);
-    if (!response.ok) {
-      const errorMessage = typeof body?.error === "string" ? body.error : body?.error?.message || "Jira proxy submission failed.";
-      throw new Error(errorMessage);
-    }
-    const jira = body?.jira;
-    if (!jira?.id || !jira.key) {
-      throw new Error("Jira proxy submission failed: invalid response.");
+    return this.stopInFlight;
+  }
+  isRecording() {
+    return this.recording;
+  }
+  getElapsedMs() {
+    if (this.recording && this.startedAtMs) {
+      return Math.max(0, Date.now() - this.startedAtMs);
     }
-    return {
-      provider: this.provider,
-      issueId: jira.id,
-      issueKey: jira.key,
-      issueUrl: jira.url ?? null,
-      warnings: Array.isArray(body?.warnings) ? body.warnings : []
+    return this.lastArtifacts?.elapsedMs ?? 0;
+  }
+  getMaxDurationMs() {
+    return this.maxDurationMs;
+  }
+  getLastArtifacts() {
+    return this.lastArtifacts;
+  }
+  getLastCaptureMode() {
+    return this.lastArtifacts?.captureMode ?? null;
+  }
+  resetArtifacts() {
+    this.lastArtifacts = null;
+    this.screenRecorder.clearLastBlob();
+    this.networkLogger.clear();
+  }
+  async dispose() {
+    await this.stop("manual");
+    this.clearAutoStopTimer();
+    this.screenRecorder.dispose();
+    this.networkLogger.stop();
+    this.networkLogger.clear();
+  }
+  async stopInternal(reason) {
+    this.clearAutoStopTimer();
+    const startedAtMs = this.startedAtMs ?? Date.now();
+    this.recording = false;
+    this.startedAtMs = null;
+    const videoBlob = await this.screenRecorder.stop();
+    const networkLogs = this.networkLogger.stop();
+    const stoppedAtMs = Date.now();
+    const artifacts = {
+      videoBlob,
+      screenshotBlob: null,
+      networkLogs,
+      captureMode: "video",
+      startedAt: new Date(startedAtMs).toISOString(),
+      stoppedAt: new Date(stoppedAtMs).toISOString(),
+      elapsedMs: Math.max(0, stoppedAtMs - startedAtMs),
+      stopReason: reason
     };
+    this.lastArtifacts = artifacts;
+    return artifacts;
   }
-  async createIssue(payload) {
-    if (this.createIssueProxyEndpoint) {
-      const response2 = await this.fetchImpl(this.createIssueProxyEndpoint, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          summary: payload.title,
-          description: buildCleanDescription2(payload),
-          issueType: this.issueType,
-          projectKey: this.projectKey
-        })
-      });
-      const data2 = await response2.json().catch(() => null);
-      if (!response2.ok || !data2?.id || !data2.key || !data2.url) {
-        throw new Error(data2?.error || "Jira issue creation proxy failed.");
-      }
-      return {
-        id: data2.id,
-        key: data2.key,
-        url: data2.url
-      };
-    }
-    if (!this.baseUrl || !this.email || !this.apiToken || !this.projectKey) {
-      throw new Error(
-        "Jira integration is missing credentials. Configure baseUrl + email + apiToken + projectKey or a createIssueProxyEndpoint."
-      );
-    }
-    const response = await this.fetchImpl(`${this.baseUrl}/rest/api/3/issue`, {
-      method: "POST",
-      credentials: "omit",
-      headers: {
-        Authorization: toBasicAuth(this.email, this.apiToken),
-        "Content-Type": "application/json",
-        Accept: "application/json"
-      },
-      body: JSON.stringify({
-        fields: {
-          project: { key: this.projectKey },
-          summary: payload.title,
-          description: toJiraAdf(buildCleanDescription2(payload)),
-          issuetype: { name: this.issueType }
-        }
-      })
-    });
-    const data = await response.json().catch(() => null);
-    if (!response.ok) {
-      throw new Error(getErrorDetail(data, `Jira issue creation failed (${response.status}).`));
+  async handleForcedStop(reason) {
+    const artifacts = await this.stop(reason);
+    if (artifacts && this.onAutoStop) {
+      this.onAutoStop(artifacts);
     }
-    if (!isRecord2(data) || typeof data.id !== "string" || typeof data.key !== "string") {
-      throw new Error("Jira issue creation failed: invalid API response.");
+  }
+  clearAutoStopTimer() {
+    if (this.autoStopTimeout) {
+      clearTimeout(this.autoStopTimeout);
+      this.autoStopTimeout = null;
     }
+  }
+};
+
+// src/core/WebMetadata.ts
+function collectClientEnvironmentMetadata() {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
     return {
-      id: data.id,
-      key: data.key,
-      url: `${this.baseUrl}/browse/${data.key}`
+      locale: null,
+      timezone: null,
+      language: null,
+      languages: [],
+      platform: null,
+      referrer: null,
+      colorScheme: "unknown",
+      viewport: {
+        width: null,
+        height: null,
+        pixelRatio: null
+      },
+      screen: {
+        width: null,
+        height: null,
+        availWidth: null,
+        availHeight: null,
+        colorDepth: null
+      },
+      device: {
+        hardwareConcurrency: null,
+        deviceMemoryGb: null,
+        maxTouchPoints: null,
+        online: null,
+        cookieEnabled: null
+      },
+      connection: {
+        effectiveType: null,
+        downlinkMbps: null,
+        rttMs: null,
+        saveData: null
+      }
     };
   }
-  async uploadAttachment(issueKey, blob, fileName, fallbackMimeType) {
-    const file = toBlobFile(blob, fileName, fallbackMimeType);
-    if (this.uploadAttachmentProxyEndpoint) {
-      const formData2 = new FormData();
-      formData2.set("issueKey", issueKey);
-      formData2.set("file", file, file.name);
-      const response2 = await this.fetchImpl(this.uploadAttachmentProxyEndpoint, {
-        method: "POST",
-        body: formData2
-      });
-      if (!response2.ok) {
-        const data = await response2.json().catch(() => null);
-        throw new Error(data?.error || "Jira attachment upload proxy failed.");
-      }
-      return;
+  const nav = navigator;
+  const connection = nav.connection || nav.mozConnection || nav.webkitConnection;
+  let colorScheme = "unknown";
+  if (typeof window.matchMedia === "function") {
+    if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+      colorScheme = "dark";
+    } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
+      colorScheme = "light";
     }
-    if (!this.baseUrl || !this.email || !this.apiToken) {
-      throw new Error("Jira attachment upload requires credentials or uploadAttachmentProxyEndpoint.");
+  }
+  let timezone = null;
+  try {
+    timezone = Intl.DateTimeFormat().resolvedOptions().timeZone || null;
+  } catch {
+    timezone = null;
+  }
+  return {
+    locale: typeof navigator.language === "string" ? navigator.language : null,
+    timezone,
+    language: typeof navigator.language === "string" ? navigator.language : null,
+    languages: Array.isArray(navigator.languages) ? [...navigator.languages] : [],
+    platform: typeof nav.userAgentData?.platform === "string" && nav.userAgentData.platform || (typeof navigator.platform === "string" ? navigator.platform : null),
+    referrer: typeof document !== "undefined" ? document.referrer || null : null,
+    colorScheme,
+    viewport: {
+      width: typeof window.innerWidth === "number" ? window.innerWidth : null,
+      height: typeof window.innerHeight === "number" ? window.innerHeight : null,
+      pixelRatio: typeof window.devicePixelRatio === "number" ? window.devicePixelRatio : null
+    },
+    screen: {
+      width: typeof window.screen?.width === "number" ? window.screen.width : null,
+      height: typeof window.screen?.height === "number" ? window.screen.height : null,
+      availWidth: typeof window.screen?.availWidth === "number" ? window.screen.availWidth : null,
+      availHeight: typeof window.screen?.availHeight === "number" ? window.screen.availHeight : null,
+      colorDepth: typeof window.screen?.colorDepth === "number" ? window.screen.colorDepth : null
+    },
+    device: {
+      hardwareConcurrency: typeof navigator.hardwareConcurrency === "number" ? navigator.hardwareConcurrency : null,
+      deviceMemoryGb: typeof nav.deviceMemory === "number" ? nav.deviceMemory : null,
+      maxTouchPoints: typeof navigator.maxTouchPoints === "number" ? navigator.maxTouchPoints : null,
+      online: typeof navigator.onLine === "boolean" ? navigator.onLine : null,
+      cookieEnabled: typeof navigator.cookieEnabled === "boolean" ? navigator.cookieEnabled : null
+    },
+    connection: {
+      effectiveType: typeof connection?.effectiveType === "string" ? connection.effectiveType : null,
+      downlinkMbps: typeof connection?.downlink === "number" ? connection.downlink : null,
+      rttMs: typeof connection?.rtt === "number" ? connection.rtt : null,
+      saveData: typeof connection?.saveData === "boolean" ? connection.saveData : null
     }
-    const formData = new FormData();
-    formData.set("file", file, file.name);
-    const response = await this.fetchImpl(`${this.baseUrl}/rest/api/3/issue/${issueKey}/attachments`, {
-      method: "POST",
-      credentials: "omit",
-      headers: {
-        Authorization: toBasicAuth(this.email, this.apiToken),
-        Accept: "application/json",
-        "X-Atlassian-Token": "no-check"
-      },
-      body: formData
+  };
+}
+
+// src/core/BugReporter.ts
+var BugReporter = class {
+  constructor(options) {
+    this.integration = options.integration;
+    this.session = options.session ?? new BugSession({
+      maxDurationMs: options.maxDurationMs ?? DEFAULT_MAX_RECORDING_MS,
+      onAutoStop: options.onAutoStop
     });
-    if (!response.ok) {
-      const data = await response.json().catch(() => null);
-      throw new Error(getErrorDetail(data, `Jira attachment upload failed (${response.status}).`));
+  }
+  async start() {
+    await this.session.start();
+  }
+  async captureScreenshot(region) {
+    return this.session.captureScreenshot(region);
+  }
+  async stop() {
+    return this.session.stop("manual");
+  }
+  async submit(title, description, options = {}) {
+    if (this.isRecording()) {
+      await this.stop();
+    }
+    const artifacts = this.session.getLastArtifacts();
+    if (!artifacts) {
+      throw new Error("Capture a screenshot or record and stop a bug session before submitting.");
+    }
+    const normalizedTitle = title.trim();
+    if (!normalizedTitle) {
+      throw new Error("A bug title is required.");
     }
+    const normalizedDescription = description.trim() || "No additional details provided.";
+    const metadata = {
+      ...collectClientEnvironmentMetadata(),
+      captureMode: artifacts.captureMode,
+      capture: {
+        startedAt: artifacts.startedAt,
+        stoppedAt: artifacts.stoppedAt,
+        elapsedMs: artifacts.elapsedMs
+      },
+      ...options.metadata || {}
+    };
+    const payload = {
+      title: normalizedTitle,
+      description: normalizedDescription,
+      videoBlob: artifacts.videoBlob,
+      screenshotBlob: options.screenshotBlob ?? artifacts.screenshotBlob,
+      networkLogs: artifacts.networkLogs,
+      consoleLogs: options.consoleLogs ?? [],
+      jsErrors: options.jsErrors ?? [],
+      captureMode: artifacts.captureMode,
+      pageUrl: typeof window !== "undefined" ? window.location.href : "",
+      userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "",
+      startedAt: artifacts.startedAt,
+      stoppedAt: artifacts.stoppedAt,
+      elapsedMs: artifacts.elapsedMs,
+      metadata
+    };
+    options.onProgress?.("Submitting to " + this.integration.provider + "\u2026");
+    const result = await this.integration.submit(payload, options.onProgress);
+    this.session.resetArtifacts();
+    return result;
+  }
+  isRecording() {
+    return this.session.isRecording();
+  }
+  getElapsedMs() {
+    return this.session.getElapsedMs();
+  }
+  getMaxDurationMs() {
+    return this.session.getMaxDurationMs();
+  }
+  getLastArtifacts() {
+    return this.session.getLastArtifacts();
+  }
+  clearDraft() {
+    this.session.resetArtifacts();
+  }
+  setIntegration(integration) {
+    this.integration = integration;
+  }
+  getSelectedProvider() {
+    return this.integration.provider;
+  }
+  async dispose() {
+    await this.session.dispose();
   }
 };
 function RegionSelector({ onSelect, onCancel }) {
@@ -1760,7 +1854,10 @@ function RegionSelector({ onSelect, onCancel }) {
 }
 var BugReporterContext = createContext(null);
 function getProviderLabel(provider) {
-  return provider === "linear" ? "Linear" : "Jira";
+  if (provider === "linear") return "Linear";
+  if (provider === "jira") return "Jira";
+  if (provider === "cloud") return "QuickBugs Cloud";
+  return provider;
 }
 function BugReporterProvider({
   children,
@@ -1778,7 +1875,7 @@ function BugReporterProvider({
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(null);
   const [autoStopNotice, setAutoStopNotice] = useState(null);
-  const [selectedProvider, setSelectedProvider] = useState(null);
+  const [selectedProvider, setSelectedProvider] = useState(defaultProvider ?? null);
   const [draftMode, setDraftMode] = useState(null);
   const [videoBlob, setVideoBlob] = useState(null);
   const [videoPreviewUrl, setVideoPreviewUrl] = useState(null);
@@ -1802,7 +1899,7 @@ function BugReporterProvider({
     };
   }, []);
   const availableProviders = useMemo(() => {
-    return ["linear", "jira"].filter((provider) => Boolean(integrations[provider]));
+    return ["cloud", "linear", "jira"].filter((provider) => Boolean(integrations[provider]));
   }, [integrations]);
   const hasDraft = useMemo(() => {
     if (draftMode === "video") {
@@ -2953,7 +3050,10 @@ function formatElapsed2(ms) {
   return `${minutes}:${seconds}`;
 }
 function providerLabel(provider) {
-  return provider === "linear" ? "Linear" : "Jira";
+  if (provider === "linear") return "Linear";
+  if (provider === "jira") return "Jira";
+  if (provider === "cloud") return "QuickBugs Cloud";
+  return provider;
 }
 function BugReporterModal() {
   const {
@@ -3238,6 +3338,6 @@ function BugReporterModal() {
   ) });
 }
 
-export { BugReporter, BugReporterModal, BugReporterProvider, BugSession, ConsoleCapture, DEFAULT_MAX_RECORDING_MS, FloatingBugButton, JiraIntegration, LinearIntegration, NetworkLogger, ScreenRecorder, ScreenshotCapturer, collectClientEnvironmentMetadata, formatConsoleLogs, formatJsErrors, formatNetworkLogs, toErrorMessage, useBugReporter };
+export { BugReporter, BugReporterModal, BugReporterProvider, BugSession, CloudIntegration, ConsoleCapture, DEFAULT_MAX_RECORDING_MS, FloatingBugButton, JiraIntegration, LinearIntegration, NetworkLogger, ScreenRecorder, ScreenshotCapturer, collectClientEnvironmentMetadata, formatConsoleLogs, formatJsErrors, formatNetworkLogs, toErrorMessage, useBugReporter };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map