@rozenite/network-activity-plugin 1.7.0 → 1.8.1

package/dist/devtools/assets/{App-pokLiGYV.js → App-B3xlUjs6.js}

@@ -406,9 +406,9 @@ function requireNormalizeColors() {
     const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
     const p = 2 * l - q;
     const r2 = hue2rgb(p, q, h2 + 1 / 3);
-    const g = hue2rgb(p, q, h2);
+    const g2 = hue2rgb(p, q, h2);
     const b2 = hue2rgb(p, q, h2 - 1 / 3);
-    return Math.round(r2 * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b2 * 255) << 8;
+    return Math.round(r2 * 255) << 24 | Math.round(g2 * 255) << 16 | Math.round(b2 * 255) << 8;
   }
   function hwbToRgb(h2, w2, b2) {
     if (w2 + b2 >= 1) {
@@ -819,11 +819,11 @@ var normalizeColor = function normalizeColor2(color2, opacity) {
   var colorInt = processColor(color2);
   if (colorInt != null) {
     var r2 = colorInt >> 16 & 255;
-    var g = colorInt >> 8 & 255;
+    var g2 = colorInt >> 8 & 255;
     var b2 = colorInt & 255;
     var a = (colorInt >> 24 & 255) / 255;
     var alpha = (a * opacity).toFixed(2);
-    return "rgba(" + r2 + "," + g + "," + b2 + "," + alpha + ")";
+    return "rgba(" + r2 + "," + g2 + "," + b2 + "," + alpha + ")";
   }
 };
 var colorProps = {
@@ -17081,23 +17081,23 @@ function requireJsxRuntime() {
   return jsxRuntime.exports;
 }
 var jsxRuntimeExports = requireJsxRuntime();
-const f = () => typeof window < "u" && typeof window.document < "u", m = () => f() && typeof window.__ROZENITE_WEB__ < "u", v = () => typeof window > "u";
-class _ extends Error {
+const f = () => typeof window < "u" && typeof window.document < "u", m = () => f() && typeof window.__ROZENITE_WEB__ < "u", y = () => typeof window > "u";
+class w extends Error {
   constructor(n) {
     super(`Unsupported platform: ${n}`), this.name = "UnsupportedPlatformError";
   }
 }
-class w extends Error {
+class g extends Error {
   constructor() {
     super(
       "Rozenite for web is not configured. A separate integration is required for web. Consult Rozenite docs for details."
     ), this.name = "MissingRozeniteForWebError";
   }
 }
-const u = "rozenite", y = () => {
+const u = "rozenite", T = () => {
   const e = self.__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__, n = e.BINDING_NAME;
   return self[n] != null ? e.initializeDomain(u) : null;
-}, D = () => new Promise((e) => {
+}, v = () => new Promise((e) => {
   const n = (t) => {
     t.name === u && (self.__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__.onDomainInitialization.removeEventListener(
       n
@@ -17106,10 +17106,10 @@ const u = "rozenite", y = () => {
   self.__FUSEBOX_REACT_DEVTOOLS_DISPATCHER__.onDomainInitialization.addEventListener(
     n
   );
-}), R = async () => {
+}), D = async () => {
   const e = /* @__PURE__ */ new Set();
-  let n = y();
-  n || (n = await D());
+  let n = T();
+  n || (n = await v());
   const t = () => {
     if (!n)
       throw new Error("Domain not initialized");
@@ -17145,13 +17145,13 @@ const u = "rozenite", y = () => {
       );
     }
   };
-}, h = async () => {
+}, R = async () => {
   if (f() && !m())
-    throw new w();
-  if (v())
-    throw new _("server");
-  return R();
-}, T = async () => {
+    throw new g();
+  if (y())
+    throw new w("server");
+  return D();
+}, h = async () => {
   const e = /* @__PURE__ */ new Set(), n = (t) => {
     e.forEach((l) => {
       l(t.data);
@@ -17178,7 +17178,7 @@ let c = null;
 const C = async () => {
   if (c)
     return c;
-  const n = "__ROZENITE_PANEL__" in window ? T() : h();
+  const n = "__ROZENITE_PANEL__" in window ? h() : R();
   c = n;
   try {
     const t = await n;
@@ -17192,8 +17192,8 @@ const C = async () => {
     if (!s || s.pluginId !== e)
       return;
     const i = t.get(s.type);
-    i?.forEach((g) => {
-      g(s.payload);
+    i?.forEach((p) => {
+      p(s.payload);
     });
   }, d = (a, s) => {
     n.send({
@@ -17216,7 +17216,7 @@ const C = async () => {
       t.clear(), r2.remove(), n.close();
     }
   };
-}, M = async (e) => L(e), b = ({
+}, b = async (e) => L(e), M = () => "__ROZENITE_PANEL__" in globalThis, O = ({
   pluginId: e
 }) => {
   const [n, t] = reactExports.useState(null), [l, d] = reactExports.useState(null);
@@ -17224,15 +17224,15 @@ const C = async () => {
     let r2 = true, o = null;
     const a = async () => {
       try {
-        o = await M(e), r2 && t(o);
+        o = await b(e), r2 && t(o);
       } catch (i) {
-        if (i instanceof w) {
+        if (i instanceof g) {
           console.warn(
             `[Rozenite, ${e}] Rozenite for web is not configured. A separate integration is required for web. Consult Rozenite docs for details.`
           );
           return;
         }
-        if (i instanceof _) {
+        if (i instanceof w) {
           console.warn(
             `[Rozenite, ${e}] Unsupported platform, skipping setup.`
           );
@@ -17251,7 +17251,18 @@ const C = async () => {
     };
   }, [e]), l != null)
     throw l;
-  return n;
+  return reactExports.useEffect(() => {
+    if (!n || M())
+      return;
+    const r2 = n, o = setTimeout(() => {
+      r2.send("plugin-mounted", {
+        pluginId: e
+      });
+    }, 0);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [n, e]), n;
 };
 function setRef(ref, value) {
   if (typeof ref === "function") {
@@ -20842,6 +20853,14 @@ const createNetworkActivityStore = () => createStore()(
       // Event handling
       handleEvent: (eventType, data) => {
         switch (eventType) {
+          case "recording-state": {
+            const eventData = data;
+            const { isRecording, _client } = get();
+            if (_client && isRecording !== eventData.isRecording) {
+              _client.send(isRecording ? "network-enable" : "network-disable", {});
+            }
+            break;
+          }
           case "client-ui-settings": {
             const eventData = data;
             set({ clientUISettings: eventData.settings || null });
@@ -20859,6 +20878,7 @@ const createNetworkActivityStore = () => createStore()(
                 id: eventData.requestId,
                 type: "http",
                 timestamp: eventData.timestamp,
+                source: eventData.source ?? "builtin",
                 request: {
                   url: eventData.request.url,
                   method: eventData.request.method,
@@ -20988,6 +21008,7 @@ const createNetworkActivityStore = () => createStore()(
                 id: `ws-${eventData.socketId}`,
                 type: "websocket",
                 timestamp: eventData.timestamp,
+                source: eventData.source ?? "builtin",
                 connection: {
                   url: eventData.url,
                   socketId: eventData.socketId,
@@ -21219,6 +21240,10 @@ const createNetworkActivityStore = () => createStore()(
         setupClient: (client2) => {
           const { handleEvent } = get();
           const unsubscribeFunctions = [
+            client2.onMessage(
+              "recording-state",
+              (data) => handleEvent("recording-state", data)
+            ),
             client2.onMessage(
               "client-ui-settings",
               (data) => handleEvent("client-ui-settings", data)
@@ -21627,6 +21652,7 @@ const getProcessedRequests = memoize((state) => {
       requests.push({
         id: httpEntry.id,
         type: "http",
+        source: httpEntry.source,
         name: httpEntry.request.url,
         status: httpEntry.status,
         timestamp: httpEntry.timestamp,
@@ -21641,6 +21667,7 @@ const getProcessedRequests = memoize((state) => {
       requests.push({
         id: wsEntry.id,
         type: "websocket",
+        source: wsEntry.source,
         name: wsEntry.connection.url,
         status: wsEntry.status,
         timestamp: wsEntry.timestamp,
@@ -22634,7 +22661,7 @@ function orderColumns(leafColumns, grouping, groupedColumnMode) {
   if (groupedColumnMode === "remove") {
     return nonGroupingColumns;
   }
-  const groupingColumns = grouping.map((g) => leafColumns.find((col) => col.id === g)).filter(Boolean);
+  const groupingColumns = grouping.map((g2) => leafColumns.find((col) => col.id === g2)).filter(Boolean);
   return [...groupingColumns, ...nonGroupingColumns];
 }
 const ColumnOrdering = {
@@ -22845,7 +22872,7 @@ const ColumnSizing = {
     column.resetSize = () => {
       table.setColumnSizing((_ref2) => {
         let {
-          [column.id]: _2,
+          [column.id]: _,
           ...rest
         } = _ref2;
         return rest;
@@ -23308,7 +23335,7 @@ const RowExpanding = {
         }
         if (exists && !expanded) {
           const {
-            [row.id]: _2,
+            [row.id]: _,
             ...rest
           } = oldExpanded;
           return rest;
@@ -23440,7 +23467,7 @@ const RowPagination = {
     table.getPageOptions = memo(() => [table.getPageCount()], (pageCount) => {
       let pageOptions = [];
       if (pageCount && pageCount > 0) {
-        pageOptions = [...new Array(pageCount)].fill(null).map((_2, i) => i);
+        pageOptions = [...new Array(pageCount)].fill(null).map((_, i) => i);
       }
       return pageOptions;
     }, getMemoOptions(table.options, "debugTable"));
@@ -24491,6 +24518,15 @@ const getStatusColor = (status) => {
   return "text-gray-400";
 };
 const isNumber = (value) => typeof value === "number" && !isNaN(value);
+const getSourceLabel = (source) => {
+  if (source === "nitro") {
+    return "Nitro";
+  }
+  if (source === "builtin") {
+    return "Built-in";
+  }
+  return null;
+};
 const formatSize = (bytes) => {
   if (bytes === 0) return "0 B";
   const k = 1024;
@@ -24586,6 +24622,7 @@ const processNetworkRequests = (processedRequests, overrides, showEntirePathAsNa
       size: isNumber(request.size) ? formatSize(request.size) : "—",
       time: formatDuration(duration),
       type: request.type,
+      source: request.source,
       startTime: formatStartTime(request.timestamp),
       hasOverride
     };
@@ -24603,7 +24640,8 @@ const columns$1 = [
     header: "Name",
     cell: ({ row, getValue: getValue2 }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0 truncate", title: row.original.path, children: [
       getValue2(),
-      row.original.hasOverride && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-violet-300 ms-2 inline-block" })
+      row.original.hasOverride && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-2 h-2 rounded-full bg-violet-300 ms-2 inline-block" }),
+      getSourceLabel(row.original.source) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 rounded border border-gray-700 px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-gray-400", children: getSourceLabel(row.original.source) })
     ] }),
     sortingFn: "alphanumeric"
   }),
@@ -25196,7 +25234,7 @@ function focusFirst$2(candidates, preventScroll = false) {
   }
 }
 function wrapArray$1(array, startIndex) {
-  return array.map((_2, index2) => array[(startIndex + index2) % array.length]);
+  return array.map((_, index2) => array[(startIndex + index2) % array.length]);
 }
 var Root$2 = RovingFocusGroup;
 var Item = RovingFocusGroupItem;
@@ -30598,7 +30636,7 @@ function focusFirst(candidates) {
   }
 }
 function wrapArray(array, startIndex) {
-  return array.map((_2, index2) => array[(startIndex + index2) % array.length]);
+  return array.map((_, index2) => array[(startIndex + index2) % array.length]);
 }
 function getNextMatch(values, search, currentMatch) {
   const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
@@ -31081,6 +31119,7 @@ function getHeadersItems(headers) {
 }
 const HeadersTab = ({ selectedRequest }) => {
   const requestBody = selectedRequest.request.body;
+  const sourceLabel = selectedRequest.source === "nitro" ? "Nitro" : selectedRequest.source === "builtin" ? "Built-in" : null;
   const generalItems = reactExports.useMemo(
     () => [
       {
@@ -31103,9 +31142,15 @@ const HeadersTab = ({ selectedRequest }) => {
           value: requestBody.type,
           valueClassName: "text-blue-400"
         }
+      ] : [],
+      ...sourceLabel ? [
+        {
+          key: "Source",
+          value: sourceLabel
+        }
       ] : []
     ],
-    [selectedRequest]
+    [requestBody, selectedRequest, sourceLabel]
   );
   const responseHeadersItems = reactExports.useMemo(
     () => getHeadersItems(selectedRequest.response?.headers),
@@ -31498,9 +31543,9 @@ function requireColorString() {
   cs.to.rgb.percent = function() {
     var rgba = swizzle(arguments);
     var r2 = Math.round(rgba[0] / 255 * 100);
-    var g = Math.round(rgba[1] / 255 * 100);
+    var g2 = Math.round(rgba[1] / 255 * 100);
     var b2 = Math.round(rgba[2] / 255 * 100);
-    return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + r2 + "%, " + g + "%, " + b2 + "%)" : "rgba(" + r2 + "%, " + g + "%, " + b2 + "%, " + rgba[3] + ")";
+    return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + r2 + "%, " + g2 + "%, " + b2 + "%)" : "rgba(" + r2 + "%, " + g2 + "%, " + b2 + "%, " + rgba[3] + ")";
   };
   cs.to.hsl = function() {
     var hsla = swizzle(arguments);
@@ -31572,21 +31617,21 @@ function requireConversions() {
   }
   convert.rgb.hsl = function(rgb) {
     const r2 = rgb[0] / 255;
-    const g = rgb[1] / 255;
+    const g2 = rgb[1] / 255;
     const b2 = rgb[2] / 255;
-    const min2 = Math.min(r2, g, b2);
-    const max2 = Math.max(r2, g, b2);
+    const min2 = Math.min(r2, g2, b2);
+    const max2 = Math.max(r2, g2, b2);
     const delta = max2 - min2;
     let h2;
     let s;
     if (max2 === min2) {
       h2 = 0;
     } else if (r2 === max2) {
-      h2 = (g - b2) / delta;
-    } else if (g === max2) {
+      h2 = (g2 - b2) / delta;
+    } else if (g2 === max2) {
       h2 = 2 + (b2 - r2) / delta;
     } else if (b2 === max2) {
-      h2 = 4 + (r2 - g) / delta;
+      h2 = 4 + (r2 - g2) / delta;
     }
     h2 = Math.min(h2 * 60, 360);
     if (h2 < 0) {
@@ -31609,10 +31654,10 @@ function requireConversions() {
     let h2;
     let s;
     const r2 = rgb[0] / 255;
-    const g = rgb[1] / 255;
+    const g2 = rgb[1] / 255;
     const b2 = rgb[2] / 255;
-    const v2 = Math.max(r2, g, b2);
-    const diff = v2 - Math.min(r2, g, b2);
+    const v2 = Math.max(r2, g2, b2);
+    const diff = v2 - Math.min(r2, g2, b2);
     const diffc = function(c2) {
       return (v2 - c2) / 6 / diff + 1 / 2;
     };
@@ -31622,11 +31667,11 @@ function requireConversions() {
     } else {
       s = diff / v2;
       rdif = diffc(r2);
-      gdif = diffc(g);
+      gdif = diffc(g2);
       bdif = diffc(b2);
       if (r2 === v2) {
         h2 = bdif - gdif;
-      } else if (g === v2) {
+      } else if (g2 === v2) {
         h2 = 1 / 3 + rdif - bdif;
       } else if (b2 === v2) {
         h2 = 2 / 3 + gdif - rdif;
@@ -31645,20 +31690,20 @@ function requireConversions() {
   };
   convert.rgb.hwb = function(rgb) {
     const r2 = rgb[0];
-    const g = rgb[1];
+    const g2 = rgb[1];
     let b2 = rgb[2];
     const h2 = convert.rgb.hsl(rgb)[0];
-    const w2 = 1 / 255 * Math.min(r2, Math.min(g, b2));
-    b2 = 1 - 1 / 255 * Math.max(r2, Math.max(g, b2));
+    const w2 = 1 / 255 * Math.min(r2, Math.min(g2, b2));
+    b2 = 1 - 1 / 255 * Math.max(r2, Math.max(g2, b2));
     return [h2, w2 * 100, b2 * 100];
   };
   convert.rgb.cmyk = function(rgb) {
     const r2 = rgb[0] / 255;
-    const g = rgb[1] / 255;
+    const g2 = rgb[1] / 255;
     const b2 = rgb[2] / 255;
-    const k = Math.min(1 - r2, 1 - g, 1 - b2);
+    const k = Math.min(1 - r2, 1 - g2, 1 - b2);
     const c2 = (1 - r2 - k) / (1 - k) || 0;
-    const m2 = (1 - g - k) / (1 - k) || 0;
+    const m2 = (1 - g2 - k) / (1 - k) || 0;
     const y2 = (1 - b2 - k) / (1 - k) || 0;
     return [c2 * 100, m2 * 100, y2 * 100, k * 100];
   };
@@ -31687,14 +31732,14 @@ function requireConversions() {
   };
   convert.rgb.xyz = function(rgb) {
     let r2 = rgb[0] / 255;
-    let g = rgb[1] / 255;
+    let g2 = rgb[1] / 255;
     let b2 = rgb[2] / 255;
     r2 = r2 > 0.04045 ? ((r2 + 0.055) / 1.055) ** 2.4 : r2 / 12.92;
-    g = g > 0.04045 ? ((g + 0.055) / 1.055) ** 2.4 : g / 12.92;
+    g2 = g2 > 0.04045 ? ((g2 + 0.055) / 1.055) ** 2.4 : g2 / 12.92;
     b2 = b2 > 0.04045 ? ((b2 + 0.055) / 1.055) ** 2.4 : b2 / 12.92;
-    const x = r2 * 0.4124 + g * 0.3576 + b2 * 0.1805;
-    const y2 = r2 * 0.2126 + g * 0.7152 + b2 * 0.0722;
-    const z2 = r2 * 0.0193 + g * 0.1192 + b2 * 0.9505;
+    const x = r2 * 0.4124 + g2 * 0.3576 + b2 * 0.1805;
+    const y2 = r2 * 0.2126 + g2 * 0.7152 + b2 * 0.0722;
+    const z2 = r2 * 0.0193 + g2 * 0.1192 + b2 * 0.9505;
     return [x * 100, y2 * 100, z2 * 100];
   };
   convert.rgb.lab = function(rgb) {
@@ -31823,43 +31868,43 @@ function requireConversions() {
     }
     const n = wh + f2 * (v2 - wh);
     let r2;
-    let g;
+    let g2;
     let b2;
     switch (i) {
       default:
       case 6:
       case 0:
         r2 = v2;
-        g = n;
+        g2 = n;
         b2 = wh;
         break;
       case 1:
         r2 = n;
-        g = v2;
+        g2 = v2;
         b2 = wh;
         break;
       case 2:
         r2 = wh;
-        g = v2;
+        g2 = v2;
         b2 = n;
         break;
       case 3:
         r2 = wh;
-        g = n;
+        g2 = n;
         b2 = v2;
         break;
       case 4:
         r2 = n;
-        g = wh;
+        g2 = wh;
         b2 = v2;
         break;
       case 5:
         r2 = v2;
-        g = wh;
+        g2 = wh;
         b2 = n;
         break;
     }
-    return [r2 * 255, g * 255, b2 * 255];
+    return [r2 * 255, g2 * 255, b2 * 255];
   };
   convert.cmyk.rgb = function(cmyk) {
     const c2 = cmyk[0] / 100;
@@ -31867,27 +31912,27 @@ function requireConversions() {
     const y2 = cmyk[2] / 100;
     const k = cmyk[3] / 100;
     const r2 = 1 - Math.min(1, c2 * (1 - k) + k);
-    const g = 1 - Math.min(1, m2 * (1 - k) + k);
+    const g2 = 1 - Math.min(1, m2 * (1 - k) + k);
     const b2 = 1 - Math.min(1, y2 * (1 - k) + k);
-    return [r2 * 255, g * 255, b2 * 255];
+    return [r2 * 255, g2 * 255, b2 * 255];
   };
   convert.xyz.rgb = function(xyz) {
     const x = xyz[0] / 100;
     const y2 = xyz[1] / 100;
     const z2 = xyz[2] / 100;
     let r2;
-    let g;
+    let g2;
     let b2;
     r2 = x * 3.2406 + y2 * -1.5372 + z2 * -0.4986;
-    g = x * -0.9689 + y2 * 1.8758 + z2 * 0.0415;
+    g2 = x * -0.9689 + y2 * 1.8758 + z2 * 0.0415;
     b2 = x * 0.0557 + y2 * -0.204 + z2 * 1.057;
     r2 = r2 > 31308e-7 ? 1.055 * r2 ** (1 / 2.4) - 0.055 : r2 * 12.92;
-    g = g > 31308e-7 ? 1.055 * g ** (1 / 2.4) - 0.055 : g * 12.92;
+    g2 = g2 > 31308e-7 ? 1.055 * g2 ** (1 / 2.4) - 0.055 : g2 * 12.92;
     b2 = b2 > 31308e-7 ? 1.055 * b2 ** (1 / 2.4) - 0.055 : b2 * 12.92;
     r2 = Math.min(Math.max(0, r2), 1);
-    g = Math.min(Math.max(0, g), 1);
+    g2 = Math.min(Math.max(0, g2), 1);
     b2 = Math.min(Math.max(0, b2), 1);
-    return [r2 * 255, g * 255, b2 * 255];
+    return [r2 * 255, g2 * 255, b2 * 255];
   };
   convert.xyz.lab = function(xyz) {
     let x = xyz[0];
@@ -31948,13 +31993,13 @@ function requireConversions() {
     return [l, a, b2];
   };
   convert.rgb.ansi16 = function(args, saturation = null) {
-    const [r2, g, b2] = args;
+    const [r2, g2, b2] = args;
     let value = saturation === null ? convert.rgb.hsv(args)[2] : saturation;
     value = Math.round(value / 50);
     if (value === 0) {
       return 30;
     }
-    let ansi = 30 + (Math.round(b2 / 255) << 2 | Math.round(g / 255) << 1 | Math.round(r2 / 255));
+    let ansi = 30 + (Math.round(b2 / 255) << 2 | Math.round(g2 / 255) << 1 | Math.round(r2 / 255));
     if (value === 2) {
       ansi += 60;
     }
@@ -31965,9 +32010,9 @@ function requireConversions() {
   };
   convert.rgb.ansi256 = function(args) {
     const r2 = args[0];
-    const g = args[1];
+    const g2 = args[1];
     const b2 = args[2];
-    if (r2 === g && g === b2) {
+    if (r2 === g2 && g2 === b2) {
       if (r2 < 8) {
         return 16;
       }
@@ -31976,7 +32021,7 @@ function requireConversions() {
       }
       return Math.round((r2 - 8) / 247 * 24) + 232;
     }
-    const ansi = 16 + 36 * Math.round(r2 / 255 * 5) + 6 * Math.round(g / 255 * 5) + Math.round(b2 / 255 * 5);
+    const ansi = 16 + 36 * Math.round(r2 / 255 * 5) + 6 * Math.round(g2 / 255 * 5) + Math.round(b2 / 255 * 5);
     return ansi;
   };
   convert.ansi16.rgb = function(args) {
@@ -31990,9 +32035,9 @@ function requireConversions() {
     }
     const mult = (~~(args > 50) + 1) * 0.5;
     const r2 = (color2 & 1) * mult * 255;
-    const g = (color2 >> 1 & 1) * mult * 255;
+    const g2 = (color2 >> 1 & 1) * mult * 255;
     const b2 = (color2 >> 2 & 1) * mult * 255;
-    return [r2, g, b2];
+    return [r2, g2, b2];
   };
   convert.ansi256.rgb = function(args) {
     if (args >= 232) {
@@ -32002,9 +32047,9 @@ function requireConversions() {
     args -= 16;
     let rem;
     const r2 = Math.floor(args / 36) / 5 * 255;
-    const g = Math.floor((rem = args % 36) / 6) / 5 * 255;
+    const g2 = Math.floor((rem = args % 36) / 6) / 5 * 255;
     const b2 = rem % 6 / 5 * 255;
-    return [r2, g, b2];
+    return [r2, g2, b2];
   };
   convert.rgb.hex = function(args) {
     const integer = ((Math.round(args[0]) & 255) << 16) + ((Math.round(args[1]) & 255) << 8) + (Math.round(args[2]) & 255);
@@ -32024,16 +32069,16 @@ function requireConversions() {
     }
     const integer = parseInt(colorString2, 16);
     const r2 = integer >> 16 & 255;
-    const g = integer >> 8 & 255;
+    const g2 = integer >> 8 & 255;
     const b2 = integer & 255;
-    return [r2, g, b2];
+    return [r2, g2, b2];
   };
   convert.rgb.hcg = function(rgb) {
     const r2 = rgb[0] / 255;
-    const g = rgb[1] / 255;
+    const g2 = rgb[1] / 255;
     const b2 = rgb[2] / 255;
-    const max2 = Math.max(Math.max(r2, g), b2);
-    const min2 = Math.min(Math.min(r2, g), b2);
+    const max2 = Math.max(Math.max(r2, g2), b2);
+    const min2 = Math.min(Math.min(r2, g2), b2);
     const chroma = max2 - min2;
     let grayscale2;
     let hue;
@@ -32045,11 +32090,11 @@ function requireConversions() {
     if (chroma <= 0) {
       hue = 0;
     } else if (max2 === r2) {
-      hue = (g - b2) / chroma % 6;
-    } else if (max2 === g) {
+      hue = (g2 - b2) / chroma % 6;
+    } else if (max2 === g2) {
       hue = 2 + (b2 - r2) / chroma;
     } else {
-      hue = 4 + (r2 - g) / chroma;
+      hue = 4 + (r2 - g2) / chroma;
     }
     hue /= 6;
     hue %= 1;
@@ -32078,9 +32123,9 @@ function requireConversions() {
   convert.hcg.rgb = function(hcg) {
     const h2 = hcg[0] / 360;
     const c2 = hcg[1] / 100;
-    const g = hcg[2] / 100;
+    const g2 = hcg[2] / 100;
     if (c2 === 0) {
-      return [g * 255, g * 255, g * 255];
+      return [g2 * 255, g2 * 255, g2 * 255];
     }
     const pure = [0, 0, 0];
     const hi = h2 % 1 * 6;
@@ -32118,7 +32163,7 @@ function requireConversions() {
         pure[1] = 0;
         pure[2] = w2;
     }
-    mg = (1 - c2) * g;
+    mg = (1 - c2) * g2;
     return [
       (c2 * pure[0] + mg) * 255,
       (c2 * pure[1] + mg) * 255,
@@ -32127,8 +32172,8 @@ function requireConversions() {
   };
   convert.hcg.hsv = function(hcg) {
     const c2 = hcg[1] / 100;
-    const g = hcg[2] / 100;
-    const v2 = c2 + g * (1 - c2);
+    const g2 = hcg[2] / 100;
+    const v2 = c2 + g2 * (1 - c2);
     let f2 = 0;
     if (v2 > 0) {
       f2 = c2 / v2;
@@ -32137,8 +32182,8 @@ function requireConversions() {
   };
   convert.hcg.hsl = function(hcg) {
     const c2 = hcg[1] / 100;
-    const g = hcg[2] / 100;
-    const l = g * (1 - c2) + 0.5 * c2;
+    const g2 = hcg[2] / 100;
+    const l = g2 * (1 - c2) + 0.5 * c2;
     let s = 0;
     if (l > 0 && l < 0.5) {
       s = c2 / (2 * l);
@@ -32149,8 +32194,8 @@ function requireConversions() {
   };
   convert.hcg.hwb = function(hcg) {
     const c2 = hcg[1] / 100;
-    const g = hcg[2] / 100;
-    const v2 = c2 + g * (1 - c2);
+    const g2 = hcg[2] / 100;
+    const v2 = c2 + g2 * (1 - c2);
     return [hcg[0], (v2 - c2) * 100, (1 - v2) * 100];
   };
   convert.hwb.hcg = function(hwb) {
@@ -32158,11 +32203,11 @@ function requireConversions() {
     const b2 = hwb[2] / 100;
     const v2 = 1 - b2;
     const c2 = v2 - w2;
-    let g = 0;
+    let g2 = 0;
     if (c2 < 1) {
-      g = (v2 - c2) / (1 - c2);
+      g2 = (v2 - c2) / (1 - c2);
     }
-    return [hwb[0], c2 * 100, g * 100];
+    return [hwb[0], c2 * 100, g2 * 100];
   };
   convert.apple.rgb = function(apple) {
     return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255];
@@ -33450,20 +33495,20 @@ function curry(func, arity, guard) {
 curry.placeholder = {};
 function yuv2rgb(yuv) {
   const y2 = yuv[0], u2 = yuv[1], v2 = yuv[2];
-  let r2, g, b2;
+  let r2, g2, b2;
   r2 = y2 * 1 + u2 * 0 + v2 * 1.13983;
-  g = y2 * 1 + u2 * -0.39465 + v2 * -0.5806;
+  g2 = y2 * 1 + u2 * -0.39465 + v2 * -0.5806;
   b2 = y2 * 1 + u2 * 2.02311 + v2 * 0;
   r2 = Math.min(Math.max(0, r2), 1);
-  g = Math.min(Math.max(0, g), 1);
+  g2 = Math.min(Math.max(0, g2), 1);
   b2 = Math.min(Math.max(0, b2), 1);
-  return [r2 * 255, g * 255, b2 * 255];
+  return [r2 * 255, g2 * 255, b2 * 255];
 }
 function rgb2yuv(rgb) {
-  const r2 = rgb[0] / 255, g = rgb[1] / 255, b2 = rgb[2] / 255;
-  const y2 = r2 * 0.299 + g * 0.587 + b2 * 0.114;
-  const u2 = r2 * -0.14713 + g * -0.28886 + b2 * 0.436;
-  const v2 = r2 * 0.615 + g * -0.51499 + b2 * -0.10001;
+  const r2 = rgb[0] / 255, g2 = rgb[1] / 255, b2 = rgb[2] / 255;
+  const y2 = r2 * 0.299 + g2 * 0.587 + b2 * 0.114;
+  const u2 = r2 * -0.14713 + g2 * -0.28886 + b2 * 0.436;
+  const v2 = r2 * 0.615 + g2 * -0.51499 + b2 * -0.10001;
   return [y2, u2, v2];
 }
 const threezerotwofour = {
@@ -35223,6 +35268,7 @@ const RenderResponseBodySection = ({
 };
 const ResponseTab = ({
   selectedRequest,
+  supportsOverrides = true,
   onRequestResponseBody
 }) => {
   const onRequestResponseBodyRef = reactExports.useRef(onRequestResponseBody);
@@ -35258,7 +35304,7 @@ const ResponseTab = ({
         ]
       }
     );
-    const overrideAction = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    const overrideAction = supportsOverrides ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
       {
         variant: "ghost",
@@ -35273,8 +35319,8 @@ const ResponseTab = ({
           "Override"
         ]
       }
-    );
-    if (initialOverride !== void 0) {
+    ) : null;
+    if (supportsOverrides && initialOverride !== void 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         OverrideResponse,
         {
@@ -35898,7 +35944,8 @@ const SidePanel = () => {
     legacyNetworkEntries.set(legacyEntry.requestId, legacyEntry);
   }
   const override = legacyEntry !== null ? overrides.get(legacyEntry.url) : null;
-  const hasResponseOverride = override && override.body ? true : false;
+  const supportsOverrides = httpDetails?.source !== "nitro";
+  const hasResponseOverride = supportsOverrides && override && override.body ? true : false;
   const getTabsListTriggers = () => {
     if (httpDetails) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -35993,6 +36040,7 @@ const SidePanel = () => {
           ResponseTab,
           {
             selectedRequest: httpDetails,
+            supportsOverrides,
             onRequestResponseBody: (requestId) => {
               if (client2) {
                 client2.send("get-response-body", {
@@ -36209,7 +36257,7 @@ const LoadingView = () => {
   ] }) });
 };
 function NetworkActivityPanel() {
-  const client2 = b({
+  const client2 = O({
     pluginId: "@rozenite/network-activity-plugin"
   });
   if (!client2) {