feat(modal): add rollout telemetry foundation

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

assets/js/pay-vip.js

@@ -252,21 +252,29 @@
     }
     if (loading) return;
     loading = true;
+    var telemetry = window.AksrtModalTelemetry;
+    var telemetryId = telemetry && typeof telemetry.start === "function" ? telemetry.start("vip") : "";
+    function telemetryMark(event) {
+      if (telemetry && telemetryId && typeof telemetry.mark === "function") telemetry.mark(telemetryId, event);
+    }
     var shell = ensureModalShell();
     var body = shell.querySelector("[data-aksrt-vip-modal-body]");
     if (body) body.innerHTML = '<div class="text-center padding-20 muted-2-color">加载中…</div>';
     openModal();
+    telemetryMark("shell");
 
     api("/pay/vip/modal", { query: { vip_level: level } })
       .then(function (r) {
         loading = false;
         if (r.status === 401) {
+          telemetryMark("unauthorized");
           closeModal();
           var login = document.querySelector(".signin-loader");
           if (login) login.click();
           return;
         }
         if (!r.ok || !r.json || !r.json.html) {
+          telemetryMark("error");
           if (body) {
             body.innerHTML =
               '<div class="text-center padding-20 c-red">' +
@@ -277,11 +285,14 @@
         }
         if (body) {
           body.innerHTML = r.json.html;
+          telemetryMark("first-content");
           bindModalUi(body);
+          telemetryMark("ready");
         }
       })
       .catch(function () {
         loading = false;
+        telemetryMark("error");
         if (body) {
           body.innerHTML = '<div class="text-center padding-20 c-red">网络错误</div>';
         }