@elementor/editor-audits 4.3.3 → 4.3.5

package/dist/index.mjs

@@ -6,26 +6,131 @@ import { __registerSlice as registerSlice } from "@elementor/store";
 import { utilitiesMenu } from "@elementor/editor-app-bar";
 
 // src/hooks/use-audit-toggle-props.ts
-import { ShieldCheckIcon as ShieldCheckIcon3 } from "@elementor/icons";
-import { __ as __24 } from "@wordpress/i18n";
+import { __ as __18 } from "@wordpress/i18n";
+
+// src/components/audit-toggle-icon.tsx
+import * as React from "react";
+import { ShieldCheckIcon } from "@elementor/icons";
+import { __useSelector as useSelector } from "@elementor/store";
+import { Badge } from "@elementor/ui";
+
+// src/store/slice.ts
+import { __createSlice } from "@elementor/store";
+var initialState = { status: "idle", report: null, error: null, isStale: false };
+var slice = __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 = useSelector((state) => selectIsStale(state));
+  return /* @__PURE__ */ React.createElement(
+    Badge,
+    {
+      variant: "dot",
+      color: "warning",
+      invisible: !isStale,
+      overlap: "circular",
+      slotProps: { badge: { "data-testid": "audit-stale-indicator" } }
+    },
+    /* @__PURE__ */ React.createElement(ShieldCheckIcon, null)
+  );
+}
 
 // src/editor-panel.tsx
 import { createFloatingPanel } from "@elementor/editor-floating-panels";
 
 // src/components/audit-panel.tsx
-import * as React25 from "react";
-import { getCurrentDocumentId as getCurrentDocumentId2 } from "@elementor/editor-elements";
+import * as React21 from "react";
+import { getHostDocumentId as getHostDocumentId3 } from "@elementor/editor-elements";
 import { FloatingPanelBody, FloatingPanelFooter, FloatingPanelHeader } from "@elementor/editor-floating-panels";
-import { Box as Box21, Button as Button5, Typography as Typography16 } from "@elementor/ui";
-import { __ as __23 } from "@wordpress/i18n";
+import { Box as Box15, Typography as Typography12 } from "@elementor/ui";
+import { __ as __17 } from "@wordpress/i18n";
+
+// src/constants.ts
+import { __ } from "@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": __("Best Practices", "elementor"),
+  seo: __("SEO", "elementor"),
+  accessibility: __("Accessibility", "elementor"),
+  performance: __("Performance", "elementor"),
+  compliance: __("Site compliance", "elementor")
+};
 
 // src/hooks/use-audit-report.ts
 import { useEffect } from "react";
-import { getCurrentDocumentId } from "@elementor/editor-elements";
-import { __useDispatch as useDispatch, __useSelector as useSelector } from "@elementor/store";
+import { getHostDocumentId as getHostDocumentId2 } from "@elementor/editor-elements";
+import { __useDispatch as useDispatch, __useSelector as useSelector2 } from "@elementor/store";
 
 // src/runner.ts
-import { getElements } from "@elementor/editor-elements";
+import { getHostDocumentElements, getHostDocumentId } from "@elementor/editor-elements";
 
 // src/api/page-context-client.ts
 import { httpService } from "@elementor/http-client";
@@ -77,17 +182,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 httpService().get(url, {
       params: {
         document_id: documentId,
-        attachment_ids: attachmentIds
+        image_size_requests: imageSizeRequests
       },
       headers: { "X-WP-Nonce": nonce }
     });
@@ -97,52 +202,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
-import { __ } from "@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": __("Best Practices", "elementor"),
-  seo: __("SEO", "elementor"),
-  accessibility: __("Accessibility", "elementor"),
-  performance: __("Performance", "elementor"),
-  compliance: __("Site compliance", "elementor")
-};
-
-// src/utils/audit-status-summary.ts
-import { __ as __2 } from "@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
@@ -194,52 +269,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 __2("Failed audits", "elementor");
-    case "pass":
-      return __2("Passed audits", "elementor");
-    case "skipped":
-      return __2("Skipped audits", "elementor");
-  }
-}
 function getPopulatedCategories(categoryTotals, categories) {
   return categories.filter((category) => categoryTotals[category].total > 0);
 }
@@ -249,16 +278,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++;
       }
