☰

ChatGPT: Message Records

Remind you how many quota you left

  1. // ==UserScript==
  2. // @name        ChatGPT: Message Records
  3. // @namespace   UserScripts
  4. // @match       https://chatgpt.com/*
  5. // @match       https://chat.openai.com/*
  6. // @grant       GM.getValue
  7. // @grant       GM.setValue
  8. // @grant       GM.deleteValue
  9. // @grant       GM_addValueChangeListener
  10. // @grant       unsafeWindow
  11. // @version     1.2.2
  12. // @author      CY Fung
  13. // @license     MIT
  14. // @description Remind you how many quota you left
  15. // @run-at      document-start
  16. // @inject-into page
  17. // ==/UserScript==
  18.  
  19. const __errorCode21167__ = (() => {
  20.  
  21.   try {
  22.     Promise.resolve('\u{1F4D9}', ((async () => { })()).constructor);
  23.   } catch (e) {
  24.     console.log('%cUnsupported Browser', 'background-color: #FAD02E; color: #333; padding: 4px 8px; font-weight: bold; border-radius: 4px;');
  25.     return 0x3041;
  26.   }
  27.  
  28.   if (typeof GM_addValueChangeListener !== 'function' || typeof GM !== 'object' || typeof (GM || 0).setValue !== 'function') {
  29.     console.log('%cUnsupported UserScript Manager', 'background-color: #FAD02E; color: #333; padding: 4px 8px; font-weight: bold; border-radius: 4px;');
  30.     return 0x3042;
  31.   }
  32.  
  33.   return 0;
  34. })();
  35.  
  36. __errorCode21167__ || (() => {
  37.  
  38.   /** @type {Window} */
  39.   const uWin = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
  40.   /** @type {{ globalThis.PromiseConstructor}} */
  41.   const Promise = ((async () => { })()).constructor;
  42.  
  43.   let __recordId_new = 1;
  44.   let abortCounter = 0;
  45.  
  46.   let userOpenAction = null;
  47.  
  48.   const kPattern = (num) => {
  49.     const letters = 'abcdefghijklmnopqrstuvwxyz';
  50.     const k = num % 9;
  51.     const j = Math.floor(num / 9);
  52.     const letter = letters[j];
  53.     return `${letter}${k + 1}`;
  54.   }
  55.  
  56.   const kHash = (n) => {
  57.     if (n < 0 || n > 54755) {
  58.       throw new Error('Number out of range');
  59.     }
  60.  
  61.     const nValue = 9 * 26; // precompute this value since it's constant
  62.  
  63.     // Simplified equation, combined terms
  64.     let hashBase = (n * 9173) % 54756;
  65.     // ((54756 - n) * 9173 + (n) * 7919 + (n) * 5119) % 54756;`
  66.  
  67.     let hash = '';
  68.     for (let i = 0; i < 2; i++) {
  69.       const t = hashBase % nValue;
  70.       hash = kPattern(t) + hash;
  71.       hashBase = Math.floor(hashBase / nValue);
  72.     }
  73.  
  74.     return hash;
  75.   }
  76.  
  77.   const cleanContext = async (win, gmWindow) => {
  78.     /** @param {Window} fc */
  79.     const sanitize = (fc) => {
  80.       const { setTimeout, clearTimeout, setInterval, clearInterval, requestAnimationFrame, cancelAnimationFrame } = fc;
  81.       const res = { setTimeout, clearTimeout, setInterval, clearInterval, requestAnimationFrame, cancelAnimationFrame };
  82.       for (let k in res) res[k] = res[k].bind(win); // necessary
  83.       return res;
  84.     }
  85.     if (gmWindow && typeof gmWindow === 'object' && gmWindow.GM_info && gmWindow.GM) {
  86.       let isIsolatedContext = (
  87.         (gmWindow.requestAnimationFrame !== win.requestAnimationFrame) &&
  88.         (gmWindow.cancelAnimationFrame !== win.cancelAnimationFrame) &&
  89.         (gmWindow.setTimeout !== win.setTimeout) &&
  90.         (gmWindow.setInterval !== win.setInterval) &&
  91.         (gmWindow.clearTimeout !== win.clearTimeout) &&
  92.         (gmWindow.clearInterval !== win.clearInterval)
  93.       );
  94.       if (isIsolatedContext) {
  95.         return sanitize(gmWindow);
  96.       }
  97.     }
  98.     const waitFn = requestAnimationFrame; // shall have been binded to window
  99.     try {
  100.       let mx = 16; // MAX TRIAL
  101.       const frameId = 'vanillajs-iframe-v1'
  102.       let frame = document.getElementById(frameId);
  103.       let removeIframeFn = null;
  104.       if (!frame) {
  105.         frame = document.createElement('iframe');
  106.         frame.id = frameId;
  107.         const blobURL = typeof webkitCancelAnimationFrame === 'function' && typeof kagi === 'undefined' ? (frame.src = URL.createObjectURL(new Blob([], { type: 'text/html' }))) : null; // avoid Brave Crash
  108.         frame.sandbox = 'allow-same-origin'; // script cannot be run inside iframe but API can be obtained from iframe
  109.         let n = document.createElement('noscript'); // wrap into NOSCRPIT to avoid reflow (layouting)
  110.         n.appendChild(frame);
  111.         while (!document.documentElement && mx-- > 0) await new Promise(waitFn); // requestAnimationFrame here could get modified by YouTube engine
  112.         const root = document.documentElement;
  113.         root.appendChild(n); // throw error if root is null due to exceeding MAX TRIAL
  114.         if (blobURL) Promise.resolve().then(() => URL.revokeObjectURL(blobURL));
  115.  
  116.         removeIframeFn = (setTimeout) => {
  117.           const removeIframeOnDocumentReady = (e) => {
  118.             e && win.removeEventListener("DOMContentLoaded", removeIframeOnDocumentReady, false);
  119.             e = n;
  120.             n = win = removeIframeFn = 0;
  121.             setTimeout ? setTimeout(() => e.remove(), 200) : e.remove();
  122.           }
  123.           if (!setTimeout || document.readyState !== 'loading') {
  124.             removeIframeOnDocumentReady();
  125.           } else {
  126.             win.addEventListener("DOMContentLoaded", removeIframeOnDocumentReady, false);
  127.           }
  128.         }
  129.       }
  130.       while (!frame.contentWindow && mx-- > 0) await new Promise(waitFn);
  131.       const fc = frame.contentWindow;
  132.       if (!fc) throw "window is not found."; // throw error if root is null due to exceeding MAX TRIAL
  133.       try {
  134.         const res = sanitize(fc);
  135.         if (removeIframeFn) Promise.resolve(res.setTimeout).then(removeIframeFn);
  136.         return res;
  137.       } catch (e) {
  138.         if (removeIframeFn) removeIframeFn();
  139.         return null;
  140.       }
  141.     } catch (e) {
  142.       console.warn(e);
  143.       return null;
  144.     }
  145.   };
  146.  
  147.   const observablePromise = (proc, timeoutPromise) => {
  148.     let promise = null;
  149.     return {
  150.       obtain() {
  151.         if (!promise) {
  152.           promise = new Promise(resolve => {
  153.             let mo = null;
  154.             const f = () => {
  155.               let t = proc();
  156.               if (t) {
  157.                 mo.disconnect();
  158.                 mo.takeRecords();
  159.                 mo = null;
  160.                 resolve(t);
  161.               }
  162.             }
  163.             mo = new MutationObserver(f);
  164.             mo.observe(document, { subtree: true, childList: true })
  165.             f();
  166.             timeoutPromise && timeoutPromise.then(() => {
  167.               resolve(null)
  168.             });
  169.           });
  170.         }
  171.         return promise
  172.       }
  173.     }
  174.   }
  175.  
  176.   cleanContext(uWin, window).then((__CONTEXT__) => {
  177.  
  178.     const { setTimeout, clearTimeout, setInterval, clearInterval, requestAnimationFrame, cancelAnimationFrame } = __CONTEXT__;
  179.     
  180.     const console = Object.assign({}, window.console);
  181.     /** @type {JSON.parse} */
  182.     const jParse = window.JSON.parse.bind(window.JSON);
  183.     const jParseCatched = (val) => {
  184.       let res = null;
  185.       try {
  186.         res = jParse(val);
  187.       } catch (e) { }
  188.       return res;
  189.     }
  190.     const jStringify = window.JSON.stringify.bind(window.JSON);
  191.  
  192.     const GM_RECORD_KEY = 'TOTAL_MESSAGE_RECORDS';
  193.  
  194.     let __foregroundActivityMeasure = 0;
  195.     let __totalActivityMeasure = 0;
  196.     const foregroundActivityMeasureInterval = 500;
  197.     const amiUL = foregroundActivityMeasureInterval * 1.1;
  198.     const amiLL = foregroundActivityMeasureInterval * 0.9;
  199.     const activityMeasure = {
  200.       get foreground() {
  201.         return __foregroundActivityMeasure;
  202.       },
  203.  
  204.       get background() {
  205.         return activityMeasure.total - activityMeasure.foreground;
  206.       },
  207.       get total() {
  208.         return Math.round(__totalActivityMeasure)
  209.       }
  210.     }
  211.  
  212.  
  213.     let __uid = 0;
  214.  
  215.     let message_cap = null;
  216.  
  217.     let message_cap_window = null;
  218.     let categories = null;
  219.     let models = null;
  220.     let currentAccount = null;
  221.     let currentUser = null;
  222.     const getUserId = () => currentAccount && currentUser ? `${currentAccount}.${currentUser}` : '';
  223.  
  224.     const dummyObject = {};
  225.     for (const [key, value] of Object.entries(console)) {
  226.       if (typeof value === 'function' && typeof dummyObject[key] !== 'function') {
  227.         console[key] = value.bind(window.console);
  228.       }
  229.     }
  230.  
  231.     const messageRecords = [];
  232.     let messageRecordsOnCurrentAccount = null;
  233.  
  234.  
  235.  
  236.     let rafPromise = null;
  237.     const getRafPromise = () => rafPromise || (rafPromise = new Promise(resolve => {
  238.       requestAnimationFrame(hRes => {
  239.         rafPromise = null;
  240.         resolve(hRes);
  241.       });
  242.     }));
  243.   
  244.  
  245.     const foregroundWrap = (cb) => {
  246.  
  247.       let wait = false;
  248.  
  249.       return () => {
  250.         if (wait) return;
  251.         wait = true;
  252.         requestAnimationFrame(function () {
  253.           wait = false;
  254.           cb();
  255.         });
  256.       }
  257.  
  258.     }
  259.  
  260.     const findRecordIndexByRId = (rid) => {
  261.  
  262.       if (!rid) return null;
  263.       for (let i = 0; i < messageRecords.length; i++) {
  264.         const record = messageRecords[i];
  265.         if (record.$recordId && rid === record.$recordId) {
  266.           return i;
  267.         }
  268.       }
  269.       return -1;
  270.  
  271.     }
  272.  
  273.     const cssStyleText = () => `
  274.  
  275.       :root {
  276.         --mr-background-color: #2a5c47;
  277.         --mr-font-stack: "Ubuntu-Italic", "Lucida Sans", helvetica, sans;
  278.  
  279.         --mr-target-width: 30px;
  280.         --mr-target-height: 30px;
  281.         --mr-target-bottom: 90px;
  282.         --mr-target-right: 50px;
  283.  
  284.         /* 8-0.5*x+0.25*x*x */
  285.         --mr-tb-radius: calc(2.42 * var(--mr-border-width));
  286.         /* 20 -> 8px.  14 -> 6px   4px. 10px */
  287.         --mr-message-bubble-width: 200px;
  288.         --mr-message-bubble-margin: 0;
  289.         --mr-border-width: 2px;
  290.         --mr-triangle-border-width: var(--mr-tb-radius);
  291.  
  292.         --mr-message-bubble-opacity: 0;
  293.         --mr-message-bubble-scale: 0.5;
  294.         --mr-message-bubble-transform-origin: bottom right;
  295.         --mr-message-bubble-transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s;
  296.         --mr-border-color: #666;
  297.  
  298.         --mr-tb-btm: calc(var(--mr-tb-radius) * 1.72);
  299.       }
  300.  
  301.       html {
  302.           --mr-message-bubble-bg-color: #ecf3e7;
  303.           --mr-message-bubble-text-color: #414351;
  304.           --progress-color: #807e1e;
  305.       }
  306.  
  307.       html.dark{
  308.           --mr-message-bubble-bg-color: #40414f;
  309.           --mr-message-bubble-text-color: #ececf1;
  310.       }
  311.  
  312.       html[mr-request-model="gpt-4"]{
  313.           --progress-color: #ac68ff;
  314.       }
  315.  
  316.       html[mr-request-model="gpt-3"] {
  317.       --progress-color: #19c37d;
  318.       }
  319.  
  320.       html[mr-request-state="request"] {
  321.         --progress-percent: 25%;
  322.         --progress-rr: 9px;
  323.       }
  324.  
  325.       html[mr-request-state="response"] {
  326.         --progress-percent: 75%;
  327.         --progress-rr: 9px;
  328.       }
  329.  
  330.  
  331.       html[mr-request-state=""] {
  332.         --progress-percent: 100%;
  333.         --progress-rr: 20px;
  334.       }
  335.  
  336.  
  337.       html[mr-request-state=""] .mr-progress-bar::before {
  338.         --mr-animate-background-image: none;
  339.       }
  340.  
  341.  
  342.  
  343.       .mr-progress-bar.mr-progress-bar-show {
  344.  
  345.         visibility:visible;
  346.  
  347.       }
  348.  
  349.       .mr-progress-bar {
  350.         display: inline-block;
  351.         width: 200px;
  352.         --progress-height: 16px;
  353.         --progress-padding: 4px;
  354.         /* --progress-percent: 50%; */
  355.         /* --progress-color: #2bc253; */
  356.         --progress-stripe-color: rgba(255, 255, 255, 0.2);
  357.         --progress-shadow1: rgba(255, 255, 255, 0.3);
  358.         --progress-shadow2: rgba(0, 0, 0, 0.4);
  359.         --progress-rl: 20px;
  360.         /* --progress-rr: 9px; */
  361.  
  362.         width: 100%;
  363.         /* --progress-percent: 100%;
  364.         --progress-rr: 20px;*/
  365.         visibility: collapse;
  366.       }
  367.  
  368.  
  369.       @keyframes mr-progress-bar-move {
  370.         0% {
  371.           background-position: 0 0;
  372.         }
  373.  
  374.         100% {
  375.           background-position: 50px 50px;
  376.         }
  377.       }
  378.  
  379.       .mr-progress-bar {
  380.         box-sizing: border-box;
  381.         height: var(--progress-height);
  382.         position: relative;
  383.         background: #555;
  384.         border-radius: 25px;
  385.         box-shadow: inset 0 -1px 1px var(--progress-shadow1);
  386.         display: inline-block;
  387.       }
  388.  
  389.       .mr-progress-bar::before {
  390.         box-sizing: border-box;
  391.         content: "";
  392.         display: block;
  393.         margin: var(--progress-padding);
  394.         border-top-right-radius: var(--progress-rr);
  395.         border-bottom-right-radius: var(--progress-rr);
  396.         border-top-left-radius: var(--progress-rl);
  397.         border-bottom-left-radius: var(--progress-rl);
  398.         background-color: var(--progress-color);
  399.         box-shadow: inset 0 2px 9px var(--progress-shadow1), inset 0 -2px 6px var(--progress-shadow2);
  400.         position: absolute;
  401.         top: 0;
  402.         left: 0;
  403.         right: calc(100% - var(--progress-percent));
  404.         transition: right 300ms, background-color 300ms;
  405.         bottom: 0;
  406.  
  407.  
  408.  
  409.         --mr-animate-background-image: linear-gradient(-45deg, var(--progress-stripe-color) 25%, transparent 25%, transparent 50%, var(--progress-stripe-color) 50%, var(--progress-stripe-color) 75%, transparent 75%, transparent);
  410.  
  411.         background-image: var(--mr-animate-background-image);
  412.  
  413.         background-size: 50px 50px;
  414.         animation: mr-progress-bar-move 2s linear infinite;
  415.  
  416.       }
  417.  
  418.       .mr-nostripes::before {
  419.       --mr-animate-background-image: none;
  420.       }
  421.  
  422.  
  423.       #mr-msg-l {
  424.  
  425.           text-align: center;
  426.           font-size: .875rem;
  427.           color: var(--tw-prose-code);
  428.           font-size: .875em;
  429.           font-weight: 600;
  430.       }
  431.       #mr-msg-p {
  432.           text-align: center;
  433.           font-size: 1rem;
  434.       }
  435.  
  436.       #mr-msg-p1{
  437.           display: block;
  438.       }
  439.       #mr-msg-p2{
  440.           display: block;
  441.           font-size: .75rem;
  442.       }
  443.  
  444.  
  445.  
  446.  
  447.       .mr-message-bubble {
  448.         margin: 0;
  449.         display: inline-block;
  450.         position: absolute;
  451.         width: var(--mr-message-bubble-width);
  452.         height: auto;
  453.         background-color: var(--mr-message-bubble-bg-color);
  454.         opacity: var(--mr-message-bubble-opacity);
  455.         transform: scale(var(--mr-message-bubble-scale));
  456.         transform-origin: var(--mr-message-bubble-transform-origin);
  457.         transition: var(--mr-message-bubble-transition);
  458.         visibility: hidden;
  459.         margin-bottom: var(--mr-tb-btm);
  460.         bottom:0;
  461.         right:0;
  462.         color: var(--mr-message-bubble-text-color);
  463.         --mr-user-select: auto-user-select;
  464.       }
  465.  
  466.       .mr-border {
  467.         border: var(--mr-border-width) solid var(--mr-border-color);
  468.       }
  469.  
  470.       .mr-round {
  471.         border-radius: var(--mr-tb-radius);
  472.       }
  473.  
  474.       .mr-tri-right.mr-border.mr-btm-right:before {
  475.         content: ' ';
  476.         position: absolute;
  477.         width: 0;
  478.         height: 0;
  479.         left: auto;
  480.         right: calc(var(--mr-border-width) * -1);
  481.         bottom: calc(var(--mr-tb-radius) * -2);
  482.         border: calc(var(--mr-border-width) * 4) solid;
  483.         border-color: transparent var(--mr-border-color) transparent transparent;
  484.       }
  485.  
  486.       .mr-tri-right.mr-btm-right:after {
  487.         content: ' ';
  488.         position: absolute;
  489.         width: 0;
  490.         height: 0;
  491.         left: auto;
  492.         right: 0px;
  493.         bottom: calc(var(--mr-tb-radius) * -1);
  494.         border: var(--mr-triangle-border-width) solid;
  495.         border-color: var(--mr-message-bubble-bg-color) var(--mr-message-bubble-bg-color) transparent transparent;
  496.       }
  497.  
  498.       .mr-msg-text {
  499.         padding: 1em;
  500.         text-align: left;
  501.         line-height: 1.5em;
  502.       }
  503.  
  504.       .mr-message-bubble.mr-open {
  505.         opacity: 1;
  506.         transform: scale(1);
  507.         visibility: visible;
  508.         transition-delay: 0s;
  509.       }
  510.  
  511.       .mr-msg-text p {
  512.         margin: 0;
  513.       }
  514.  
  515.       .mr-a33 {
  516.         position: absolute;
  517.         top: auto;
  518.         left: auto;
  519.         bottom: 0px;
  520.         right: 0px;
  521.       }
  522.  
  523.       .mr-k33 {
  524.         position: absolute;
  525.         contain: size layout style;
  526.         width: 100%;
  527.         height: 100%;
  528.         transform: translate(-50%, -100%);
  529.       }
  530.  
  531.  
  532.       .mr-button-container[class] button[class] {
  533.         opacity: 0.8;
  534.  
  535.       }
  536.       .mr-button-container[class] button[class]:hover {
  537.         opacity: 1;
  538.       }
  539.  
  540.       .mr-button-container.mr-clicked[class] button[class],
  541.       .mr-button-container.mr-clicked[class] button[class]:hover {
  542.         background-color: #616a8a;
  543.         opacity:1;
  544.       }
  545.  
  546.       .mr-button-container[class], .mr-button-container[class] button[class] {
  547.  
  548.         --mr-user-select: none;
  549.         user-select: var(--mr-user-select);
  550.  
  551.       }
  552.  
  553.       .mr-offset-book-btn {
  554.         margin-right: 28px;
  555.       }
  556.  
  557.       .flex.w-full.flex-col[class*="rounded-"][class*="bg-"]:hover {
  558.         z-index: 999;
  559.       }
  560.  
  561.  
  562.     `;
  563.  
  564.     const addCssText = () => {
  565.       if (document.querySelector('#mr-style811')) return;
  566.       const style = document.createElement('style');
  567.       style.id = 'mr-style811';
  568.       style.textContent = cssStyleText();
  569.       document.head.appendChild(style);
  570.  
  571.     }
  572.  
  573.  
  574.     const updateGMRecord = () => {
  575.  
  576.       Promise.resolve().then(() => {
  577.         GM.setValue(GM_RECORD_KEY, jStringify({
  578.           version: 1,
  579.           records: messageRecords
  580.         }));
  581.       });
  582.  
  583.     }
  584.  
  585.     const updateMessageRecordsOnCurrentAccount = () => {
  586.       messageRecordsOnCurrentAccount = messageRecords.filter(entry => entry.$account_uid === `${currentAccount}.${currentUser}`);
  587.     }
  588.  
  589.     const fixOverRecords = () => {
  590.       messageRecords.splice(0, Math.floor(messageRecords.length / 2));
  591.       let rid = 1;
  592.       for (const record of messageRecords) {
  593.         record.$recordId = rid;
  594.         messageRecords.push(record);
  595.         rid++;
  596.       }
  597.       __recordId_new = rid;
  598.       keep.length = 0;
  599.       keep = null;
  600.  
  601.       updateMessageRecordsOnCurrentAccount();
  602.       updateGMRecord();
  603.     }
  604.  
  605.     const addRecord = (record) => {
  606.       if (!currentAccount || !currentUser || !record || record.$account_uid) {
  607.         console.log('addRecord aborted');
  608.         return;
  609.       }
  610.  
  611.       record.$account_uid = getUserId();
  612.  
  613.       const recordId = __recordId_new;
  614.       record.$recordId = recordId;
  615.  
  616.       record.$recorded_at = Date.now(); // Local Time
  617.       messageRecords.push(record);
  618.       __recordId_new++;
  619.       messageRecordsOnCurrentAccount.push(record);
  620.  
  621.  
  622.       if (messageRecords.length > 3600 || __recordId_new > 3600) {
  623.         // around 4MB
  624.         Promise.resolve().then(fixOverRecords);
  625.       }
  626.  
  627.  
  628.       return recordId;
  629.  
  630.     }
  631.  
  632.  
  633.  
  634.     Object.assign(uWin, {
  635.       $$mr$$getMessageRecords() {
  636.         return messageRecords;
  637.       },
  638.       $$mr$$getMessageRecordsFromGM() {
  639.         return GM.getValue(GM_RECORD_KEY);
  640.       },
  641.       $$mr$$clearMessageRecords() {
  642.         return GM.deleteValue(GM_RECORD_KEY);
  643.       },
  644.       $$mr$$getUserId() {
  645.         const r = getUserId();
  646.         if (!r) console.log(`!! ${currentAccount}.${currentUser} !!`)
  647.         return r;
  648.       },
  649.       $$mr$$activityMeasure() {
  650.         return Object.assign({}, activityMeasure)
  651.       }
  652.     });
  653.  
  654.  
  655.  
  656.     const setRecordsByJSONString = (newValue, initial) => {
  657.  
  658.       let tObj = jParseCatched(newValue || '{}');
  659.       if (!tObj || !tObj.version || !tObj.records) tObj = { version: 1, records: [] };
  660.  
  661.       if (tObj.version !== 1) {
  662.         if (initial) {
  663.           GM.deleteValue(GM_RECORD_KEY);
  664.           // and wait change confirmed by listener
  665.         } else {
  666.           console.warn('record version is incorrect. please reload the page.');
  667.         }
  668.         return;
  669.       }
  670.  
  671.       if (messageRecords.length > 0) messageRecords.length = 0;
  672.       __recordId_new = 1;
  673.       let rid = 1;
  674.       for (const record of tObj.records) {
  675.         if (record.$recordId >= rid) rid = record.$recordId + 1;
  676.         messageRecords.push(record);
  677.         __recordId_new++;
  678.       }
  679.       __recordId_new = rid;
  680.       updateMessageRecordsOnCurrentAccount();
  681.  
  682.  
  683.  
  684.     }
  685.  
  686.     const onAccountDetectedOrChanged = () => {
  687.  
  688.       updateMessageRecordsOnCurrentAccount();
  689.  
  690.  
  691.     }
  692.  
  693.     let last_GM_RECORD_KEY_newValue = null;
  694.  
  695.     const setRecordsByJSONStringX = () => {
  696.       setRecordsByJSONString(last_GM_RECORD_KEY_newValue);
  697.     }
  698.     const setRecordsByJSONStringForegroundWrapped = foregroundWrap(setRecordsByJSONStringX);
  699.  
  700.  
  701.     let gmValueListenerId = GM_addValueChangeListener(GM_RECORD_KEY, (key, oldValue, newValue, remote) => {
  702.       last_GM_RECORD_KEY_newValue = newValue;
  703.       setRecordsByJSONStringForegroundWrapped();
  704.     });
  705.  
  706.     Promise.resolve().then(() => GM.getValue(GM_RECORD_KEY)).then(result => {
  707.       //
  708.  
  709.       result = result || '{}';
  710.  
  711.       if (typeof result !== 'string') {
  712.         console.log('GM.getValue aborted')
  713.         return;
  714.       }
  715.  
  716.       GM.setValue()
  717.       setRecordsByJSONString(result, true)
  718.  
  719.  
  720.     })
  721.  
  722.     const arrayTypeFix = (a) => {
  723.       return a === null || a === undefined ? [] : a;
  724.     }
  725.  
  726.     const getRequestQuotaString = () => {
  727.  
  728.       let num = null;
  729.  
  730.       if (document.documentElement.getAttribute('mr-request-model') === 'gpt-4') {
  731.  
  732.  
  733.         num = messageRecordsOnCurrentAccount.filter(entry => {
  734.           return typeof entry.model === 'string' && entry.model.startsWith('gpt-4') && (entry.$recorded_at || entry.$record_time_ms || 0) > (Date.now() - (6 * 1000 * 60) - message_cap_window * 60 * 1000)
  735.  
  736.         }).length;
  737.  
  738.         + ' out of ' + message_cap;
  739.  
  740.         let p1 = document.querySelector('#mr-msg-p1')
  741.         let p2 = document.querySelector('#mr-msg-p2')
  742.  
  743.         if (p1 && p2) {
  744.           p1.textContent = `${num}`
  745.           p2.textContent = ' out of ' + message_cap;
  746.         }
  747.  
  748.  
  749.       } else if (document.documentElement.getAttribute('mr-request-model') === 'gpt-3') {
  750.  
  751.  
  752.  
  753.         num = messageRecordsOnCurrentAccount.filter(entry => {
  754.           return typeof entry.model === 'string' && entry.model.startsWith('text-davinci-002-render-sha') && (entry.$recorded_at || entry.$record_time_ms || 0) > (Date.now() - (6 * 1000 * 60) - 24 * 60 * 60 * 1000)
  755.  
  756.         }).length;
  757.  
  758.         let p1 = document.querySelector('#mr-msg-p1')
  759.         let p2 = document.querySelector('#mr-msg-p2')
  760.  
  761.         if (p1 && p2) {
  762.           p1.textContent = `${num}`
  763.           p2.textContent = ` in past 24 hours`;
  764.         }
  765.  
  766.  
  767.  
  768.  
  769.       } else {
  770.  
  771.         let p1 = document.querySelector('#mr-msg-p1')
  772.         let p2 = document.querySelector('#mr-msg-p2')
  773.  
  774.         if (p1 && p2) {
  775.           p1.textContent = '';
  776.           p2.textContent = '';
  777.         }
  778.  
  779.         // return '';
  780.       }
  781.  
  782.  
  783.     }
  784.  
  785.     function onRequest(_body) {
  786.  
  787.       const body = _body;
  788.  
  789.       const bodyObject = jParseCatched(body);
  790.       if (!bodyObject) {
  791.         console.log('invalid JSON object');
  792.         return;
  793.       }
  794.  
  795.       if (!('messages' in bodyObject)) {
  796.         console.log('invalid format of JSON body')
  797.         return;
  798.       }
  799.  
  800.       const model = typeof bodyObject.model === 'string' ? bodyObject.model : null;
  801.       const messages = arrayTypeFix(bodyObject.messages);
  802.  
  803.       if (!model || !messages || typeof (messages || 0).length !== 'number') {
  804.         console.log('invalid format of JSON body')
  805.         return;
  806.       }
  807.  
  808.       if (!currentAccount) {
  809.         console.log('No account information is found. Message Record aborted.')
  810.         return;
  811.       }
  812.  
  813.       let conversation_id = bodyObject.conversation_id;
  814.       if (!conversation_id) conversation_id = "***"
  815.  
  816.       let recordIds = null;
  817.  
  818.  
  819.       let request_model = '';
  820.       if (typeof model === 'string' && (model === 'text-davinci-002-render-sha' || model.startsWith('text-davinci-002-render-sha'))) {
  821.  
  822.  
  823.         request_model = 'gpt-3';
  824.       } else if (typeof model === 'string' && (model === 'gpt-4' || model.startsWith('gpt-4'))) {
  825.  
  826.         request_model = 'gpt-4';
  827.  
  828.       }
  829.  
  830.       if (request_model) {
  831.  
  832.  
  833.         try {
  834.           document.documentElement.setAttribute('mr-request-model', request_model);
  835.           getRequestQuotaString();
  836.           document.documentElement.setAttribute('mr-request-state', 'request');
  837.           document.querySelector('.mr-progress-bar').classList.add('mr-progress-bar-show');
  838.  
  839.         } catch (e) { }
  840.  
  841.         if (userOpenAction === null && attachedGroup && attachedGroup.isConnected === true && isChatBubbleOpened() === false) {
  842.           const myGroup = attachedGroup;
  843.           myGroupClicked(myGroup);
  844.         }
  845.  
  846.  
  847.  
  848.       } else {
  849.  
  850.  
  851.         try {
  852.           document.documentElement.setAttribute('mr-request-model', '')
  853.           getRequestQuotaString();
  854.           document.querySelector('.mr-progress-bar').classList.remove('mr-progress-bar-show');
  855.  
  856.         } catch (e) { }
  857.  
  858.  
  859.  
  860.       }
  861.  
  862.  
  863.  
  864.  
  865.       const onAbort = (evt, signal, newChatId) => {
  866.  
  867.         if (typeof newChatId === 'string' && newChatId) {
  868.  
  869.           const cd002 = !!recordIds && recordIds.length === 1 && recordIds[0] > 0;
  870.           console.log('condition 002', cd002);
  871.  
  872.           if (cd002) {
  873.             const rid = recordIds[0];
  874.             const idx = findRecordIndexByRId(rid);
  875.  
  876.             if (idx === null || idx < 0 || !messageRecords[idx] || messageRecords[idx].conversation_id !== '***') {
  877.               console.warn('error found in onAbort');
  878.             } else {
  879.               messageRecords[idx].conversation_id = newChatId
  880.  
  881.               console.log(`record#${rid} is updated with conversation_id = "${newChatId}"`)
  882.             }
  883.  
  884.           }
  885.  
  886.         }
  887.  
  888.         if (recordIds && recordIds.length >= 1) {
  889.  
  890.           const completionTime = evt.__aborted_at__ > 0 ? evt.__aborted_at__ : 0;
  891.  
  892.           if (completionTime) {
  893.             for (const rid of recordIds) {
  894.               const idx = findRecordIndexByRId(rid);
  895.               if (idx === null || idx < 0 || !messageRecords[idx]) {
  896.                 console.warn('completionTime found in onAbort');
  897.               } else if (messageRecords[idx].conversation_id === '***') {
  898.                 // TBC
  899.               } else {
  900.                 messageRecords[idx].$completed_at = completionTime;
  901.               }
  902.             }
  903.           }
  904.  
  905.         }
  906.  
  907.  
  908.  
  909.  
  910.         updateGMRecord();
  911.  
  912.  
  913.         if (document.documentElement.getAttribute('mr-request-state') === 'response') document.documentElement.setAttribute('mr-request-state', '')
  914.  
  915.  
  916.         console.log('messageHandler: onAbort', evt, signal, newChatId);
  917.       };
  918.  
  919.       const uid = ++__uid;
  920.  
  921.       const onResponse = (response, info) => {
  922.  
  923.         const { requestTime, responseTime } = info;
  924.  
  925.         // response.lockedBodyStream.then((body) => {
  926.  
  927.         //   // console.log(13, body)
  928.  
  929.         // })
  930.  
  931.         if (!currentAccount) {
  932.           console.log('No account information is found. Message Record aborted.')
  933.           return;
  934.         }
  935.  
  936.         if (recordIds !== null) {
  937.           console.warn('recordIds !== null');
  938.         }
  939.         recordIds = [];
  940.         for (const message of messages) {
  941.  
  942.           const rid = addRecord({
  943.             model,
  944.             conversation_id,
  945.             message,
  946.             $requested_at: requestTime,
  947.             $responsed_at: responseTime
  948.           });
  949.           recordIds.push(rid);
  950.  
  951.         }
  952.  
  953.         updateGMRecord();
  954.  
  955.         if (document.documentElement.getAttribute('mr-request-state') === 'request') document.documentElement.setAttribute('mr-request-state', 'response')
  956.  
  957.         try {
  958.  
  959.           getRequestQuotaString();
  960.         } catch (e) { }
  961.  
  962.         // console.log(bodyObject)
  963.         // console.log(response, info)
  964.         // console.log({
  965.         //   message_cap, message_cap_window,
  966.         //   categories,
  967.         //   models
  968.         // })
  969.  
  970.       }
  971.  
  972.       return {
  973.         uid,
  974.         model,
  975.         conversation_id,
  976.         message_cap, message_cap_window,
  977.         categories,
  978.         bodyObject,
  979.  
  980.         messages,
  981.         onAbort,
  982.         onResponse,
  983.  
  984.       }
  985.  
  986.  
  987.     }
  988.  
  989.  
  990.     uWin.__fetch247__ = uWin.fetch;
  991.  
  992.     let onceRgStr = false;
  993.  
  994.     let __newChatIdResolveFn__ = null;
  995.  
  996.     const authJsonPn = function () {
  997.  
  998.       const target = this['$a039$'] || this;
  999.       return new Promise((resolve, reject) => {
  1000.         // console.log(112)
  1001.  
  1002.         target.json().then((result) => {
  1003.  
  1004.  
  1005.           const __jsonRes__ = result;
  1006.  
  1007.  
  1008.           if (typeof (__jsonRes__ || 0).user === 'object' && (__jsonRes__.user || 0).id) {
  1009.             currentUser = `${(__jsonRes__.user || 0).id}`;
  1010.             // console.log('user??', currentUser)
  1011.             // __NEXT_DATA__.props.pageProps.user.id // document.cookie.__puid
  1012.           }
  1013.  
  1014.  
  1015.           // console.log(566, result)
  1016.           resolve(result)
  1017.         }).catch(reject)
  1018.  
  1019.       })
  1020.     }
  1021.  
  1022.     const jsonPnForGetRequest = function () {
  1023.  
  1024.       const target = this['$a039$'] || this;
  1025.       return new Promise((resolve, reject) => {
  1026.  
  1027.         target.json().then((result) => {
  1028.  
  1029.  
  1030.           const __jsonRes__ = result;
  1031.  
  1032.  
  1033.  
  1034.           if (typeof (__jsonRes__ || 0).accounts === 'object') {
  1035.  
  1036.             const tmpSet = new Set();
  1037.             if (((__jsonRes__ || 0).accounts || 0).length > 0) {
  1038.  
  1039.               for (const account of __jsonRes__.accounts) {
  1040.                 tmpSet.add(`${account.account_id}.${account.account_user_id}`);
  1041.               }
  1042.  
  1043.             } else {
  1044.  
  1045.               for (let [key, account] of Object.entries(__jsonRes__.accounts)) {
  1046.                 account = account.account || account;
  1047.                 tmpSet.add(`${account.account_id}.${account.account_user_id}`);
  1048.  
  1049.               }
  1050.  
  1051.             }
  1052.             if (tmpSet.size !== 1) {
  1053.               console.log('account detection failed')
  1054.             } else {
  1055.               let acc = [...tmpSet.keys()][0];
  1056.               if (acc !== currentAccount) {
  1057.  
  1058.                 currentAccount = acc;
  1059.                 onAccountDetectedOrChanged();
  1060.               }
  1061.             }
  1062.  
  1063.  
  1064.  
  1065.           }
  1066.           else if (((__jsonRes__ || 0).categories || 0).length >= 1 && ((__jsonRes__ || 0).models || 0).length >= 1) {
  1067.  
  1068.             const jsonRes = __jsonRes__;
  1069.  
  1070.  
  1071.             try {
  1072.  
  1073.               categories = [...jsonRes.categories];
  1074.             } catch (e) { }
  1075.             try {
  1076.               models = [...jsonRes.models];
  1077.  
  1078.             } catch (e) { }
  1079.  
  1080.             // console.log(233, categories, models)
  1081.  
  1082.           }
  1083.  
  1084.  
  1085.  
  1086.  
  1087.           // console.log(544, result)
  1088.           resolve(result)
  1089.         }).catch(reject)
  1090.  
  1091.       })
  1092.     };
  1093.  
  1094.     const message_limit_jsonPn = function () {
  1095.  
  1096.       const target = this['$a039$'] || this;
  1097.       return new Promise((resolve, reject) => {
  1098.  
  1099.  
  1100.         // console.log(114)
  1101.         target.clone().text().then(r => {
  1102.  
  1103.           // console.log(r)
  1104.           let jr = jParseCatched(r);
  1105.           if (jr) {
  1106.  
  1107.             if (jr.message_cap > 0 && jr.message_cap_window > 0) {
  1108.               message_cap = +jr.message_cap;
  1109.               message_cap_window = +jr.message_cap_window;
  1110.             }
  1111.  
  1112.           }
  1113.  
  1114.         })
  1115.  
  1116.         target.json().then((result) => {
  1117.  
  1118.           // console.log(result)
  1119.           resolve(result)
  1120.         }).catch(reject)
  1121.  
  1122.       })
  1123.     };
  1124.  
  1125.     uWin.fetch = function (a) {
  1126.       const args = arguments;
  1127.       return new Promise((resolve, reject) => {
  1128.         let doCatch = false;
  1129.         let body = null;
  1130.  
  1131.         let _onAbort = null;
  1132.  
  1133.         if (typeof a === 'string' && a.endsWith('/backend-api/conversation')) {
  1134.           const b = args[1] || 0;
  1135.           if (b.method === "POST" && typeof b.body === 'string' && ((b.headers || 0)['Content-Type'] || '').includes('application/json')) {
  1136.             doCatch = true;
  1137.             body = b.body;
  1138.  
  1139.           }
  1140.           if (b && b.signal) {
  1141.  
  1142.             const signal = b.signal;
  1143.             const tid = ++abortCounter;
  1144.             signal.addEventListener('abort', (evt) => {
  1145.               evt.__aborted_at__ = Date.now();
  1146.               const aid = abortCounter;
  1147.               ++abortCounter;
  1148.  
  1149.               console.log('onabort', aid, tid, evt, signal)
  1150.  
  1151.               if (aid === tid && _onAbort) {
  1152.                 _onAbort(evt, signal);
  1153.               }
  1154.  
  1155.  
  1156.  
  1157.             });
  1158.           }
  1159.         } else if (typeof a === 'string' && a.startsWith('https://events.statsigapi.net/v1/rgstr')) {
  1160.           if (onceRgStr) {
  1161.             resolve = null;
  1162.             reject = null;
  1163.             return; // no resolve or reject for subsequent requests
  1164.           }
  1165.           onceRgStr = true; // no resolve or reject for next request
  1166.         } else if (__newChatIdResolveFn__ && typeof a === 'string' && a.startsWith('https://chat.openai.com/backend-api/conversation/gen_title/')) {
  1167.  
  1168.           let m = /gen_title\/([-0-9a-z]+)(\/|$)/.exec(a);
  1169.           if (m && m[1]) {
  1170.             __newChatIdResolveFn__(m[1]);
  1171.           }
  1172.         }
  1173.  
  1174.         const unprocessedFetch = () => {
  1175.  
  1176.           const actualRequest = uWin.__fetch247__.apply(this, args);
  1177.  
  1178.           // console.log(269, false, args[0], Object.assign({}, args[1] || {}))
  1179.  
  1180.  
  1181.  
  1182.  
  1183.           let rType = 0;
  1184.  
  1185.  
  1186.           if (typeof args[0] === 'string' && args[0].includes('/') && args[1] && args[1].method === 'GET') {
  1187.             rType = 1;
  1188.           } else if (args[0].includes('/api/auth/session')) {
  1189.             rType = 2;
  1190.           }
  1191.  
  1192.  
  1193.           actualRequest.then((result) => {
  1194.  
  1195.             if (rType > 0) {
  1196.               result = new Proxy(result, {
  1197.                 get(target, key, receiver) {
  1198.                   if (key === '$a039$') return target;
  1199.                   const r = target[key];
  1200.                   if (key === 'json' && key in target) {
  1201.  
  1202.  
  1203.                     if (typeof r === 'function') {
  1204.  
  1205.                       if (rType === 1) {
  1206.  
  1207.                         if (typeof args[0] === 'string' && args[0].includes('/conversation_limit') && args[1] && args[1].method === 'GET') {
  1208.                           return message_limit_jsonPn;
  1209.                         } else {
  1210.  
  1211.                           return jsonPnForGetRequest;
  1212.                         }
  1213.                       }
  1214.                       else if (rType === 2) {
  1215.  
  1216.  
  1217.                         return authJsonPn;
  1218.  
  1219.  
  1220.                       }
  1221.  
  1222.  
  1223.                     }
  1224.                   }
  1225.                   if (typeof r === 'function') {
  1226.  
  1227.                     return (receiver['$b031$' + key] || (receiver['$b031$' + key] = ((r) => (function () { return r.apply(this['$a039$'] || this, arguments) }))(r)));
  1228.  
  1229.                   }
  1230.                   return r;
  1231.  
  1232.                 }
  1233.               });
  1234.             }
  1235.             //   console.log(result)
  1236.             resolve(result);
  1237.  
  1238.           }).catch((error) => {
  1239.             reject(error);
  1240.           });
  1241.  
  1242.         }
  1243.  
  1244.         const messageHandler = doCatch ? onRequest(body) : false;
  1245.         if (!messageHandler) {
  1246.           unprocessedFetch();
  1247.           return;
  1248.         }
  1249.         const requireNewChatId = (messageHandler.conversation_id === '***');
  1250.  
  1251.         _onAbort = (evt, signal) => {
  1252.  
  1253.           __newChatIdResolveFn__ = null;
  1254.  
  1255.           if (requireNewChatId) {
  1256.             let resolveFn = null;
  1257.             let promise = new Promise(resolve => {
  1258.               resolveFn = resolve;
  1259.             })
  1260.             __newChatIdResolveFn__ = (x) => {
  1261.               resolveFn && resolveFn(x);
  1262.               resolveFn = null;
  1263.             };
  1264.             setTimeout(() => {
  1265.               resolveFn && resolveFn();
  1266.               resolveFn = null;
  1267.             }, 16);
  1268.  
  1269.             // 777ms -> 781ms => 16ms shall be sufficient
  1270.             promise.then((newChatId) => {
  1271.               if (__newChatIdResolveFn__ === null) {
  1272.                 console.warn('unexpected error');
  1273.                 return;
  1274.               }
  1275.               __newChatIdResolveFn__ = null;
  1276.  
  1277.               newChatId = newChatId || null;
  1278.               console.log(`newChatId: ${newChatId}`);
  1279.               messageHandler.onAbort(evt, signal, newChatId);
  1280.             })
  1281.           } else {
  1282.  
  1283.             messageHandler.onAbort(evt, signal, false);
  1284.           }
  1285.  
  1286.         }
  1287.  
  1288.  
  1289.         const requestTime1 = Date.now();
  1290.         const actualRequest = uWin.__fetch247__.apply(this, args);
  1291.         const requestTime2 = Date.now();
  1292.         const requestTime = Math.round((requestTime1 + requestTime2) / 2);
  1293.  
  1294.         // console.log(269, true, args[0], Object.assign({}, args[1] || {}))
  1295.  
  1296.  
  1297.  
  1298.  
  1299.  
  1300.  
  1301.         actualRequest.then((result) => {
  1302.           const responseTime = Date.now();
  1303.  
  1304.           let mBodyResolve = null;
  1305.           const mBody = new Promise(r => {
  1306.             mBodyResolve = r;
  1307.           });
  1308.  
  1309.           const pRes = new Proxy(result, {
  1310.             get(target, property, receiver) {
  1311.               if (property === '$a039$') return target;
  1312.               const r = target[property];
  1313.               /**
  1314.                *
  1315.                * property's get order
  1316.                *
  1317.                * then
  1318.                * status
  1319.                * then
  1320.                *
  1321.                * ----
  1322.                *
  1323.                * type
  1324.                * status
  1325.                * clone
  1326.                * headers
  1327.                * headers
  1328.                * ok
  1329.                * body
  1330.                *
  1331.                *
  1332.                */
  1333.               if (property === 'body') {
  1334.                 mBodyResolve && mBodyResolve(r);
  1335.                 // console.log(667, r);
  1336.               } else if (typeof r === 'function') {
  1337.  
  1338.  
  1339.                 return (receiver['$b031$' + property] || (receiver['$b031$' + property] = ((r) => (function () { return r.apply(this['$a039$'] || this, arguments) }))(r)));
  1340.  
  1341.               }
  1342.               return r;
  1343.             }
  1344.           });
  1345.  
  1346.           const mResult = {
  1347.             headers: result.headers, ok: result.ok, redirected: result.redirected, status: result.status,
  1348.             statusText: result.statusText, type: result.type, url: result.url, get lockedBodyStream() { return mBody },
  1349.  
  1350.           };
  1351.  
  1352.           resolve(pRes);
  1353.           Promise.resolve().then(() => {
  1354.             messageHandler.onResponse(mResult, { requestTime, responseTime });
  1355.           }).catch(console.warn);
  1356.  
  1357.         }).catch((error) => {
  1358.           reject(error);
  1359.         })
  1360.  
  1361.       });
  1362.     }
  1363.  
  1364.     const findButtonByExpression = (()=>{
  1365.  
  1366.       const xpathExpressionV1 = '//button[normalize-space(text())="?"][contains(@class, "h-") and contains(@class, "w-")]';
  1367.       const xpathExpressionV0 = '//div[normalize-space(text())="?"][contains(@class, "h-") and contains(@class, "w-")]';
  1368.  
  1369.       return (contextNode) => {
  1370.         let w = document.evaluate(xpathExpressionV1, contextNode, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  1371.         if (!w || !w.singleNodeValue) {
  1372.           w = document.evaluate(xpathExpressionV0, contextNode, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  1373.           if (!w || !w.singleNodeValue) {
  1374.             w = null;
  1375.           }
  1376.         }
  1377.         return w;
  1378.       }
  1379.  
  1380.     })(); 
  1381.  
  1382.     let observer = null;
  1383.     let mct = 0;
  1384.     let wType = 0;
  1385.  
  1386.     let attachedGroup = null;
  1387.  
  1388.  
  1389.     function openChatBubble() {
  1390.       const chatBubble = document.querySelector(".mr-message-bubble");
  1391.       if (!chatBubble) return;
  1392.       chatBubble.classList.add('mr-open');
  1393.     }
  1394.  
  1395.     function isChatBubbleOpened() {
  1396.       const chatBubble = document.querySelector(".mr-message-bubble");
  1397.       if (!chatBubble) return null;
  1398.       return chatBubble.classList.contains('mr-open');
  1399.     }
  1400.  
  1401.     function closeChatBubble() {
  1402.       const chatBubble = document.querySelector(".mr-message-bubble");
  1403.       if (!chatBubble) return;
  1404.       chatBubble.classList.remove('mr-open');
  1405.     }
  1406.  
  1407.  
  1408.     const myGroupClicked = (myGroup) => {
  1409.  
  1410.  
  1411.  
  1412.       const chatBubble = document.querySelector(".mr-message-bubble");
  1413.       if (!chatBubble) return null;
  1414.  
  1415.       const msgP = document.querySelector("#mr-msg-p1");
  1416.       if (!msgP || msgP.firstChild === null) return null;
  1417.  
  1418.       if (!chatBubble.classList.contains('mr-open')) {
  1419.         myGroup.classList.add('mr-clicked');
  1420.         openChatBubble()
  1421.  
  1422.         return true;
  1423.  
  1424.       } else {
  1425.  
  1426.         myGroup.classList.remove('mr-clicked');
  1427.         closeChatBubble();
  1428.  
  1429.         return false;
  1430.       }
  1431.       return null;
  1432.  
  1433.     }
  1434.  
  1435.     /** @param {HTMLElement} myGroup */
  1436.     const setupMyGroup = (myGroup) => {
  1437.  
  1438.       addCssText();
  1439.  
  1440.       const buttonText = findButtonByExpression(myGroup).singleNodeValue;
  1441.       buttonText.textContent = '\u{1F4D9}';
  1442.  
  1443.  
  1444.  
  1445.       const placeholder = document.createElement('div');
  1446.  
  1447.       placeholder.classList.add('mr-k33');
  1448.       placeholder.innerHTML = `
  1449.         <div class="mr-message-bubble mr-tri-right mr-round mr-border mr-btm-right">
  1450.           <div class="mr-msg-text">
  1451.               <p id="mr-msg-l">count(messages)</p>
  1452.               <p id="mr-msg-p"><span id="mr-msg-p1"></span><span id="mr-msg-p2"></span></p>
  1453.             <p class="mr-progress-bar"></p>
  1454.           </div>
  1455.         </div>
  1456.       `;
  1457.       myGroup.classList.add('mr-button-container');
  1458.  
  1459.       myGroup.insertBefore(placeholder, myGroup.firstChild);
  1460.  
  1461.  
  1462.  
  1463.       myGroup.addEventListener('click', function (evt) {
  1464.  
  1465.  
  1466.  
  1467.         if (!evt || !evt.target) return;
  1468.         if (evt.target.closest('.mr-k33')) return;
  1469.  
  1470.         const myGroup = this;
  1471.  
  1472.  
  1473.         const chatBubble = document.querySelector(".mr-message-bubble");
  1474.         if (!chatBubble) return;
  1475.  
  1476.  
  1477.         let clickedResult = myGroupClicked(myGroup);
  1478.         if (typeof clickedResult === 'boolean') {
  1479.  
  1480.           if (evt.isTrusted === true) {
  1481.  
  1482.             if (clickedResult) {
  1483.               userOpenAction = true;
  1484.  
  1485.             } else {
  1486.  
  1487.               userOpenAction = false;
  1488.             }
  1489.           }
  1490.         }
  1491.  
  1492.  
  1493.  
  1494.       })
  1495.  
  1496.  
  1497.     }
  1498.  
  1499.     const onElementFound = (matchedElement) => {
  1500.  
  1501.       console.log('onElementFound', matchedElement)
  1502.  
  1503.  
  1504.  
  1505.       let group = matchedElement.closest('.group');
  1506.       if (!group) {
  1507.         console.log('The group parent of Question Mark Button cannot be found.')
  1508.         return;
  1509.       }
  1510.       let groupParent = group;
  1511.       let level = 0;
  1512.       while (groupParent && groupParent.nextSibling === null && groupParent.previousSibling === null && (groupParent.parentNode instanceof HTMLElement)) {
  1513.  
  1514.         groupParent = groupParent.parentNode;
  1515.  
  1516.         if (++level === 1) {
  1517.           groupParent.style.columnGap = '6px';
  1518.         }
  1519.  
  1520.  
  1521.         groupParent.classList.remove('flex-col');
  1522.         groupParent.classList.add('flex-row');
  1523.  
  1524.         groupParent.style.display = 'inline-flex'
  1525.  
  1526.  
  1527.       }
  1528.  
  1529.  
  1530.       if (!attachedGroup) {
  1531.  
  1532.  
  1533.         let myGroup = group.cloneNode(true);
  1534.  
  1535.         // if (/\bright-\d+\b/.test(myGroup.className)) {
  1536.           myGroup.classList.add('mr-offset-book-btn');
  1537.         // }
  1538.         group.parentNode.insertBefore(myGroup, group);
  1539.         setupMyGroup(myGroup);
  1540.  
  1541.         attachedGroup = myGroup;
  1542.       } else {
  1543.         group.parentNode.insertBefore(attachedGroup, group);
  1544.  
  1545.       }
  1546.  
  1547.     }
  1548.  
  1549.     const setupMRAM = () => {
  1550.  
  1551.       const mram = document.createElement('mr-activity-measure');
  1552.       mram.setAttribute('m', '');
  1553.       document.head.appendChild(document.createElement('style')).textContent = `
  1554.         mr-activity-measure[m] {
  1555.           visibility: collapse !important;
  1556.           width: 1px !important;
  1557.           height: 1px !important;
  1558.  
  1559.           display: block !important;
  1560.           z-index: -1 !important;
  1561.           contain: strict !important;
  1562.           box-sizing: border-box !important;
  1563.  
  1564.           position: fixed !important;
  1565.           top: -1000px !important;
  1566.           left: -1000px !important;
  1567.           animation: ${foregroundActivityMeasureInterval}ms ease-in 500ms infinite alternate forwards running mrActivityMeasure !important;
  1568.         }
  1569.         @keyframes mrActivityMeasure{
  1570.           0%{
  1571.             order: 0;
  1572.           }
  1573.           100%{
  1574.             order: 1;
  1575.           }
  1576.         }
  1577.       `;
  1578.       let lastEt = 0;
  1579.       mram.onanimationiteration = function (evt) {
  1580.         const et = evt.elapsedTime * 1000;
  1581.         if (__totalActivityMeasure > et) {
  1582.           this.onanimationiteration = null;
  1583.           return;
  1584.         }
  1585.         const wt = lastEt;
  1586.         lastEt = et;
  1587.         const dt = et - wt;
  1588.         if (dt < amiUL && dt > amiLL) __foregroundActivityMeasure += foregroundActivityMeasureInterval;
  1589.  
  1590.         __totalActivityMeasure = et;
  1591.         // console.log(evt)
  1592.       }
  1593.       document.documentElement.appendChild(mram);
  1594.     }
  1595.  
  1596.     const findAndHandleElement = () => {
  1597.       if (!observer) return;
  1598.  
  1599.       if (wType !== 0) {
  1600.  
  1601.         if (!attachedGroup) return;
  1602.         if (attachedGroup.isConnected) return;
  1603.       }
  1604.  
  1605.  
  1606.       const result = findButtonByExpression( document);
  1607.       if(!result) return;
  1608.       const matchedElement = result.singleNodeValue;
  1609.  
  1610.       if (!matchedElement) return;
  1611.       console.log('findAndHandleElement OK');
  1612.       const cb = wType === 0 ? setupMRAM : () => { };
  1613.       if (wType === 0) {
  1614.         wType = 1;
  1615.       }
  1616.       Promise.resolve(matchedElement).then(onElementFound).then(cb).catch(console.warn);
  1617.     }
  1618.  
  1619.  
  1620.     const findAndHandleElementForegroundWrapped = foregroundWrap(findAndHandleElement);
  1621.  
  1622.     observer = new MutationObserver(function (mutationsList) {
  1623.       if (!observer) return;
  1624.       findAndHandleElementForegroundWrapped();
  1625.     });
  1626.  
  1627.     observer.observe(document, { childList: true, subtree: true });
  1628.  
  1629.     (async function (){
  1630.  
  1631.       if (document.readyState === 'loading') {
  1632.         await new Promise(resolve=>window.addEventListener('load', resolve, false));
  1633.       }
  1634.  
  1635.       if (!observer) return;
  1636.       if (wType > 0) return;
  1637.  
  1638.       const main = await observablePromise(() => document.querySelector('main')).obtain();
  1639.       if (!main) return;
  1640.       await getRafPromise();
  1641.  
  1642.       setTimeout(function () {
  1643.         if (!observer) return;
  1644.         if (wType > 0) return;
  1645.         console.log('The Question Mark Button cannot be found.')
  1646.         observer.disconnect();
  1647.         observer.takeRecords();
  1648.         observer = null;
  1649.       }, 1200);
  1650.  
  1651.     })();
  1652.  
  1653.  
  1654.  
  1655.     
  1656.  
  1657.  
  1658.  
  1659.     console.log('script loaded')
  1660.  
  1661.  
  1662.  
  1663.   })
  1664.  
  1665.  
  1666. })();
  1667.  
  1668.  
  1669. /**
  1670.  *
  1671.  
  1672.  
  1673. $record_time_ms:  1692831419486
  1674. $requested_at:    1692831418865
  1675. $responsed_at:    1692831419485
  1676. create_time:      1692831782.061773
  1677.  
  1678.  
  1679. server time is now() + 6 minutes
  1680.  
  1681.  *
  1682.  *
  1683.  */