@elementor/editor-audits 4.5.0-1150 → 4.5.0-1153

package/dist/index.d.mts

@@ -44,6 +44,7 @@ type AuditViolation = {
     ctaLabel?: string;
     secondaryCtaLabel?: string;
     secondaryCtaUrl?: string;
+    appInstalled?: boolean;
 };
 type PageContextResponse = {
     post_title: string | null;

package/dist/index.d.ts

@@ -44,6 +44,7 @@ type AuditViolation = {
     ctaLabel?: string;
     secondaryCtaLabel?: string;
     secondaryCtaUrl?: string;
+    appInstalled?: boolean;
 };
 type PageContextResponse = {
     post_title: string | null;

package/dist/index.js

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/init.ts
 var import_editor_floating_panels6 = require("@elementor/editor-floating-panels");
-var import_store7 = require("@elementor/store");
+var import_store9 = require("@elementor/store");
 
 // src/editor-app-bar.tsx
 var import_editor_app_bar = require("@elementor/editor-app-bar");
@@ -130,7 +130,7 @@ var import_editor_floating_panels5 = require("@elementor/editor-floating-panels"
 
 // src/components/audit-panel.tsx
 var React21 = __toESM(require("react"));
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_floating_panels4 = require("@elementor/editor-floating-panels");
 var import_ui20 = require("@elementor/ui");
 var import_i18n17 = require("@wordpress/i18n");
@@ -147,6 +147,16 @@ 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 PANEL_VIEWED_EVENT = "page_audit_panel_viewed";
+var PANEL_CLOSED_EVENT = "page_audit_panel_closed";
+var RUN_STARTED_EVENT = "page_audit_run_started";
+var RUN_COMPLETED_EVENT = "page_audit_run_completed";
+var FINDING_CLICKED_EVENT = "page_audit_finding_clicked";
+var TRACKING_WINDOW_NAME = "page_audit";
+var TRACKING_TARGET_LOCATION = "panel";
+var TRACKING_LOCATION_L1 = "audit_panel";
+var FIRST_OPEN_MESSAGE_KEY = "page-audit-panel-opened";
+var AUDIT_ID_PREFIX = "audits/";
 var ALL_CATEGORIES = [
   "best-practices",
   "seo",
@@ -664,13 +674,125 @@ function persistReport(documentId, report) {
   (0, import_session.setSessionStorageItem)(getStorageKey(documentId), report);
 }
 
+// src/utils/tracking.ts
+var import_events = require("@elementor/events");
+
+// src/utils/tracking-names.ts
+function toTrackingSeverity(severity) {
+  return severity === "info" ? "suggestion" : severity;
+}
+function toCheckName(auditId) {
+  return auditId.replace(AUDIT_ID_PREFIX, "").replace(/-/g, "_");
+}
+
+// src/utils/build-run-summary.ts
+var SEVERITY_PRIORITY = ["error", "warning", "suggestion"];
+function buildRunSummary(report) {
+  const requiredFixes = report.auditResults.filter(({ audit: audit25, result }) => result.status === "fail" && isScoredAudit(audit25)).map(({ audit: audit25 }) => ({ check: toCheckName(audit25.id), severity: toTrackingSeverity(audit25.severity) }));
+  const countBySeverity = (severity) => requiredFixes.filter((fix) => fix.severity === severity).length;
+  const highestSeverity = SEVERITY_PRIORITY.find((severity) => countBySeverity(severity) > 0);
+  return {
+    state: highestSeverity ?? "success",
+    metadata: {
+      score: report.overall,
+      fix_count: requiredFixes.length,
+      error_count: countBySeverity("error"),
+      warning_count: countBySeverity("warning"),
+      suggestion_count: countBySeverity("suggestion"),
+      required_fixes: requiredFixes
+    }
+  };
+}
+
+// src/utils/tracking.ts
+var dispatch = (eventName, payload) => {
+  (0, import_events.getMixpanel)().dispatchEvent?.(eventName, {
+    window_name: TRACKING_WINDOW_NAME,
+    target_location: TRACKING_TARGET_LOCATION,
+    location_l1: TRACKING_LOCATION_L1,
+    ...payload
+  });
+};
+var trackPanelViewed = ({
+  hasPriorReport,
+  isFirstOpen
+}) => {
+  dispatch(PANEL_VIEWED_EVENT, {
+    interaction_type: "view",
+    target_type: "panel",
+    target_name: "page_audit_panel",
+    interaction_result: "panel_viewed",
+    metadata: { has_prior_report: hasPriorReport, is_first_open: isFirstOpen }
+  });
+};
+var trackPanelClosed = () => {
+  dispatch(PANEL_CLOSED_EVENT, {
+    interaction_type: "click",
+    target_type: "button",
+    target_name: "close",
+    interaction_result: "panel_closed"
+  });
+};
+var trackRunStarted = (trigger) => {
+  dispatch(RUN_STARTED_EVENT, {
+    interaction_type: "click",
+    target_type: "button",
+    target_name: trigger,
+    interaction_result: "run_initiated"
+  });
+};
+var trackRunOutcome = (interactionResult, details) => {
+  dispatch(RUN_COMPLETED_EVENT, {
+    interaction_type: "view",
+    target_type: "report",
+    target_name: "audit_report",
+    interaction_result: interactionResult,
+    ...details
+  });
+};
+var trackRunCompleted = (report) => {
+  const { state, metadata } = buildRunSummary(report);
+  trackRunOutcome("run_completed", { state, metadata });
+};
+var trackRunFailed = () => {
+  trackRunOutcome("run_failed", {});
+};
+var trackFixWithApp = (audit25, violation, locationL2) => {
+  if (violation.appInstalled === void 0) {
+    return;
+  }
+  trackFindingClicked({
+    audit: audit25,
+    locationL2,
+    actionType: "fix_with_app",
+    interactionResult: "app_opened",
+    appInstalled: violation.appInstalled
+  });
+};
+var trackFindingClicked = (click) => {
+  const { audit: audit25, locationL2, actionType, interactionResult } = click;
+  dispatch(FINDING_CLICKED_EVENT, {
+    interaction_type: "click",
+    target_type: "row",
+    target_name: "finding_row",
+    action_type: actionType,
+    target_value: toCheckName(audit25.id),
+    interaction_result: interactionResult,
+    state: toTrackingSeverity(audit25.severity),
+    location_l2: locationL2,
+    ...click.actionType === "fix_with_app" && {
+      app_status: click.appInstalled ? "installed" : "not_installed"
+    }
+  });
+};
+
 // src/hooks/use-audit-report.ts
 function useAuditReport() {
   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 dispatch3 = (0, import_store4.__useDispatch)();
   const documentId = (0, import_editor_elements3.getHostDocumentId)() ?? 0;
   (0, import_react.useEffect)(() => {
     if (!documentId || report?.documentId === documentId) {
@@ -678,35 +800,63 @@ function useAuditReport() {
     }
     const persisted = getPersistedReport(documentId);
     if (persisted) {
-      dispatch2(slice.actions.reportRestored(persisted));
+      dispatch3(slice.actions.reportRestored(persisted));
     } else if (report) {
-      dispatch2(slice.actions.reportCleared());
+      dispatch3(slice.actions.reportCleared());
     }
-  }, [documentId, report, dispatch2]);
-  const run = async (documentIdToRun) => {
-    dispatch2(slice.actions.runStarted());
+  }, [documentId, report, dispatch3]);
+  const run = async (documentIdToRun, trigger) => {
+    dispatch3(slice.actions.runStarted());
+    trackRunStarted(trigger);
     try {
       const nextReport = await runPageAudit(documentIdToRun);
-      dispatch2(slice.actions.runSucceeded(nextReport));
+      dispatch3(slice.actions.runSucceeded(nextReport));
       persistReport(documentIdToRun, nextReport);
+      trackRunCompleted(nextReport);
     } catch (e) {
       if (e instanceof SessionExpiredError) {
-        dispatch2(slice.actions.runAborted());
+        dispatch3(slice.actions.runAborted());
+        trackRunFailed();
         return;
       }
-      dispatch2(slice.actions.runFailed(e instanceof Error ? e.message : "Unknown error"));
+      dispatch3(slice.actions.runFailed(e instanceof Error ? e.message : "Unknown error"));
+      trackRunFailed();
     }
   };
   return { status, report, error, isStale, run };
 }
 
+// src/hooks/use-track-panel-viewed.ts
+var import_react2 = require("react");
+var import_editor_current_user = require("@elementor/editor-current-user");
+var import_editor_elements4 = require("@elementor/editor-elements");
+var import_store6 = require("@elementor/store");
+function useTrackPanelViewed() {
+  const { data: currentUser } = (0, import_editor_current_user.useCurrentUser)();
+  const [isFirstOpenMessageSuppressed, suppressFirstOpenMessage] = (0, import_editor_current_user.useSuppressedMessage)(FIRST_OPEN_MESSAGE_KEY);
+  const report = (0, import_store6.__useSelector)((state) => selectReport(state));
+  const [hasPriorReport] = (0, import_react2.useState)(() => {
+    const documentId = (0, import_editor_elements4.getHostDocumentId)() ?? 0;
+    return Boolean(report) || Boolean(documentId && getPersistedReport(documentId));
+  });
+  const hasTracked = (0, import_react2.useRef)(false);
+  (0, import_react2.useEffect)(() => {
+    if (!currentUser || hasTracked.current) {
+      return;
+    }
+    hasTracked.current = true;
+    trackPanelViewed({ hasPriorReport, isFirstOpen: !isFirstOpenMessageSuppressed });
+    suppressFirstOpenMessage();
+  }, [currentUser, hasPriorReport, isFirstOpenMessageSuppressed, suppressFirstOpenMessage]);
+}
+
 // src/components/audit-feedback.tsx
 var React2 = __toESM(require("react"));
-var import_react2 = require("react");
+var import_react3 = 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_events2 = require("@elementor/events");
 var import_http_client2 = require("@elementor/http-client");
 var import_icons2 = require("@elementor/icons");
 var import_ui2 = require("@elementor/ui");
@@ -729,10 +879,10 @@ var notifyError = () => (0, import_editor_notifications.notify)({
   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 [isOpen, setIsOpen] = (0, import_react3.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react3.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react3.useState)(false);
+  const { dispatchEvent: trackEvent = (...args) => void args } = (0, import_events2.useMixpanel)();
   const panelZIndex = (0, import_editor_floating_panels.useFloatingPanelZIndex)(AUDIT_PANEL_ID);
   if (!(0, import_editor_v1_adapters.isExperimentActive)(FEEDBACK_EXPERIMENT_NAME)) {
     return null;
@@ -870,7 +1020,7 @@ function WelcomePage() {
 
 // src/components/report-shell.tsx
 var React19 = __toESM(require("react"));
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_ui18 = require("@elementor/ui");
 
 // src/components/pages/category-page.tsx
@@ -879,9 +1029,9 @@ var import_ui12 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 
 // src/hooks/use-single-expanded-card.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 function useSingleExpandedCard(initialId = null) {
-  const [expandedId, setExpandedId] = (0, import_react3.useState)(initialId);
+  const [expandedId, setExpandedId] = (0, import_react4.useState)(initialId);
   const toggle = (id) => {
     setExpandedId((current) => current === id ? null : id);
   };
@@ -900,12 +1050,12 @@ var CATEGORY_ICONS = {
 
 // src/components/status-section.tsx
 var React6 = __toESM(require("react"));
-var import_react4 = require("react");
+var import_react5 = 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_react4.useState)(defaultExpanded);
+  const [expanded, setExpanded] = (0, import_react5.useState)(defaultExpanded);
   if (React6.Children.count(children) === 0) {
     return null;
   }
@@ -948,21 +1098,21 @@ function SubpageHeader({ title, onBack, backLabel, icon }) {
 
 // src/components/violation-row.tsx
 var React12 = __toESM(require("react"));
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var import_editor_floating_panels2 = require("@elementor/editor-floating-panels");
 var import_icons10 = require("@elementor/icons");
 var import_ui11 = require("@elementor/ui");
 var import_i18n10 = require("@wordpress/i18n");
 
 // src/hooks/focus-violation.ts
-var import_editor_elements4 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var SCROLL_TO_VIEW_DELAY_MS = 200;
 function focusViolation(violation) {
   if (violation.elementId) {
-    const container = (0, import_editor_elements4.getContainer)(violation.elementId);
+    const container = (0, import_editor_elements5.getContainer)(violation.elementId);
     if (container) {
-      (0, import_editor_elements4.selectElement)(violation.elementId);
+      (0, import_editor_elements5.selectElement)(violation.elementId);
       const domElement = container.view?.getDomElement?.();
       if (domElement) {
         window.elementor?.helpers?.scrollToView?.(domElement, SCROLL_TO_VIEW_DELAY_MS);
@@ -971,25 +1121,27 @@ function focusViolation(violation) {
     if (violation.targetHint === "element-settings") {
       (0, import_editor_v1_adapters2.__privateRunCommand)("panel/editor/open");
     }
-    return;
+    return container ? "element_focused" : null;
   }
   if (violation.externalUrl) {
     window.open(violation.externalUrl, "_blank");
-    return;
+    return "external_url_opened";
   }
   if (violation.targetHint === "page-settings") {
     (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/page-settings/settings");
-    return;
+    return "page_settings_opened";
   }
   if (violation.targetHint === "site-settings") {
     (0, import_editor_v1_adapters2.__privateRunCommand)("panel/global/open");
-    return;
+    return "site_settings_opened";
   }
   if (violation.targetHint === "site-identity-settings") {
     void (0, import_editor_v1_adapters2.__privateRunCommand)("panel/global/open").then(() => {
       (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/global/settings-site-identity");
     });
+    return "site_settings_opened";
   }
+  return null;
 }
 
 // src/utils/build-angie-prompt.ts
@@ -1018,7 +1170,7 @@ var import_editor_mcp = require("@elementor/editor-mcp");
 var import_icons6 = require("@elementor/icons");
 var import_ui8 = require("@elementor/ui");
 var import_i18n9 = require("@wordpress/i18n");
-function FixViolationWithAngie({ prompt, panelZIndex, variant = "icon" }) {
+function FixViolationWithAngie({ audit: audit25, prompt, panelZIndex, variant = "icon" }) {
   const label = (0, import_i18n9.__)("Fix with Angie", "elementor");
   const href = `#angie-prompt=${encodeURIComponent(prompt)}`;
   const handleClick = (event) => {
@@ -1026,6 +1178,12 @@ function FixViolationWithAngie({ prompt, panelZIndex, variant = "icon" }) {
     event.preventDefault();
     if ((0, import_editor_mcp.isAngieAvailable)()) {
       (0, import_editor_mcp.sendPromptToAngie)(prompt);
+      trackFindingClicked({
+        audit: audit25,
+        locationL2: "issues",
+        actionType: "fix_with_angie",
+        interactionResult: "angie_prompt_sent"
+      });
       return;
     }
     window.dispatchEvent(
@@ -1074,11 +1232,18 @@ function SeverityIcon({ severity }) {
 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 }) {
+function ViolationCtaButton({
+  ctaLabel,
+  externalUrl,
+  variant = "outlined",
+  withIcon = false,
+  onOpen
+}) {
   const handleClick = (event) => {
     event.stopPropagation();
     event.preventDefault();
     window.open(externalUrl, "_blank", "noopener");
+    onOpen?.();
   };
   return /* @__PURE__ */ React10.createElement(
     import_ui9.Button,
@@ -1129,6 +1294,7 @@ function StatusIndicator({ audit: audit25, violations }) {
   return /* @__PURE__ */ React12.createElement(import_icons10.CheckIcon, { fontSize: "small", color: "success" });
 }
 function GuidanceAction({
+  audit: audit25,
   violation,
   sharedAngiePrompt,
   panelZIndex
@@ -1142,7 +1308,8 @@ function GuidanceAction({
     {
       ctaLabel: violation.ctaLabel,
       externalUrl: violation.externalUrl,
-      withIcon: true
+      withIcon: true,
+      onOpen: () => trackFixWithApp(audit25, violation, "issues")
     }
   ), hasPrimaryCta && violation.secondaryCtaLabel && violation.secondaryCtaUrl && /* @__PURE__ */ React12.createElement(
     ViolationCtaButton,
@@ -1151,7 +1318,15 @@ function GuidanceAction({
       externalUrl: violation.secondaryCtaUrl,
       variant: "text"
     }
-  ), sharedAngiePrompt && /* @__PURE__ */ React12.createElement(FixViolationWithAngie, { prompt: sharedAngiePrompt, panelZIndex, variant: "button" }));
+  ), sharedAngiePrompt && /* @__PURE__ */ React12.createElement(
+    FixViolationWithAngie,
+    {
+      audit: audit25,
+      prompt: sharedAngiePrompt,
+      panelZIndex,
+      variant: "button"
+    }
+  ));
 }
 function getSharedAngiePrompt(violations) {
   if (!violations || violations.length < 2) {
@@ -1171,9 +1346,20 @@ function ViolationRow({ audit: audit25, expanded, onToggleExpand, skipReason, vi
   const isGuidanceFocusable = !!primaryViolation;
   const panelZIndex = (0, import_editor_floating_panels2.useFloatingPanelZIndex)(AUDIT_PANEL_ID);
   const sharedAngiePrompt = getSharedAngiePrompt(violations);
+  const viewIssue = (violation) => {
+    const interactionResult = focusViolation(violation);
+    if (interactionResult) {
+      trackFindingClicked({
+        audit: audit25,
+        locationL2: "issues",
+        actionType: "view_issue",
+        interactionResult
+      });
+    }
+  };
   const handleGuidanceClick = () => {
     if (isGuidanceFocusable && primaryViolation) {
-      focusViolation(primaryViolation);
+      viewIssue(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(
@@ -1223,14 +1409,15 @@ function ViolationRow({ audit: audit25, expanded, onToggleExpand, skipReason, vi
     primaryViolation && /* @__PURE__ */ React12.createElement(
       GuidanceAction,
       {
+        audit: audit25,
         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 widgetIcon = violation.elementId ? (0, import_editor_elements6.getElementIcon)(violation.elementId) : null;
+    const elementTitle = violation.elementId ? (0, import_editor_elements6.getElementTitle)(violation.elementId) : null;
     const displayLabel = elementTitle ?? violation.label;
     const angiePromptContext = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
     const showsOwnFixAction = !!violation.angieFix && !sharedAngiePrompt;
@@ -1240,8 +1427,8 @@ function ViolationRow({ audit: audit25, expanded, onToggleExpand, skipReason, vi
         key: idx,
         role: "button",
         tabIndex: 0,
-        onClick: () => focusViolation(violation),
-        onKeyDown: onKeyboardClick(() => focusViolation(violation)),
+        onClick: () => viewIssue(violation),
+        onKeyDown: onKeyboardClick(() => viewIssue(violation)),
         sx: {
           display: "flex",
           alignItems: "center",
@@ -1267,6 +1454,7 @@ function ViolationRow({ audit: audit25, expanded, onToggleExpand, skipReason, vi
         /* @__PURE__ */ React12.createElement(
           FixViolationWithAngie,
           {
+            audit: audit25,
             prompt: violation.angiePrompt ?? buildAngiePrompt(angiePromptContext),
             panelZIndex
           }
@@ -1530,8 +1718,12 @@ function Promotions({ report }) {
       ctaLabel: config.ctaLabel,
       ctaDisabled: !ctaUrl,
       onCtaClick: () => {
-        if (ctaUrl) {
-          window.open(ctaUrl, "_blank");
+        if (!ctaUrl) {
+          return;
+        }
+        window.open(ctaUrl, "_blank", "noopener");
+        if (run.result.status === "fail") {
+          trackFixWithApp(run.audit, run.result.violations[0], "overview");
         }
       }
     }
@@ -1584,7 +1776,7 @@ function isCategoryPage(page) {
   return typeof page === "object" && "category" in page;
 }
 function ReportShell({ report }) {
-  const [activePage, setActivePage] = (0, import_react5.useState)("overview");
+  const [activePage, setActivePage] = (0, import_react6.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 }));
@@ -1622,8 +1814,9 @@ function RescanButton({ hasScanned, isStale, disabled, onClick }) {
 // src/components/audit-panel.tsx
 function AuditPanel() {
   const { status, report, error, isStale, run } = useAuditReport();
-  const hostDocumentId = (0, import_editor_elements6.getHostDocumentId)() ?? 0;
-  const onRun = () => run(hostDocumentId);
+  useTrackPanelViewed();
+  const hostDocumentId = (0, import_editor_elements7.getHostDocumentId)() ?? 0;
+  const onRun = () => run(hostDocumentId, report ? "rescan" : "run_audit");
   const lastScanLabel = report ? new Date(report.runAt).toLocaleTimeString() : null;
   return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
     import_editor_floating_panels4.FloatingPanelHeader,
@@ -1631,7 +1824,8 @@ function AuditPanel() {
       panelId: AUDIT_PANEL_ID,
       title: (0, import_i18n17.__)("Page Audit", "elementor"),
       badge: (0, import_i18n17.__)("Beta", "elementor"),
-      titleVariant: "subtitle2"
+      titleVariant: "subtitle2",
+      onClose: trackPanelClosed
     }
   ), /* @__PURE__ */ React21.createElement(
     import_editor_floating_panels4.FloatingPanelBody,
@@ -1748,7 +1942,8 @@ var audit2 = {
           externalUrl: isReady ? ctx.pageContext.ally_accessibility_statement_url : ctx.pageContext.ally_plugin_url,
           ctaLabel: (0, import_i18n20.__)("Create", "elementor"),
           secondaryCtaLabel: (0, import_i18n20.__)("Learn more", "elementor"),
-          secondaryCtaUrl: "https://elementor.com/help/start-using-ally/#statement"
+          secondaryCtaUrl: "https://elementor.com/help/start-using-ally/#statement",
+          appInstalled: isReady
         }
       ]
     };
@@ -1791,7 +1986,8 @@ var audit3 = {
           auditId: audit3.id,
           label: (0, import_i18n21.__)("No accessibility widget is active on this site.", "elementor"),
           externalUrl: isReady ? ctx.pageContext.ally_widget_settings_url : ctx.pageContext.ally_plugin_url,
-          ctaLabel: (0, import_i18n21.__)("Activate", "elementor")
+          ctaLabel: (0, import_i18n21.__)("Activate", "elementor"),
+          appInstalled: isReady
         }
       ]
     };
@@ -1822,7 +2018,8 @@ var audit4 = {
           auditId: audit4.id,
           label: (0, import_i18n22.__)("Cookiez plugin is not installed or active.", "elementor"),
           externalUrl: ctx.pageContext.cookiez_plugin_url,
-          ctaLabel: (0, import_i18n22.__)("Set up cookie consent", "elementor")
+          ctaLabel: (0, import_i18n22.__)("Set up cookie consent", "elementor"),
+          appInstalled: ctx.pageContext.cookiez_plugin_active
         }
       ]
     };
@@ -1830,7 +2027,7 @@ var audit4 = {
 };
 
 // src/audits/deep-nesting.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 var import_i18n23 = require("@wordpress/i18n");
 var MAX_NESTING_DEPTH = 6;
 function isNestingElement(node, widgetsCache) {
@@ -1854,7 +2051,7 @@ var audit5 = {
     if (ctx.elements.tree.length === 0) {
       return { status: "skipped", reason: (0, import_i18n23.__)("No elements", "elementor") };
     }
-    const widgetsCache = (0, import_editor_elements7.getWidgetsCache)();
+    const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
     const violations = [];
     walkElements(ctx.elements.tree, (node, parents) => {
       if (!isNestingElement(node, widgetsCache)) {
@@ -1905,7 +2102,7 @@ var audit6 = {
 };
 
 // src/audits/deprecated-widgets.ts
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var import_i18n25 = require("@wordpress/i18n");
 var DEPRECATION_CONTROL_NAME = "deprecation_message";
 var audit7 = {
@@ -1920,7 +2117,7 @@ var audit7 = {
   severity: "warning",
   weight: 7,
   evaluate: (ctx) => {
-    const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
+    const widgetsCache = (0, import_editor_elements9.getWidgetsCache)();
     if (!widgetsCache) {
       return { status: "skipped", reason: "widgets-cache-unavailable" };
     }
@@ -2008,6 +2205,7 @@ var audit8 = {
             auditId: audit8.id,
             label,
             ctaLabel: (0, import_i18n26.__)("Enable", "elementor"),
+            appInstalled: true,
             externalUrl: ctx.pageContext.cookiez_consent_mode_settings_url
           }
         ]
@@ -2351,7 +2549,8 @@ var audit11 = {
           targetHint: "element-settings",
           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")
+          ctaLabel: (0, import_i18n29.__)("Fix with Ally", "elementor"),
+          appInstalled: isReady
         });
       }
     });
@@ -2400,7 +2599,8 @@ var audit12 = {
       targetHint: "element-settings",
       label: (0, import_i18n30.__)("Image isn't served in a modern format like WebP or AVIF.", "elementor"),
       externalUrl: isReady ? ctx.pageContext.image_optimization_settings_url : ctx.pageContext.image_optimization_plugin_url,
-      ctaLabel: (0, import_i18n30.__)("Optimize all", "elementor")
+      ctaLabel: (0, import_i18n30.__)("Optimize all", "elementor"),
+      appInstalled: isReady
     }));
     return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { inefficientImageFormatCount } };
   }
@@ -2454,7 +2654,8 @@ var audit13 = {
         kb
       ),
       externalUrl: isReady ? ctx.pageContext.image_optimization_settings_url : ctx.pageContext.image_optimization_plugin_url,
-      ctaLabel: (0, import_i18n31.__)("Optimize all", "elementor")
+      ctaLabel: (0, import_i18n31.__)("Optimize all", "elementor"),
+      appInstalled: isReady
     }));
     return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { oversizedImageCount } };
   }
@@ -2895,7 +3096,8 @@ var audit22 = {
         {
           auditId: audit22.id,
           label: (0, import_i18n40.__)("This page has not been scanned for cookies yet.", "elementor"),
-          externalUrl: isReady ? ctx.pageContext.cookiez_scan_url : ctx.pageContext.cookiez_plugin_action_url
+          externalUrl: isReady ? ctx.pageContext.cookiez_scan_url : ctx.pageContext.cookiez_plugin_action_url,
+          appInstalled: isReady
         }
       ]
     };
@@ -3023,19 +3225,19 @@ function registerAllAudits() {
 
 // src/sync-report-staleness.ts
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
-var import_store6 = require("@elementor/store");
+var import_store8 = 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());
+      (0, import_store8.__dispatch)(slice.actions.reportStale());
     }
   });
 }
 
 // src/init.ts
 function init() {
-  (0, import_store7.__registerSlice)(slice);
+  (0, import_store9.__registerSlice)(slice);
   registerAllAudits();
   (0, import_editor_floating_panels6.registerFloatingPanel)(auditPanel.panel);
   registerAppBarAuditsToggle();