@@ -282,6 +311,44 @@ 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
+import { getElementStyles } from "@elementor/editor-elements";
+import {
+  backgroundImageOverlayPropTypeUtil,
+  backgroundOverlayPropTypeUtil,
+  backgroundPropTypeUtil
+} from "@elementor/editor-props";
+
+// src/utils/atomic-image-sources.ts
+import {
+  imageAttachmentIdPropType,
+  imagePropTypeUtil,
+  imageSrcPropTypeUtil,
+  stringPropTypeUtil,
+  urlPropTypeUtil
+} from "@elementor/editor-props";
+
 // src/utils/walk.ts
 function walkElements(tree, visit) {
   const parents = [];
@@ -296,17 +363,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 = imagePropTypeUtil.extract(imageProp);
+  if (!image) {
+    return null;
+  }
+  const src = imageSrcPropTypeUtil.extract(image.src);
+  if (!src) {
+    return null;
+  }
+  const id = imageAttachmentIdPropType.extract(src.id) ?? void 0;
+  const url = urlPropTypeUtil.extract(src.url) ?? void 0;
+  if (!id && !url) {
+    return null;
+  }
+  const alt = stringPropTypeUtil.extract(src.alt) ?? void 0;
+  const size = 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 = 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 = backgroundPropTypeUtil.extract(variant.props.background);
+      const overlays = backgroundOverlayPropTypeUtil.extract(background?.["background-overlay"]) ?? [];
+      for (const overlay of overlays) {
+        const imageOverlay = 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") {
@@ -324,28 +467,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
@@ -439,18 +596,24 @@ function toSnapshot(element) {
 
 // src/runner.ts
 async function runPageAudit(documentId) {
-  const tree = buildSnapshotTree(getElements());
-  const attachmentIds = extractAttachmentIds(tree);
-  const pageContext = await fetchPageContext(documentId, attachmentIds);
+  if (documentId !== getHostDocumentId()) {
+    throw new Error("runPageAudit: documentId must match the host document.");
+  }
+  const tree = buildSnapshotTree(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";
@@ -461,52 +624,6 @@ async function runPageAudit(documentId) {
   return computeReport(documentId, auditResults);
 }
 
-// src/store/slice.ts
-import { __createSlice } from "@elementor/store";
-var initialState = { status: "idle", report: null, error: null };
-var slice = __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
 import { getSessionStorageItem, setSessionStorageItem } from "@elementor/session";
 function getStorageKey(documentId) {
@@ -521,42 +638,44 @@ function persistReport(documentId, report) {
 
 // src/hooks/use-audit-report.ts
 function useAuditReport() {
-  const status = useSelector((state) => selectStatus(state));
-  const report = useSelector((state) => selectReport(state));
-  const error = useSelector((state) => selectError(state));
-  const dispatch = useDispatch();
-  const documentId = getCurrentDocumentId() ?? 0;
+  const status = useSelector2((state) => selectStatus(state));
+  const report = useSelector2((state) => selectReport(state));
+  const error = useSelector2((state) => selectError(state));
+  const isStale = useSelector2((state) => selectIsStale(state));
+  const dispatch2 = useDispatch();
+  const documentId = getHostDocumentId2() ?? 0;
   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
-import * as React from "react";
+import * as React2 from "react";
 import { useState } from "react";
+import { useFloatingPanelZIndex } from "@elementor/editor-floating-panels";
 import { notify } from "@elementor/editor-notifications";
 import { isExperimentActive } from "@elementor/editor-v1-adapters";
 import { useMixpanel } from "@elementor/events";
@@ -575,9 +694,9 @@ import {
   Tooltip,
   Typography
 } from "@elementor/ui";
-import { __ as __3 } from "@wordpress/i18n";
+import { __ as __2 } from "@wordpress/i18n";
 var FEEDBACK_SUBJECT = "Page Audit Tool";
-var FEEDBACK_SUBJECT_LABEL = __3("Page Audit Tool", "elementor");
+var FEEDBACK_SUBJECT_LABEL = __2("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";
@@ -586,18 +705,19 @@ var isUserConnected = () => Boolean(window.elementorCommon?.config?.library_conn
 var notifySuccess = () => notify({
   id: SUCCESS_NOTIFICATION_ID,
   type: "success",
-  message: __3("Feedback sent. Thanks for helping us out.", "elementor")
+  message: __2("Feedback sent. Thanks for helping us out.", "elementor")
 });
 var notifyError = () => notify({
   id: ERROR_NOTIFICATION_ID,
   type: "error",
-  message: __3("Something went wrong. Please try sending your feedback again.", "elementor")
+  message: __2("Something went wrong. Please try sending your feedback again.", "elementor")
 });
 function AuditFeedback() {
   const [isOpen, setIsOpen] = useState(false);
   const [feedbackText, setFeedbackText] = useState("");
   const [isSubmitting, setIsSubmitting] = useState(false);
   const { dispatchEvent: trackEvent = (...args) => void args } = useMixpanel();
+  const panelZIndex = useFloatingPanelZIndex(AUDIT_PANEL_ID);
   if (!isExperimentActive(FEEDBACK_EXPERIMENT_NAME)) {
     return null;
   }
@@ -606,7 +726,7 @@ function AuditFeedback() {
   if (!connected && !connectUrl) {
     return null;
   }
-  const triggerLabel = __3("Give feedback", "elementor");
+  const triggerLabel = __2("Give feedback", "elementor");
   const handleOpen = () => {
     if (!connected) {
       window.open(connectUrl, "_blank", "noopener");
@@ -639,7 +759,7 @@ 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(Tooltip, { title: triggerLabel, placement: "top" }, /* @__PURE__ */ React.createElement(IconButton, { size: "small", "aria-label": triggerLabel, onClick: handleOpen }, /* @__PURE__ */ React.createElement(MessageLinesIcon, { fontSize: "small" }))), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Tooltip, { title: triggerLabel, placement: "top", PopperProps: { sx: { zIndex: panelZIndex } } }, /* @__PURE__ */ React2.createElement(IconButton, { size: "small", "aria-label": triggerLabel, onClick: handleOpen }, /* @__PURE__ */ React2.createElement(MessageLinesIcon, { fontSize: "small" }))), /* @__PURE__ */ React2.createElement(
     Dialog,
     {
       open: isOpen,
@@ -648,11 +768,11 @@ function AuditFeedback() {
       "aria-describedby": DIALOG_DESCRIPTION_ID,
       PaperProps: { sx: { borderRadius: 1 } }
     },
-    /* @__PURE__ */ React.createElement(DialogHeader, { logo: false, onClose: handleClose }, /* @__PURE__ */ React.createElement(DialogTitle, { id: DIALOG_TITLE_ID }, __3("Let us know what you think", "elementor"))),
-    /* @__PURE__ */ React.createElement(DialogContent, { dividers: true }, /* @__PURE__ */ React.createElement(Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React.createElement(TextField, { value: FEEDBACK_SUBJECT_LABEL, disabled: true, fullWidth: true, size: "small" }), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React2.createElement(DialogHeader, { logo: false, onClose: handleClose }, /* @__PURE__ */ React2.createElement(DialogTitle, { id: DIALOG_TITLE_ID }, __2("Let us know what you think", "elementor"))),
+    /* @__PURE__ */ React2.createElement(DialogContent, { dividers: true }, /* @__PURE__ */ React2.createElement(Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React2.createElement(TextField, { value: FEEDBACK_SUBJECT_LABEL, disabled: true, fullWidth: true, size: "small" }), /* @__PURE__ */ React2.createElement(
       TextField,
       {
-        placeholder: __3(
+        placeholder: __2(
           "Tell us what you had in mind, what we can improve or fix to make this feature better.",
           "elementor"
         ),
@@ -663,11 +783,11 @@ function AuditFeedback() {
         onChange: (event) => setFeedbackText(event.target.value),
         value: feedbackText
       }
-    ), /* @__PURE__ */ React.createElement(Typography, { id: DIALOG_DESCRIPTION_ID, variant: "caption", color: "text.secondary" }, __3(
+    ), /* @__PURE__ */ React2.createElement(Typography, { id: DIALOG_DESCRIPTION_ID, variant: "caption", color: "text.secondary" }, __2(
       "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(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { variant: "text", color: "secondary", onClick: handleCancel }, __3("Cancel", "elementor")), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React2.createElement(DialogActions, null, /* @__PURE__ */ React2.createElement(Button, { variant: "text", color: "secondary", onClick: handleCancel }, __2("Cancel", "elementor")), /* @__PURE__ */ React2.createElement(
       Button,
       {
         variant: "contained",
@@ -675,35 +795,35 @@ function AuditFeedback() {
         disabled: isSubmitting || feedbackText.trim().length === 0,
         onClick: handleSubmit
       },
-      __3("Send", "elementor")
+      __2("Send", "elementor")
     ))
   ));
 }
 
 // src/components/pages/error-page.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import { Box, Button as Button2, Typography as Typography2 } from "@elementor/ui";
-import { __ as __4 } from "@wordpress/i18n";
+import { __ as __3 } from "@wordpress/i18n";
 function ErrorPage({ message, onRetry }) {
-  return /* @__PURE__ */ React2.createElement(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "error", textAlign: "center" }, message), /* @__PURE__ */ React2.createElement(Button2, { variant: "contained", size: "small", onClick: onRetry }, __4("Try again", "elementor")));
+  return /* @__PURE__ */ React3.createElement(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React3.createElement(Typography2, { variant: "body2", color: "error", textAlign: "center" }, message), /* @__PURE__ */ React3.createElement(Button2, { variant: "contained", size: "small", onClick: onRetry }, __3("Try again", "elementor")));
 }
 
 // src/components/pages/loading-page.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { Box as Box2, CircularProgress, Typography as Typography3 } from "@elementor/ui";
-import { __ as __5 } from "@wordpress/i18n";
+import { __ as __4 } from "@wordpress/i18n";
 function LoadingPage() {
-  return /* @__PURE__ */ React3.createElement(Box2, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React3.createElement(CircularProgress, { size: 32 }), /* @__PURE__ */ React3.createElement(Typography3, { variant: "body2" }, __5("Audit in progress.", "elementor")));
+  return /* @__PURE__ */ React4.createElement(Box2, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React4.createElement(CircularProgress, { size: 32 }), /* @__PURE__ */ React4.createElement(Typography3, { variant: "body2" }, __4("Audit in progress.", "elementor")));
 }
 
 // src/components/pages/welcome-page.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { Box as Box3, Typography as Typography4 } from "@elementor/ui";
-import { __ as __6 } from "@wordpress/i18n";
+import { __ as __5 } from "@wordpress/i18n";
 var INFORMATION_IMAGE_PATH = "images/information.svg";
 function WelcomePage() {
   const assetsUrl = window.elementorCommon?.config?.urls?.assets ?? "";
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Box3,
     {
       sx: {
@@ -715,17 +835,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: __6("Elementor", "elementor")
+        alt: __5("Elementor", "elementor")
       }
     ),
-    /* @__PURE__ */ React4.createElement(Typography4, { variant: "subtitle1", component: "h3", sx: { marginBlockStart: 2 } }, __6("Audit your page!", "elementor")),
-    /* @__PURE__ */ React4.createElement(Typography4, { variant: "caption", textAlign: "center" }, __6(
+    /* @__PURE__ */ React5.createElement(Typography4, { variant: "subtitle1", component: "h3", sx: { marginBlockStart: 2 } }, __5("Audit your page!", "elementor")),
+    /* @__PURE__ */ React5.createElement(Typography4, { variant: "caption", textAlign: "center" }, __5(
       'Check SEO, accessibility, performance, and best practices. Click "Run page audit" to begin.',
       "elementor"
     ))
@@ -733,40 +853,59 @@ function WelcomePage() {
 }
 
 // src/components/report-shell.tsx
-import * as React24 from "react";
-import { useState as useState5 } from "react";
-import { Box as Box20, Divider as Divider3, Tab, Tabs } from "@elementor/ui";
-import { __ as __22 } from "@wordpress/i18n";
+import * as React19 from "react";
+import { useState as useState4 } from "react";
+import { Box as Box14 } from "@elementor/ui";
 
-// src/components/pages/all-audits-page.tsx
-import * as React12 from "react";
+// src/components/pages/category-page.tsx
+import * as React13 from "react";
 import { Box as Box8 } from "@elementor/ui";
-import { __ as __12 } from "@wordpress/i18n";
+import { __ as __11 } from "@wordpress/i18n";
 
-// src/components/status-section.tsx
-import * as React5 from "react";
+// src/hooks/use-single-expanded-card.ts
 import { useState as useState2 } from "react";
+function useSingleExpandedCard(initialId = null) {
+  const [expandedId, setExpandedId] = useState2(initialId);
+  const toggle = (id) => {
+    setExpandedId((current) => current === id ? null : id);
+  };
+  return { expandedId, toggle };
+}
+
+// src/components/category-icons.ts
+import { BoltIcon, ElementorAccessibilityIcon, FileSearchIcon, Settings2Icon, ShieldCheckIcon as ShieldCheckIcon2 } from "@elementor/icons";
+var CATEGORY_ICONS = {
+  "best-practices": Settings2Icon,
+  seo: FileSearchIcon,
+  accessibility: ElementorAccessibilityIcon,
+  performance: BoltIcon,
+  compliance: ShieldCheckIcon2
+};
+
+// src/components/status-section.tsx
+import * as React6 from "react";
+import { useState as useState3 } from "react";
 import { ChevronDownIcon } from "@elementor/icons";
 import { Box as Box4, Chip, Collapse, IconButton as IconButton2 } from "@elementor/ui";
-import { __ as __7 } from "@wordpress/i18n";
+import { __ as __6 } from "@wordpress/i18n";
 function StatusSection({ label, count, color = "default", defaultExpanded = false, children }) {
-  const [expanded, setExpanded] = useState2(defaultExpanded);
-  if (React5.Children.count(children) === 0) {
+  const [expanded, setExpanded] = useState3(defaultExpanded);
+  if (React6.Children.count(children) === 0) {
     return null;
   }
-  return /* @__PURE__ */ React5.createElement(Box4, { sx: { paddingBlock: 1 } }, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(Box4, { sx: { paddingBlock: 1 } }, /* @__PURE__ */ React6.createElement(
     Box4,
     {
       sx: { display: "flex", alignItems: "center", gap: 0.5, cursor: "pointer" },
       onClick: () => setExpanded((v) => !v)
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(
       IconButton2,
       {
         size: "small",
-        "aria-label": expanded ? __7("Collapse", "elementor") : __7("Expand", "elementor")
+        "aria-label": expanded ? __6("Collapse", "elementor") : __6("Expand", "elementor")
       },
-      /* @__PURE__ */ React5.createElement(
+      /* @__PURE__ */ React6.createElement(
         ChevronDownIcon,
         {
           fontSize: "small",
@@ -777,27 +916,27 @@ function StatusSection({ label, count, color = "default", defaultExpanded = fals
         }
       )
     ),
-    /* @__PURE__ */ React5.createElement(Chip, { label: `${label} (${count})`, size: "small", color, variant: "standard" })
-  ), /* @__PURE__ */ React5.createElement(Collapse, { in: expanded }, /* @__PURE__ */ React5.createElement(Box4, { sx: { paddingInlineStart: 4.25, paddingBlock: 2 } }, children)));
+    /* @__PURE__ */ React6.createElement(Chip, { label: `${label} (${count})`, size: "small", color, variant: "standard" })
+  ), /* @__PURE__ */ React6.createElement(Collapse, { in: expanded }, /* @__PURE__ */ React6.createElement(Box4, { sx: { paddingInlineStart: 4.25, paddingBlock: 2 } }, children)));
 }
 
 // src/components/subpage-header.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { ArrowLeftIcon } from "@elementor/icons";
 import { Box as Box5, IconButton as IconButton3, Rotate, Typography as Typography5, useTheme } from "@elementor/ui";
-import { __ as __8 } from "@wordpress/i18n";
+import { __ as __7 } from "@wordpress/i18n";
 function SubpageHeader({ title, onBack, backLabel, icon }) {
   const isRtl = "rtl" === useTheme().direction;
-  return /* @__PURE__ */ React6.createElement(Box5, { sx: { display: "flex", alignItems: "center", gap: 0.5, p: 1 } }, /* @__PURE__ */ React6.createElement(IconButton3, { size: "small", onClick: onBack, "aria-label": backLabel ?? __8("Back", "elementor") }, /* @__PURE__ */ React6.createElement(Rotate, { in: isRtl }, /* @__PURE__ */ React6.createElement(ArrowLeftIcon, { fontSize: "small" }))), icon, /* @__PURE__ */ React6.createElement(Typography5, { variant: "subtitle2", fontWeight: "bold" }, title));
+  return /* @__PURE__ */ React7.createElement(Box5, { sx: { display: "flex", alignItems: "center", gap: 0.5, p: 1 } }, /* @__PURE__ */ React7.createElement(IconButton3, { size: "small", onClick: onBack, "aria-label": backLabel ?? __7("Back", "elementor") }, /* @__PURE__ */ React7.createElement(Rotate, { in: isRtl }, /* @__PURE__ */ React7.createElement(ArrowLeftIcon, { fontSize: "small" }))), icon, /* @__PURE__ */ React7.createElement(Typography5, { variant: "subtitle2", fontWeight: "bold" }, title));
 }
 
 // src/components/violation-row.tsx
-import * as React11 from "react";
-import { useState as useState3 } from "react";
+import * as React12 from "react";
 import { getElementIcon, getElementTitle } from "@elementor/editor-elements";
-import { AlertCircleIcon as AlertCircleIcon2, BulbIcon as BulbIcon2, CheckIcon, ChevronDownIcon as ChevronDownIcon2, EyeIcon, HelpIcon } from "@elementor/icons";
-import { Alert, AlertTitle, Box as Box7, Collapse as Collapse2, IconButton as IconButton5, Tooltip as Tooltip3, Typography as Typography6 } from "@elementor/ui";
-import { __ as __11 } from "@wordpress/i18n";
+import { useFloatingPanelZIndex as useFloatingPanelZIndex2 } from "@elementor/editor-floating-panels";
+import { CheckIcon, ChevronDownIcon as ChevronDownIcon2, HelpIcon, InfoCircleIcon } from "@elementor/icons";
+import { Alert, Box as Box7, Collapse as Collapse2, IconButton as IconButton5, Tooltip as Tooltip3, Typography as Typography6 } from "@elementor/ui";
+import { __ as __10 } from "@wordpress/i18n";
 
 // src/hooks/focus-violation.ts
 import { getContainer, selectElement } from "@elementor/editor-elements";
@@ -838,11 +977,11 @@ function focusViolation(violation) {
 }
 
 // src/utils/build-angie-prompt.ts
-import { __ as __9, sprintf } from "@wordpress/i18n";
+import { __ as __8, sprintf } from "@wordpress/i18n";
 function buildAngiePrompt(violationText) {
   return sprintf(
     /* translators: %s: audit violation description. */
-    __9("Help me fix: %s", "elementor"),
+    __8("Help me fix: %s", "elementor"),
     violationText
   );
 }
@@ -858,13 +997,13 @@ function onKeyboardClick(callback) {
 }
 
 // src/components/fix-violation-with-angie.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { isAngieAvailable, sendPromptToAngie } from "@elementor/editor-mcp";
 import { AngieIcon } from "@elementor/icons";
-import { IconButton as IconButton4, Tooltip as Tooltip2 } from "@elementor/ui";
-import { __ as __10 } from "@wordpress/i18n";
-function FixViolationWithAngie({ prompt }) {
-  const label = __10("Fix with Angie", "elementor");
+import { Button as Button3, IconButton as IconButton4, Tooltip as Tooltip2 } from "@elementor/ui";
+import { __ as __9 } from "@wordpress/i18n";
+function FixViolationWithAngie({ prompt, panelZIndex, variant = "icon" }) {
+  const label = __9("Fix with Angie", "elementor");
   const href = `#angie-prompt=${encodeURIComponent(prompt)}`;
   const handleClick = (event) => {
     event.stopPropagation();
@@ -882,52 +1021,69 @@ function FixViolationWithAngie({ prompt }) {
       })
     );
   };
-  return /* @__PURE__ */ React7.createElement(Tooltip2, { title: label }, /* @__PURE__ */ React7.createElement(
-    IconButton4,
-    {
-      className: "violation-hover-icon",
-      component: "a",
-      href,
-      size: "small",
-      "aria-label": label,
-      onClick: handleClick
-    },
-    /* @__PURE__ */ React7.createElement(AngieIcon, { fontSize: "tiny" })
-  ));
+  if (variant === "button") {
+    return /* @__PURE__ */ React8.createElement(
+      Button3,
+      {
+        component: "a",
+        href,
+        size: "small",
+        color: "secondary",
+        variant: "outlined",
+        startIcon: /* @__PURE__ */ React8.createElement(AngieIcon, { fontSize: "tiny", "aria-hidden": true }),
+        onClick: handleClick
+      },
+      label
+    );
+  }
+  return /* @__PURE__ */ React8.createElement(Tooltip2, { title: label, placement: "top", PopperProps: { sx: { zIndex: panelZIndex } } }, /* @__PURE__ */ React8.createElement(IconButton4, { component: "a", href, size: "small", "aria-label": label, onClick: handleClick }, /* @__PURE__ */ React8.createElement(AngieIcon, { fontSize: "tiny" })));
 }
 
 // src/components/severity-icons.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { AlertCircleIcon, AlertTriangleFilledIcon, BulbIcon } from "@elementor/icons";
 var SEVERITY_CONFIG = {
   error: { Icon: AlertTriangleFilledIcon, color: "error" },
   warning: { Icon: AlertCircleIcon, color: "warning" },
   info: { Icon: 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
-import * as React9 from "react";
-import { Button as Button3 } from "@elementor/ui";
-function ViolationCtaButton({ ctaLabel, externalUrl }) {
+import * as React10 from "react";
+import { WandIcon } from "@elementor/icons";
+import { Button as Button4 } from "@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(Button3, { variant: "outlined", color: "secondary", size: "small", onClick: handleClick }, ctaLabel);
+  return /* @__PURE__ */ React10.createElement(
+    Button4,
+    {
+      variant,
+      color: "secondary",
+      size: "small",
+      startIcon: withIcon ? /* @__PURE__ */ React10.createElement(WandIcon, { fontSize: "tiny", "aria-hidden": true }) : void 0,
+      onClick: handleClick
+    },
+    ctaLabel
+  );
 }
 
 // src/components/violation-icons.tsx
-import * as React10 from "react";
-import { FileSettingsIcon, SettingsIcon, ShieldCheckIcon } from "@elementor/icons";
+import * as React11 from "react";
+import { FileSettingsIcon, SettingsIcon } from "@elementor/icons";
 import { Box as Box6 } from "@elementor/ui";
 function ViolationIcon({ violation, widgetIcon }) {
   if (widgetIcon) {
-    return /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React11.createElement(
       Box6,
       {
         component: "i",
@@ -938,28 +1094,73 @@ function ViolationIcon({ violation, widgetIcon }) {
     );
   }
   if (violation.targetHint === "page-settings") {
-    return /* @__PURE__ */ React10.createElement(FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React11.createElement(FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
   if (violation.targetHint === "site-settings" || violation.targetHint === "site-identity-settings") {
-    return /* @__PURE__ */ React10.createElement(SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React11.createElement(SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
-  return /* @__PURE__ */ React10.createElement(ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
+  return /* @__PURE__ */ React11.createElement(SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
 }
 
 // src/components/violation-row.tsx
 function SkipReasonTooltip({ reason }) {
-  return /* @__PURE__ */ React11.createElement(Tooltip3, { title: reason, placement: "top" }, /* @__PURE__ */ React11.createElement(Box7, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React11.createElement(HelpIcon, { fontSize: "small", color: "action" })));
+  return /* @__PURE__ */ React12.createElement(Tooltip3, { title: reason, placement: "top" }, /* @__PURE__ */ React12.createElement(Box7, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React12.createElement(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(Typography6, { 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(Typography6, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length));
   }
-  return /* @__PURE__ */ React11.createElement(CheckIcon, { fontSize: "small", color: "success" });
+  return /* @__PURE__ */ React12.createElement(CheckIcon, { fontSize: "small", color: "success" });
 }
-function ViolationRow({ audit: audit23, skipReason, violations }) {
-  const [expanded, setExpanded] = useState3(false);
-  const toggleExpanded = () => setExpanded((value) => !value);
-  return /* @__PURE__ */ React11.createElement(Box7, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React11.createElement(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React11.createElement(
+function GuidanceAction({
+  violation,
+  sharedAngiePrompt,
+  panelZIndex
+}) {
+  const hasPrimaryCta = !!(violation.ctaLabel && violation.externalUrl);
+  if (!hasPrimaryCta && !sharedAngiePrompt) {
+    return null;
+  }
+  return /* @__PURE__ */ React12.createElement(Box7, { 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;
+  }
+  const allShareTheSameFix = rest.every(
+    (violation) => violation.angieFix && violation.angiePrompt === first.angiePrompt
+  );
+  return allShareTheSameFix ? first.angiePrompt : void 0;
+}
+function ViolationRow({ audit: audit25, expanded, onToggleExpand, skipReason, violations }) {
+  const primaryViolation = violations?.[0];
+  const isGuidanceFocusable = !!primaryViolation;
+  const panelZIndex = useFloatingPanelZIndex2(AUDIT_PANEL_ID);
+  const sharedAngiePrompt = getSharedAngiePrompt(violations);
+  const handleGuidanceClick = () => {
+    if (isGuidanceFocusable && primaryViolation) {
+      focusViolation(primaryViolation);
+    }
+  };
+  return /* @__PURE__ */ React12.createElement(Box7, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React12.createElement(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React12.createElement(
     Box7,
     {
       sx: {
@@ -970,18 +1171,18 @@ function ViolationRow({ audit: audit23, skipReason, violations }) {
         gap: 0.5,
         minWidth: 0
       },
-      onClick: toggleExpanded
+      onClick: onToggleExpand
     },
-    /* @__PURE__ */ React11.createElement(Typography6, { 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(
+    /* @__PURE__ */ React12.createElement(Typography6, { 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(
     IconButton5,
     {
       size: "small",
-      "aria-label": expanded ? __11("Collapse", "elementor") : __11("Expand", "elementor"),
-      onClick: toggleExpanded
+      "aria-label": expanded ? __10("Collapse", "elementor") : __10("Expand", "elementor"),
+      onClick: onToggleExpand
     },
-    /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React12.createElement(
       ChevronDownIcon2,
       {
         fontSize: "small",
@@ -991,29 +1192,33 @@ function ViolationRow({ audit: audit23, skipReason, violations }) {
         }
       }
     )
-  )), /* @__PURE__ */ React11.createElement(Collapse2, { in: expanded }, /* @__PURE__ */ React11.createElement(Box7, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React11.createElement(
+  )), /* @__PURE__ */ React12.createElement(Collapse2, { in: expanded }, /* @__PURE__ */ React12.createElement(Box7, { paddingBlock: 1 }, /* @__PURE__ */ React12.createElement(Tooltip3, { title: audit25.fixHint, placement: "top" }, /* @__PURE__ */ React12.createElement(
     Alert,
     {
       severity: "secondary",
-      sx: { p: 1 },
-      icon: /* @__PURE__ */ React11.createElement(AlertCircleIcon2, { fontSize: "small", color: "secondary", "aria-hidden": true })
+      sx: { p: 1, cursor: isGuidanceFocusable ? "pointer" : void 0 },
+      icon: /* @__PURE__ */ React12.createElement(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(AlertTitle, null, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, __11("What's the issue", "elementor"))),
-    /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.secondary" }, audit23.description)
-  ), /* @__PURE__ */ React11.createElement(
-    Alert,
-    {
-      severity: "info",
-      sx: { p: 1 },
-      icon: /* @__PURE__ */ React11.createElement(BulbIcon2, { fontSize: "small", color: "info", "aria-hidden": true })
-    },
-    /* @__PURE__ */ React11.createElement(AlertTitle, null, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, __11("How to resolve", "elementor"))),
-    /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.secondary" }, audit23.fixHint)
-  )), violations && violations.length > 0 && /* @__PURE__ */ React11.createElement(Box7, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
+    /* @__PURE__ */ React12.createElement(Typography6, { 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(Box7, { role: "list", sx: { paddingBlockEnd: 1 } }, violations.map((violation, idx) => {
     const widgetIcon = violation.elementId ? getElementIcon(violation.elementId) : null;
     const elementTitle = violation.elementId ? getElementTitle(violation.elementId) : null;
-    const rowLabel = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
-    return /* @__PURE__ */ React11.createElement(
+    const displayLabel = elementTitle ?? violation.label;
+    const angiePromptContext = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
+    const showsOwnFixAction = !!violation.angieFix && !sharedAngiePrompt;
+    return /* @__PURE__ */ React12.createElement(
       Box7,
       {
         key: idx,
@@ -1026,258 +1231,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(Box7, { sx: { flex: 1 } }, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React11.createElement(Typography6, { 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(
-        EyeIcon,
+      /* @__PURE__ */ React12.createElement(ViolationIcon, { violation, widgetIcon }),
+      /* @__PURE__ */ React12.createElement(Box7, { sx: { flex: 1 } }, /* @__PURE__ */ React12.createElement(Typography6, { variant: "caption" }, displayLabel), violation.detail && /* @__PURE__ */ React12.createElement(Typography6, { variant: "caption", color: "text.secondary" }, violation.detail)),
+      showsOwnFixAction && /* @__PURE__ */ React12.createElement(
+        Box7,
         {
-          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(Box8, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React12.createElement(SubpageHeader, { title: __12("All audits", "elementor"), onBack }), /* @__PURE__ */ React12.createElement(Box8, { 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
-import * as React13 from "react";
-import { Box as Box9 } from "@elementor/ui";
-import { __ as __13 } from "@wordpress/i18n";
-
-// src/components/category-icons.ts
-import { BoltIcon, ElementorAccessibilityIcon, FileSearchIcon, Settings2Icon, ShieldCheckIcon as ShieldCheckIcon2 } from "@elementor/icons";
-var CATEGORY_ICONS = {
-  "best-practices": Settings2Icon,
-  seo: FileSearchIcon,
-  accessibility: ElementorAccessibilityIcon,
-  performance: BoltIcon,
-  compliance: ShieldCheckIcon2
-};
-
 // 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: __13("Back to all issues", "elementor"),
+      backLabel: __11("Back to all issues", "elementor"),
       icon: /* @__PURE__ */ React13.createElement(Icon, { fontSize: "small", color: "action" })
     }
-  ), /* @__PURE__ */ React13.createElement(Box9, { sx: { p: 1 } }, /* @__PURE__ */ React13.createElement(
+  ), /* @__PURE__ */ React13.createElement(Box8, { sx: { p: 1 } }, /* @__PURE__ */ React13.createElement(
     StatusSection,
     {
-      label: __13("Failed audits", "elementor"),
+      label: __11("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: __13("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: __11("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: __11("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
 import * as React18 from "react";
-import { useState as useState4 } from "react";
-import { Box as Box14, Link, Typography as Typography10 } from "@elementor/ui";
-import { __ as __17 } from "@wordpress/i18n";
+import { Box as Box13, Typography as Typography11 } from "@elementor/ui";
+import { __ as __15 } from "@wordpress/i18n";
 
 // src/utils/severity-counts.ts
-import { __ as __14 } from "@wordpress/i18n";
+import { __ as __12 } from "@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 __14("Errors", "elementor");
+      return __12("Errors", "elementor");
     case "warning":
-      return __14("Warnings", "elementor");
+      return __12("Warnings", "elementor");
     case "info":
-      return __14("Suggestions", "elementor");
+      return __12("Suggestions", "elementor");
   }
 }
 
-// src/components/audit-statuses-section.tsx
-import * as React15 from "react";
-import { Box as Box11, Divider, Typography as Typography8 } from "@elementor/ui";
-import { __ as __15, sprintf as sprintf2 } from "@wordpress/i18n";
-
-// src/components/count-summary-circle.tsx
-import * as React14 from "react";
-import { Box as Box10, Chip as Chip2, Typography as Typography7 } from "@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(
-    Box10,
-    {
-      "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(
-      Chip2,
-      {
-        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(Typography7, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
-  );
-}
-
-// src/components/audit-statuses-section.tsx
-var STATUS_ARIA_LABELS = {
-  pass: (count) => sprintf2(
-    /* translators: %d: number of passed audits. */
-    __15("%d passed audits, view all", "elementor"),
-    count
-  ),
-  fail: (count) => sprintf2(
-    /* translators: %d: number of failed audit violations. */
-    __15("%d failed audits, view all", "elementor"),
-    count
-  ),
-  skipped: (count) => sprintf2(
-    /* translators: %d: number of skipped audits. */
-    __15("%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(Typography8, { variant: "subtitle1", fontWeight: "bold" }, __15("Audit statuses", "elementor")), /* @__PURE__ */ React15.createElement(Box11, { 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(Divider, null));
-}
-
 // src/components/issues-category-row.tsx
-import * as React16 from "react";
+import * as React14 from "react";
 import { ChevronRightIcon } from "@elementor/icons";
-import { Box as Box12, Rotate as Rotate2, Typography as Typography9, useTheme as useTheme2 } from "@elementor/ui";
+import { Box as Box9, Rotate as Rotate2, Typography as Typography7, useTheme as useTheme2 } from "@elementor/ui";
 function IssuesCategoryRow({ category, label, counts, onClick }) {
   const isRtl = "rtl" === useTheme2().direction;
   const Icon = CATEGORY_ICONS[category];
-  return /* @__PURE__ */ React16.createElement(
-    Box12,
+  return /* @__PURE__ */ React14.createElement(
+    Box9,
     {
       role: "button",
       tabIndex: 0,
@@ -1298,112 +1375,21 @@ 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(Typography9, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
-    /* @__PURE__ */ React16.createElement(Box12, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React16.createElement(Box12, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React16.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React16.createElement(Typography9, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
-    /* @__PURE__ */ React16.createElement(Rotate2, { in: isRtl }, /* @__PURE__ */ React16.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))
+    /* @__PURE__ */ React14.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React14.createElement(Typography7, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
+    /* @__PURE__ */ React14.createElement(Box9, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React14.createElement(Box9, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React14.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React14.createElement(Typography7, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
+    /* @__PURE__ */ React14.createElement(Rotate2, { in: isRtl }, /* @__PURE__ */ React14.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))
   );
 }
 
-// src/components/severity-filter-chips.tsx
-import * as React17 from "react";
-import { Box as Box13, Chip as Chip3 } from "@elementor/ui";
-import { __ as __16 } from "@wordpress/i18n";
-function SeverityFilterChips({ selected, onChange }) {
-  return /* @__PURE__ */ React17.createElement(Box13, { sx: { display: "flex", alignItems: "center", gap: 1 } }, /* @__PURE__ */ React17.createElement(
-    FilterChip,
-    {
-      label: __16("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(
-    Chip3,
-    {
-      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] = useState4("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(Box14, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React18.createElement(AuditStatusesSection, { report, onStatusClick }), /* @__PURE__ */ React18.createElement(
-    Link,
-    {
-      component: "button",
-      underline: "none",
-      color: "inherit",
-      onClick: onAllAuditsClick,
-      sx: { textAlign: "start" }
-    },
-    /* @__PURE__ */ React18.createElement(Typography10, { variant: "subtitle1", component: "h2" }, __17("All issues", "elementor"))
-  ), /* @__PURE__ */ React18.createElement(SeverityFilterChips, { selected: filter, onChange: setFilter }), /* @__PURE__ */ React18.createElement(Box14, { 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
-import * as React23 from "react";
-import { Box as Box19, Chip as Chip4, Typography as Typography15 } from "@elementor/ui";
-import { __ as __21 } from "@wordpress/i18n";
-
-// src/utils/score-thresholds.ts
-import { __ as __18 } from "@wordpress/i18n";
-var GOOD_THRESHOLD = 90;
-var OK_THRESHOLD = 50;
-function getScoreTier(score) {
-  if (score >= GOOD_THRESHOLD) {
-    return { color: "success", label: __18("Good", "elementor") };
-  }
-  if (score >= OK_THRESHOLD) {
-    return { color: "warning", label: __18("Needs work", "elementor") };
-  }
-  return { color: "error", label: __18("At risk", "elementor") };
-}
-
 // src/components/promotions.tsx
-import * as React20 from "react";
-import { Box as Box16, Divider as Divider2, Typography as Typography12 } from "@elementor/ui";
-import { __ as __20 } from "@wordpress/i18n";
+import * as React16 from "react";
+import { Box as Box11, Divider, Typography as Typography9 } from "@elementor/ui";
+import { __ as __14 } from "@wordpress/i18n";
 
 // src/register-promotions.ts
 import { ElementorCookieIcon, PhotoIcon, ShieldHalfFilledIcon } from "@elementor/icons";
-import { __ as __19, _n, sprintf as sprintf3 } from "@wordpress/i18n";
+import { __ as __13, _n, sprintf as sprintf2 } from "@wordpress/i18n";
 function firstFailExternalUrl(run) {
   return run.result.status === "fail" ? run.result.violations[0]?.externalUrl : void 0;
 }
@@ -1411,7 +1397,7 @@ var PROMOTIONS = [
   {
     auditId: "audits/images-alt-text",
     icon: PhotoIcon,
-    ctaLabel: __19("Fix with Ally", "elementor"),
+    ctaLabel: __13("Fix with Ally", "elementor"),
     formatSubtitle: (run) => {
       if (run.result.status !== "fail") {
         return null;
@@ -1420,7 +1406,7 @@ var PROMOTIONS = [
       if (count === 0) {
         return null;
       }
-      return sprintf3(
+      return sprintf2(
         /* translators: %d: number of images missing alt text. */
         _n("%d image", "%d images", count, "elementor"),
         count
@@ -1431,21 +1417,21 @@ var PROMOTIONS = [
   {
     auditId: "audits/cookie-policy",
     icon: ElementorCookieIcon,
-    ctaLabel: __19("Fix with Cookiez", "elementor"),
-    formatSubtitle: (run) => run.result.status === "fail" ? __19("Generate cookie policy", "elementor") : null,
+    ctaLabel: __13("Fix with Cookiez", "elementor"),
+    formatSubtitle: (run) => run.result.status === "fail" ? __13("Generate cookie policy", "elementor") : null,
     getCtaUrl: firstFailExternalUrl
   },
   {
     auditId: "audits/scan-for-cookies",
     icon: ElementorCookieIcon,
-    ctaLabel: __19("Scan", "elementor"),
-    formatSubtitle: (run) => run.result.status === "fail" ? __19("Scan this page for cookies", "elementor") : null,
+    ctaLabel: __13("Scan", "elementor"),
+    formatSubtitle: (run) => run.result.status === "fail" ? __13("Scan this page for cookies", "elementor") : null,
     getCtaUrl: firstFailExternalUrl
   },
   {
     auditId: "audits/images-too-large",
     icon: ShieldHalfFilledIcon,
-    ctaLabel: __19("Optimize all", "elementor"),
+    ctaLabel: __13("Optimize all", "elementor"),
     formatSubtitle: (run) => {
       if (run.result.status !== "fail") {
         return null;
@@ -1454,7 +1440,7 @@ var PROMOTIONS = [
       if (count === 0) {
         return null;
       }
-      return sprintf3(
+      return sprintf2(
         /* translators: %d: number of oversized images. */
         _n("%d image", "%d images", count, "elementor"),
         count
@@ -1470,11 +1456,11 @@ function findAuditRun(report, auditId) {
 }
 
 // src/components/promotion-card.tsx
-import * as React19 from "react";
-import { Box as Box15, Button as Button4, Typography as Typography11 } from "@elementor/ui";
+import * as React15 from "react";
+import { Box as Box10, Button as Button5, Typography as Typography8 } from "@elementor/ui";
 function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle, title }) {
-  return /* @__PURE__ */ React19.createElement(
-    Box15,
+  return /* @__PURE__ */ React15.createElement(
+    Box10,
     {
       sx: {
         alignItems: "center",
@@ -1487,9 +1473,9 @@ function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle
         py: 1.5
       }
     },
-    /* @__PURE__ */ React19.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React19.createElement(Box15, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React19.createElement(Typography11, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React19.createElement(Typography11, { variant: "caption", color: "text.secondary" }, subtitle)),
-    /* @__PURE__ */ React19.createElement(Button4, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
+    /* @__PURE__ */ React15.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React15.createElement(Box10, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React15.createElement(Typography8, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React15.createElement(Typography8, { variant: "caption", color: "text.secondary" }, subtitle)),
+    /* @__PURE__ */ React15.createElement(Button5, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
   );
 }
 
@@ -1518,7 +1504,7 @@ function Promotions({ report }) {
   if (cards.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(Divider2, null), /* @__PURE__ */ React20.createElement(Typography12, { variant: "subtitle1", fontWeight: "bold" }, __20("Quick actions", "elementor")), /* @__PURE__ */ React20.createElement(Box16, { 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(Divider, null), /* @__PURE__ */ React16.createElement(Typography9, { variant: "subtitle1", fontWeight: "bold" }, __14("Quick actions", "elementor")), /* @__PURE__ */ React16.createElement(Box11, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React16.createElement(
     PromotionCard,
     {
       key,
@@ -1536,241 +1522,118 @@ function Promotions({ report }) {
   ))));
 }
 
-// src/components/score-bar.tsx
-import * as React21 from "react";
-import { ChevronRightIcon as ChevronRightIcon2 } from "@elementor/icons";
-import { Box as Box17, LinearProgress, Rotate as Rotate3, Typography as Typography13, useTheme as useTheme3 } from "@elementor/ui";
-function ScoreBar({ label, score, onClick }) {
-  const isRtl = "rtl" === useTheme3().direction;
-  return /* @__PURE__ */ React21.createElement(
-    Box17,
-    {
-      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(Typography13, { variant: "body2", sx: { minWidth: 96 } }, label),
-    /* @__PURE__ */ React21.createElement(
-      LinearProgress,
-      {
-        variant: "determinate",
-        value: score,
-        color: getScoreTier(score).color,
-        sx: { flex: 1, height: 6, borderRadius: 4, bgcolor: "action.disabledBackground" }
-      }
-    ),
-    /* @__PURE__ */ React21.createElement(
-      Typography13,
-      {
-        variant: "body2",
-        color: "text.primary",
-        sx: { minWidth: 24, textAlign: "right", fontWeight: 900 }
-      },
-      score
-    ),
-    onClick && /* @__PURE__ */ React21.createElement(Rotate3, { in: isRtl }, /* @__PURE__ */ React21.createElement(ChevronRightIcon2, { fontSize: "small", color: "action" }))
-  );
+// src/components/severity-summary-cards.tsx
+import * as React17 from "react";
+import { Box as Box12, Typography as Typography10 } from "@elementor/ui";
+function SeveritySummaryCards({ report }) {
+  const counts = countSeverities(report);
+  return /* @__PURE__ */ React17.createElement(Box12, { display: "flex", gap: 1.5 }, ALL_SEVERITIES.map((severity) => /* @__PURE__ */ React17.createElement(SeverityCard, { key: severity, severity, count: counts[severity] })));
 }
-
-// src/components/score-circle.tsx
-import * as React22 from "react";
-import { Box as Box18, CircularProgress as CircularProgress2, Typography as Typography14 } from "@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(
-    Box18,
+function SeverityCard({ severity, count }) {
+  return /* @__PURE__ */ React17.createElement(
+    Box12,
     {
-      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(
-      CircularProgress2,
-      {
-        variant: "determinate",
-        value: 100,
-        size: SCORE_CIRCLE_SIZE,
-        thickness: SCORE_CIRCLE_THICKNESS,
-        sx: { color: "action.disabledBackground" }
-      }
-    ),
-    /* @__PURE__ */ React22.createElement(
-      CircularProgress2,
-      {
-        variant: "determinate",
-        value: score,
-        size: SCORE_CIRCLE_SIZE,
-        thickness: SCORE_CIRCLE_THICKNESS,
-        color: progressColor,
-        sx: { position: "absolute", left: 0 }
-      }
-    ),
-    /* @__PURE__ */ React22.createElement(
-      Box18,
-      {
-        sx: {
-          position: "absolute",
-          inset: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }
-      },
-      /* @__PURE__ */ React22.createElement(
-        Typography14,
-        {
-          variant: "h4",
-          component: "span",
-          color: "text.primary",
-          sx: { fontWeight: 700, lineHeight: 1 }
-        },
-        score
-      )
-    )
+    /* @__PURE__ */ React17.createElement(SeverityIcon, { severity }),
+    /* @__PURE__ */ React17.createElement(Box12, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React17.createElement(Typography10, { variant: "h5", fontWeight: 700, component: "span" }, count), /* @__PURE__ */ React17.createElement(Typography10, { 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(Box19, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React23.createElement(Box19, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React23.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React23.createElement(Box19, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React23.createElement(
-    Chip4,
-    {
-      label: overallScore.label,
-      color: overallScore.color,
-      variant: "standard",
-      size: "small",
-      sx: { fontWeight: 600, alignSelf: "flex-start" }
-    }
-  ), /* @__PURE__ */ React23.createElement(Typography15, { variant: "body2", color: "text.secondary" }, __21("Overall score", "elementor")))), /* @__PURE__ */ React23.createElement(Box19, { 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(Box13, { display: "flex", flexDirection: "column", gap: 3, p: 2 }, /* @__PURE__ */ React18.createElement(SeveritySummaryCards, { report }), /* @__PURE__ */ React18.createElement(Box13, { display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ React18.createElement(Typography11, { variant: "subtitle1", component: "h2" }, __15("All issues", "elementor")), /* @__PURE__ */ React18.createElement(Box13, { 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] = useState5("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(Box20, { sx: { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 } }, /* @__PURE__ */ React24.createElement(Box20, { sx: { flexShrink: 0 } }, /* @__PURE__ */ React24.createElement(
-    Tabs,
+  const [activePage, setActivePage] = useState4("overview");
+  const openCategory = (category) => setActivePage({ category });
+  const backToOverview = () => setActivePage("overview");
+  return /* @__PURE__ */ React19.createElement(Box14, { 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
+import * as React20 from "react";
+import { useFloatingPanelZIndex as useFloatingPanelZIndex3 } from "@elementor/editor-floating-panels";
+import { ReloadIcon } from "@elementor/icons";
+import { Badge as Badge2, Button as Button6, Tooltip as Tooltip4 } from "@elementor/ui";
+import { __ as __16 } from "@wordpress/i18n";
+function RescanButton({ hasScanned, isStale, disabled, onClick }) {
+  const panelZIndex = useFloatingPanelZIndex3(AUDIT_PANEL_ID);
+  return /* @__PURE__ */ React20.createElement(
+    Tooltip4,
     {
-      "aria-label": __22("Audit navigation", "elementor"),
-      value: currentTab,
-      onChange: handleTabChange,
-      textColor: "secondary",
-      indicatorColor: "secondary",
-      size: "small",
-      centered: true,
-      variant: "fullWidth"
+      title: __16("Page content changed - rescan advised", "elementor"),
+      disableHoverListener: !isStale,
+      PopperProps: { sx: { zIndex: panelZIndex } }
     },
-    /* @__PURE__ */ React24.createElement(Tab, { value: "overview", label: __22("Overview", "elementor") }),
-    /* @__PURE__ */ React24.createElement(Tab, { value: "issues", label: __22("Issues", "elementor") })
-  ), /* @__PURE__ */ React24.createElement(Divider3, null)), /* @__PURE__ */ React24.createElement(Box20, { 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(Badge2, { variant: "dot", color: "warning", invisible: !isStale, overlap: "rectangular" }, /* @__PURE__ */ React20.createElement(
+      Button6,
+      {
+        variant: "contained",
+        size: "small",
+        startIcon: hasScanned ? /* @__PURE__ */ React20.createElement(ReloadIcon, { fontSize: "small" }) : void 0,
+        onClick,
+        disabled
+      },
+      hasScanned ? __16("Rescan", "elementor") : __16("Run page audit", "elementor")
+    ))
+  );
 }
 
 // src/components/audit-panel.tsx
 function AuditPanel() {
-  const { status, report, error, run } = useAuditReport();
-  const currentDocumentId = getCurrentDocumentId2() ?? 0;
-  const onRun = () => run(currentDocumentId);
+  const { status, report, error, isStale, run } = useAuditReport();
+  const hostDocumentId = getHostDocumentId3() ?? 0;
+  const onRun = () => run(hostDocumentId);
   const lastScanLabel = report ? new Date(report.runAt).toLocaleTimeString() : null;
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
     FloatingPanelHeader,
     {
-      panelId: "audit-panel",
-      title: __23("Page Audit", "elementor"),
-      badge: __23("Beta", "elementor"),
+      panelId: AUDIT_PANEL_ID,
+      title: __17("Page Audit", "elementor"),
+      badge: __17("Beta", "elementor"),
       titleVariant: "subtitle2"
     }
-  ), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React21.createElement(
     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(FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React25.createElement(Typography16, { variant: "caption", sx: { flex: 1 } }, __23("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React25.createElement(Box21, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React25.createElement(AuditFeedback, null), /* @__PURE__ */ React25.createElement(
-    Button5,
+    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(FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React21.createElement(Typography12, { variant: "caption", sx: { flex: 1 } }, __17("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React21.createElement(Box15, { 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 ? __23("Re-scan", "elementor") : __23("Run page audit", "elementor")
+      hasScanned: Boolean(lastScanLabel),
+      isStale,
+      disabled: status === "loading" || hostDocumentId === 0,
+      onClick: onRun
+    }
   )));
 }
 
@@ -1788,54 +1651,131 @@ var auditPanel = createFloatingPanel({
     minWidth: 280,
     minHeight: 400
   }
-});
+});
+
+// src/hooks/use-audit-toggle-props.ts
+function useAuditToggleProps() {
+  const { isOpen } = auditPanel.useFloatingPanelStatus();
+  const { toggle } = auditPanel.useFloatingPanelActions();
+  return {
+    title: __18("Audit Page", "elementor"),
+    icon: AuditToggleIcon,
+    selected: isOpen,
+    onClick: () => toggle()
+  };
+}
+
+// src/editor-app-bar.tsx
+var AUDIT_TOGGLE_PRIORITY = 24;
+function registerAppBarAuditsToggle() {
+  utilitiesMenu.registerToggleAction({
+    id: "toggle-audit-panel",
+    priority: AUDIT_TOGGLE_PRIORITY,
+    useProps: useAuditToggleProps
+  });
+}
+
+// src/audits/accessibility-policy.ts
+import { __ as __19 } from "@wordpress/i18n";
+var audit = {
+  id: "audits/accessibility-policy",
+  title: __19("Accessibility policy", "elementor"),
+  description: __19(
+    "An accessibility policy demonstrates your commitment to digital inclusion and may be legally required in some regions.",
+    "elementor"
+  ),
+  fixHint: __19("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: __19("Ally plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.ally_plugin_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/accessibility-statement.ts
+import { __ as __20 } from "@wordpress/i18n";
+var audit2 = {
+  id: "audits/accessibility-statement",
+  title: __20("Create an accessibility statement", "elementor"),
+  description: __20(
+    "An accessibility statement showcases your efforts to create an inclusive online space, highlighting helpful features and a commitment to accessibility.",
+    "elementor"
+  ),
+  fixHint: __20("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: __20("No accessibility statement has been created for this site.", "elementor"),
+          externalUrl: isReady ? ctx.pageContext.ally_accessibility_statement_url : ctx.pageContext.ally_plugin_url,
+          ctaLabel: __20("Create", "elementor"),
+          secondaryCtaLabel: __20("Learn more", "elementor"),
+          secondaryCtaUrl: "https://elementor.com/help/start-using-ally/#statement"
+        }
+      ]
+    };
+  }
+};
 
-// src/hooks/use-audit-toggle-props.ts
-function useAuditToggleProps() {
-  const { isOpen } = auditPanel.useFloatingPanelStatus();
-  const { toggle } = auditPanel.useFloatingPanelActions();
-  return {
-    title: __24("Audit Page", "elementor"),
-    icon: ShieldCheckIcon3,
-    selected: isOpen,
-    onClick: () => toggle()
-  };
-}
+// src/audits/accessibility-widget.ts
+import { __ as __21 } from "@wordpress/i18n";
 
-// src/editor-app-bar.tsx
-var AUDIT_TOGGLE_PRIORITY = 24;
-function registerAppBarAuditsToggle() {
-  utilitiesMenu.registerToggleAction({
-    id: "toggle-audit-panel",
-    priority: AUDIT_TOGGLE_PRIORITY,
-    useProps: useAuditToggleProps
-  });
+// 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-policy.ts
-import { __ as __25 } from "@wordpress/i18n";
-var audit = {
-  id: "audits/accessibility-policy",
-  title: __25("Accessibility policy", "elementor"),
-  description: __25(
-    "An accessibility policy demonstrates your commitment to digital inclusion and may be legally required in some regions.",
-    "elementor"
-  ),
-  fixHint: __25("Install the Ally plugin to add an accessibility policy to your website.", "elementor"),
-  categories: ["compliance"],
+// src/audits/accessibility-widget.ts
+var audit3 = {
+  id: "audits/accessibility-widget",
+  title: __21("Add an accessibility widget", "elementor"),
+  description: __21("Make your site more inclusive by adding an accessibility widget.", "elementor"),
+  fixHint: __21("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: __21("Page is not published.", "elementor") };
+    }
+    if (!ctx.renderedHtml) {
+      return { status: "skipped", reason: __21("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: __25("Ally plugin is not installed or active.", "elementor"),
-          externalUrl: ctx.pageContext.ally_plugin_url
+          auditId: audit3.id,
+          label: __21("No accessibility widget is active on this site.", "elementor"),
+          externalUrl: isReady ? ctx.pageContext.ally_widget_settings_url : ctx.pageContext.ally_plugin_url,
+          ctaLabel: __21("Activate", "elementor")
         }
       ]
     };
@@ -1843,15 +1783,15 @@ var audit = {
 };
 
 // src/audits/cookie-policy.ts
-import { __ as __26 } from "@wordpress/i18n";
-var audit2 = {
+import { __ as __22 } from "@wordpress/i18n";
+var audit4 = {
   id: "audits/cookie-policy",
-  title: __26("Cookie policy", "elementor"),
-  description: __26(
+  title: __22("Cookie policy", "elementor"),
+  description: __22(
     "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: __26("Install the Cookiez plugin to add a cookie policy to your website.", "elementor"),
+  fixHint: __22("Install the Cookiez plugin to add a cookie policy to your website.", "elementor"),
   categories: ["compliance"],
   severity: "info",
   weight: 1,
@@ -1863,9 +1803,10 @@ var audit2 = {
       status: "fail",
       violations: [
         {
-          auditId: audit2.id,
-          label: __26("Cookiez plugin is not installed or active.", "elementor"),
-          externalUrl: ctx.pageContext.cookiez_plugin_url
+          auditId: audit4.id,
+          label: __22("Cookiez plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.cookiez_plugin_url,
+          ctaLabel: __22("Set up cookie consent", "elementor")
         }
       ]
     };
@@ -1874,7 +1815,7 @@ var audit2 = {
 
 // src/audits/deep-nesting.ts
 import { getWidgetsCache } from "@elementor/editor-elements";
-import { __ as __27 } from "@wordpress/i18n";
+import { __ as __23 } from "@wordpress/i18n";
 var MAX_NESTING_DEPTH = 6;
 function isNestingElement(node, widgetsCache) {
   if (node.elType === "container") {
@@ -1882,20 +1823,20 @@ function isNestingElement(node, widgetsCache) {
   }
   return !!widgetsCache?.[node.elType]?.meta?.is_container;
 }
-var audit3 = {
+var audit5 = {
   id: "audits/deep-nesting",
-  title: __27("Deep container nesting", "elementor"),
-  description: __27(
+  title: __23("Deep container nesting", "elementor"),
+  description: __23(
     "Container nesting exceeds the recommended depth. Deep DOM trees hurt rendering performance and readability.",
     "elementor"
   ),
-  fixHint: __27("Flatten the layout by removing unnecessary wrapper containers.", "elementor"),
+  fixHint: __23("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: __27("No elements", "elementor") };
+      return { status: "skipped", reason: __23("No elements", "elementor") };
     }
     const widgetsCache = getWidgetsCache();
     const violations = [];
@@ -1906,10 +1847,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: __27("Container nesting is too deep.", "elementor")
+          label: __23("Container nesting is too deep.", "elementor")
         });
       }
     });
@@ -1918,15 +1859,15 @@ var audit3 = {
 };
 
 // src/audits/default-design-system.ts
-import { __ as __28 } from "@wordpress/i18n";
-var audit4 = {
+import { __ as __24 } from "@wordpress/i18n";
+var audit6 = {
   id: "audits/default-design-system",
-  title: __28("Default website kit", "elementor"),
-  description: __28(
+  title: __24("Default website kit", "elementor"),
+  description: __24(
     "Your website is using the default design system colors and fonts. Custom branding makes the website feel uniquely yours.",
     "elementor"
   ),
-  fixHint: __28("Open Site Settings and customize your kit (colors, fonts, layout).", "elementor"),
+  fixHint: __24("Open Site Settings and customize your kit (colors, fonts, layout).", "elementor"),
   categories: ["best-practices"],
   severity: "info",
   weight: 1,
@@ -1938,8 +1879,8 @@ var audit4 = {
       status: "fail",
       violations: [
         {
-          auditId: audit4.id,
-          label: __28("Kit appears unchanged from default.", "elementor"),
+          auditId: audit6.id,
+          label: __24("Kit appears unchanged from default.", "elementor"),
           targetHint: "site-settings"
         }
       ]
@@ -1949,16 +1890,16 @@ var audit4 = {
 
 // src/audits/deprecated-widgets.ts
 import { getWidgetsCache as getWidgetsCache2 } from "@elementor/editor-elements";
-import { __ as __29 } from "@wordpress/i18n";
+import { __ as __25 } from "@wordpress/i18n";
 var DEPRECATION_CONTROL_NAME = "deprecation_message";
-var audit5 = {
+var audit7 = {
   id: "audits/deprecated-widgets",
-  title: __29("Deprecated widgets", "elementor"),
-  description: __29(
+  title: __25("Deprecated widgets", "elementor"),
+  description: __25(
     "Deprecated widgets should not be used. For better capabilities use the recommended replacement.",
     "elementor"
   ),
-  fixHint: __29("Replace each deprecated widget with the recommended new widget shown in its panel.", "elementor"),
+  fixHint: __25("Replace each deprecated widget with the recommended new widget shown in its panel.", "elementor"),
   categories: ["best-practices", "performance"],
   severity: "warning",
   weight: 7,
@@ -1982,10 +1923,10 @@ var audit5 = {
         return;
       }
       violations.push({
-        auditId: audit5.id,
+        auditId: audit7.id,
         elementId: node.id,
         targetHint: "element-settings",
-        label: __29("Using deprecated widget.", "elementor")
+        label: __25("Using deprecated widget.", "elementor")
       });
     });
     return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
@@ -1993,28 +1934,7 @@ var audit5 = {
 };
 
 // src/audits/google-consent-mode.ts
-import { __ as __30 } from "@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);
-  }
-}
+import { __ as __26 } from "@wordpress/i18n";
 
 // src/utils/scan-consent-signals.ts
 var GOOGLE_TRACKING_PATTERNS = [
@@ -2035,44 +1955,43 @@ function hasConsentDefaultCall(html) {
 }
 
 // src/audits/google-consent-mode.ts
-var audit6 = {
+var audit8 = {
   id: "audits/google-consent-mode",
-  title: __30("Google Consent Mode", "elementor"),
-  description: __30(
+  title: __26("Google Consent Mode", "elementor"),
+  description: __26(
     "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: __30(
+  fixHint: __26(
     "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: __30("Page is not published.", "elementor") };
+      return { status: "skipped", reason: __26("Page is not published.", "elementor") };
     }
-    const html = await fetchRenderedHtml(ctx.pageContext.frontend_url);
-    if (!html) {
-      return { status: "skipped", reason: __30("Could not fetch the published page.", "elementor") };
+    if (!ctx.renderedHtml) {
+      return { status: "skipped", reason: __26("Could not fetch the published page.", "elementor") };
     }
-    if (!hasGoogleTracking(html)) {
-      return { status: "skipped", reason: __30("No Google tracking product detected.", "elementor") };
+    if (!hasGoogleTracking(ctx.renderedHtml)) {
+      return { status: "skipped", reason: __26("No Google tracking product detected.", "elementor") };
     }
-    if (hasConsentDefaultCall(html)) {
+    if (hasConsentDefaultCall(ctx.renderedHtml)) {
       return { status: "pass" };
     }
-    const label = __30("No Google Consent Mode signal was found on the page.", "elementor");
+    const label = __26("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: __30("Enable", "elementor"),
+            ctaLabel: __26("Enable", "elementor"),
             externalUrl: ctx.pageContext.cookiez_consent_mode_settings_url
           }
         ]
@@ -2082,7 +2001,7 @@ var audit6 = {
       status: "fail",
       violations: [
         {
-          auditId: audit6.id,
+          auditId: audit8.id,
           label,
           externalUrl: ctx.pageContext.cookiez_plugin_action_url
         }
@@ -2092,7 +2011,7 @@ var audit6 = {
 };
 
 // src/audits/heading-structure.ts
-import { __ as __31 } from "@wordpress/i18n";
+import { __ as __27 } from "@wordpress/i18n";
 var HEADING_LEVELS = ["h1", "h2", "h3", "h4", "h5", "h6"];
 var HEADING_CONTROLS_REGISTRY = {
   // Core
@@ -2268,47 +2187,47 @@ function extractPageHeadings(tree) {
   });
   return headings;
 }
-var audit7 = {
+var audit9 = {
   id: "audits/heading-structure",
-  title: __31("Heading structure", "elementor"),
-  description: __31("Pages should have exactly one H1 and a non-skipping heading order.", "elementor"),
-  fixHint: __31("Ensure your page has one H1 and that heading levels do not skip (no H2 \u2192 H4).", "elementor"),
+  title: __27("Heading structure", "elementor"),
+  description: __27("Pages should have exactly one H1 and a non-skipping heading order.", "elementor"),
+  fixHint: __27("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: __31("No elements", "elementor") };
+      return { status: "skipped", reason: __27("No elements", "elementor") };
     }
     const headings = extractPageHeadings(ctx.elements.tree);
     const violations = [];
     if (headings.length === 0) {
       violations.push({
-        auditId: audit7.id,
-        label: __31("No headings found on the page.", "elementor")
+        auditId: audit9.id,
+        label: __27("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: __31("No H1 on the page.", "elementor") });
+        violations.push({ auditId: audit9.id, label: __27("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: __31("More than one H1 on the page.", "elementor")
+            label: __27("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: __31("Heading level skipped.", "elementor")
+            label: __27("Heading level skipped.", "elementor")
           });
         }
       }
@@ -2318,33 +2237,33 @@ var audit7 = {
 };
 
 // src/audits/hidden-elements.ts
-import { __ as __32 } from "@wordpress/i18n";
+import { __ as __28 } from "@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: __32("Hidden elements", "elementor"),
-  description: __32(
+  title: __28("Hidden elements", "elementor"),
+  description: __28(
     "Elements hidden on all devices simultaneously are effectively dead code in the page tree.",
     "elementor"
   ),
-  fixHint: __32("Remove the element or make it visible on at least one device breakpoint.", "elementor"),
+  fixHint: __28("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: __32("No elements", "elementor") };
+      return { status: "skipped", reason: __28("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: __32("Element is hidden on all devices.", "elementor")
+          label: __28("Element is hidden on all devices.", "elementor")
         });
       }
     });
@@ -2353,7 +2272,22 @@ var audit8 = {
 };
 
 // src/audits/images-alt-text.ts
-import { __ as __33 } from "@wordpress/i18n";
+import { __ as __29 } from "@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) {
@@ -2361,7 +2295,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;
@@ -2371,22 +2306,23 @@ function isImageSourcePresent(media) {
 }
 
 // src/audits/images-alt-text.ts
-var audit9 = {
+var audit11 = {
   id: "audits/images-alt-text",
-  title: __33("Images alt text", "elementor"),
-  description: __33("Every image needs a meaningful alt attribute for screen readers and image-search.", "elementor"),
-  fixHint: __33("Open the image's settings and add an Alt Text describing the image.", "elementor"),
+  title: __29("Images alt text", "elementor"),
+  description: __29("Every image needs a meaningful alt attribute for screen readers and image-search.", "elementor"),
+  fixHint: __29("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: __33("No images", "elementor") };
+    if (!hasAltTextImages(ctx.elements.tree)) {
+      return { status: "skipped", reason: __29("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;
       }
@@ -2394,11 +2330,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: __33("Image is missing alt text.", "elementor"),
-          externalUrl: ctx.pageContext.ally_plugin_url
+          label: __29("Image is missing alt text.", "elementor"),
+          externalUrl: isReady ? ctx.pageContext.ally_scan_url : ctx.pageContext.ally_plugin_url,
+          ctaLabel: __29("Fix with Ally", "elementor")
         });
       }
     });
@@ -2406,30 +2343,79 @@ var audit9 = {
   }
 };
 
+// src/audits/images-inefficient-format.ts
+import { __ as __30 } from "@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: __30("Inefficient image format", "elementor"),
+  description: __30("Image isn't served in a modern, efficient format like WebP or AVIF.", "elementor"),
+  fixHint: __30("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: __30("No images", "elementor") };
+    }
+    const violations = Array.from(offendingElementIds).map((elementId) => ({
+      auditId: audit12.id,
+      elementId,
+      targetHint: "element-settings",
+      label: __30("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: __30("Optimize all", "elementor")
+    }));
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { inefficientImageFormatCount } };
+  }
+};
+
 // src/audits/images-too-large.ts
-import { __ as __34, sprintf as sprintf4 } from "@wordpress/i18n";
+import { __ as __31, sprintf as sprintf3 } from "@wordpress/i18n";
 var SIZE_THRESHOLD_BYTES = 500 * 1024;
 var BYTES_PER_KB = 1024;
-var audit10 = {
+var audit13 = {
   id: "audits/images-too-large",
-  title: __34("Oversized images", "elementor"),
-  description: __34("Large image files slow down the page.", "elementor"),
-  fixHint: __34("Replace the image with a smaller version or enable image optimization.", "elementor"),
+  title: __31("Oversized images", "elementor"),
+  description: __31("Large image files slow down the page.", "elementor"),
+  fixHint: __31("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: __34("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;
       }
@@ -2437,38 +2423,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: __31("No images", "elementor") };
+    }
     const violations = Array.from(widgetMaxKb.entries()).map(([elementId, kb]) => ({
-      auditId: audit10.id,
+      auditId: audit13.id,
       elementId,
       targetHint: "element-settings",
-      label: sprintf4(
+      label: sprintf3(
         /* translators: %d is the image file size in kilobytes. */
-        __34("Image is %d KB (over 500 KB).", "elementor"),
+        __31("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: __31("Optimize all", "elementor")
     }));
     return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { oversizedImageCount } };
   }
 };
 
 // src/audits/nested-boxed-containers.ts
-import { __ as __35 } from "@wordpress/i18n";
+import { __ as __32 } from "@wordpress/i18n";
 function isBoxed(settings) {
   return settings.content_width === "boxed";
 }
-var audit11 = {
+var audit14 = {
   id: "audits/nested-boxed-containers",
-  title: __35("Boxed container nested inside a boxed parent", "elementor"),
-  description: __35("An inner container does not need to be boxed when its parent already is.", "elementor"),
-  fixHint: __35("Change the inner container's content width to Full Width.", "elementor"),
+  title: __32("Boxed container nested inside a boxed parent", "elementor"),
+  description: __32("An inner container does not need to be boxed when its parent already is.", "elementor"),
+  fixHint: __32("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: __35("No elements", "elementor") };
+      return { status: "skipped", reason: __32("No elements", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node, parents) => {
@@ -2478,10 +2469,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: __35("Nested boxed container.", "elementor")
+          label: __32("Nested boxed container.", "elementor"),
+          angieFix: true,
+          angiePrompt: __32(
+            "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"
+          )
         });
       }
     });
@@ -2490,12 +2486,12 @@ var audit11 = {
 };
 
 // src/audits/page-excerpt.ts
-import { __ as __36 } from "@wordpress/i18n";
-var audit12 = {
+import { __ as __33 } from "@wordpress/i18n";
+var audit15 = {
   id: "audits/page-excerpt",
-  title: __36("Page excerpt", "elementor"),
-  description: __36("A descriptive excerpt helps search engines and previews summarize the page.", "elementor"),
-  fixHint: __36("Open Page Settings and write a short excerpt.", "elementor"),
+  title: __33("Page excerpt", "elementor"),
+  description: __33("A descriptive excerpt helps search engines and previews summarize the page.", "elementor"),
+  fixHint: __33("Open Page Settings and write a short excerpt.", "elementor"),
   categories: ["seo"],
   severity: "warning",
   weight: 5,
@@ -2507,8 +2503,8 @@ var audit12 = {
       status: "fail",
       violations: [
         {
-          auditId: audit12.id,
-          label: __36("Page has no excerpt.", "elementor"),
+          auditId: audit15.id,
+          label: __33("Page has no excerpt.", "elementor"),
           targetHint: "page-settings",
           angieFix: true
         }
@@ -2518,12 +2514,12 @@ var audit12 = {
 };
 
 // src/audits/page-featured-image.ts
-import { __ as __37 } from "@wordpress/i18n";
-var audit13 = {
+import { __ as __34 } from "@wordpress/i18n";
+var audit16 = {
   id: "audits/page-featured-image",
-  title: __37("Page featured image", "elementor"),
-  description: __37("Featured images are used by social shares and many themes for hero visuals.", "elementor"),
-  fixHint: __37("Open Page Settings and set a featured image.", "elementor"),
+  title: __34("Page featured image", "elementor"),
+  description: __34("Featured images are used by social shares and many themes for hero visuals.", "elementor"),
+  fixHint: __34("Open Page Settings and set a featured image.", "elementor"),
   categories: ["seo"],
   severity: "info",
   weight: 5,
@@ -2535,8 +2531,8 @@ var audit13 = {
       status: "fail",
       violations: [
         {
-          auditId: audit13.id,
-          label: __37("No featured image set.", "elementor"),
+          auditId: audit16.id,
+          label: __34("No featured image set.", "elementor"),
           targetHint: "page-settings"
         }
       ]
@@ -2545,13 +2541,13 @@ var audit13 = {
 };
 
 // src/audits/page-title.ts
-import { __ as __38 } from "@wordpress/i18n";
+import { __ as __35 } from "@wordpress/i18n";
 var MAX_TITLE_LENGTH = 60;
-var audit14 = {
+var audit17 = {
   id: "audits/page-title",
-  title: __38("Page title", "elementor"),
-  description: __38("Pages need a clear title for SEO and screen-reader navigation.", "elementor"),
-  fixHint: __38("Open Page Settings and add a title.", "elementor"),
+  title: __35("Page title", "elementor"),
+  description: __35("Pages need a clear title for SEO and screen-reader navigation.", "elementor"),
+  fixHint: __35("Open Page Settings and add a title.", "elementor"),
   categories: ["seo"],
   severity: "error",
   weight: 10,
@@ -2562,11 +2558,11 @@ var audit14 = {
         status: "fail",
         violations: [
           {
-            auditId: audit14.id,
-            label: __38("Page has no title.", "elementor"),
+            auditId: audit17.id,
+            label: __35("Page has no title.", "elementor"),
             targetHint: "page-settings",
             angieFix: true,
-            angiePrompt: __38(
+            angiePrompt: __35(
               "Based on this page's contents, generate a title for this page.",
               "elementor"
             )
@@ -2579,8 +2575,8 @@ var audit14 = {
         status: "fail",
         violations: [
           {
-            auditId: audit14.id,
-            label: __38("Page title is too long.", "elementor"),
+            auditId: audit17.id,
+            label: __35("Page title is too long.", "elementor"),
             targetHint: "page-settings",
             angieFix: true
           }
@@ -2592,7 +2588,7 @@ var audit14 = {
 };
 
 // src/audits/prefer-global-colors.ts
-import { __ as __39, sprintf as sprintf5 } from "@wordpress/i18n";
+import { __ as __36, sprintf as sprintf4 } from "@wordpress/i18n";
 
 // src/utils/collect-hardcoded-colors.ts
 var RESERVED_SETTING_KEYS = /* @__PURE__ */ new Set(["__globals__", "__dynamic__"]);
@@ -2658,20 +2654,20 @@ function findMatchingGlobalByValue(value, globals) {
 }
 
 // src/audits/prefer-global-colors.ts
-var audit15 = {
+var audit18 = {
   id: "audits/prefer-global-colors",
-  title: __39("Prefer global colors", "elementor"),
-  description: __39("Global colors make the design consistent and easy to update site-wide.", "elementor"),
-  fixHint: __39("Replace the hard-coded value with the matching global color.", "elementor"),
+  title: __36("Prefer global colors", "elementor"),
+  description: __36("Global colors make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: __36("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: __39("No elements", "elementor") };
+      return { status: "skipped", reason: __36("No elements", "elementor") };
     }
     if (ctx.kit.globals.colors.length === 0) {
-      return { status: "skipped", reason: __39("No global colors", "elementor") };
+      return { status: "skipped", reason: __36("No global colors", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node) => {
@@ -2681,13 +2677,13 @@ var audit15 = {
           continue;
         }
         violations.push({
-          auditId: audit15.id,
+          auditId: audit18.id,
           elementId: node.id,
           targetHint: "element-settings",
           angieFix: true,
-          label: sprintf5(
+          label: sprintf4(
             /* translators: 1: hard-coded color value, 2: global color title. */
-            __39('replace "%1$s" with "%2$s" global color', "elementor"),
+            __36('replace "%1$s" with "%2$s" global color', "elementor"),
             value,
             global.title
           )
@@ -2699,7 +2695,7 @@ var audit15 = {
 };
 
 // src/audits/prefer-global-fonts.ts
-import { __ as __40, sprintf as sprintf6 } from "@wordpress/i18n";
+import { __ as __37, sprintf as sprintf5 } from "@wordpress/i18n";
 
 // src/utils/collect-hardcoded-fonts.ts
 var RESERVED_SETTING_KEYS2 = /* @__PURE__ */ new Set(["__globals__", "__dynamic__"]);
@@ -2757,20 +2753,20 @@ function collectHardcodedFonts(settings, pathPrefix = "") {
 }
 
 // src/audits/prefer-global-fonts.ts
-var audit16 = {
+var audit19 = {
   id: "audits/prefer-global-fonts",
-  title: __40("Prefer global fonts", "elementor"),
-  description: __40("Global fonts make the design consistent and easy to update site-wide.", "elementor"),
-  fixHint: __40("Replace the hard-coded value with the matching global font.", "elementor"),
+  title: __37("Prefer global fonts", "elementor"),
+  description: __37("Global fonts make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: __37("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: __40("No elements", "elementor") };
+      return { status: "skipped", reason: __37("No elements", "elementor") };
     }
     if (ctx.kit.globals.fonts.length === 0) {
-      return { status: "skipped", reason: __40("No global fonts", "elementor") };
+      return { status: "skipped", reason: __37("No global fonts", "elementor") };
     }
     const violations = [];
     walkElements(ctx.elements.tree, (node) => {
@@ -2780,12 +2776,12 @@ var audit16 = {
           continue;
         }
         violations.push({
-          auditId: audit16.id,
+          auditId: audit19.id,
           elementId: node.id,
           targetHint: "element-settings",
-          label: sprintf6(
+          label: sprintf5(
             /* translators: %s: global font title. */
-            __40('replace hardcoded typography with "%s" global font', "elementor"),
+            __37('replace hardcoded typography with "%s" global font', "elementor"),
             global.title
           )
         });
@@ -2796,15 +2792,15 @@ var audit16 = {
 };
 
 // src/audits/privacy-policy.ts
-import { __ as __41 } from "@wordpress/i18n";
-var audit17 = {
+import { __ as __38 } from "@wordpress/i18n";
+var audit20 = {
   id: "audits/privacy-policy",
-  title: __41("Privacy policy", "elementor"),
-  description: __41(
+  title: __38("Privacy policy", "elementor"),
+  description: __38(
     "A privacy policy page is required by privacy regulations such as GDPR (EU) and CCPA (US).",
     "elementor"
   ),
-  fixHint: __41(
+  fixHint: __38(
     "Go to Settings > Privacy in the WordPress admin and assign a published privacy policy page.",
     "elementor"
   ),
@@ -2819,10 +2815,10 @@ var audit17 = {
       status: "fail",
       violations: [
         {
-          auditId: audit17.id,
-          label: __41("No privacy policy page is set.", "elementor"),
+          auditId: audit20.id,
+          label: __38("No privacy policy page is set.", "elementor"),
           externalUrl: ctx.pageContext.privacy_settings_url,
-          ctaLabel: __41("Create", "elementor")
+          ctaLabel: __38("Create", "elementor")
         }
       ]
     };
@@ -2830,15 +2826,15 @@ var audit17 = {
 };
 
 // src/audits/robots-noindex.ts
-import { __ as __42 } from "@wordpress/i18n";
-var audit18 = {
+import { __ as __39 } from "@wordpress/i18n";
+var audit21 = {
   id: "audits/robots-noindex",
-  title: __42("Search engine visibility", "elementor"),
-  description: __42(
+  title: __39("Search engine visibility", "elementor"),
+  description: __39(
     "When search engine visibility is checked in WordPress Settings -> Reading -> Search Engine Visibility, search engines are discouraged from indexing the website.",
     "elementor"
   ),
-  fixHint: __42(
+  fixHint: __39(
     '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"
   ),
@@ -2853,8 +2849,8 @@ var audit18 = {
       status: "fail",
       violations: [
         {
-          auditId: audit18.id,
-          label: __42("Search engines are discouraged from indexing this website.", "elementor"),
+          auditId: audit21.id,
+          label: __39("Search engines are discouraged from indexing this website.", "elementor"),
           externalUrl: ctx.pageContext.reading_settings_url
         }
       ]
@@ -2863,15 +2859,15 @@ var audit18 = {
 };
 
 // src/audits/scan-for-cookies.ts
-import { __ as __43 } from "@wordpress/i18n";
-var audit19 = {
+import { __ as __40 } from "@wordpress/i18n";
+var audit22 = {
   id: "audits/scan-for-cookies",
-  title: __43("Scan for cookies", "elementor"),
-  description: __43(
+  title: __40("Scan for cookies", "elementor"),
+  description: __40(
     "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: __43("Run a Cookiez scan on this page to see which cookies need disclosure.", "elementor"),
+  fixHint: __40("Run a Cookiez scan on this page to see which cookies need disclosure.", "elementor"),
   categories: ["compliance"],
   severity: "info",
   weight: 0,
@@ -2881,8 +2877,8 @@ var audit19 = {
       status: "fail",
       violations: [
         {
-          auditId: audit19.id,
-          label: __43("This page has not been scanned for cookies yet.", "elementor"),
+          auditId: audit22.id,
+          label: __40("This page has not been scanned for cookies yet.", "elementor"),
           externalUrl: isReady ? ctx.pageContext.cookiez_scan_url : ctx.pageContext.cookiez_plugin_action_url
         }
       ]
@@ -2891,29 +2887,29 @@ var audit19 = {
 };
 
 // src/audits/sections-and-columns.ts
-import { __ as __44 } from "@wordpress/i18n";
-var audit20 = {
+import { __ as __41 } from "@wordpress/i18n";
+var audit23 = {
   id: "audits/sections-and-columns",
-  title: __44("Sections and columns", "elementor"),
-  description: __44(
+  title: __41("Sections and columns", "elementor"),
+  description: __41(
     "Sections and columns are legacy elements. Containers render fewer DOM nodes and are more flexible.",
     "elementor"
   ),
-  fixHint: __44("Use the Container Converter to replace each section/column with a container.", "elementor"),
+  fixHint: __41("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: __44("No elements", "elementor") };
+      return { status: "skipped", reason: __41("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" ? __44("Section element", "elementor") : __44("Column element", "elementor")
+          label: node.elType === "section" ? __41("Section element", "elementor") : __41("Column element", "elementor")
         });
       }
     });
@@ -2922,15 +2918,15 @@ var audit20 = {
 };
 
 // src/audits/site-identity.ts
-import { __ as __45 } from "@wordpress/i18n";
-var audit21 = {
+import { __ as __42 } from "@wordpress/i18n";
+var audit24 = {
   id: "audits/site-identity",
-  title: __45("Site identity", "elementor"),
-  description: __45(
+  title: __42("Site identity", "elementor"),
+  description: __42(
     "Site name, description, logo, and favicon establish your brand and appear in search results and browser tabs.",
     "elementor"
   ),
-  fixHint: __45("Open Site Settings \u2192 Site Identity and complete all the missing fields.", "elementor"),
+  fixHint: __42("Open Site Settings \u2192 Site Identity and complete all the missing fields.", "elementor"),
   categories: ["best-practices", "seo"],
   severity: "info",
   weight: 7,
@@ -2939,30 +2935,30 @@ var audit21 = {
     const violations = [];
     if (!identity.site_name_set) {
       violations.push({
-        auditId: audit21.id,
-        label: __45("Site name is missing or still uses the default.", "elementor"),
+        auditId: audit24.id,
+        label: __42("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: __45("Site description is missing or still uses the default.", "elementor"),
+        auditId: audit24.id,
+        label: __42("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: __45("Site logo is not set.", "elementor"),
+        auditId: audit24.id,
+        label: __42("Site logo is not set.", "elementor"),
         targetHint: "site-identity-settings"
       });
     }
     if (!identity.site_favicon_set) {
       violations.push({
-        auditId: audit21.id,
-        label: __45("Site favicon is not set.", "elementor"),
+        auditId: audit24.id,
+        label: __42("Site favicon is not set.", "elementor"),
         targetHint: "site-identity-settings"
       });
     }
@@ -2976,87 +2972,58 @@ var audit21 = {
   }
 };
 
-// src/audits/too-many-widgets.ts
-import { getWidgetsCache as getWidgetsCache3 } from "@elementor/editor-elements";
-import { __ as __46 } from "@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: __46("Too many widgets", "elementor"),
-  description: __46("Excessive DOM size caused by too many widgets degrades rendering performance.", "elementor"),
-  fixHint: __46("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: __46("No elements", "elementor") };
-    }
-    const widgetsCache = getWidgetsCache3();
-    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: __46("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
+import { __privateListenTo as listenTo, commandEndEvent } from "@elementor/editor-v1-adapters";
+import { __dispatch as dispatch } from "@elementor/store";
+function syncReportStaleness() {
+  listenTo(commandEndEvent("document/save/set-is-modified"), (e) => {
+    const event = e;
+    if (event.args?.status) {
+      dispatch(slice.actions.reportStale());
+    }
+  });
+}
+
 // src/init.ts
 function init() {
   registerSlice(slice);
   registerAllAudits();
   registerFloatingPanel(auditPanel.panel);
   registerAppBarAuditsToggle();
+  syncReportStaleness();
 }
 export {
   init,