@elementor/editor-audits 4.3.3 → 4.3.5

package/dist/index.js

@@ -37,33 +37,138 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/init.ts
-var import_editor_floating_panels3 = require("@elementor/editor-floating-panels");
-var import_store4 = require("@elementor/store");
+var import_editor_floating_panels6 = require("@elementor/editor-floating-panels");
+var import_store7 = require("@elementor/store");
 
 // src/editor-app-bar.tsx
 var import_editor_app_bar = require("@elementor/editor-app-bar");
 
 // src/hooks/use-audit-toggle-props.ts
-var import_icons12 = require("@elementor/icons");
-var import_i18n24 = require("@wordpress/i18n");
+var import_i18n18 = require("@wordpress/i18n");
+
+// src/components/audit-toggle-icon.tsx
+var React = __toESM(require("react"));
+var import_icons = require("@elementor/icons");
+var import_store2 = require("@elementor/store");
+var import_ui = require("@elementor/ui");
+
+// src/store/slice.ts
+var import_store = require("@elementor/store");
+var initialState = { status: "idle", report: null, error: null, isStale: false };
+var slice = (0, import_store.__createSlice)({
+  name: "audits",
+  initialState,
+  reducers: {
+    runStarted(state) {
+      state.status = "loading";
+      state.error = null;
+    },
+    runSucceeded(state, action) {
+      state.status = "ready";
+      state.report = action.payload;
+      state.isStale = false;
+    },
+    runFailed(state, action) {
+      state.status = "error";
+      state.error = action.payload;
+    },
+    runAborted(state) {
+      state.status = state.report ? "ready" : "idle";
+    },
+    reportRestored(state, action) {
+      state.status = "ready";
+      state.report = action.payload;
+      state.error = null;
+      state.isStale = false;
+    },
+    reportCleared(state) {
+      state.status = "idle";
+      state.report = null;
+      state.error = null;
+      state.isStale = false;
+    },
+    reportStale(state) {
+      if (state.report) {
+        state.isStale = true;
+      }
+    }
+  }
+});
+
+// src/store/selectors.ts
+function selectStatus(state) {
+  return state.audits.status;
+}
+function selectReport(state) {
+  return state.audits.report;
+}
+function selectError(state) {
+  return state.audits.error;
+}
+function selectIsStale(state) {
+  return state.audits.isStale;
+}
+
+// src/components/audit-toggle-icon.tsx
+function AuditToggleIcon() {
+  const isStale = (0, import_store2.__useSelector)((state) => selectIsStale(state));
+  return /* @__PURE__ */ React.createElement(
+    import_ui.Badge,
+    {
+      variant: "dot",
+      color: "warning",
+      invisible: !isStale,
+      overlap: "circular",
+      slotProps: { badge: { "data-testid": "audit-stale-indicator" } }
+    },
+    /* @__PURE__ */ React.createElement(import_icons.ShieldCheckIcon, null)
+  );
+}
 
 // src/editor-panel.tsx
-var import_editor_floating_panels2 = require("@elementor/editor-floating-panels");
+var import_editor_floating_panels5 = require("@elementor/editor-floating-panels");
 
 // src/components/audit-panel.tsx
-var React25 = __toESM(require("react"));
-var import_editor_elements5 = require("@elementor/editor-elements");
-var import_editor_floating_panels = require("@elementor/editor-floating-panels");
-var import_ui24 = require("@elementor/ui");
-var import_i18n23 = require("@wordpress/i18n");
+var React21 = __toESM(require("react"));
+var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_floating_panels4 = require("@elementor/editor-floating-panels");
+var import_ui20 = require("@elementor/ui");
+var import_i18n17 = require("@wordpress/i18n");
+
+// src/constants.ts
+var import_i18n = require("@wordpress/i18n");
+var AUDIT_PANEL_ID = "audit-panel";
+var REPORT_STORAGE_KEY_PREFIX = "elementor/audits/report";
+var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
+var ANGIE_FIX_ENTRY_POINT = "audit_violation";
+var FEEDBACK_EXPERIMENT_NAME = "in_editor_feedback";
+var FEEDBACK_ENTRY_POINT = "audit_panel";
+var FEEDBACK_CLICKED_EVENT = "audit_feedback_clicked";
+var FEEDBACK_SENT_EVENT = "audit_feedback_sent";
+var FEEDBACK_CANCELLED_EVENT = "audit_feedback_cancelled";
+var FEEDBACK_CLOSED_EVENT = "audit_feedback_closed";
+var ALL_CATEGORIES = [
+  "best-practices",
+  "seo",
+  "accessibility",
+  "performance",
+  "compliance"
+];
+var CATEGORY_LABELS = {
+  "best-practices": (0, import_i18n.__)("Best Practices", "elementor"),
+  seo: (0, import_i18n.__)("SEO", "elementor"),
+  accessibility: (0, import_i18n.__)("Accessibility", "elementor"),
+  performance: (0, import_i18n.__)("Performance", "elementor"),
+  compliance: (0, import_i18n.__)("Site compliance", "elementor")
+};
 
 // src/hooks/use-audit-report.ts
 var import_react = require("react");
-var import_editor_elements2 = require("@elementor/editor-elements");
-var import_store2 = require("@elementor/store");
+var import_editor_elements3 = require("@elementor/editor-elements");
+var import_store4 = require("@elementor/store");
 
 // src/runner.ts
-var import_editor_elements = require("@elementor/editor-elements");
+var import_editor_elements2 = require("@elementor/editor-elements");
 
 // src/api/page-context-client.ts
 var import_http_client = require("@elementor/http-client");
@@ -115,17 +220,17 @@ async function requestFreshNonce() {
 }
 
 // src/api/page-context-client.ts
