@elementor/editor-audits 4.3.4 → 4.3.5

package/dist/index.js

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