-async function fetchPageContext(documentId, attachmentIds) {
-  return requestPageContext(documentId, attachmentIds, true);
+async function fetchPageContext(documentId, imageSizeRequests) {
+  return requestPageContext(documentId, imageSizeRequests, true);
 }
-async function requestPageContext(documentId, attachmentIds, allowNonceRetry) {
+async function requestPageContext(documentId, imageSizeRequests, allowNonceRetry) {
   const { restNamespace, nonce } = getWindowConfig();
   const url = `${restNamespace}/audits/page-context`;
   try {
     const response = await (0, import_http_client.httpService)().get(url, {
       params: {
         document_id: documentId,
-        attachment_ids: attachmentIds
+        image_size_requests: imageSizeRequests
       },
       headers: { "X-WP-Nonce": nonce }
     });
@@ -135,52 +240,22 @@ async function requestPageContext(documentId, attachmentIds, allowNonceRetry) {
       throw error;
     }
     await refreshAuditsNonce();
-    return requestPageContext(documentId, attachmentIds, false);
+    return requestPageContext(documentId, imageSizeRequests, false);
   }
 }
 
 // src/registry.ts
 var registry = /* @__PURE__ */ new Map();
-function registerAudit(audit23) {
-  registry.set(audit23.id, audit23);
+function registerAudit(audit25) {
+  registry.set(audit25.id, audit25);
 }
 function getRegisteredAudits() {
   return Array.from(registry.values());
 }
 
-// src/constants.ts
-var import_i18n = require("@wordpress/i18n");
-var AUDIT_PANEL_ID = "audit-panel";
-var REPORT_STORAGE_KEY_PREFIX = "elementor/audits/report";
-var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
-var ANGIE_FIX_ENTRY_POINT = "audit_violation";
-var FEEDBACK_EXPERIMENT_NAME = "in_editor_feedback";
-var FEEDBACK_ENTRY_POINT = "audit_panel";
-var FEEDBACK_CLICKED_EVENT = "audit_feedback_clicked";
-var FEEDBACK_SENT_EVENT = "audit_feedback_sent";
-var FEEDBACK_CANCELLED_EVENT = "audit_feedback_cancelled";
-var FEEDBACK_CLOSED_EVENT = "audit_feedback_closed";
-var ALL_CATEGORIES = [
-  "best-practices",
-  "seo",
-  "accessibility",
-  "performance",
-  "compliance"
-];
-var CATEGORY_LABELS = {
-  "best-practices": (0, import_i18n.__)("Best Practices", "elementor"),
-  seo: (0, import_i18n.__)("SEO", "elementor"),
-  accessibility: (0, import_i18n.__)("Accessibility", "elementor"),
-  performance: (0, import_i18n.__)("Performance", "elementor"),
-  compliance: (0, import_i18n.__)("Site compliance", "elementor")
-};
-
-// src/utils/audit-status-summary.ts
-var import_i18n2 = require("@wordpress/i18n");
-
 // src/utils/is-scored-audit.ts
-function isScoredAudit(audit23) {
-  return audit23.weight > 0;
+function isScoredAudit(audit25) {
+  return audit25.weight > 0;
 }
 
 // src/utils/sort-failed-audits.ts
@@ -232,52 +307,6 @@ function partitionAuditResults(report, options = {}) {
     totalViolations
   };
 }
-function auditStatusDisplayCounts(report) {
-  let pass = 0;
-  let skipped = 0;
-  let totalViolations = 0;
-  for (const { audit: audit23, result } of report.auditResults) {
-    if (!isScoredAudit(audit23)) {
-      continue;
-    }
-    switch (result.status) {
-      case "fail":
-        totalViolations += result.violations.length;
-        break;
-      case "pass":
-        pass++;
-        break;
-      case "skipped":
-        skipped++;
-        break;
-    }
-  }
-  return {
-    fail: totalViolations,
-    pass,
-    skipped
-  };
-}
-function auditStatusColor(status) {
-  switch (status) {
-    case "fail":
-      return "error";
-    case "pass":
-      return "success";
-    case "skipped":
-      return "default";
-  }
-}
-function auditStatusLabel(status) {
-  switch (status) {
-    case "fail":
-      return (0, import_i18n2.__)("Failed audits", "elementor");
-    case "pass":
-      return (0, import_i18n2.__)("Passed audits", "elementor");
-    case "skipped":
-      return (0, import_i18n2.__)("Skipped audits", "elementor");
-  }
-}
 function getPopulatedCategories(categoryTotals, categories) {
   return categories.filter((category) => categoryTotals[category].total > 0);
 }
@@ -287,16 +316,16 @@ function computeReport(documentId, results) {
   const accumulators = Object.fromEntries(
     ALL_CATEGORIES.map((c) => [c, { totalWeight: 0, passedWeight: 0, total: 0, failed: 0 }])
   );
-  for (const { audit: audit23, result } of results) {
+  for (const { audit: audit25, result } of results) {
     if (result.status === "skipped") {
       continue;
     }
-    for (const category of audit23.categories) {
+    for (const category of audit25.categories) {
       const acc = accumulators[category];
       acc.total++;
-      acc.totalWeight += audit23.weight;
+      acc.totalWeight += audit25.weight;
       if (result.status === "pass") {
-        acc.passedWeight += audit23.weight;
+        acc.passedWeight += audit25.weight;
       } else {
         acc.failed++;
       }
@@ -320,6 +349,34 @@ function computeReport(documentId, results) {
   };
 }
 
+// src/utils/fetch-rendered-html.ts
+var FETCH_TIMEOUT_MS = 1e4;
+async function fetchRenderedHtml(url) {
+  if (!url) {
+    return null;
+  }
+  const timeoutController = new AbortController();
+  const timeoutId = setTimeout(() => timeoutController.abort(), FETCH_TIMEOUT_MS);
+  try {
+    const response = await fetch(url, { credentials: "omit", signal: timeoutController.signal });
+    if (!response.ok) {
+      return null;
+    }
+    return await response.text();
+  } catch {
+    return null;
+  } finally {
+    clearTimeout(timeoutId);
+  }
+}
+
+// src/utils/atomic-background-image-sources.ts
+var import_editor_elements = require("@elementor/editor-elements");
+var import_editor_props2 = require("@elementor/editor-props");
+
+// src/utils/atomic-image-sources.ts
+var import_editor_props = require("@elementor/editor-props");
+
 // src/utils/walk.ts
 function walkElements(tree, visit) {
   const parents = [];
@@ -334,17 +391,93 @@ function recurse(nodes, parents, visit) {
   }
 }
 
-// src/utils/image-like-sources.ts
-var IMAGE_LIKE_WIDGETS = /* @__PURE__ */ new Set(["image", "image-box", "image-carousel", "gallery", "image-gallery"]);
-function hasPageImages(tree) {
-  let found = false;
-  walkImageLikeSources(tree, ({ media }) => {
-    if (media.id || media.url) {
-      found = true;
+// src/utils/atomic-image-sources.ts
+var ATOMIC_CONTENT_IMAGE_PROP_KEYS = ["image"];
+var ATOMIC_IMAGE_PROP_KEYS = [...ATOMIC_CONTENT_IMAGE_PROP_KEYS, "poster"];
+function walkAtomicImageSources(tree, visit, propKeys = ATOMIC_IMAGE_PROP_KEYS) {
+  walkElements(tree, (node) => {
+    if (node.elType !== "widget") {
+      return;
+    }
+    for (const key of propKeys) {
+      const media = extractAtomicImageMedia(node.settings[key]);
+      if (media) {
+        visit({ node, media });
+      }
+    }
+  });
+}
+function extractAtomicImageMedia(imageProp) {
+  const image = import_editor_props.imagePropTypeUtil.extract(imageProp);
+  if (!image) {
+    return null;
+  }
+  const src = import_editor_props.imageSrcPropTypeUtil.extract(image.src);
+  if (!src) {
+    return null;
+  }
+  const id = import_editor_props.imageAttachmentIdPropType.extract(src.id) ?? void 0;
+  const url = import_editor_props.urlPropTypeUtil.extract(src.url) ?? void 0;
+  if (!id && !url) {
+    return null;
+  }
+  const alt = import_editor_props.stringPropTypeUtil.extract(src.alt) ?? void 0;
+  const size = import_editor_props.stringPropTypeUtil.extract(image.size) ?? void 0;
+  return { id, url, alt, size };
+}
+
+// src/utils/atomic-background-image-sources.ts
+function walkAtomicBackgroundImageSources(tree, visit) {
+  walkElements(tree, (node) => {
+    const styles = (0, import_editor_elements.getElementStyles)(node.id);
+    if (!styles) {
+      return;
+    }
+    for (const media of extractBackgroundImageMedia(styles)) {
+      visit({ node, media });
+    }
+  });
+}
+function extractBackgroundImageMedia(styles) {
+  const sources = [];
+  for (const style of Object.values(styles)) {
+    for (const variant of style.variants) {
+      const background = import_editor_props2.backgroundPropTypeUtil.extract(variant.props.background);
+      const overlays = import_editor_props2.backgroundOverlayPropTypeUtil.extract(background?.["background-overlay"]) ?? [];
+      for (const overlay of overlays) {
+        const imageOverlay = import_editor_props2.backgroundImageOverlayPropTypeUtil.extract(overlay);
+        const media = extractAtomicImageMedia(imageOverlay?.image);
+        if (media) {
+          sources.push(media);
+        }
+      }
+    }
+  }
+  return sources;
+}
+
+// src/utils/background-image-sources.ts
+var BACKGROUND_IMAGE_SETTING_KEYS = [
+  "background_image",
+  "background_hover_image",
+  "background_overlay_image",
+  "background_overlay_hover_image",
+  "_background_image",
+  "_background_hover_image"
+];
+function walkBackgroundImageSources(tree, visit) {
+  walkElements(tree, (node) => {
+    for (const key of BACKGROUND_IMAGE_SETTING_KEYS) {
+      const media = node.settings[key];
+      if (media?.id || media?.url) {
+        visit({ node, media });
+      }
     }
   });
-  return found;
 }
+
+// src/utils/image-like-sources.ts
+var IMAGE_LIKE_WIDGETS = /* @__PURE__ */ new Set(["image", "image-box", "image-carousel", "gallery", "image-gallery"]);
 function walkImageLikeSources(tree, visit) {
   walkElements(tree, (node) => {
     if (node.elType !== "widget") {
@@ -362,28 +495,42 @@ function collectMediaFromNode(node) {
   const sources = [];
   const image = node.settings.image;
   if (image?.id || image?.url) {
-    sources.push(image);
+    sources.push({ ...image, size: node.settings.image_size });
   }
   const gallery = node.settings.carousel ?? node.settings.gallery ?? node.settings.wp_gallery;
   if (Array.isArray(gallery)) {
+    const gallerySize = node.settings.thumbnail_size;
     for (const item of gallery) {
       if (item?.id || item?.url) {
-        sources.push(item);
+        sources.push({ ...item, size: gallerySize });
       }
     }
   }
   return sources;
 }
 
+// src/utils/all-image-sources.ts
+function walkAllImageSources(tree, visit) {
+  walkImageLikeSources(tree, visit);
+  walkBackgroundImageSources(tree, visit);
+  walkAtomicImageSources(tree, visit);
+  walkAtomicBackgroundImageSources(tree, visit);
+}
+
+// src/utils/image-size-key.ts
+function buildImageSizeKey({ id, size }) {
+  return `${id}:${size || "full"}`;
+}
+
 // src/utils/page-attachments.ts
-function extractAttachmentIds(tree) {
-  const ids = /* @__PURE__ */ new Set();
-  walkImageLikeSources(tree, ({ media }) => {
+function extractImageSizeRequests(tree) {
+  const keys = /* @__PURE__ */ new Set();
+  walkAllImageSources(tree, ({ media }) => {
     if (media.id) {
-      ids.add(media.id);
+      keys.add(buildImageSizeKey({ id: media.id, size: media.size }));
     }
   });
-  return Array.from(ids).sort((a, b) => a - b);
+  return Array.from(keys).sort();
 }
 
 // src/utils/read-kit-snapshot.ts
@@ -477,18 +624,24 @@ function toSnapshot(element) {
 
 // src/runner.ts
 async function runPageAudit(documentId) {
-  const tree = buildSnapshotTree((0, import_editor_elements.getElements)());
-  const attachmentIds = extractAttachmentIds(tree);
-  const pageContext = await fetchPageContext(documentId, attachmentIds);
+  if (documentId !== (0, import_editor_elements2.getHostDocumentId)()) {
+    throw new Error("runPageAudit: documentId must match the host document.");
+  }
+  const tree = buildSnapshotTree((0, import_editor_elements2.getHostDocumentElements)());
+  const imageSizeRequests = extractImageSizeRequests(tree);
+  const pageContext = await fetchPageContext(documentId, imageSizeRequests);
   const elements = { documentId, tree };
-  const kit = await readKitSnapshot(pageContext.kit_id);
-  const ctx = { documentId, elements, pageContext, kit };
+  const [kit, renderedHtml] = await Promise.all([
+    readKitSnapshot(pageContext.kit_id),
+    fetchRenderedHtml(pageContext.frontend_url)
+  ]);
+  const ctx = { documentId, elements, pageContext, kit, renderedHtml };
   const registered = getRegisteredAudits();
   const auditResults = await Promise.all(
-    registered.map(async (audit23) => {
-      const { evaluate: _evaluate, ...meta } = audit23;
+    registered.map(async (audit25) => {
+      const { evaluate: _evaluate, ...meta } = audit25;
       try {
-        const result = await audit23.evaluate(ctx);
+        const result = await audit25.evaluate(ctx);
         return { audit: meta, result };
       } catch (error) {
         const reason = error instanceof Error ? error.message : "unknown-error";
@@ -499,52 +652,6 @@ async function runPageAudit(documentId) {
   return computeReport(documentId, auditResults);
 }
 
-// src/store/slice.ts
-var import_store = require("@elementor/store");
-var initialState = { status: "idle", report: null, error: null };
-var slice = (0, import_store.__createSlice)({
-  name: "audits",
-  initialState,
-  reducers: {
-    runStarted(state) {
-      state.status = "loading";
-      state.error = null;
-    },
-    runSucceeded(state, action) {
-      state.status = "ready";
-      state.report = action.payload;
-    },
-    runFailed(state, action) {
-      state.status = "error";
-      state.error = action.payload;
-    },
-    runAborted(state) {
-      state.status = state.report ? "ready" : "idle";
-    },
-    reportRestored(state, action) {
-      state.status = "ready";
-      state.report = action.payload;
-      state.error = null;
-    },
-    reportCleared(state) {
-      state.status = "idle";
-      state.report = null;
-      state.error = null;
-    }
-  }
-});
-
-// src/store/selectors.ts
-function selectStatus(state) {
-  return state.audits.status;
-}
-function selectReport(state) {
-  return state.audits.report;
-}
-function selectError(state) {
-  return state.audits.error;
-}
-
 // src/utils/report-storage.ts
 var import_session = require("@elementor/session");
 function getStorageKey(documentId) {
@@ -559,51 +666,53 @@ function persistReport(documentId, report) {
 
 // src/hooks/use-audit-report.ts
 function useAuditReport() {
-  const status = (0, import_store2.__useSelector)((state) => selectStatus(state));
-  const report = (0, import_store2.__useSelector)((state) => selectReport(state));
-  const error = (0, import_store2.__useSelector)((state) => selectError(state));
-  const dispatch = (0, import_store2.__useDispatch)();
-  const documentId = (0, import_editor_elements2.getCurrentDocumentId)() ?? 0;
+  const status = (0, import_store4.__useSelector)((state) => selectStatus(state));
+  const report = (0, import_store4.__useSelector)((state) => selectReport(state));
+  const error = (0, import_store4.__useSelector)((state) => selectError(state));
+  const isStale = (0, import_store4.__useSelector)((state) => selectIsStale(state));
+  const dispatch2 = (0, import_store4.__useDispatch)();
+  const documentId = (0, import_editor_elements3.getHostDocumentId)() ?? 0;
   (0, import_react.useEffect)(() => {
     if (!documentId || report?.documentId === documentId) {
       return;
     }
     const persisted = getPersistedReport(documentId);
     if (persisted) {
-      dispatch(slice.actions.reportRestored(persisted));
+      dispatch2(slice.actions.reportRestored(persisted));
     } else if (report) {
-      dispatch(slice.actions.reportCleared());
+      dispatch2(slice.actions.reportCleared());
     }
-  }, [documentId, report, dispatch]);
+  }, [documentId, report, dispatch2]);
   const run = async (documentIdToRun) => {
-    dispatch(slice.actions.runStarted());
+    dispatch2(slice.actions.runStarted());
     try {
       const nextReport = await runPageAudit(documentIdToRun);
-      dispatch(slice.actions.runSucceeded(nextReport));
+      dispatch2(slice.actions.runSucceeded(nextReport));
       persistReport(documentIdToRun, nextReport);
     } catch (e) {
       if (e instanceof SessionExpiredError) {
-        dispatch(slice.actions.runAborted());
+        dispatch2(slice.actions.runAborted());
         return;
       }
-      dispatch(slice.actions.runFailed(e instanceof Error ? e.message : "Unknown error"));
+      dispatch2(slice.actions.runFailed(e instanceof Error ? e.message : "Unknown error"));
     }
   };
-  return { status, report, error, run };
+  return { status, report, error, isStale, run };
 }
 
 // src/components/audit-feedback.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_react2 = require("react");
+var import_editor_floating_panels = require("@elementor/editor-floating-panels");
 var import_editor_notifications = require("@elementor/editor-notifications");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var import_events = require("@elementor/events");
 var import_http_client2 = require("@elementor/http-client");
-var import_icons = require("@elementor/icons");
-var import_ui = require("@elementor/ui");
-var import_i18n3 = require("@wordpress/i18n");
+var import_icons2 = require("@elementor/icons");
+var import_ui2 = require("@elementor/ui");
+var import_i18n2 = require("@wordpress/i18n");
 var FEEDBACK_SUBJECT = "Page Audit Tool";
-var FEEDBACK_SUBJECT_LABEL = (0, import_i18n3.__)("Page Audit Tool", "elementor");
+var FEEDBACK_SUBJECT_LABEL = (0, import_i18n2.__)("Page Audit Tool", "elementor");
 var SUCCESS_NOTIFICATION_ID = "audit-feedback-success";
 var ERROR_NOTIFICATION_ID = "audit-feedback-error";
 var DIALOG_TITLE_ID = "audit-feedback-dialog-title";
@@ -612,18 +721,19 @@ var isUserConnected = () => Boolean(window.elementorCommon?.config?.library_conn
 var notifySuccess = () => (0, import_editor_notifications.notify)({
   id: SUCCESS_NOTIFICATION_ID,
   type: "success",
-  message: (0, import_i18n3.__)("Feedback sent. Thanks for helping us out.", "elementor")
+  message: (0, import_i18n2.__)("Feedback sent. Thanks for helping us out.", "elementor")
 });
 var notifyError = () => (0, import_editor_notifications.notify)({
   id: ERROR_NOTIFICATION_ID,
   type: "error",
-  message: (0, import_i18n3.__)("Something went wrong. Please try sending your feedback again.", "elementor")
+  message: (0, import_i18n2.__)("Something went wrong. Please try sending your feedback again.", "elementor")
 });
 function AuditFeedback() {
   const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
   const [feedbackText, setFeedbackText] = (0, import_react2.useState)("");
   const [isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
   const { dispatchEvent: trackEvent = (...args) => void args } = (0, import_events.useMixpanel)();
+  const panelZIndex = (0, import_editor_floating_panels.useFloatingPanelZIndex)(AUDIT_PANEL_ID);
   if (!(0, import_editor_v1_adapters.isExperimentActive)(FEEDBACK_EXPERIMENT_NAME)) {
     return null;
   }
@@ -632,7 +742,7 @@ function AuditFeedback() {
   if (!connected && !connectUrl) {
     return null;
   }
-  const triggerLabel = (0, import_i18n3.__)("Give feedback", "elementor");
+  const triggerLabel = (0, import_i18n2.__)("Give feedback", "elementor");
   const handleOpen = () => {
     if (!connected) {
       window.open(connectUrl, "_blank", "noopener");
@@ -665,8 +775,8 @@ function AuditFeedback() {
       trackEvent(FEEDBACK_SENT_EVENT, { entry_point: FEEDBACK_ENTRY_POINT });
     }).catch(notifyError).finally(() => setIsSubmitting(false));
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_ui.Tooltip, { title: triggerLabel, placement: "top" }, /* @__PURE__ */ React.createElement(import_ui.IconButton, { size: "small", "aria-label": triggerLabel, onClick: handleOpen }, /* @__PURE__ */ React.createElement(import_icons.MessageLinesIcon, { fontSize: "small" }))), /* @__PURE__ */ React.createElement(
-    import_ui.Dialog,
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(import_ui2.Tooltip, { title: triggerLabel, placement: "top", PopperProps: { sx: { zIndex: panelZIndex } } }, /* @__PURE__ */ React2.createElement(import_ui2.IconButton, { size: "small", "aria-label": triggerLabel, onClick: handleOpen }, /* @__PURE__ */ React2.createElement(import_icons2.MessageLinesIcon, { fontSize: "small" }))), /* @__PURE__ */ React2.createElement(
+    import_ui2.Dialog,
     {
       open: isOpen,
       onClose: handleClose,
@@ -674,11 +784,11 @@ function AuditFeedback() {
       "aria-describedby": DIALOG_DESCRIPTION_ID,
       PaperProps: { sx: { borderRadius: 1 } }
     },
-    /* @__PURE__ */ React.createElement(import_ui.DialogHeader, { logo: false, onClose: handleClose }, /* @__PURE__ */ React.createElement(import_ui.DialogTitle, { id: DIALOG_TITLE_ID }, (0, import_i18n3.__)("Let us know what you think", "elementor"))),
-    /* @__PURE__ */ React.createElement(import_ui.DialogContent, { dividers: true }, /* @__PURE__ */ React.createElement(import_ui.Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React.createElement(import_ui.TextField, { value: FEEDBACK_SUBJECT_LABEL, disabled: true, fullWidth: true, size: "small" }), /* @__PURE__ */ React.createElement(
-      import_ui.TextField,
+    /* @__PURE__ */ React2.createElement(import_ui2.DialogHeader, { logo: false, onClose: handleClose }, /* @__PURE__ */ React2.createElement(import_ui2.DialogTitle, { id: DIALOG_TITLE_ID }, (0, import_i18n2.__)("Let us know what you think", "elementor"))),
+    /* @__PURE__ */ React2.createElement(import_ui2.DialogContent, { dividers: true }, /* @__PURE__ */ React2.createElement(import_ui2.Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React2.createElement(import_ui2.TextField, { value: FEEDBACK_SUBJECT_LABEL, disabled: true, fullWidth: true, size: "small" }), /* @__PURE__ */ React2.createElement(
+      import_ui2.TextField,
       {
-        placeholder: (0, import_i18n3.__)(
+        placeholder: (0, import_i18n2.__)(
           "Tell us what you had in mind, what we can improve or fix to make this feature better.",
           "elementor"
         ),
@@ -689,48 +799,48 @@ function AuditFeedback() {
         onChange: (event) => setFeedbackText(event.target.value),
         value: feedbackText
       }
-    ), /* @__PURE__ */ React.createElement(import_ui.Typography, { id: DIALOG_DESCRIPTION_ID, variant: "caption", color: "text.secondary" }, (0, import_i18n3.__)(
+    ), /* @__PURE__ */ React2.createElement(import_ui2.Typography, { id: DIALOG_DESCRIPTION_ID, variant: "caption", color: "text.secondary" }, (0, import_i18n2.__)(
       "We appreciate your feedback! While we review all submissions, we can't guarantee that every suggestion will result in a change or update.",
       "elementor"
     )))),
-    /* @__PURE__ */ React.createElement(import_ui.DialogActions, null, /* @__PURE__ */ React.createElement(import_ui.Button, { variant: "text", color: "secondary", onClick: handleCancel }, (0, import_i18n3.__)("Cancel", "elementor")), /* @__PURE__ */ React.createElement(
-      import_ui.Button,
+    /* @__PURE__ */ React2.createElement(import_ui2.DialogActions, null, /* @__PURE__ */ React2.createElement(import_ui2.Button, { variant: "text", color: "secondary", onClick: handleCancel }, (0, import_i18n2.__)("Cancel", "elementor")), /* @__PURE__ */ React2.createElement(
+      import_ui2.Button,
       {
         variant: "contained",
         color: "primary",
         disabled: isSubmitting || feedbackText.trim().length === 0,
         onClick: handleSubmit
       },
-      (0, import_i18n3.__)("Send", "elementor")
+      (0, import_i18n2.__)("Send", "elementor")
     ))
   ));
 }
 
 // src/components/pages/error-page.tsx
-var React2 = __toESM(require("react"));
-var import_ui2 = require("@elementor/ui");
-var import_i18n4 = require("@wordpress/i18n");
+var React3 = __toESM(require("react"));
+var import_ui3 = require("@elementor/ui");
+var import_i18n3 = require("@wordpress/i18n");
 function ErrorPage({ message, onRetry }) {
-  return /* @__PURE__ */ React2.createElement(import_ui2.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React2.createElement(import_ui2.Typography, { variant: "body2", color: "error", textAlign: "center" }, message), /* @__PURE__ */ React2.createElement(import_ui2.Button, { variant: "contained", size: "small", onClick: onRetry }, (0, import_i18n4.__)("Try again", "elementor")));
+  return /* @__PURE__ */ React3.createElement(import_ui3.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React3.createElement(import_ui3.Typography, { variant: "body2", color: "error", textAlign: "center" }, message), /* @__PURE__ */ React3.createElement(import_ui3.Button, { variant: "contained", size: "small", onClick: onRetry }, (0, import_i18n3.__)("Try again", "elementor")));
 }
 
 // src/components/pages/loading-page.tsx
-var React3 = __toESM(require("react"));
-var import_ui3 = require("@elementor/ui");
-var import_i18n5 = require("@wordpress/i18n");
+var React4 = __toESM(require("react"));
+var import_ui4 = require("@elementor/ui");
+var import_i18n4 = require("@wordpress/i18n");
 function LoadingPage() {
-  return /* @__PURE__ */ React3.createElement(import_ui3.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React3.createElement(import_ui3.CircularProgress, { size: 32 }), /* @__PURE__ */ React3.createElement(import_ui3.Typography, { variant: "body2" }, (0, import_i18n5.__)("Audit in progress.", "elementor")));
+  return /* @__PURE__ */ React4.createElement(import_ui4.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React4.createElement(import_ui4.CircularProgress, { size: 32 }), /* @__PURE__ */ React4.createElement(import_ui4.Typography, { variant: "body2" }, (0, import_i18n4.__)("Audit in progress.", "elementor")));
 }
 
 // src/components/pages/welcome-page.tsx
-var React4 = __toESM(require("react"));
-var import_ui4 = require("@elementor/ui");
-var import_i18n6 = require("@wordpress/i18n");
+var React5 = __toESM(require("react"));
+var import_ui5 = require("@elementor/ui");
+var import_i18n5 = require("@wordpress/i18n");
 var INFORMATION_IMAGE_PATH = "images/information.svg";
 function WelcomePage() {
   const assetsUrl = window.elementorCommon?.config?.urls?.assets ?? "";
-  return /* @__PURE__ */ React4.createElement(
-    import_ui4.Box,
+  return /* @__PURE__ */ React5.createElement(
+    import_ui5.Box,
     {
       sx: {
         display: "flex",
@@ -741,17 +851,17 @@ function WelcomePage() {
         p: 3
       }
     },
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React5.createElement(
       "img",
       {
         className: "elementor-nerd-box-icon",
         src: `${assetsUrl}${INFORMATION_IMAGE_PATH}`,
         loading: "lazy",
-        alt: (0, import_i18n6.__)("Elementor", "elementor")
+        alt: (0, import_i18n5.__)("Elementor", "elementor")
       }
     ),
-    /* @__PURE__ */ React4.createElement(import_ui4.Typography, { variant: "subtitle1", component: "h3", sx: { marginBlockStart: 2 } }, (0, import_i18n6.__)("Audit your page!", "elementor")),
-    /* @__PURE__ */ React4.createElement(import_ui4.Typography, { variant: "caption", textAlign: "center" }, (0, import_i18n6.__)(
+    /* @__PURE__ */ React5.createElement(import_ui5.Typography, { variant: "subtitle1", component: "h3", sx: { marginBlockStart: 2 } }, (0, import_i18n5.__)("Audit your page!", "elementor")),
+    /* @__PURE__ */ React5.createElement(import_ui5.Typography, { variant: "caption", textAlign: "center" }, (0, import_i18n5.__)(
       'Check SEO, accessibility, performance, and best practices. Click "Run page audit" to begin.',
       "elementor"
     ))
@@ -759,41 +869,60 @@ function WelcomePage() {
 }
 
 // src/components/report-shell.tsx
-var React24 = __toESM(require("react"));
-var import_react6 = require("react");
-var import_ui23 = require("@elementor/ui");
-var import_i18n22 = require("@wordpress/i18n");
+var React19 = __toESM(require("react"));
+var import_react5 = require("react");
+var import_ui18 = require("@elementor/ui");
 
-// src/components/pages/all-audits-page.tsx
-var React12 = __toESM(require("react"));
-var import_ui11 = require("@elementor/ui");
-var import_i18n12 = require("@wordpress/i18n");
+// src/components/pages/category-page.tsx
+var React13 = __toESM(require("react"));
+var import_ui12 = require("@elementor/ui");
+var import_i18n11 = require("@wordpress/i18n");
 
-// src/components/status-section.tsx
-var React5 = __toESM(require("react"));
+// src/hooks/use-single-expanded-card.ts
 var import_react3 = require("react");
-var import_icons2 = require("@elementor/icons");
-var import_ui5 = require("@elementor/ui");
-var import_i18n7 = require("@wordpress/i18n");
+function useSingleExpandedCard(initialId = null) {
+  const [expandedId, setExpandedId] = (0, import_react3.useState)(initialId);
+  const toggle = (id) => {
+    setExpandedId((current) => current === id ? null : id);
+  };
+  return { expandedId, toggle };
+}
+
+// src/components/category-icons.ts
+var import_icons3 = require("@elementor/icons");
+var CATEGORY_ICONS = {
+  "best-practices": import_icons3.Settings2Icon,
+  seo: import_icons3.FileSearchIcon,
+  accessibility: import_icons3.ElementorAccessibilityIcon,
+  performance: import_icons3.BoltIcon,
+  compliance: import_icons3.ShieldCheckIcon
+};
+
+// src/components/status-section.tsx
+var React6 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_icons4 = require("@elementor/icons");
+var import_ui6 = require("@elementor/ui");
+var import_i18n6 = require("@wordpress/i18n");
 function StatusSection({ label, count, color = "default", defaultExpanded = false, children }) {
-  const [expanded, setExpanded] = (0, import_react3.useState)(defaultExpanded);
-  if (React5.Children.count(children) === 0) {
+  const [expanded, setExpanded] = (0, import_react4.useState)(defaultExpanded);
+  if (React6.Children.count(children) === 0) {
     return null;
   }
-  return /* @__PURE__ */ React5.createElement(import_ui5.Box, { sx: { paddingBlock: 1 } }, /* @__PURE__ */ React5.createElement(
-    import_ui5.Box,
+  return /* @__PURE__ */ React6.createElement(import_ui6.Box, { sx: { paddingBlock: 1 } }, /* @__PURE__ */ React6.createElement(
+    import_ui6.Box,
     {
       sx: { display: "flex", alignItems: "center", gap: 0.5, cursor: "pointer" },
       onClick: () => setExpanded((v) => !v)
     },
-    /* @__PURE__ */ React5.createElement(
-      import_ui5.IconButton,
+    /* @__PURE__ */ React6.createElement(
+      import_ui6.IconButton,
       {
         size: "small",
-        "aria-label": expanded ? (0, import_i18n7.__)("Collapse", "elementor") : (0, import_i18n7.__)("Expand", "elementor")
+        "aria-label": expanded ? (0, import_i18n6.__)("Collapse", "elementor") : (0, import_i18n6.__)("Expand", "elementor")
       },
-      /* @__PURE__ */ React5.createElement(
-        import_icons2.ChevronDownIcon,
+      /* @__PURE__ */ React6.createElement(
+        import_icons4.ChevronDownIcon,
         {
           fontSize: "small",
           sx: {
@@ -803,37 +932,37 @@ function StatusSection({ label, count, color = "default", defaultExpanded = fals
         }
       )
     ),
-    /* @__PURE__ */ React5.createElement(import_ui5.Chip, { label: `${label} (${count})`, size: "small", color, variant: "standard" })
-  ), /* @__PURE__ */ React5.createElement(import_ui5.Collapse, { in: expanded }, /* @__PURE__ */ React5.createElement(import_ui5.Box, { sx: { paddingInlineStart: 4.25, paddingBlock: 2 } }, children)));
+    /* @__PURE__ */ React6.createElement(import_ui6.Chip, { label: `${label} (${count})`, size: "small", color, variant: "standard" })
+  ), /* @__PURE__ */ React6.createElement(import_ui6.Collapse, { in: expanded }, /* @__PURE__ */ React6.createElement(import_ui6.Box, { sx: { paddingInlineStart: 4.25, paddingBlock: 2 } }, children)));
 }
 
 // src/components/subpage-header.tsx
-var React6 = __toESM(require("react"));
-var import_icons3 = require("@elementor/icons");
-var import_ui6 = require("@elementor/ui");
-var import_i18n8 = require("@wordpress/i18n");
+var React7 = __toESM(require("react"));
+var import_icons5 = require("@elementor/icons");
+var import_ui7 = require("@elementor/ui");
+var import_i18n7 = require("@wordpress/i18n");
 function SubpageHeader({ title, onBack, backLabel, icon }) {
-  const isRtl = "rtl" === (0, import_ui6.useTheme)().direction;
-  return /* @__PURE__ */ React6.createElement(import_ui6.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, p: 1 } }, /* @__PURE__ */ React6.createElement(import_ui6.IconButton, { size: "small", onClick: onBack, "aria-label": backLabel ?? (0, import_i18n8.__)("Back", "elementor") }, /* @__PURE__ */ React6.createElement(import_ui6.Rotate, { in: isRtl }, /* @__PURE__ */ React6.createElement(import_icons3.ArrowLeftIcon, { fontSize: "small" }))), icon, /* @__PURE__ */ React6.createElement(import_ui6.Typography, { variant: "subtitle2", fontWeight: "bold" }, title));
+  const isRtl = "rtl" === (0, import_ui7.useTheme)().direction;
+  return /* @__PURE__ */ React7.createElement(import_ui7.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, p: 1 } }, /* @__PURE__ */ React7.createElement(import_ui7.IconButton, { size: "small", onClick: onBack, "aria-label": backLabel ?? (0, import_i18n7.__)("Back", "elementor") }, /* @__PURE__ */ React7.createElement(import_ui7.Rotate, { in: isRtl }, /* @__PURE__ */ React7.createElement(import_icons5.ArrowLeftIcon, { fontSize: "small" }))), icon, /* @__PURE__ */ React7.createElement(import_ui7.Typography, { variant: "subtitle2", fontWeight: "bold" }, title));
 }
 
 // src/components/violation-row.tsx
-var React11 = __toESM(require("react"));
-var import_react4 = require("react");
-var import_editor_elements4 = require("@elementor/editor-elements");
-var import_icons7 = require("@elementor/icons");
-var import_ui10 = require("@elementor/ui");
-var import_i18n11 = require("@wordpress/i18n");
+var React12 = __toESM(require("react"));
+var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_floating_panels2 = require("@elementor/editor-floating-panels");
+var import_icons10 = require("@elementor/icons");
+var import_ui11 = require("@elementor/ui");
+var import_i18n10 = require("@wordpress/i18n");
 
 // src/hooks/focus-violation.ts
-var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var SCROLL_TO_VIEW_DELAY_MS = 200;
 function focusViolation(violation) {
   if (violation.elementId) {
-    const container = (0, import_editor_elements3.getContainer)(violation.elementId);
+    const container = (0, import_editor_elements4.getContainer)(violation.elementId);
     if (container) {
-      (0, import_editor_elements3.selectElement)(violation.elementId);
+      (0, import_editor_elements4.selectElement)(violation.elementId);
       const domElement = container.view?.getDomElement?.();
       if (domElement) {
         window.elementor?.helpers?.scrollToView?.(domElement, SCROLL_TO_VIEW_DELAY_MS);
@@ -864,11 +993,11 @@ function focusViolation(violation) {
 }
 
 // src/utils/build-angie-prompt.ts
-var import_i18n9 = require("@wordpress/i18n");
+var import_i18n8 = require("@wordpress/i18n");
 function buildAngiePrompt(violationText) {
-  return (0, import_i18n9.sprintf)(
+  return (0, import_i18n8.sprintf)(
     /* translators: %s: audit violation description. */
-    (0, import_i18n9.__)("Help me fix: %s", "elementor"),
+    (0, import_i18n8.__)("Help me fix: %s", "elementor"),
     violationText
   );
 }
@@ -884,13 +1013,13 @@ function onKeyboardClick(callback) {
 }
 
 // src/components/fix-violation-with-angie.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_editor_mcp = require("@elementor/editor-mcp");
-var import_icons4 = require("@elementor/icons");
-var import_ui7 = require("@elementor/ui");
-var import_i18n10 = require("@wordpress/i18n");
-function FixViolationWithAngie({ prompt }) {
-  const label = (0, import_i18n10.__)("Fix with Angie", "elementor");
+var import_icons6 = require("@elementor/icons");
+var import_ui8 = require("@elementor/ui");
+var import_i18n9 = require("@wordpress/i18n");
+function FixViolationWithAngie({ prompt, panelZIndex, variant = "icon" }) {
+  const label = (0, import_i18n9.__)("Fix with Angie", "elementor");
   const href = `#angie-prompt=${encodeURIComponent(prompt)}`;
   const handleClick = (event) => {
     event.stopPropagation();
@@ -908,53 +1037,70 @@ function FixViolationWithAngie({ prompt }) {
       })
     );
   };
-  return /* @__PURE__ */ React7.createElement(import_ui7.Tooltip, { title: label }, /* @__PURE__ */ React7.createElement(
-    import_ui7.IconButton,
-    {
-      className: "violation-hover-icon",
-      component: "a",
-      href,
-      size: "small",
-      "aria-label": label,
-      onClick: handleClick
-    },
-    /* @__PURE__ */ React7.createElement(import_icons4.AngieIcon, { fontSize: "tiny" })
-  ));
+  if (variant === "button") {
+    return /* @__PURE__ */ React8.createElement(
+      import_ui8.Button,
+      {
+        component: "a",
+        href,
+        size: "small",
+        color: "secondary",
+        variant: "outlined",
+        startIcon: /* @__PURE__ */ React8.createElement(import_icons6.AngieIcon, { fontSize: "tiny", "aria-hidden": true }),
+        onClick: handleClick
+      },
+      label
+    );
+  }
+  return /* @__PURE__ */ React8.createElement(import_ui8.Tooltip, { title: label, placement: "top", PopperProps: { sx: { zIndex: panelZIndex } } }, /* @__PURE__ */ React8.createElement(import_ui8.IconButton, { component: "a", href, size: "small", "aria-label": label, onClick: handleClick }, /* @__PURE__ */ React8.createElement(import_icons6.AngieIcon, { fontSize: "tiny" })));
 }
 
 // src/components/severity-icons.tsx
-var React8 = __toESM(require("react"));
-var import_icons5 = require("@elementor/icons");
+var React9 = __toESM(require("react"));
+var import_icons7 = require("@elementor/icons");
 var SEVERITY_CONFIG = {
-  error: { Icon: import_icons5.AlertTriangleFilledIcon, color: "error" },
-  warning: { Icon: import_icons5.AlertCircleIcon, color: "warning" },
-  info: { Icon: import_icons5.BulbIcon, color: "info" }
+  error: { Icon: import_icons7.AlertTriangleFilledIcon, color: "error" },
+  warning: { Icon: import_icons7.AlertCircleIcon, color: "warning" },
+  info: { Icon: import_icons7.BulbIcon, color: "info" }
 };
+var INFO_ICON_VERTICAL_NUDGE = "translateY(-2px)";
 function SeverityIcon({ severity }) {
   const { Icon, color } = SEVERITY_CONFIG[severity];
-  return /* @__PURE__ */ React8.createElement(Icon, { fontSize: "small", color });
+  const sx = "info" === severity ? { transform: INFO_ICON_VERTICAL_NUDGE } : void 0;
+  return /* @__PURE__ */ React9.createElement(Icon, { fontSize: "small", color, sx });
 }
 
 // src/components/violation-cta-button.tsx
-var React9 = __toESM(require("react"));
-var import_ui8 = require("@elementor/ui");
-function ViolationCtaButton({ ctaLabel, externalUrl }) {
+var React10 = __toESM(require("react"));
+var import_icons8 = require("@elementor/icons");
+var import_ui9 = require("@elementor/ui");
+function ViolationCtaButton({ ctaLabel, externalUrl, variant = "outlined", withIcon = false }) {
   const handleClick = (event) => {
     event.stopPropagation();
     event.preventDefault();
     window.open(externalUrl, "_blank", "noopener");
   };
-  return /* @__PURE__ */ React9.createElement(import_ui8.Button, { variant: "outlined", color: "secondary", size: "small", onClick: handleClick }, ctaLabel);
+  return /* @__PURE__ */ React10.createElement(
+    import_ui9.Button,
+    {
+      variant,
+      color: "secondary",
+      size: "small",
+      startIcon: withIcon ? /* @__PURE__ */ React10.createElement(import_icons8.WandIcon, { fontSize: "tiny", "aria-hidden": true }) : void 0,
+      onClick: handleClick
+    },
+    ctaLabel
+  );
 }
 
 // src/components/violation-icons.tsx
-var React10 = __toESM(require("react"));
-var import_icons6 = require("@elementor/icons");
-var import_ui9 = require("@elementor/ui");
+var React11 = __toESM(require("react"));
+var import_icons9 = require("@elementor/icons");
+var import_ui10 = require("@elementor/ui");
 function ViolationIcon({ violation, widgetIcon }) {
   if (widgetIcon) {
-    return /* @__PURE__ */ React10.createElement(
-      import_ui9.Box,
+    return /* @__PURE__ */ React11.createElement(
+      import_ui10.Box,
       {
         component: "i",
         className: widgetIcon,
@@ -964,29 +1110,74 @@ function ViolationIcon({ violation, widgetIcon }) {
     );
   }
   if (violation.targetHint === "page-settings") {
-    return /* @__PURE__ */ React10.createElement(import_icons6.FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React11.createElement(import_icons9.FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
   if (violation.targetHint === "site-settings" || violation.targetHint === "site-identity-settings") {
-    return /* @__PURE__ */ React10.createElement(import_icons6.SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React11.createElement(import_icons9.SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
-  return /* @__PURE__ */ React10.createElement(import_icons6.ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
+  return /* @__PURE__ */ React11.createElement(import_icons9.SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
 }
 
 // src/components/violation-row.tsx
 function SkipReasonTooltip({ reason }) {
-  return /* @__PURE__ */ React11.createElement(import_ui10.Tooltip, { title: reason, placement: "top" }, /* @__PURE__ */ React11.createElement(import_ui10.Box, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React11.createElement(import_icons7.HelpIcon, { fontSize: "small", color: "action" })));
+  return /* @__PURE__ */ React12.createElement(import_ui11.Tooltip, { title: reason, placement: "top" }, /* @__PURE__ */ React12.createElement(import_ui11.Box, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React12.createElement(import_icons10.HelpIcon, { fontSize: "small", color: "action" })));
 }
-function StatusIndicator({ audit: audit23, violations }) {
+function StatusIndicator({ audit: audit25, violations }) {
   if (violations) {
-    return /* @__PURE__ */ React11.createElement(React11.Fragment, null, isScoredAudit(audit23) && /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length), /* @__PURE__ */ React11.createElement(SeverityIcon, { severity: audit23.severity }));
+    return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(SeverityIcon, { severity: audit25.severity }), isScoredAudit(audit25) && /* @__PURE__ */ React12.createElement(import_ui11.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length));
+  }
+  return /* @__PURE__ */ React12.createElement(import_icons10.CheckIcon, { fontSize: "small", color: "success" });
+}
+function GuidanceAction({
+  violation,
+  sharedAngiePrompt,
+  panelZIndex
+}) {
+  const hasPrimaryCta = !!(violation.ctaLabel && violation.externalUrl);
+  if (!hasPrimaryCta && !sharedAngiePrompt) {
+    return null;
+  }
+  return /* @__PURE__ */ React12.createElement(import_ui11.Box, { display: "flex", alignItems: "center", gap: 1, mt: 1 }, hasPrimaryCta && /* @__PURE__ */ React12.createElement(
+    ViolationCtaButton,
+    {
+      ctaLabel: violation.ctaLabel,
+      externalUrl: violation.externalUrl,
+      withIcon: true
+    }
+  ), hasPrimaryCta && violation.secondaryCtaLabel && violation.secondaryCtaUrl && /* @__PURE__ */ React12.createElement(
+    ViolationCtaButton,
+    {
+      ctaLabel: violation.secondaryCtaLabel,
+      externalUrl: violation.secondaryCtaUrl,
+      variant: "text"
+    }
+  ), sharedAngiePrompt && /* @__PURE__ */ React12.createElement(FixViolationWithAngie, { prompt: sharedAngiePrompt, panelZIndex, variant: "button" }));
+}
+function getSharedAngiePrompt(violations) {
+  if (!violations || violations.length < 2) {
+    return void 0;
+  }
+  const [first, ...rest] = violations;
+  if (!first.angieFix || !first.angiePrompt) {
+    return void 0;
   }
-  return /* @__PURE__ */ React11.createElement(import_icons7.CheckIcon, { fontSize: "small", color: "success" });
+  const allShareTheSameFix = rest.every(
+    (violation) => violation.angieFix && violation.angiePrompt === first.angiePrompt
+  );
+  return allShareTheSameFix ? first.angiePrompt : void 0;
 }
-function ViolationRow({ audit: audit23, skipReason, violations }) {
-  const [expanded, setExpanded] = (0, import_react4.useState)(false);
-  const toggleExpanded = () => setExpanded((value) => !value);
-  return /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React11.createElement(
-    import_ui10.Box,
+function ViolationRow({ audit: audit25, expanded, onToggleExpand, skipReason, violations }) {
+  const primaryViolation = violations?.[0];
+  const isGuidanceFocusable = !!primaryViolation;
+  const panelZIndex = (0, import_editor_floating_panels2.useFloatingPanelZIndex)(AUDIT_PANEL_ID);
+  const sharedAngiePrompt = getSharedAngiePrompt(violations);
+  const handleGuidanceClick = () => {
+    if (isGuidanceFocusable && primaryViolation) {
+      focusViolation(primaryViolation);
+    }
+  };
+  return /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(
+    import_ui11.Box,
     {
       sx: {
         alignItems: "center",
@@ -996,19 +1187,19 @@ function ViolationRow({ audit: audit23, skipReason, violations }) {
         gap: 0.5,
         minWidth: 0
       },
-      onClick: toggleExpanded
+      onClick: onToggleExpand
     },
-    /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "body2", sx: { flex: 1 } }, audit23.title),
-    !skipReason && /* @__PURE__ */ React11.createElement(StatusIndicator, { audit: audit23, violations })
-  ), skipReason && /* @__PURE__ */ React11.createElement(SkipReasonTooltip, { reason: skipReason }), /* @__PURE__ */ React11.createElement(
-    import_ui10.IconButton,
+    /* @__PURE__ */ React12.createElement(import_ui11.Typography, { variant: "subtitle2", color: "text.secondary", sx: { flex: 1 } }, audit25.title),
+    !skipReason && /* @__PURE__ */ React12.createElement(StatusIndicator, { audit: audit25, violations })
+  ), skipReason && /* @__PURE__ */ React12.createElement(SkipReasonTooltip, { reason: skipReason }), /* @__PURE__ */ React12.createElement(
+    import_ui11.IconButton,
     {
       size: "small",
-      "aria-label": expanded ? (0, import_i18n11.__)("Collapse", "elementor") : (0, import_i18n11.__)("Expand", "elementor"),
-      onClick: toggleExpanded
+      "aria-label": expanded ? (0, import_i18n10.__)("Collapse", "elementor") : (0, import_i18n10.__)("Expand", "elementor"),
+      onClick: onToggleExpand
     },
-    /* @__PURE__ */ React11.createElement(
-      import_icons7.ChevronDownIcon,
+    /* @__PURE__ */ React12.createElement(
+      import_icons10.ChevronDownIcon,
       {
         fontSize: "small",
         sx: {
@@ -1017,30 +1208,34 @@ function ViolationRow({ audit: audit23, skipReason, violations }) {
         }
       }
     )
-  )), /* @__PURE__ */ React11.createElement(import_ui10.Collapse, { in: expanded }, /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React11.createElement(
-    import_ui10.Alert,
+  )), /* @__PURE__ */ React12.createElement(import_ui11.Collapse, { in: expanded }, /* @__PURE__ */ React12.createElement(import_ui11.Box, { paddingBlock: 1 }, /* @__PURE__ */ React12.createElement(import_ui11.Tooltip, { title: audit25.fixHint, placement: "top" }, /* @__PURE__ */ React12.createElement(
+    import_ui11.Alert,
     {
       severity: "secondary",
-      sx: { p: 1 },
-      icon: /* @__PURE__ */ React11.createElement(import_icons7.AlertCircleIcon, { fontSize: "small", color: "secondary", "aria-hidden": true })
-    },
-    /* @__PURE__ */ React11.createElement(import_ui10.AlertTitle, null, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("What's the issue", "elementor"))),
-    /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit23.description)
-  ), /* @__PURE__ */ React11.createElement(
-    import_ui10.Alert,
-    {
-      severity: "info",
-      sx: { p: 1 },
-      icon: /* @__PURE__ */ React11.createElement(import_icons7.BulbIcon, { fontSize: "small", color: "info", "aria-hidden": true })
+      sx: { p: 1, cursor: isGuidanceFocusable ? "pointer" : void 0 },
+      icon: /* @__PURE__ */ React12.createElement(import_icons10.InfoCircleIcon, { fontSize: "small", "aria-hidden": true }),
+      role: isGuidanceFocusable ? "button" : void 0,
+      tabIndex: isGuidanceFocusable ? 0 : void 0,
+      onClick: isGuidanceFocusable ? handleGuidanceClick : void 0,
+      onKeyDown: isGuidanceFocusable ? onKeyboardClick(handleGuidanceClick) : void 0
     },
-    /* @__PURE__ */ React11.createElement(import_ui10.AlertTitle, null, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("How to resolve", "elementor"))),
-    /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit23.fixHint)
-  )), violations && violations.length > 0 && /* @__PURE__ */ React11.createElement(import_ui10.Box, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
-    const widgetIcon = violation.elementId ? (0, import_editor_elements4.getElementIcon)(violation.elementId) : null;
-    const elementTitle = violation.elementId ? (0, import_editor_elements4.getElementTitle)(violation.elementId) : null;
-    const rowLabel = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
-    return /* @__PURE__ */ React11.createElement(
-      import_ui10.Box,
+    /* @__PURE__ */ React12.createElement(import_ui11.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit25.description),
+    primaryViolation && /* @__PURE__ */ React12.createElement(
+      GuidanceAction,
+      {
+        violation: primaryViolation,
+        sharedAngiePrompt,
+        panelZIndex
+      }
+    )
+  ))), violations && violations.length > 0 && /* @__PURE__ */ React12.createElement(import_ui11.Box, { role: "list", sx: { paddingBlockEnd: 1 } }, violations.map((violation, idx) => {
+    const widgetIcon = violation.elementId ? (0, import_editor_elements5.getElementIcon)(violation.elementId) : null;
+    const elementTitle = violation.elementId ? (0, import_editor_elements5.getElementTitle)(violation.elementId) : null;
+    const displayLabel = elementTitle ?? violation.label;
+    const angiePromptContext = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
+    const showsOwnFixAction = !!violation.angieFix && !sharedAngiePrompt;
+    return /* @__PURE__ */ React12.createElement(
+      import_ui11.Box,
       {
         key: idx,
         role: "button",
@@ -1052,258 +1247,130 @@ function ViolationRow({ audit: audit23, skipReason, violations }) {
           alignItems: "center",
           gap: 1,
           paddingBlock: 0.5,
-          paddingInline: 2,
+          paddingInline: 1,
           borderRadius: 1,
           cursor: "pointer",
-          "& .violation-hover-icon": { opacity: 0, transition: "opacity .15s" },
           "&:hover": { bgcolor: "action.hover" },
-          "&:hover .violation-hover-icon, &:focus-visible .violation-hover-icon": {
+          "&:hover .violation-row-fix-action, &:focus-visible .violation-row-fix-action": {
             opacity: 1
           }
         }
       },
-      /* @__PURE__ */ React11.createElement(ViolationIcon, { violation, widgetIcon }),
-      /* @__PURE__ */ React11.createElement(import_ui10.Box, { sx: { flex: 1 } }, /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React11.createElement(import_ui10.Typography, { variant: "caption", color: "text.secondary" }, violation.detail)),
-      violation.angieFix && /* @__PURE__ */ React11.createElement(
-        FixViolationWithAngie,
-        {
-          prompt: violation.angiePrompt ?? buildAngiePrompt(rowLabel)
-        }
-      ),
-      violation.ctaLabel && violation.externalUrl ? /* @__PURE__ */ React11.createElement(
-        ViolationCtaButton,
-        {
-          ctaLabel: violation.ctaLabel,
-          externalUrl: violation.externalUrl
-        }
-      ) : /* @__PURE__ */ React11.createElement(
-        import_icons7.EyeIcon,
+      /* @__PURE__ */ React12.createElement(ViolationIcon, { violation, widgetIcon }),
+      /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { flex: 1 } }, /* @__PURE__ */ React12.createElement(import_ui11.Typography, { variant: "caption" }, displayLabel), violation.detail && /* @__PURE__ */ React12.createElement(import_ui11.Typography, { variant: "caption", color: "text.secondary" }, violation.detail)),
+      showsOwnFixAction && /* @__PURE__ */ React12.createElement(
+        import_ui11.Box,
         {
-          className: "violation-hover-icon",
-          fontSize: "tiny",
-          "aria-hidden": true
-        }
+          className: "violation-row-fix-action",
+          sx: { opacity: 0, transition: "opacity .15s" }
+        },
+        /* @__PURE__ */ React12.createElement(
+          FixViolationWithAngie,
+          {
+            prompt: violation.angiePrompt ?? buildAngiePrompt(angiePromptContext),
+            panelZIndex
+          }
+        )
       )
     );
   }))));
 }
 
-// src/components/pages/all-audits-page.tsx
-function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
-  const { failed, passed, skipped, totalViolations } = partitionAuditResults(report);
-  const expandFail = !initialExpandedStatus || initialExpandedStatus === "fail";
-  const expandPass = initialExpandedStatus === "pass";
-  const expandSkipped = initialExpandedStatus === "skipped";
-  return /* @__PURE__ */ React12.createElement(import_ui11.Box, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React12.createElement(SubpageHeader, { title: (0, import_i18n12.__)("All audits", "elementor"), onBack }), /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
-    StatusSection,
-    {
-      label: auditStatusLabel("fail"),
-      count: totalViolations,
-      color: auditStatusColor("fail"),
-      defaultExpanded: expandFail
-    },
-    failed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
-  ), /* @__PURE__ */ React12.createElement(
-    StatusSection,
-    {
-      label: auditStatusLabel("pass"),
-      count: passed.length,
-      color: auditStatusColor("pass"),
-      defaultExpanded: expandPass
-    },
-    passed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit }))
-  ), /* @__PURE__ */ React12.createElement(
-    StatusSection,
-    {
-      label: auditStatusLabel("skipped"),
-      count: skipped.length,
-      color: auditStatusColor("skipped"),
-      defaultExpanded: expandSkipped
-    },
-    skipped.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, skipReason: r.result.reason }))
-  )));
-}
-
-// src/components/pages/category-page.tsx
-var React13 = __toESM(require("react"));
-var import_ui12 = require("@elementor/ui");
-var import_i18n13 = require("@wordpress/i18n");
-
-// src/components/category-icons.ts
-var import_icons8 = require("@elementor/icons");
-var CATEGORY_ICONS = {
-  "best-practices": import_icons8.Settings2Icon,
-  seo: import_icons8.FileSearchIcon,
-  accessibility: import_icons8.ElementorAccessibilityIcon,
-  performance: import_icons8.BoltIcon,
-  compliance: import_icons8.ShieldCheckIcon
-};
-
 // src/components/pages/category-page.tsx
 function CategoryPage({ category, report, onBack }) {
   const Icon = CATEGORY_ICONS[category];
-  const { failed, passed, totalViolations } = partitionAuditResults(report, { category });
+  const { failed, passed, skipped, totalViolations } = partitionAuditResults(report, { category });
+  const { expandedId, toggle } = useSingleExpandedCard();
   return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     SubpageHeader,
     {
       title: CATEGORY_LABELS[category],
       onBack,
-      backLabel: (0, import_i18n13.__)("Back to all issues", "elementor"),
+      backLabel: (0, import_i18n11.__)("Back to all issues", "elementor"),
       icon: /* @__PURE__ */ React13.createElement(Icon, { fontSize: "small", color: "action" })
     }
   ), /* @__PURE__ */ React13.createElement(import_ui12.Box, { sx: { p: 1 } }, /* @__PURE__ */ React13.createElement(
     StatusSection,
     {
-      label: (0, import_i18n13.__)("Failed audits", "elementor"),
+      label: (0, import_i18n11.__)("Failed audits", "elementor"),
       count: totalViolations,
       color: "error",
       defaultExpanded: true
     },
-    failed.map((r) => /* @__PURE__ */ React13.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
-  ), /* @__PURE__ */ React13.createElement(StatusSection, { label: (0, import_i18n13.__)("Passed audits", "elementor"), count: passed.length, color: "success" }, passed.map((r) => /* @__PURE__ */ React13.createElement(ViolationRow, { key: r.audit.id, audit: r.audit })))));
+    failed.map((r) => /* @__PURE__ */ React13.createElement(
+      ViolationRow,
+      {
+        key: r.audit.id,
+        audit: r.audit,
+        violations: r.result.violations,
+        expanded: expandedId === r.audit.id,
+        onToggleExpand: () => toggle(r.audit.id)
+      }
+    ))
+  ), /* @__PURE__ */ React13.createElement(StatusSection, { label: (0, import_i18n11.__)("Passed audits", "elementor"), count: passed.length, color: "success" }, passed.map((r) => /* @__PURE__ */ React13.createElement(
+    ViolationRow,
+    {
+      key: r.audit.id,
+      audit: r.audit,
+      expanded: expandedId === r.audit.id,
+      onToggleExpand: () => toggle(r.audit.id)
+    }
+  ))), /* @__PURE__ */ React13.createElement(StatusSection, { label: (0, import_i18n11.__)("Skipped audits", "elementor"), count: skipped.length, color: "default" }, skipped.map((r) => /* @__PURE__ */ React13.createElement(
+    ViolationRow,
+    {
+      key: r.audit.id,
+      audit: r.audit,
+      skipReason: r.result.reason,
+      expanded: expandedId === r.audit.id,
+      onToggleExpand: () => toggle(r.audit.id)
+    }
+  )))));
 }
 
-// src/components/pages/issues-page.tsx
+// src/components/pages/overview-page.tsx
 var React18 = __toESM(require("react"));
-var import_react5 = require("react");
 var import_ui17 = require("@elementor/ui");
-var import_i18n17 = require("@wordpress/i18n");
+var import_i18n15 = require("@wordpress/i18n");
 
 // src/utils/severity-counts.ts
-var import_i18n14 = require("@wordpress/i18n");
+var import_i18n12 = require("@wordpress/i18n");
 var ALL_SEVERITIES = ["error", "warning", "info"];
 function countSeverities(report, category) {
   const counts = { error: 0, warning: 0, info: 0 };
-  for (const { audit: audit23, result } of report.auditResults) {
+  for (const { audit: audit25, result } of report.auditResults) {
     if (result.status !== "fail") {
       continue;
     }
-    if (category && !audit23.categories.includes(category)) {
+    if (category && !audit25.categories.includes(category)) {
       continue;
     }
-    if (!isScoredAudit(audit23)) {
+    if (!isScoredAudit(audit25)) {
       continue;
     }
-    counts[audit23.severity] += result.violations.length;
+    counts[audit25.severity] += result.violations.length;
   }
   return counts;
 }
 function severityPluralLabel(severity) {
   switch (severity) {
     case "error":
-      return (0, import_i18n14.__)("Errors", "elementor");
+      return (0, import_i18n12.__)("Errors", "elementor");
     case "warning":
-      return (0, import_i18n14.__)("Warnings", "elementor");
+      return (0, import_i18n12.__)("Warnings", "elementor");
     case "info":
-      return (0, import_i18n14.__)("Suggestions", "elementor");
+      return (0, import_i18n12.__)("Suggestions", "elementor");
   }
 }
 
-// src/components/audit-statuses-section.tsx
-var React15 = __toESM(require("react"));
-var import_ui14 = require("@elementor/ui");
-var import_i18n15 = require("@wordpress/i18n");
-
-// src/components/count-summary-circle.tsx
+// src/components/issues-category-row.tsx
 var React14 = __toESM(require("react"));
+var import_icons11 = require("@elementor/icons");
 var import_ui13 = require("@elementor/ui");
-var COUNT_SUMMARY_CIRCLE_SIZE = 64;
-var COUNT_SUMMARY_BORDER_WIDTH = 4;
-function chipBorderColor(theme, color) {
-  if (color === "default" || !color) {
-    return theme.palette.text.secondary;
-  }
-  return theme.palette[color].main;
-}
-function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
-  return /* @__PURE__ */ React14.createElement(
-    import_ui13.Box,
-    {
-      "aria-label": ariaLabel,
-      component: "button",
-      onClick,
-      type: "button",
-      sx: {
-        alignItems: "center",
-        background: "none",
-        border: "none",
-        cursor: "pointer",
-        display: "flex",
-        flex: 1,
-        flexDirection: "column",
-        gap: 0.5,
-        padding: 0
-      }
-    },
-    /* @__PURE__ */ React14.createElement(
-      import_ui13.Chip,
-      {
-        color,
-        label: count,
-        size: "small",
-        variant: "standard",
-        sx: (theme) => ({
-          border: `${COUNT_SUMMARY_BORDER_WIDTH}px solid ${chipBorderColor(theme, color)}`,
-          borderRadius: "50%",
-          height: COUNT_SUMMARY_CIRCLE_SIZE,
-          maxWidth: COUNT_SUMMARY_CIRCLE_SIZE,
-          width: COUNT_SUMMARY_CIRCLE_SIZE,
-          "& .MuiChip-label": {
-            fontSize: theme.typography.body2.fontSize,
-            fontWeight: 700,
-            lineHeight: 1,
-            padding: 0
-          }
-        })
-      }
-    ),
-    /* @__PURE__ */ React14.createElement(import_ui13.Typography, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
-  );
-}
-
-// src/components/audit-statuses-section.tsx
-var STATUS_ARIA_LABELS = {
-  pass: (count) => (0, import_i18n15.sprintf)(
-    /* translators: %d: number of passed audits. */
-    (0, import_i18n15.__)("%d passed audits, view all", "elementor"),
-    count
-  ),
-  fail: (count) => (0, import_i18n15.sprintf)(
-    /* translators: %d: number of failed audit violations. */
-    (0, import_i18n15.__)("%d failed audits, view all", "elementor"),
-    count
-  ),
-  skipped: (count) => (0, import_i18n15.sprintf)(
-    /* translators: %d: number of skipped audits. */
-    (0, import_i18n15.__)("%d skipped audits, view all", "elementor"),
-    count
-  )
-};
-var STATUS_GROUPS = ["fail", "pass", "skipped"];
-function AuditStatusesSection({ report, onStatusClick }) {
-  const statusCounts = auditStatusDisplayCounts(report);
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(import_ui14.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n15.__)("Audit statuses", "elementor")), /* @__PURE__ */ React15.createElement(import_ui14.Box, { sx: { display: "flex", justifyContent: "space-around", gap: 2 } }, STATUS_GROUPS.map((status) => /* @__PURE__ */ React15.createElement(
-    CountSummaryCircle,
-    {
-      key: status,
-      ariaLabel: STATUS_ARIA_LABELS[status](statusCounts[status]),
-      color: auditStatusColor(status),
-      count: statusCounts[status],
-      label: auditStatusLabel(status),
-      onClick: () => onStatusClick(status)
-    }
-  ))), /* @__PURE__ */ React15.createElement(import_ui14.Divider, null));
-}
-
-// src/components/issues-category-row.tsx
-var React16 = __toESM(require("react"));
-var import_icons9 = require("@elementor/icons");
-var import_ui15 = require("@elementor/ui");
 function IssuesCategoryRow({ category, label, counts, onClick }) {
-  const isRtl = "rtl" === (0, import_ui15.useTheme)().direction;
+  const isRtl = "rtl" === (0, import_ui13.useTheme)().direction;
   const Icon = CATEGORY_ICONS[category];
-  return /* @__PURE__ */ React16.createElement(
-    import_ui15.Box,
+  return /* @__PURE__ */ React14.createElement(
+    import_ui13.Box,
     {
       role: "button",
       tabIndex: 0,
@@ -1324,120 +1391,29 @@ function IssuesCategoryRow({ category, label, counts, onClick }) {
         "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main" }
       }
     },
-    /* @__PURE__ */ React16.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React16.createElement(import_ui15.Typography, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
-    /* @__PURE__ */ React16.createElement(import_ui15.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React16.createElement(import_ui15.Box, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React16.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React16.createElement(import_ui15.Typography, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
-    /* @__PURE__ */ React16.createElement(import_ui15.Rotate, { in: isRtl }, /* @__PURE__ */ React16.createElement(import_icons9.ChevronRightIcon, { fontSize: "small", color: "action" }))
+    /* @__PURE__ */ React14.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
+    /* @__PURE__ */ React14.createElement(import_ui13.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React14.createElement(import_ui13.Box, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React14.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
+    /* @__PURE__ */ React14.createElement(import_ui13.Rotate, { in: isRtl }, /* @__PURE__ */ React14.createElement(import_icons11.ChevronRightIcon, { fontSize: "small", color: "action" }))
   );
 }
 
-// src/components/severity-filter-chips.tsx
-var React17 = __toESM(require("react"));
-var import_ui16 = require("@elementor/ui");
-var import_i18n16 = require("@wordpress/i18n");
-function SeverityFilterChips({ selected, onChange }) {
-  return /* @__PURE__ */ React17.createElement(import_ui16.Box, { sx: { display: "flex", alignItems: "center", gap: 1 } }, /* @__PURE__ */ React17.createElement(
-    FilterChip,
-    {
-      label: (0, import_i18n16.__)("All", "elementor"),
-      isSelected: selected === "all",
-      onClick: () => onChange("all")
-    }
-  ), ALL_SEVERITIES.map((severity) => /* @__PURE__ */ React17.createElement(
-    FilterChip,
-    {
-      key: severity,
-      label: severityPluralLabel(severity),
-      icon: /* @__PURE__ */ React17.createElement(SeverityIcon, { severity }),
-      isSelected: selected === severity,
-      onClick: () => onChange(severity)
-    }
-  )));
-}
-function FilterChip({ label, icon, isSelected, onClick }) {
-  return /* @__PURE__ */ React17.createElement(
-    import_ui16.Chip,
-    {
-      label,
-      icon,
-      size: "small",
-      variant: "filled",
-      color: "default",
-      onClick,
-      "aria-pressed": isSelected,
-      sx: { bgcolor: isSelected ? "action.selected" : "transparent" }
-    }
-  );
-}
-
-// src/components/pages/issues-page.tsx
-function filterCounts(counts, filter) {
-  if (filter === "all") {
-    return counts;
-  }
-  return { error: 0, warning: 0, info: 0, [filter]: counts[filter] };
-}
-function IssuesPage({ report, onCategoryClick, onAllAuditsClick, onStatusClick }) {
-  const [filter, setFilter] = (0, import_react5.useState)("all");
-  const populatedCategories = getPopulatedCategories(report.categories, ALL_CATEGORIES);
-  const categoryRows = populatedCategories.map((category) => ({ category, counts: filterCounts(countSeverities(report, category), filter) })).filter(({ counts }) => Object.values(counts).some((count) => count > 0));
-  return /* @__PURE__ */ React18.createElement(import_ui17.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React18.createElement(AuditStatusesSection, { report, onStatusClick }), /* @__PURE__ */ React18.createElement(
-    import_ui17.Link,
-    {
-      component: "button",
-      underline: "none",
-      color: "inherit",
-      onClick: onAllAuditsClick,
-      sx: { textAlign: "start" }
-    },
-    /* @__PURE__ */ React18.createElement(import_ui17.Typography, { variant: "subtitle1", component: "h2" }, (0, import_i18n17.__)("All issues", "elementor"))
-  ), /* @__PURE__ */ React18.createElement(SeverityFilterChips, { selected: filter, onChange: setFilter }), /* @__PURE__ */ React18.createElement(import_ui17.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, categoryRows.map(({ category, counts }) => /* @__PURE__ */ React18.createElement(
-    IssuesCategoryRow,
-    {
-      key: category,
-      category,
-      label: CATEGORY_LABELS[category],
-      counts,
-      onClick: () => onCategoryClick(category)
-    }
-  ))));
-}
-
-// src/components/pages/overview-page.tsx
-var React23 = __toESM(require("react"));
-var import_ui22 = require("@elementor/ui");
-var import_i18n21 = require("@wordpress/i18n");
-
-// src/utils/score-thresholds.ts
-var import_i18n18 = require("@wordpress/i18n");
-var GOOD_THRESHOLD = 90;
-var OK_THRESHOLD = 50;
-function getScoreTier(score) {
-  if (score >= GOOD_THRESHOLD) {
-    return { color: "success", label: (0, import_i18n18.__)("Good", "elementor") };
-  }
-  if (score >= OK_THRESHOLD) {
-    return { color: "warning", label: (0, import_i18n18.__)("Needs work", "elementor") };
-  }
-  return { color: "error", label: (0, import_i18n18.__)("At risk", "elementor") };
-}
-
 // src/components/promotions.tsx
-var React20 = __toESM(require("react"));
-var import_ui19 = require("@elementor/ui");
-var import_i18n20 = require("@wordpress/i18n");
+var React16 = __toESM(require("react"));
+var import_ui15 = require("@elementor/ui");
+var import_i18n14 = require("@wordpress/i18n");
 
 // src/register-promotions.ts
-var import_icons10 = require("@elementor/icons");
-var import_i18n19 = require("@wordpress/i18n");
+var import_icons12 = require("@elementor/icons");
+var import_i18n13 = require("@wordpress/i18n");
 function firstFailExternalUrl(run) {
   return run.result.status === "fail" ? run.result.violations[0]?.externalUrl : void 0;
 }
 var PROMOTIONS = [
   {
     auditId: "audits/images-alt-text",
-    icon: import_icons10.PhotoIcon,
-    ctaLabel: (0, import_i18n19.__)("Fix with Ally", "elementor"),
+    icon: import_icons12.PhotoIcon,
+    ctaLabel: (0, import_i18n13.__)("Fix with Ally", "elementor"),
     formatSubtitle: (run) => {
       if (run.result.status !== "fail") {
         return null;
@@ -1446,9 +1422,9 @@ var PROMOTIONS = [
       if (count === 0) {
         return null;
       }
-      return (0, import_i18n19.sprintf)(
+      return (0, import_i18n13.sprintf)(
         /* translators: %d: number of images missing alt text. */
-        (0, import_i18n19._n)("%d image", "%d images", count, "elementor"),
+        (0, import_i18n13._n)("%d image", "%d images", count, "elementor"),
         count
       );
     },
@@ -1456,22 +1432,22 @@ var PROMOTIONS = [
   },
   {
     auditId: "audits/cookie-policy",
-    icon: import_icons10.ElementorCookieIcon,
-    ctaLabel: (0, import_i18n19.__)("Fix with Cookiez", "elementor"),
-    formatSubtitle: (run) => run.result.status === "fail" ? (0, import_i18n19.__)("Generate cookie policy", "elementor") : null,
+    icon: import_icons12.ElementorCookieIcon,
+    ctaLabel: (0, import_i18n13.__)("Fix with Cookiez", "elementor"),
+    formatSubtitle: (run) => run.result.status === "fail" ? (0, import_i18n13.__)("Generate cookie policy", "elementor") : null,
     getCtaUrl: firstFailExternalUrl
   },
   {
     auditId: "audits/scan-for-cookies",
-    icon: import_icons10.ElementorCookieIcon,
-    ctaLabel: (0, import_i18n19.__)("Scan", "elementor"),
-    formatSubtitle: (run) => run.result.status === "fail" ? (0, import_i18n19.__)("Scan this page for cookies", "elementor") : null,
+    icon: import_icons12.ElementorCookieIcon,
+    ctaLabel: (0, import_i18n13.__)("Scan", "elementor"),
+    formatSubtitle: (run) => run.result.status === "fail" ? (0, import_i18n13.__)("Scan this page for cookies", "elementor") : null,
     getCtaUrl: firstFailExternalUrl
   },
   {
     auditId: "audits/images-too-large",
-    icon: import_icons10.ShieldHalfFilledIcon,
-    ctaLabel: (0, import_i18n19.__)("Optimize all", "elementor"),
+    icon: import_icons12.ShieldHalfFilledIcon,
+    ctaLabel: (0, import_i18n13.__)("Optimize all", "elementor"),
     formatSubtitle: (run) => {
       if (run.result.status !== "fail") {
         return null;
@@ -1480,9 +1456,9 @@ var PROMOTIONS = [
       if (count === 0) {
         return null;
       }
-      return (0, import_i18n19.sprintf)(
+      return (0, import_i18n13.sprintf)(
         /* translators: %d: number of oversized images. */
-        (0, import_i18n19._n)("%d image", "%d images", count, "elementor"),
+        (0, import_i18n13._n)("%d image", "%d images", count, "elementor"),
         count
       );
     },
@@ -1496,11 +1472,11 @@ function findAuditRun(report, auditId) {
 }
 
 // src/components/promotion-card.tsx
-var React19 = __toESM(require("react"));
-var import_ui18 = require("@elementor/ui");
+var React15 = __toESM(require("react"));
+var import_ui14 = require("@elementor/ui");
 function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle, title }) {
-  return /* @__PURE__ */ React19.createElement(
-    import_ui18.Box,
+  return /* @__PURE__ */ React15.createElement(
+    import_ui14.Box,
     {
       sx: {
         alignItems: "center",
@@ -1513,9 +1489,9 @@ function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle
         py: 1.5
       }
     },
-    /* @__PURE__ */ React19.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React19.createElement(import_ui18.Box, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React19.createElement(import_ui18.Typography, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React19.createElement(import_ui18.Typography, { variant: "caption", color: "text.secondary" }, subtitle)),
-    /* @__PURE__ */ React19.createElement(import_ui18.Button, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
+    /* @__PURE__ */ React15.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React15.createElement(import_ui14.Box, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React15.createElement(import_ui14.Typography, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React15.createElement(import_ui14.Typography, { variant: "caption", color: "text.secondary" }, subtitle)),
+    /* @__PURE__ */ React15.createElement(import_ui14.Button, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
   );
 }
 
@@ -1544,7 +1520,7 @@ function Promotions({ report }) {
   if (cards.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(import_ui19.Divider, null), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n20.__)("Quick actions", "elementor")), /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(import_ui15.Divider, null), /* @__PURE__ */ React16.createElement(import_ui15.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n14.__)("Quick actions", "elementor")), /* @__PURE__ */ React16.createElement(import_ui15.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React16.createElement(
     PromotionCard,
     {
       key,
@@ -1562,246 +1538,123 @@ function Promotions({ report }) {
   ))));
 }
 
-// src/components/score-bar.tsx
-var React21 = __toESM(require("react"));
-var import_icons11 = require("@elementor/icons");
-var import_ui20 = require("@elementor/ui");
-function ScoreBar({ label, score, onClick }) {
-  const isRtl = "rtl" === (0, import_ui20.useTheme)().direction;
-  return /* @__PURE__ */ React21.createElement(
-    import_ui20.Box,
-    {
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onClick,
-      onKeyDown: onClick ? onKeyboardClick(onClick) : void 0,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        cursor: onClick ? "pointer" : "default",
-        outline: "none",
-        "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", borderRadius: 1 },
-        py: 0.5
-      }
-    },
-    /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "body2", sx: { minWidth: 96 } }, label),
-    /* @__PURE__ */ React21.createElement(
-      import_ui20.LinearProgress,
-      {
-        variant: "determinate",
-        value: score,
-        color: getScoreTier(score).color,
-        sx: { flex: 1, height: 6, borderRadius: 4, bgcolor: "action.disabledBackground" }
-      }
-    ),
-    /* @__PURE__ */ React21.createElement(
-      import_ui20.Typography,
-      {
-        variant: "body2",
-        color: "text.primary",
-        sx: { minWidth: 24, textAlign: "right", fontWeight: 900 }
-      },
-      score
-    ),
-    onClick && /* @__PURE__ */ React21.createElement(import_ui20.Rotate, { in: isRtl }, /* @__PURE__ */ React21.createElement(import_icons11.ChevronRightIcon, { fontSize: "small", color: "action" }))
-  );
+// src/components/severity-summary-cards.tsx
+var React17 = __toESM(require("react"));
+var import_ui16 = require("@elementor/ui");
+function SeveritySummaryCards({ report }) {
+  const counts = countSeverities(report);
+  return /* @__PURE__ */ React17.createElement(import_ui16.Box, { display: "flex", gap: 1.5 }, ALL_SEVERITIES.map((severity) => /* @__PURE__ */ React17.createElement(SeverityCard, { key: severity, severity, count: counts[severity] })));
 }
-
-// src/components/score-circle.tsx
-var React22 = __toESM(require("react"));
-var import_ui21 = require("@elementor/ui");
-var SCORE_CIRCLE_SIZE = 88;
-var SCORE_CIRCLE_THICKNESS = 3;
-function ScoreCircle({ color, score }) {
-  const progressColor = color ?? getScoreTier(score).color;
-  return /* @__PURE__ */ React22.createElement(
-    import_ui21.Box,
+function SeverityCard({ severity, count }) {
+  return /* @__PURE__ */ React17.createElement(
+    import_ui16.Box,
     {
-      role: "progressbar",
-      "aria-valuenow": score,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      sx: { position: "relative", display: "inline-flex" }
+      display: "flex",
+      flex: 1,
+      flexDirection: "column",
+      gap: 1,
+      bgcolor: "action.hover",
+      borderRadius: 1.5,
+      px: 1.5,
+      py: 1
     },
-    /* @__PURE__ */ React22.createElement(
-      import_ui21.CircularProgress,
-      {
-        variant: "determinate",
-        value: 100,
-        size: SCORE_CIRCLE_SIZE,
-        thickness: SCORE_CIRCLE_THICKNESS,
-        sx: { color: "action.disabledBackground" }
-      }
-    ),
-    /* @__PURE__ */ React22.createElement(
-      import_ui21.CircularProgress,
-      {
-        variant: "determinate",
-        value: score,
-        size: SCORE_CIRCLE_SIZE,
-        thickness: SCORE_CIRCLE_THICKNESS,
-        color: progressColor,
-        sx: { position: "absolute", left: 0 }
-      }
-    ),
-    /* @__PURE__ */ React22.createElement(
-      import_ui21.Box,
-      {
-        sx: {
-          position: "absolute",
-          inset: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }
-      },
-      /* @__PURE__ */ React22.createElement(
-        import_ui21.Typography,
-        {
-          variant: "h4",
-          component: "span",
-          color: "text.primary",
-          sx: { fontWeight: 700, lineHeight: 1 }
-        },
-        score
-      )
-    )
+    /* @__PURE__ */ React17.createElement(SeverityIcon, { severity }),
+    /* @__PURE__ */ React17.createElement(import_ui16.Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React17.createElement(import_ui16.Typography, { variant: "h5", fontWeight: 700, component: "span" }, count), /* @__PURE__ */ React17.createElement(import_ui16.Typography, { variant: "caption", color: "text.secondary" }, severityPluralLabel(severity)))
   );
 }
 
 // src/components/pages/overview-page.tsx
 function OverviewPage({ onCategoryClick, report }) {
   const populatedCategories = getPopulatedCategories(report.categories, ALL_CATEGORIES);
-  const overallScore = getScoreTier(report.overall);
-  return /* @__PURE__ */ React23.createElement(import_ui22.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React23.createElement(import_ui22.Box, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React23.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React23.createElement(import_ui22.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React23.createElement(
-    import_ui22.Chip,
-    {
-      label: overallScore.label,
-      color: overallScore.color,
-      variant: "standard",
-      size: "small",
-      sx: { fontWeight: 600, alignSelf: "flex-start" }
-    }
-  ), /* @__PURE__ */ React23.createElement(import_ui22.Typography, { variant: "body2", color: "text.secondary" }, (0, import_i18n21.__)("Overall score", "elementor")))), /* @__PURE__ */ React23.createElement(import_ui22.Box, { sx: { display: "flex", flexDirection: "column", gap: 2 } }, populatedCategories.map((category) => /* @__PURE__ */ React23.createElement(
-    ScoreBar,
+  const categoryRows = populatedCategories.map((category) => ({ category, counts: countSeverities(report, category) })).filter(({ counts }) => Object.values(counts).some((count) => count > 0));
+  return /* @__PURE__ */ React18.createElement(import_ui17.Box, { display: "flex", flexDirection: "column", gap: 3, p: 2 }, /* @__PURE__ */ React18.createElement(SeveritySummaryCards, { report }), /* @__PURE__ */ React18.createElement(import_ui17.Box, { display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ React18.createElement(import_ui17.Typography, { variant: "subtitle1", component: "h2" }, (0, import_i18n15.__)("All issues", "elementor")), /* @__PURE__ */ React18.createElement(import_ui17.Box, { display: "flex", flexDirection: "column", gap: 1 }, categoryRows.map(({ category, counts }) => /* @__PURE__ */ React18.createElement(
+    IssuesCategoryRow,
     {
       key: category,
+      category,
       label: CATEGORY_LABELS[category],
-      score: report.categories[category].score,
+      counts,
       onClick: () => onCategoryClick(category)
     }
-  ))), /* @__PURE__ */ React23.createElement(Promotions, { report }));
+  )))), /* @__PURE__ */ React18.createElement(Promotions, { report }));
 }
 
 // src/components/report-shell.tsx
-function activeTab(page) {
-  if (page === "overview") {
-    return "overview";
-  }
-  if (page === "issues") {
-    return "issues";
-  }
-  return page.backTo;
-}
-function isAllAuditsPage(page) {
-  return typeof page === "object" && "page" in page && page.page === "all-audits";
-}
 function isCategoryPage(page) {
   return typeof page === "object" && "category" in page;
 }
 function ReportShell({ report }) {
-  const [activePage, setActivePage] = (0, import_react6.useState)("overview");
-  const currentTab = activeTab(activePage);
-  const handleTabChange = (_, value) => {
-    setActivePage(value);
-  };
-  const openCategory = (category, backTo) => {
-    setActivePage({ category, backTo });
-  };
-  const openAllAudits = (expand, backTo = "issues") => {
-    setActivePage({ page: "all-audits", expand, backTo });
-  };
-  const backFromSubPage = () => {
-    if (isAllAuditsPage(activePage) || isCategoryPage(activePage)) {
-      setActivePage(activePage.backTo);
-    }
-  };
-  return /* @__PURE__ */ React24.createElement(import_ui23.Box, { sx: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 } }, /* @__PURE__ */ React24.createElement(import_ui23.Box, { sx: { flexShrink: 0 } }, /* @__PURE__ */ React24.createElement(
-    import_ui23.Tabs,
+  const [activePage, setActivePage] = (0, import_react5.useState)("overview");
+  const openCategory = (category) => setActivePage({ category });
+  const backToOverview = () => setActivePage("overview");
+  return /* @__PURE__ */ React19.createElement(import_ui18.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto" } }, activePage === "overview" && /* @__PURE__ */ React19.createElement(OverviewPage, { report, onCategoryClick: openCategory }), isCategoryPage(activePage) && /* @__PURE__ */ React19.createElement(CategoryPage, { category: activePage.category, report, onBack: backToOverview }));
+}
+
+// src/components/rescan-button.tsx
+var React20 = __toESM(require("react"));
+var import_editor_floating_panels3 = require("@elementor/editor-floating-panels");
+var import_icons13 = require("@elementor/icons");
+var import_ui19 = require("@elementor/ui");
+var import_i18n16 = require("@wordpress/i18n");
+function RescanButton({ hasScanned, isStale, disabled, onClick }) {
+  const panelZIndex = (0, import_editor_floating_panels3.useFloatingPanelZIndex)(AUDIT_PANEL_ID);
+  return /* @__PURE__ */ React20.createElement(
+    import_ui19.Tooltip,
     {
-      "aria-label": (0, import_i18n22.__)("Audit navigation", "elementor"),
-      value: currentTab,
-      onChange: handleTabChange,
-      textColor: "secondary",
-      indicatorColor: "secondary",
-      size: "small",
-      centered: true,
-      variant: "fullWidth"
+      title: (0, import_i18n16.__)("Page content changed - rescan advised", "elementor"),
+      disableHoverListener: !isStale,
+      PopperProps: { sx: { zIndex: panelZIndex } }
     },
-    /* @__PURE__ */ React24.createElement(import_ui23.Tab, { value: "overview", label: (0, import_i18n22.__)("Overview", "elementor") }),
-    /* @__PURE__ */ React24.createElement(import_ui23.Tab, { value: "issues", label: (0, import_i18n22.__)("Issues", "elementor") })
-  ), /* @__PURE__ */ React24.createElement(import_ui23.Divider, null)), /* @__PURE__ */ React24.createElement(import_ui23.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto" } }, activePage === "overview" && /* @__PURE__ */ React24.createElement(
-    OverviewPage,
-    {
-      report,
-      onCategoryClick: (category) => openCategory(category, "overview")
-    }
-  ), activePage === "issues" && /* @__PURE__ */ React24.createElement(
-    IssuesPage,
-    {
-      report,
-      onCategoryClick: (category) => openCategory(category, "issues"),
-      onAllAuditsClick: () => openAllAudits(),
-      onStatusClick: (status) => openAllAudits(status)
-    }
-  ), isAllAuditsPage(activePage) && /* @__PURE__ */ React24.createElement(
-    AllAuditsPage,
-    {
-      report,
-      initialExpandedStatus: activePage.expand,
-      onBack: backFromSubPage
-    }
-  ), isCategoryPage(activePage) && /* @__PURE__ */ React24.createElement(CategoryPage, { category: activePage.category, report, onBack: backFromSubPage })));
+    /* @__PURE__ */ React20.createElement(import_ui19.Badge, { variant: "dot", color: "warning", invisible: !isStale, overlap: "rectangular" }, /* @__PURE__ */ React20.createElement(
+      import_ui19.Button,
+      {
+        variant: "contained",
+        size: "small",
+        startIcon: hasScanned ? /* @__PURE__ */ React20.createElement(import_icons13.ReloadIcon, { fontSize: "small" }) : void 0,
+        onClick,
+        disabled
+      },
+      hasScanned ? (0, import_i18n16.__)("Rescan", "elementor") : (0, import_i18n16.__)("Run page audit", "elementor")
+    ))
+  );
 }
 
 // src/components/audit-panel.tsx
 function AuditPanel() {
-  const { status, report, error, run } = useAuditReport();
-  const currentDocumentId = (0, import_editor_elements5.getCurrentDocumentId)() ?? 0;
-  const onRun = () => run(currentDocumentId);
+  const { status, report, error, isStale, run } = useAuditReport();
+  const hostDocumentId = (0, import_editor_elements6.getHostDocumentId)() ?? 0;
+  const onRun = () => run(hostDocumentId);
   const lastScanLabel = report ? new Date(report.runAt).toLocaleTimeString() : null;
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
-    import_editor_floating_panels.FloatingPanelHeader,
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+    import_editor_floating_panels4.FloatingPanelHeader,
     {
-      panelId: "audit-panel",
-      title: (0, import_i18n23.__)("Page Audit", "elementor"),
-      badge: (0, import_i18n23.__)("Beta", "elementor"),
+      panelId: AUDIT_PANEL_ID,
+      title: (0, import_i18n17.__)("Page Audit", "elementor"),
+      badge: (0, import_i18n17.__)("Beta", "elementor"),
       titleVariant: "subtitle2"
     }
-  ), /* @__PURE__ */ React25.createElement(
-    import_editor_floating_panels.FloatingPanelBody,
+  ), /* @__PURE__ */ React21.createElement(
+    import_editor_floating_panels4.FloatingPanelBody,
     {
       sx: status === "ready" ? { display: "flex", flexDirection: "column", overflow: "hidden", minHeight: 0 } : void 0
     },
-    status === "idle" && /* @__PURE__ */ React25.createElement(WelcomePage, null),
-    status === "loading" && /* @__PURE__ */ React25.createElement(LoadingPage, null),
-    status === "error" && /* @__PURE__ */ React25.createElement(ErrorPage, { message: error ?? "", onRetry: onRun }),
-    status === "ready" && report && /* @__PURE__ */ React25.createElement(ReportShell, { report })
-  ), /* @__PURE__ */ React25.createElement(import_editor_floating_panels.FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React25.createElement(import_ui24.Typography, { variant: "caption", sx: { flex: 1 } }, (0, import_i18n23.__)("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React25.createElement(import_ui24.Box, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React25.createElement(AuditFeedback, null), /* @__PURE__ */ React25.createElement(
-    import_ui24.Button,
+    status === "idle" && /* @__PURE__ */ React21.createElement(WelcomePage, null),
+    status === "loading" && /* @__PURE__ */ React21.createElement(LoadingPage, null),
+    status === "error" && /* @__PURE__ */ React21.createElement(ErrorPage, { message: error ?? "", onRetry: onRun }),
+    status === "ready" && report && /* @__PURE__ */ React21.createElement(ReportShell, { report })
+  ), /* @__PURE__ */ React21.createElement(import_editor_floating_panels4.FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React21.createElement(import_ui20.Typography, { variant: "caption", sx: { flex: 1 } }, (0, import_i18n17.__)("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React21.createElement(import_ui20.Box, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React21.createElement(AuditFeedback, null), /* @__PURE__ */ React21.createElement(
+    RescanButton,
     {
-      variant: "contained",
-      size: "small",
-      onClick: onRun,
-      disabled: status === "loading" || currentDocumentId === 0
-    },
-    lastScanLabel ? (0, import_i18n23.__)("Re-scan", "elementor") : (0, import_i18n23.__)("Run page audit", "elementor")
+      hasScanned: Boolean(lastScanLabel),
+      isStale,
+      disabled: status === "loading" || hostDocumentId === 0,
+      onClick: onRun
+    }
   )));
 }
 
 // src/editor-panel.tsx
-var auditPanel = (0, import_editor_floating_panels2.createFloatingPanel)({
+var auditPanel = (0, import_editor_floating_panels5.createFloatingPanel)({
   id: AUDIT_PANEL_ID,
   title: "Audit",
   icon: () => null,
@@ -1821,8 +1674,8 @@ function useAuditToggleProps() {
   const { isOpen } = auditPanel.useFloatingPanelStatus();
   const { toggle } = auditPanel.useFloatingPanelActions();
   return {
-    title: (0, import_i18n24.__)("Audit Page", "elementor"),
-    icon: import_icons12.ShieldCheckIcon,
+    title: (0, import_i18n18.__)("Audit Page", "elementor"),
+    icon: AuditToggleIcon,
     selected: isOpen,
     onClick: () => toggle()
   };
@@ -1838,30 +1691,107 @@ function registerAppBarAuditsToggle() {
   });
 }
 
-// src/audits/accessibility-policy.ts
-var import_i18n25 = require("@wordpress/i18n");
-var audit = {
-  id: "audits/accessibility-policy",
-  title: (0, import_i18n25.__)("Accessibility policy", "elementor"),
-  description: (0, import_i18n25.__)(
-    "An accessibility policy demonstrates your commitment to digital inclusion and may be legally required in some regions.",
-    "elementor"
-  ),
-  fixHint: (0, import_i18n25.__)("Install the Ally plugin to add an accessibility policy to your website.", "elementor"),
-  categories: ["compliance"],
+// src/audits/accessibility-policy.ts
+var import_i18n19 = require("@wordpress/i18n");
+var audit = {
+  id: "audits/accessibility-policy",
+  title: (0, import_i18n19.__)("Accessibility policy", "elementor"),
+  description: (0, import_i18n19.__)(
+    "An accessibility policy demonstrates your commitment to digital inclusion and may be legally required in some regions.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n19.__)("Install the Ally plugin to add an accessibility policy to your website.", "elementor"),
+  categories: ["compliance"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    if (ctx.pageContext.ally_plugin_active) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit.id,
+          label: (0, import_i18n19.__)("Ally plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.ally_plugin_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/accessibility-statement.ts
+var import_i18n20 = require("@wordpress/i18n");
+var audit2 = {
+  id: "audits/accessibility-statement",
+  title: (0, import_i18n20.__)("Create an accessibility statement", "elementor"),
+  description: (0, import_i18n20.__)(
+    "An accessibility statement showcases your efforts to create an inclusive online space, highlighting helpful features and a commitment to accessibility.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n20.__)("Use Ally to create and publish an accessibility statement for your site.", "elementor"),
+  categories: ["accessibility"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    const isReady = ctx.pageContext.ally_plugin_active;
+    if (isReady && ctx.pageContext.ally_accessibility_statement_created) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit2.id,
+          label: (0, import_i18n20.__)("No accessibility statement has been created for this site.", "elementor"),
+          externalUrl: isReady ? ctx.pageContext.ally_accessibility_statement_url : ctx.pageContext.ally_plugin_url,
+          ctaLabel: (0, import_i18n20.__)("Create", "elementor"),
+          secondaryCtaLabel: (0, import_i18n20.__)("Learn more", "elementor"),
+          secondaryCtaUrl: "https://elementor.com/help/start-using-ally/#statement"
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/accessibility-widget.ts
+var import_i18n21 = require("@wordpress/i18n");
+
+// src/utils/scan-accessibility-widgets.ts
+var ACCESSIBILITY_WIDGET_SCRIPT_SOURCES = ["cdn.elementor.com/a11y/widget.js"];
+function hasAccessibilityWidgetScript(html) {
+  return ACCESSIBILITY_WIDGET_SCRIPT_SOURCES.some((src) => html.includes(src));
+}
+
+// src/audits/accessibility-widget.ts
+var audit3 = {
+  id: "audits/accessibility-widget",
+  title: (0, import_i18n21.__)("Add an accessibility widget", "elementor"),
+  description: (0, import_i18n21.__)("Make your site more inclusive by adding an accessibility widget.", "elementor"),
+  fixHint: (0, import_i18n21.__)("Activate Ally\u2019s accessibility widget to give visitors on-page accessibility tools.", "elementor"),
+  categories: ["accessibility"],
   severity: "info",
   weight: 1,
   evaluate: (ctx) => {
-    if (ctx.pageContext.ally_plugin_active) {
+    if (!ctx.pageContext.frontend_url) {
+      return { status: "skipped", reason: (0, import_i18n21.__)("Page is not published.", "elementor") };
+    }
+    if (!ctx.renderedHtml) {
+      return { status: "skipped", reason: (0, import_i18n21.__)("Could not fetch the published page.", "elementor") };
+    }
+    if (hasAccessibilityWidgetScript(ctx.renderedHtml)) {
       return { status: "pass" };
     }
+    const isReady = ctx.pageContext.ally_plugin_active;
     return {
       status: "fail",
       violations: [
         {
-          auditId: audit.id,
-          label: (0, import_i18n25.__)("Ally plugin is not installed or active.", "elementor"),
-          externalUrl: ctx.pageContext.ally_plugin_url
+          auditId: audit3.id,
+          label: (0, import_i18n21.__)("No accessibility widget is active on this site.", "elementor"),
+          externalUrl: isReady ? ctx.pageContext.ally_widget_settings_url : ctx.pageContext.ally_plugin_url,
+          ctaLabel: (0, import_i18n21.__)("Activate", "elementor")
         }
       ]
     };
@@ -1869,15 +1799,15 @@ var audit = {
 };
 
 // src/audits/cookie-policy.ts
-var import_i18n26 = require("@wordpress/i18n");
-var audit2 = {
+var import_i18n22 = require("@wordpress/i18n");
+var audit4 = {
   id: "audits/cookie-policy",
-  title: (0, import_i18n26.__)("Cookie policy", "elementor"),
-  description: (0, import_i18n26.__)(
+  title: (0, import_i18n22.__)("Cookie policy", "elementor"),
+  description: (0, import_i18n22.__)(
     "A cookie policy is required by privacy regulations such as GDPR (EU) or CCPA (US) to inform visitors about tracking and data collection.",
     "elementor"
   ),
-  fixHint: (0, import_i18n26.__)("Install the Cookiez plugin to add a cookie policy to your website.", "elementor"),
+  fixHint: (0, import_i18n22.__)("Install the Cookiez plugin to add a cookie policy to your website.", "elementor"),
   categories: ["compliance"],
   severity: "info",
   weight: 1,
@@ -1889,9 +1819,10 @@ var audit2 = {
       status: "fail",
       violations: [
         {
-          auditId: audit2.id,
-          label: (0, import_i18n26.__)("Cookiez plugin is not installed or active.", "elementor"),
-          externalUrl: ctx.pageContext.cookiez_plugin_url
+          auditId: audit4.id,
+          label: (0, import_i18n22.__)("Cookiez plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.cookiez_plugin_url,
+          ctaLabel: (0, import_i18n22.__)("Set up cookie consent", "elementor")
         }
       ]
     };
@@ -1899,8 +1830,8 @@ var audit2 = {
 };
 
 // src/audits/deep-nesting.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
-var import_i18n27 = require("@wordpress/i18n");
+var import_editor_elements7 = require("@elementor/editor-elements");
+var import_i18n23 = require("@wordpress/i18n");
 var MAX_NESTING_DEPTH = 6;
 function isNestingElement(node, widgetsCache) {
   if (node.elType === "container") {
@@ -1908,22 +1839,22 @@ function isNestingElement(node, widgetsCache) {
   }
   return !!widgetsCache?.[node.elType]?.meta?.is_container;
 }
-var audit3 = {
+var audit5 = {
   id: "audits/deep-nesting",
-  title: (0, import_i18n27.__)("Deep container nesting", "elementor"),
-  description: (0, import_i18n27.__)(
+  title: (0, import_i18n23.__)("Deep container nesting", "elementor"),
+  description: (0, import_i18n23.__)(
     "Container nesting exceeds the recommended depth. Deep DOM trees hurt rendering performance and readability.",
     "elementor"
   ),
-  fixHint: (0, import_i18n27.__)("Flatten the layout by removing unnecessary wrapper containers.", "elementor"),
+  fixHint: (0, import_i18n23.__)("Flatten the layout by removing unnecessary wrapper containers.", "elementor"),
   categories: ["performance", "best-practices"],
   severity: "warning",
   weight: 5,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n27.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n23.__)("No elements", "elementor") };
     }
-    const widgetsCache = (0, import_editor_elements6.getWidgetsCache)();
+    const widgetsCache = (0, import_editor_elements7.getWidgetsCache)();
     const violations = [];
     walkElements(ctx.elements.tree, (node, parents) => {
       if (!isNestingElement(node, widgetsCache)) {
@@ -1932,10 +1863,10 @@ var audit3 = {
       const depth = parents.filter((parent) => isNestingElement(parent, widgetsCache)).length + 1;
       if (depth > MAX_NESTING_DEPTH) {
         violations.push({
-          auditId: audit3.id,
+          auditId: audit5.id,
           elementId: node.id,
           targetHint: "element-settings",
-          label: (0, import_i18n27.__)("Container nesting is too deep.", "elementor")
+          label: (0, import_i18n23.__)("Container nesting is too deep.", "elementor")
         });
       }
     });
@@ -1944,15 +1875,15 @@ var audit3 = {
 };
 
 // src/audits/default-design-system.ts
-var import_i18n28 = require("@wordpress/i18n");
-var audit4 = {
+var import_i18n24 = require("@wordpress/i18n");
+var audit6 = {
   id: "audits/default-design-system",
-  title: (0, import_i18n28.__)("Default website kit", "elementor"),
-  description: (0, import_i18n28.__)(
+  title: (0, import_i18n24.__)("Default website kit", "elementor"),
+  description: (0, import_i18n24.__)(
     "Your website is using the default design system colors and fonts. Custom branding makes the website feel uniquely yours.",
     "elementor"
   ),
-  fixHint: (0, import_i18n28.__)("Open Site Settings and customize your kit (colors, fonts, layout).", "elementor"),
+  fixHint: (0, import_i18n24.__)("Open Site Settings and customize your kit (colors, fonts, layout).", "elementor"),
   categories: ["best-practices"],
   severity: "info",
   weight: 1,
@@ -1964,8 +1895,8 @@ var audit4 = {
       status: "fail",
       violations: [
         {
-          auditId: audit4.id,
-          label: (0, import_i18n28.__)("Kit appears unchanged from default.", "elementor"),
+          auditId: audit6.id,
+          label: (0, import_i18n24.__)("Kit appears unchanged from default.", "elementor"),
           targetHint: "site-settings"
         }
       ]
@@ -1974,22 +1905,22 @@ var audit4 = {
 };
 
 // src/audits/deprecated-widgets.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
-var import_i18n29 = require("@wordpress/i18n");
+var import_editor_elements8 = require("@elementor/editor-elements");
+var import_i18n25 = require("@wordpress/i18n");
 var DEPRECATION_CONTROL_NAME = "deprecation_message";
-var audit5 = {
+var audit7 = {
   id: "audits/deprecated-widgets",
-  title: (0, import_i18n29.__)("Deprecated widgets", "elementor"),
-  description: (0, import_i18n29.__)(
+  title: (0, import_i18n25.__)("Deprecated widgets", "elementor"),
+  description: (0, import_i18n25.__)(
     "Deprecated widgets should not be used. For better capabilities use the recommended replacement.",
     "elementor"
   ),
-  fixHint: (0, import_i18n29.__)("Replace each deprecated widget with the recommended new widget shown in its panel.", "elementor"),
+  fixHint: (0, import_i18n25.__)("Replace each deprecated widget with the recommended new widget shown in its panel.", "elementor"),
   categories: ["best-practices", "performance"],
   severity: "warning",
   weight: 7,
   evaluate: (ctx) => {
-    const widgetsCache = (0, import_editor_elements7.getWidgetsCache)();
+    const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
     if (!widgetsCache) {
       return { status: "skipped", reason: "widgets-cache-unavailable" };
     }
@@ -2008,10 +1939,10 @@ var audit5 = {
         return;
       }
       violations.push({
-        auditId: audit5.id,
+        auditId: audit7.id,
         elementId: node.id,
         targetHint: "element-settings",
-        label: (0, import_i18n29.__)("Using deprecated widget.", "elementor")
+        label: (0, import_i18n25.__)("Using deprecated widget.", "elementor")
       });
     });
     return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
@@ -2019,28 +1950,7 @@ var audit5 = {
 };
 
 // src/audits/google-consent-mode.ts
-var import_i18n30 = require("@wordpress/i18n");
-
-// src/utils/fetch-rendered-html.ts
-var FETCH_TIMEOUT_MS = 1e4;
-async function fetchRenderedHtml(url) {
-  if (!url) {
-    return null;
-  }
-  const timeoutController = new AbortController();
-  const timeoutId = setTimeout(() => timeoutController.abort(), FETCH_TIMEOUT_MS);
-  try {
-    const response = await fetch(url, { credentials: "omit", signal: timeoutController.signal });
-    if (!response.ok) {
-      return null;
-    }
-    return await response.text();
-  } catch {
-    return null;
-  } finally {
-    clearTimeout(timeoutId);
-  }
-}
+var import_i18n26 = require("@wordpress/i18n");
 
 // src/utils/scan-consent-signals.ts
 var GOOGLE_TRACKING_PATTERNS = [
@@ -2061,44 +1971,43 @@ function hasConsentDefaultCall(html) {
 }
 
 // src/audits/google-consent-mode.ts
-var audit6 = {
+var audit8 = {
   id: "audits/google-consent-mode",
-  title: (0, import_i18n30.__)("Google Consent Mode", "elementor"),
-  description: (0, import_i18n30.__)(
+  title: (0, import_i18n26.__)("Google Consent Mode", "elementor"),
+  description: (0, import_i18n26.__)(
     "Google Analytics, Ads, or Tag Manager are running on this site and may not receive a consent signal, which risks losing conversion/analytics data and compliance exposure.",
     "elementor"
   ),
-  fixHint: (0, import_i18n30.__)(
+  fixHint: (0, import_i18n26.__)(
     "Turn on Google Consent Mode in your cookie consent plugin so Google tags respect visitor consent choices.",
     "elementor"
   ),
   categories: ["compliance"],
   severity: "warning",
   weight: 1,
-  evaluate: async (ctx) => {
+  evaluate: (ctx) => {
     if (!ctx.pageContext.frontend_url) {
-      return { status: "skipped", reason: (0, import_i18n30.__)("Page is not published.", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n26.__)("Page is not published.", "elementor") };
     }
-    const html = await fetchRenderedHtml(ctx.pageContext.frontend_url);
-    if (!html) {
-      return { status: "skipped", reason: (0, import_i18n30.__)("Could not fetch the published page.", "elementor") };
+    if (!ctx.renderedHtml) {
+      return { status: "skipped", reason: (0, import_i18n26.__)("Could not fetch the published page.", "elementor") };
     }
-    if (!hasGoogleTracking(html)) {
-      return { status: "skipped", reason: (0, import_i18n30.__)("No Google tracking product detected.", "elementor") };
+    if (!hasGoogleTracking(ctx.renderedHtml)) {
+      return { status: "skipped", reason: (0, import_i18n26.__)("No Google tracking product detected.", "elementor") };
     }
-    if (hasConsentDefaultCall(html)) {
+    if (hasConsentDefaultCall(ctx.renderedHtml)) {
       return { status: "pass" };
     }
-    const label = (0, import_i18n30.__)("No Google Consent Mode signal was found on the page.", "elementor");
+    const label = (0, import_i18n26.__)("No Google Consent Mode signal was found on the page.", "elementor");
     const isCookiezReady = ctx.pageContext.cookiez_plugin_installed && ctx.pageContext.cookiez_plugin_active;
     if (isCookiezReady) {
       return {
         status: "fail",
         violations: [
           {
-            auditId: audit6.id,
+            auditId: audit8.id,
             label,
-            ctaLabel: (0, import_i18n30.__)("Enable", "elementor"),
+            ctaLabel: (0, import_i18n26.__)("Enable", "elementor"),
             externalUrl: ctx.pageContext.cookiez_consent_mode_settings_url
           }
         ]
@@ -2108,7 +2017,7 @@ var audit6 = {
       status: "fail",
       violations: [
         {
-          auditId: audit6.id,
+          auditId: audit8.id,
           label,
           externalUrl: ctx.pageContext.cookiez_plugin_action_url
         }
@@ -2118,7 +2027,7 @@ var audit6 = {
 };
 
 // src/audits/heading-structure.ts
-var import_i18n31 = require("@wordpress/i18n");
+var import_i18n27 = require("@wordpress/i18n");
 var HEADING_LEVELS = ["h1", "h2", "h3", "h4", "h5", "h6"];
 var HEADING_CONTROLS_REGISTRY = {
   // Core
@@ -2294,47 +2203,47 @@ function extractPageHeadings(tree) {
   });
   return headings;
 }
-var audit7 = {
+var audit9 = {
   id: "audits/heading-structure",
-  title: (0, import_i18n31.__)("Heading structure", "elementor"),
-  description: (0, import_i18n31.__)("Pages should have exactly one H1 and a non-skipping heading order.", "elementor"),
-  fixHint: (0, import_i18n31.__)("Ensure your page has one H1 and that heading levels do not skip (no H2 \u2192 H4).", "elementor"),
+  title: (0, import_i18n27.__)("Heading structure", "elementor"),
+  description: (0, import_i18n27.__)("Pages should have exactly one H1 and a non-skipping heading order.", "elementor"),
+  fixHint: (0, import_i18n27.__)("Ensure your page has one H1 and that heading levels do not skip (no H2 \u2192 H4).", "elementor"),
   categories: ["seo", "accessibility"],
   severity: "error",
   weight: 10,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n31.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n27.__)("No elements", "elementor") };
     }
     const headings = extractPageHeadings(ctx.elements.tree);
     const violations = [];
     if (headings.length === 0) {
       violations.push({
-        auditId: audit7.id,
-        label: (0, import_i18n31.__)("No headings found on the page.", "elementor")
+        auditId: audit9.id,
+        label: (0, import_i18n27.__)("No headings found on the page.", "elementor")
       });
     } else {
       const h1Count = headings.filter((h) => h.level === 1).length;
       if (h1Count === 0) {
-        violations.push({ auditId: audit7.id, label: (0, import_i18n31.__)("No H1 on the page.", "elementor") });
+        violations.push({ auditId: audit9.id, label: (0, import_i18n27.__)("No H1 on the page.", "elementor") });
       }
       if (h1Count > 1) {
         headings.filter((h) => h.level === 1).slice(1).forEach(
           (h) => violations.push({
-            auditId: audit7.id,
+            auditId: audit9.id,
             elementId: h.elementId,
             targetHint: "element-settings",
-            label: (0, import_i18n31.__)("More than one H1 on the page.", "elementor")
+            label: (0, import_i18n27.__)("More than one H1 on the page.", "elementor")
           })
         );
       }
       for (let i = 1; i < headings.length; i++) {
         if (headings[i].level - headings[i - 1].level > 1) {
           violations.push({
-            auditId: audit7.id,
+            auditId: audit9.id,
             elementId: headings[i].elementId,
             targetHint: "element-settings",
-            label: (0, import_i18n31.__)("Heading level skipped.", "elementor")
+            label: (0, import_i18n27.__)("Heading level skipped.", "elementor")
           });
         }
       }
@@ -2344,33 +2253,33 @@ var audit7 = {
 };
 
 // src/audits/hidden-elements.ts
-var import_i18n32 = require("@wordpress/i18n");
+var import_i18n28 = require("@wordpress/i18n");
 function isHiddenOnAllDevices(settings) {
   return Boolean(settings.hide_desktop) && Boolean(settings.hide_tablet) && Boolean(settings.hide_mobile);
 }
-var audit8 = {
+var audit10 = {
   id: "audits/hidden-elements",
-  title: (0, import_i18n32.__)("Hidden elements", "elementor"),
-  description: (0, import_i18n32.__)(
+  title: (0, import_i18n28.__)("Hidden elements", "elementor"),
+  description: (0, import_i18n28.__)(
     "Elements hidden on all devices simultaneously are effectively dead code in the page tree.",
     "elementor"
   ),
-  fixHint: (0, import_i18n32.__)("Remove the element or make it visible on at least one device breakpoint.", "elementor"),
+  fixHint: (0, import_i18n28.__)("Remove the element or make it visible on at least one device breakpoint.", "elementor"),
   categories: ["best-practices", "performance"],
   severity: "info",
   weight: 3,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n32.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n28.__)("No elements", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node) => {
       if (isHiddenOnAllDevices(node.settings)) {
         violations.push({
-          auditId: audit8.id,
+          auditId: audit10.id,
           elementId: node.id,
           targetHint: "element-settings",
-          label: (0, import_i18n32.__)("Element is hidden on all devices.", "elementor")
+          label: (0, import_i18n28.__)("Element is hidden on all devices.", "elementor")
         });
       }
     });
@@ -2379,7 +2288,22 @@ var audit8 = {
 };
 
 // src/audits/images-alt-text.ts
-var import_i18n33 = require("@wordpress/i18n");
+var import_i18n29 = require("@wordpress/i18n");
+
+// src/utils/alt-text-image-sources.ts
+function walkAltTextImageSources(tree, visit) {
+  walkImageLikeSources(tree, visit);
+  walkAtomicImageSources(tree, visit, ATOMIC_CONTENT_IMAGE_PROP_KEYS);
+}
+function hasAltTextImages(tree) {
+  let found = false;
+  walkAltTextImageSources(tree, ({ media }) => {
+    if (media.id || media.url) {
+      found = true;
+    }
+  });
+  return found;
+}
 
 // src/utils/image-alt.ts
 function hasMeaningfulAlt(media, pageContext) {
@@ -2387,7 +2311,8 @@ function hasMeaningfulAlt(media, pageContext) {
     return true;
   }
   if (media.id) {
-    const alt = pageContext.image_sizes[media.id]?.alt ?? "";
+    const key = buildImageSizeKey({ id: media.id, size: media.size });
+    const alt = pageContext.image_sizes[key]?.alt ?? "";
     return alt.trim().length > 0;
   }
   return (media.alt ?? "").trim().length > 0;
@@ -2397,22 +2322,23 @@ function isImageSourcePresent(media) {
 }
 
 // src/audits/images-alt-text.ts
-var audit9 = {
+var audit11 = {
   id: "audits/images-alt-text",
-  title: (0, import_i18n33.__)("Images alt text", "elementor"),
-  description: (0, import_i18n33.__)("Every image needs a meaningful alt attribute for screen readers and image-search.", "elementor"),
-  fixHint: (0, import_i18n33.__)("Open the image's settings and add an Alt Text describing the image.", "elementor"),
+  title: (0, import_i18n29.__)("Images alt text", "elementor"),
+  description: (0, import_i18n29.__)("Every image needs a meaningful alt attribute for screen readers and image-search.", "elementor"),
+  fixHint: (0, import_i18n29.__)("Open the image's settings and add an Alt Text describing the image.", "elementor"),
   categories: ["seo", "accessibility"],
   severity: "error",
   weight: 10,
   evaluate: (ctx) => {
-    if (!hasPageImages(ctx.elements.tree)) {
-      return { status: "skipped", reason: (0, import_i18n33.__)("No images", "elementor") };
+    if (!hasAltTextImages(ctx.elements.tree)) {
+      return { status: "skipped", reason: (0, import_i18n29.__)("No images", "elementor") };
     }
+    const isReady = ctx.pageContext.ally_plugin_active;
     const violations = [];
     const failedWidgetIds = /* @__PURE__ */ new Set();
     let missingAltImageCount = 0;
-    walkImageLikeSources(ctx.elements.tree, ({ node, media }) => {
+    walkAltTextImageSources(ctx.elements.tree, ({ node, media }) => {
       if (!isImageSourcePresent(media) || hasMeaningfulAlt(media, ctx.pageContext)) {
         return;
       }
@@ -2420,11 +2346,12 @@ var audit9 = {
       if (!failedWidgetIds.has(node.id)) {
         failedWidgetIds.add(node.id);
         violations.push({
-          auditId: audit9.id,
+          auditId: audit11.id,
           elementId: node.id,
           targetHint: "element-settings",
-          label: (0, import_i18n33.__)("Image is missing alt text.", "elementor"),
-          externalUrl: ctx.pageContext.ally_plugin_url
+          label: (0, import_i18n29.__)("Image is missing alt text.", "elementor"),
+          externalUrl: isReady ? ctx.pageContext.ally_scan_url : ctx.pageContext.ally_plugin_url,
+          ctaLabel: (0, import_i18n29.__)("Fix with Ally", "elementor")
         });
       }
     });
@@ -2432,30 +2359,79 @@ var audit9 = {
   }
 };
 
+// src/audits/images-inefficient-format.ts
+var import_i18n30 = require("@wordpress/i18n");
+var LEGACY_RASTER_MIME_TYPES = /* @__PURE__ */ new Set(["image/jpeg", "image/png", "image/gif", "image/bmp", "image/tiff"]);
+var audit12 = {
+  id: "audits/images-inefficient-format",
+  title: (0, import_i18n30.__)("Inefficient image format", "elementor"),
+  description: (0, import_i18n30.__)("Image isn't served in a modern, efficient format like WebP or AVIF.", "elementor"),
+  fixHint: (0, import_i18n30.__)("Convert the image to a modern format like WebP or AVIF, or enable image optimization.", "elementor"),
+  categories: ["performance"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    const isReady = ctx.pageContext.image_optimization_plugin_active;
+    const offendingElementIds = /* @__PURE__ */ new Set();
+    let hasAnyImage = false;
+    let inefficientImageFormatCount = 0;
+    const evaluateSource = (node, media) => {
+      if (media.id || media.url) {
+        hasAnyImage = true;
+      }
+      const id = media.id;
+      if (!id) {
+        return;
+      }
+      const mime = ctx.pageContext.image_sizes[buildImageSizeKey({ id, size: media.size })]?.mime;
+      if (!mime || !LEGACY_RASTER_MIME_TYPES.has(mime)) {
+        return;
+      }
+      inefficientImageFormatCount++;
+      offendingElementIds.add(node.id);
+    };
+    walkAllImageSources(ctx.elements.tree, ({ node, media }) => evaluateSource(node, media));
+    if (!hasAnyImage) {
+      return { status: "skipped", reason: (0, import_i18n30.__)("No images", "elementor") };
+    }
+    const violations = Array.from(offendingElementIds).map((elementId) => ({
+      auditId: audit12.id,
+      elementId,
+      targetHint: "element-settings",
+      label: (0, import_i18n30.__)("Image isn't served in a modern format like WebP or AVIF.", "elementor"),
+      externalUrl: isReady ? ctx.pageContext.image_optimization_settings_url : ctx.pageContext.image_optimization_plugin_url,
+      ctaLabel: (0, import_i18n30.__)("Optimize all", "elementor")
+    }));
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { inefficientImageFormatCount } };
+  }
+};
+
 // src/audits/images-too-large.ts
-var import_i18n34 = require("@wordpress/i18n");
+var import_i18n31 = require("@wordpress/i18n");
 var SIZE_THRESHOLD_BYTES = 500 * 1024;
 var BYTES_PER_KB = 1024;
-var audit10 = {
+var audit13 = {
   id: "audits/images-too-large",
-  title: (0, import_i18n34.__)("Oversized images", "elementor"),
-  description: (0, import_i18n34.__)("Large image files slow down the page.", "elementor"),
-  fixHint: (0, import_i18n34.__)("Replace the image with a smaller version or enable image optimization.", "elementor"),
+  title: (0, import_i18n31.__)("Oversized images", "elementor"),
+  description: (0, import_i18n31.__)("Large image files slow down the page.", "elementor"),
+  fixHint: (0, import_i18n31.__)("Replace the image with a smaller version or enable image optimization.", "elementor"),
   categories: ["performance"],
   severity: "warning",
   weight: 7,
   evaluate: (ctx) => {
-    if (!hasPageImages(ctx.elements.tree)) {
-      return { status: "skipped", reason: (0, import_i18n34.__)("No images", "elementor") };
-    }
+    const isReady = ctx.pageContext.image_optimization_plugin_active;
     const widgetMaxKb = /* @__PURE__ */ new Map();
     let oversizedImageCount = 0;
-    walkImageLikeSources(ctx.elements.tree, ({ node, media }) => {
+    let hasAnyImage = false;
+    const evaluateSource = (node, media) => {
+      if (media.id || media.url) {
+        hasAnyImage = true;
+      }
       const id = media.id;
       if (!id) {
         return;
       }
-      const size = ctx.pageContext.image_sizes[id];
+      const size = ctx.pageContext.image_sizes[buildImageSizeKey({ id, size: media.size })];
       if (!size || size.filesize_bytes <= SIZE_THRESHOLD_BYTES) {
         return;
       }
@@ -2463,38 +2439,43 @@ var audit10 = {
       const kb = Math.round(size.filesize_bytes / BYTES_PER_KB);
       const currentMax = widgetMaxKb.get(node.id) ?? 0;
       widgetMaxKb.set(node.id, Math.max(currentMax, kb));
-    });
+    };
+    walkAllImageSources(ctx.elements.tree, ({ node, media }) => evaluateSource(node, media));
+    if (!hasAnyImage) {
+      return { status: "skipped", reason: (0, import_i18n31.__)("No images", "elementor") };
+    }
     const violations = Array.from(widgetMaxKb.entries()).map(([elementId, kb]) => ({
-      auditId: audit10.id,
+      auditId: audit13.id,
       elementId,
       targetHint: "element-settings",
-      label: (0, import_i18n34.sprintf)(
+      label: (0, import_i18n31.sprintf)(
         /* translators: %d is the image file size in kilobytes. */
-        (0, import_i18n34.__)("Image is %d KB (over 500 KB).", "elementor"),
+        (0, import_i18n31.__)("Image is %d KB (over 500 KB).", "elementor"),
         kb
       ),
-      externalUrl: ctx.pageContext.image_optimization_plugin_url
+      externalUrl: isReady ? ctx.pageContext.image_optimization_settings_url : ctx.pageContext.image_optimization_plugin_url,
+      ctaLabel: (0, import_i18n31.__)("Optimize all", "elementor")
     }));
     return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { oversizedImageCount } };
   }
 };
 
 // src/audits/nested-boxed-containers.ts
-var import_i18n35 = require("@wordpress/i18n");
+var import_i18n32 = require("@wordpress/i18n");
 function isBoxed(settings) {
   return settings.content_width === "boxed";
 }
-var audit11 = {
+var audit14 = {
   id: "audits/nested-boxed-containers",
-  title: (0, import_i18n35.__)("Boxed container nested inside a boxed parent", "elementor"),
-  description: (0, import_i18n35.__)("An inner container does not need to be boxed when its parent already is.", "elementor"),
-  fixHint: (0, import_i18n35.__)("Change the inner container's content width to Full Width.", "elementor"),
+  title: (0, import_i18n32.__)("Boxed container nested inside a boxed parent", "elementor"),
+  description: (0, import_i18n32.__)("An inner container does not need to be boxed when its parent already is.", "elementor"),
+  fixHint: (0, import_i18n32.__)("Change the inner container's content width to Full Width.", "elementor"),
   categories: ["best-practices", "performance"],
   severity: "info",
   weight: 5,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n35.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n32.__)("No elements", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node, parents) => {
@@ -2504,10 +2485,15 @@ var audit11 = {
       const nearestContainerAncestor = [...parents].reverse().find((p) => p.elType === "container");
       if (nearestContainerAncestor && isBoxed(nearestContainerAncestor.settings)) {
         violations.push({
-          auditId: audit11.id,
+          auditId: audit14.id,
           elementId: node.id,
           targetHint: "element-settings",
-          label: (0, import_i18n35.__)("Nested boxed container.", "elementor")
+          label: (0, import_i18n32.__)("Nested boxed container.", "elementor"),
+          angieFix: true,
+          angiePrompt: (0, import_i18n32.__)(
+            "Find containers that have nested containers. Containers can be deep-nested. Update the nested container styling so that when a parent container already uses a boxed setting, any inner container inside it is set to Full Width. Keep the first parent container boxed, remove all boxed styling from the nested inner containers, and preserve the inner container\u2019s content, spacing, alignment, and hierarchy.",
+            "elementor"
+          )
         });
       }
     });
@@ -2516,12 +2502,12 @@ var audit11 = {
 };
 
 // src/audits/page-excerpt.ts
-var import_i18n36 = require("@wordpress/i18n");
-var audit12 = {
+var import_i18n33 = require("@wordpress/i18n");
+var audit15 = {
   id: "audits/page-excerpt",
-  title: (0, import_i18n36.__)("Page excerpt", "elementor"),
-  description: (0, import_i18n36.__)("A descriptive excerpt helps search engines and previews summarize the page.", "elementor"),
-  fixHint: (0, import_i18n36.__)("Open Page Settings and write a short excerpt.", "elementor"),
+  title: (0, import_i18n33.__)("Page excerpt", "elementor"),
+  description: (0, import_i18n33.__)("A descriptive excerpt helps search engines and previews summarize the page.", "elementor"),
+  fixHint: (0, import_i18n33.__)("Open Page Settings and write a short excerpt.", "elementor"),
   categories: ["seo"],
   severity: "warning",
   weight: 5,
@@ -2533,8 +2519,8 @@ var audit12 = {
       status: "fail",
       violations: [
         {
-          auditId: audit12.id,
-          label: (0, import_i18n36.__)("Page has no excerpt.", "elementor"),
+          auditId: audit15.id,
+          label: (0, import_i18n33.__)("Page has no excerpt.", "elementor"),
           targetHint: "page-settings",
           angieFix: true
         }
@@ -2544,12 +2530,12 @@ var audit12 = {
 };
 
 // src/audits/page-featured-image.ts
-var import_i18n37 = require("@wordpress/i18n");
-var audit13 = {
+var import_i18n34 = require("@wordpress/i18n");
+var audit16 = {
   id: "audits/page-featured-image",
-  title: (0, import_i18n37.__)("Page featured image", "elementor"),
-  description: (0, import_i18n37.__)("Featured images are used by social shares and many themes for hero visuals.", "elementor"),
-  fixHint: (0, import_i18n37.__)("Open Page Settings and set a featured image.", "elementor"),
+  title: (0, import_i18n34.__)("Page featured image", "elementor"),
+  description: (0, import_i18n34.__)("Featured images are used by social shares and many themes for hero visuals.", "elementor"),
+  fixHint: (0, import_i18n34.__)("Open Page Settings and set a featured image.", "elementor"),
   categories: ["seo"],
   severity: "info",
   weight: 5,
@@ -2561,8 +2547,8 @@ var audit13 = {
       status: "fail",
       violations: [
         {
-          auditId: audit13.id,
-          label: (0, import_i18n37.__)("No featured image set.", "elementor"),
+          auditId: audit16.id,
+          label: (0, import_i18n34.__)("No featured image set.", "elementor"),
           targetHint: "page-settings"
         }
       ]
@@ -2571,13 +2557,13 @@ var audit13 = {
 };
 
 // src/audits/page-title.ts
-var import_i18n38 = require("@wordpress/i18n");
+var import_i18n35 = require("@wordpress/i18n");
 var MAX_TITLE_LENGTH = 60;
-var audit14 = {
+var audit17 = {
   id: "audits/page-title",
-  title: (0, import_i18n38.__)("Page title", "elementor"),
-  description: (0, import_i18n38.__)("Pages need a clear title for SEO and screen-reader navigation.", "elementor"),
-  fixHint: (0, import_i18n38.__)("Open Page Settings and add a title.", "elementor"),
+  title: (0, import_i18n35.__)("Page title", "elementor"),
+  description: (0, import_i18n35.__)("Pages need a clear title for SEO and screen-reader navigation.", "elementor"),
+  fixHint: (0, import_i18n35.__)("Open Page Settings and add a title.", "elementor"),
   categories: ["seo"],
   severity: "error",
   weight: 10,
@@ -2588,11 +2574,11 @@ var audit14 = {
         status: "fail",
         violations: [
           {
-            auditId: audit14.id,
-            label: (0, import_i18n38.__)("Page has no title.", "elementor"),
+            auditId: audit17.id,
+            label: (0, import_i18n35.__)("Page has no title.", "elementor"),
             targetHint: "page-settings",
             angieFix: true,
-            angiePrompt: (0, import_i18n38.__)(
+            angiePrompt: (0, import_i18n35.__)(
               "Based on this page's contents, generate a title for this page.",
               "elementor"
             )
@@ -2605,8 +2591,8 @@ var audit14 = {
         status: "fail",
         violations: [
           {
-            auditId: audit14.id,
-            label: (0, import_i18n38.__)("Page title is too long.", "elementor"),
+            auditId: audit17.id,
+            label: (0, import_i18n35.__)("Page title is too long.", "elementor"),
             targetHint: "page-settings",
             angieFix: true
           }
@@ -2618,7 +2604,7 @@ var audit14 = {
 };
 
 // src/audits/prefer-global-colors.ts
-var import_i18n39 = require("@wordpress/i18n");
+var import_i18n36 = require("@wordpress/i18n");
 
 // src/utils/collect-hardcoded-colors.ts
 var RESERVED_SETTING_KEYS = /* @__PURE__ */ new Set(["__globals__", "__dynamic__"]);
@@ -2684,20 +2670,20 @@ function findMatchingGlobalByValue(value, globals) {
 }
 
 // src/audits/prefer-global-colors.ts
-var audit15 = {
+var audit18 = {
   id: "audits/prefer-global-colors",
-  title: (0, import_i18n39.__)("Prefer global colors", "elementor"),
-  description: (0, import_i18n39.__)("Global colors make the design consistent and easy to update site-wide.", "elementor"),
-  fixHint: (0, import_i18n39.__)("Replace the hard-coded value with the matching global color.", "elementor"),
+  title: (0, import_i18n36.__)("Prefer global colors", "elementor"),
+  description: (0, import_i18n36.__)("Global colors make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: (0, import_i18n36.__)("Replace the hard-coded value with the matching global color.", "elementor"),
   categories: ["best-practices"],
   severity: "info",
   weight: 3,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n39.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n36.__)("No elements", "elementor") };
     }
     if (ctx.kit.globals.colors.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n39.__)("No global colors", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n36.__)("No global colors", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node) => {
@@ -2707,13 +2693,13 @@ var audit15 = {
           continue;
         }
         violations.push({
-          auditId: audit15.id,
+          auditId: audit18.id,
           elementId: node.id,
           targetHint: "element-settings",
           angieFix: true,
-          label: (0, import_i18n39.sprintf)(
+          label: (0, import_i18n36.sprintf)(
             /* translators: 1: hard-coded color value, 2: global color title. */
-            (0, import_i18n39.__)('replace "%1$s" with "%2$s" global color', "elementor"),
+            (0, import_i18n36.__)('replace "%1$s" with "%2$s" global color', "elementor"),
             value,
             global.title
           )
@@ -2725,7 +2711,7 @@ var audit15 = {
 };
 
 // src/audits/prefer-global-fonts.ts
-var import_i18n40 = require("@wordpress/i18n");
+var import_i18n37 = require("@wordpress/i18n");
 
 // src/utils/collect-hardcoded-fonts.ts
 var RESERVED_SETTING_KEYS2 = /* @__PURE__ */ new Set(["__globals__", "__dynamic__"]);
@@ -2783,20 +2769,20 @@ function collectHardcodedFonts(settings, pathPrefix = "") {
 }
 
 // src/audits/prefer-global-fonts.ts
-var audit16 = {
+var audit19 = {
   id: "audits/prefer-global-fonts",
-  title: (0, import_i18n40.__)("Prefer global fonts", "elementor"),
-  description: (0, import_i18n40.__)("Global fonts make the design consistent and easy to update site-wide.", "elementor"),
-  fixHint: (0, import_i18n40.__)("Replace the hard-coded value with the matching global font.", "elementor"),
+  title: (0, import_i18n37.__)("Prefer global fonts", "elementor"),
+  description: (0, import_i18n37.__)("Global fonts make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: (0, import_i18n37.__)("Replace the hard-coded value with the matching global font.", "elementor"),
   categories: ["best-practices", "performance"],
   severity: "info",
   weight: 3,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n40.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n37.__)("No elements", "elementor") };
     }
     if (ctx.kit.globals.fonts.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n40.__)("No global fonts", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n37.__)("No global fonts", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node) => {
@@ -2806,12 +2792,12 @@ var audit16 = {
           continue;
         }
         violations.push({
-          auditId: audit16.id,
+          auditId: audit19.id,
           elementId: node.id,
           targetHint: "element-settings",
-          label: (0, import_i18n40.sprintf)(
+          label: (0, import_i18n37.sprintf)(
             /* translators: %s: global font title. */
-            (0, import_i18n40.__)('replace hardcoded typography with "%s" global font', "elementor"),
+            (0, import_i18n37.__)('replace hardcoded typography with "%s" global font', "elementor"),
             global.title
           )
         });
@@ -2822,15 +2808,15 @@ var audit16 = {
 };
 
 // src/audits/privacy-policy.ts
-var import_i18n41 = require("@wordpress/i18n");
-var audit17 = {
+var import_i18n38 = require("@wordpress/i18n");
+var audit20 = {
   id: "audits/privacy-policy",
-  title: (0, import_i18n41.__)("Privacy policy", "elementor"),
-  description: (0, import_i18n41.__)(
+  title: (0, import_i18n38.__)("Privacy policy", "elementor"),
+  description: (0, import_i18n38.__)(
     "A privacy policy page is required by privacy regulations such as GDPR (EU) and CCPA (US).",
     "elementor"
   ),
-  fixHint: (0, import_i18n41.__)(
+  fixHint: (0, import_i18n38.__)(
     "Go to Settings > Privacy in the WordPress admin and assign a published privacy policy page.",
     "elementor"
   ),
@@ -2845,10 +2831,10 @@ var audit17 = {
       status: "fail",
       violations: [
         {
-          auditId: audit17.id,
-          label: (0, import_i18n41.__)("No privacy policy page is set.", "elementor"),
+          auditId: audit20.id,
+          label: (0, import_i18n38.__)("No privacy policy page is set.", "elementor"),
           externalUrl: ctx.pageContext.privacy_settings_url,
-          ctaLabel: (0, import_i18n41.__)("Create", "elementor")
+          ctaLabel: (0, import_i18n38.__)("Create", "elementor")
         }
       ]
     };
@@ -2856,15 +2842,15 @@ var audit17 = {
 };
 
 // src/audits/robots-noindex.ts
-var import_i18n42 = require("@wordpress/i18n");
-var audit18 = {
+var import_i18n39 = require("@wordpress/i18n");
+var audit21 = {
   id: "audits/robots-noindex",
-  title: (0, import_i18n42.__)("Search engine visibility", "elementor"),
-  description: (0, import_i18n42.__)(
+  title: (0, import_i18n39.__)("Search engine visibility", "elementor"),
+  description: (0, import_i18n39.__)(
     "When search engine visibility is checked in WordPress Settings -> Reading -> Search Engine Visibility, search engines are discouraged from indexing the website.",
     "elementor"
   ),
-  fixHint: (0, import_i18n42.__)(
+  fixHint: (0, import_i18n39.__)(
     'Go to Settings \u2192 Reading in the WordPress admin and uncheck "Discourage search engines from indexing this site" when the website should be indexed.',
     "elementor"
   ),
@@ -2879,8 +2865,8 @@ var audit18 = {
       status: "fail",
       violations: [
         {
-          auditId: audit18.id,
-          label: (0, import_i18n42.__)("Search engines are discouraged from indexing this website.", "elementor"),
+          auditId: audit21.id,
+          label: (0, import_i18n39.__)("Search engines are discouraged from indexing this website.", "elementor"),
           externalUrl: ctx.pageContext.reading_settings_url
         }
       ]
@@ -2889,15 +2875,15 @@ var audit18 = {
 };
 
 // src/audits/scan-for-cookies.ts
-var import_i18n43 = require("@wordpress/i18n");
-var audit19 = {
+var import_i18n40 = require("@wordpress/i18n");
+var audit22 = {
   id: "audits/scan-for-cookies",
-  title: (0, import_i18n43.__)("Scan for cookies", "elementor"),
-  description: (0, import_i18n43.__)(
+  title: (0, import_i18n40.__)("Scan for cookies", "elementor"),
+  description: (0, import_i18n40.__)(
     "Your site may be setting cookies you haven't disclosed. Some countries require a banner even without a full consent policy. Scan to see what needs disclosure.",
     "elementor"
   ),
-  fixHint: (0, import_i18n43.__)("Run a Cookiez scan on this page to see which cookies need disclosure.", "elementor"),
+  fixHint: (0, import_i18n40.__)("Run a Cookiez scan on this page to see which cookies need disclosure.", "elementor"),
   categories: ["compliance"],
   severity: "info",
   weight: 0,
@@ -2907,8 +2893,8 @@ var audit19 = {
       status: "fail",
       violations: [
         {
-          auditId: audit19.id,
-          label: (0, import_i18n43.__)("This page has not been scanned for cookies yet.", "elementor"),
+          auditId: audit22.id,
+          label: (0, import_i18n40.__)("This page has not been scanned for cookies yet.", "elementor"),
           externalUrl: isReady ? ctx.pageContext.cookiez_scan_url : ctx.pageContext.cookiez_plugin_action_url
         }
       ]
@@ -2917,29 +2903,29 @@ var audit19 = {
 };
 
 // src/audits/sections-and-columns.ts
-var import_i18n44 = require("@wordpress/i18n");
-var audit20 = {
+var import_i18n41 = require("@wordpress/i18n");
+var audit23 = {
   id: "audits/sections-and-columns",
-  title: (0, import_i18n44.__)("Sections and columns", "elementor"),
-  description: (0, import_i18n44.__)(
+  title: (0, import_i18n41.__)("Sections and columns", "elementor"),
+  description: (0, import_i18n41.__)(
     "Sections and columns are legacy elements. Containers render fewer DOM nodes and are more flexible.",
     "elementor"
   ),
-  fixHint: (0, import_i18n44.__)("Use the Container Converter to replace each section/column with a container.", "elementor"),
+  fixHint: (0, import_i18n41.__)("Use the Container Converter to replace each section/column with a container.", "elementor"),
   categories: ["best-practices", "performance"],
   severity: "warning",
   weight: 7,
   evaluate: (ctx) => {
     if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n44.__)("No elements", "elementor") };
+      return { status: "skipped", reason: (0, import_i18n41.__)("No elements", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node) => {
       if (node.elType === "section" || node.elType === "column") {
         violations.push({
-          auditId: audit20.id,
+          auditId: audit23.id,
           elementId: node.id,
-          label: node.elType === "section" ? (0, import_i18n44.__)("Section element", "elementor") : (0, import_i18n44.__)("Column element", "elementor")
+          label: node.elType === "section" ? (0, import_i18n41.__)("Section element", "elementor") : (0, import_i18n41.__)("Column element", "elementor")
         });
       }
     });
@@ -2948,15 +2934,15 @@ var audit20 = {
 };
 
 // src/audits/site-identity.ts
-var import_i18n45 = require("@wordpress/i18n");
-var audit21 = {
+var import_i18n42 = require("@wordpress/i18n");
+var audit24 = {
   id: "audits/site-identity",
-  title: (0, import_i18n45.__)("Site identity", "elementor"),
-  description: (0, import_i18n45.__)(
+  title: (0, import_i18n42.__)("Site identity", "elementor"),
+  description: (0, import_i18n42.__)(
     "Site name, description, logo, and favicon establish your brand and appear in search results and browser tabs.",
     "elementor"
   ),
-  fixHint: (0, import_i18n45.__)("Open Site Settings \u2192 Site Identity and complete all the missing fields.", "elementor"),
+  fixHint: (0, import_i18n42.__)("Open Site Settings \u2192 Site Identity and complete all the missing fields.", "elementor"),
   categories: ["best-practices", "seo"],
   severity: "info",
   weight: 7,
@@ -2965,30 +2951,30 @@ var audit21 = {
     const violations = [];
     if (!identity.site_name_set) {
       violations.push({
-        auditId: audit21.id,
-        label: (0, import_i18n45.__)("Site name is missing or still uses the default.", "elementor"),
+        auditId: audit24.id,
+        label: (0, import_i18n42.__)("Site name is missing or still uses the default.", "elementor"),
         targetHint: "site-identity-settings"
       });
     }
     if (!identity.site_description_set) {
       violations.push({
-        auditId: audit21.id,
-        label: (0, import_i18n45.__)("Site description is missing or still uses the default.", "elementor"),
+        auditId: audit24.id,
+        label: (0, import_i18n42.__)("Site description is missing or still uses the default.", "elementor"),
         targetHint: "site-identity-settings",
         angieFix: true
       });
     }
     if (!identity.site_logo_set) {
       violations.push({
-        auditId: audit21.id,
-        label: (0, import_i18n45.__)("Site logo is not set.", "elementor"),
+        auditId: audit24.id,
+        label: (0, import_i18n42.__)("Site logo is not set.", "elementor"),
         targetHint: "site-identity-settings"
       });
     }
     if (!identity.site_favicon_set) {
       violations.push({
-        auditId: audit21.id,
-        label: (0, import_i18n45.__)("Site favicon is not set.", "elementor"),
+        auditId: audit24.id,
+        label: (0, import_i18n42.__)("Site favicon is not set.", "elementor"),
         targetHint: "site-identity-settings"
       });
     }
@@ -3002,87 +2988,58 @@ var audit21 = {
   }
 };
 
-// src/audits/too-many-widgets.ts
-var import_editor_elements8 = require("@elementor/editor-elements");
-var import_i18n46 = require("@wordpress/i18n");
-var WIDGET_COUNT_THRESHOLD = 100;
-function isCountableWidget(node, widgetsCache) {
-  if (node.elType === "widget") {
-    return true;
-  }
-  return !!widgetsCache?.[node.elType]?.meta?.is_compound;
-}
-var audit22 = {
-  id: "audits/too-many-widgets",
-  title: (0, import_i18n46.__)("Too many widgets", "elementor"),
-  description: (0, import_i18n46.__)("Excessive DOM size caused by too many widgets degrades rendering performance.", "elementor"),
-  fixHint: (0, import_i18n46.__)("Reduce the number of widgets on the page by removing or combining elements.", "elementor"),
-  categories: ["best-practices", "performance"],
-  severity: "warning",
-  weight: 5,
-  evaluate: (ctx) => {
-    if (ctx.elements.tree.length === 0) {
-      return { status: "skipped", reason: (0, import_i18n46.__)("No elements", "elementor") };
-    }
-    const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
-    let widgetCount = 0;
-    walkElements(ctx.elements.tree, (node) => {
-      if (isCountableWidget(node, widgetsCache)) {
-        widgetCount++;
-      }
-    });
-    if (widgetCount <= WIDGET_COUNT_THRESHOLD) {
-      return { status: "pass" };
-    }
-    return {
-      status: "fail",
-      violations: [
-        {
-          auditId: audit22.id,
-          label: (0, import_i18n46.__)("Page has too many widgets.", "elementor")
-        }
-      ]
-    };
-  }
-};
-
 // src/register-audits.ts
 var AUDITS = [
-  audit14,
-  audit12,
-  audit13,
-  audit8,
-  audit5,
-  audit22,
-  audit20,
-  audit3,
-  audit11,
-  audit4,
-  audit21,
+  audit17,
   audit15,
   audit16,
-  audit7,
-  audit9,
   audit10,
+  audit7,
+  audit23,
+  audit5,
+  audit14,
+  audit6,
+  audit24,
   audit18,
-  audit17,
+  audit19,
+  audit9,
+  audit11,
+  audit13,
+  audit12,
+  audit21,
+  audit20,
   audit,
   audit2,
-  audit19,
-  audit6
+  audit3,
+  audit4,
+  audit22,
+  audit8
 ];
 function registerAllAudits() {
-  for (const audit23 of AUDITS) {
-    registerAudit(audit23);
+  for (const audit25 of AUDITS) {
+    registerAudit(audit25);
   }
 }
 
+// src/sync-report-staleness.ts
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_store6 = require("@elementor/store");
+function syncReportStaleness() {
+  (0, import_editor_v1_adapters3.__privateListenTo)((0, import_editor_v1_adapters3.commandEndEvent)("document/save/set-is-modified"), (e) => {
+    const event = e;
+    if (event.args?.status) {
+      (0, import_store6.__dispatch)(slice.actions.reportStale());
+    }
+  });
+}
+
 // src/init.ts
 function init() {
-  (0, import_store4.__registerSlice)(slice);
+  (0, import_store7.__registerSlice)(slice);
   registerAllAudits();
-  (0, import_editor_floating_panels3.registerFloatingPanel)(auditPanel.panel);
+  (0, import_editor_floating_panels6.registerFloatingPanel)(auditPanel.panel);
   registerAppBarAuditsToggle();
+  syncReportStaleness();
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {