☰

Bazaars in Item Market powered by TornPal and IronNerd

Displays bazaar listings with sorting controls via TornPal & IronNerd

目前为 2025-03-15 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Bazaars in Item Market powered by TornPal and IronNerd
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.33
  5. // @description  Displays bazaar listings with sorting controls via TornPal & IronNerd
  6. // @author       Weav3r
  7. // @match        https://www.torn.com/*
  8. // @grant        GM.xmlHttpRequest
  9. // @grant        GM_setValue
  10. // @grant        GM_getValue
  11. // @grant        GM_deleteValue
  12. // @grant        GM_listValues
  13. // @grant        GM.setValue
  14. // @grant        GM.getValue
  15. // @grant        GM.deleteValue
  16. // @grant        GM.listValues
  17. // @connect      tornpal.com
  18. // @connect      www.ironnerd.me
  19. // @run-at       document-end
  20. // ==/UserScript==
  21.  
  22. (function () {
  23.     'use strict';
  24.  
  25.     if (typeof GM_setValue === 'undefined' && typeof GM !== 'undefined') {
  26.         const GM_getValue = function(key, defaultValue) {
  27.             let value;
  28.             try {
  29.                 value = localStorage.getItem('GMcompat_' + key);
  30.                 if (value !== null) {
  31.                     return JSON.parse(value);
  32.                 }
  33.                 
  34.                 GM.getValue(key, defaultValue).then(val => {
  35.                     if (val !== undefined) {
  36.                         localStorage.setItem('GMcompat_' + key, JSON.stringify(val));
  37.                     }
  38.                 });
  39.                 
  40.                 return defaultValue;
  41.             } catch (e) {
  42.                 console.error('Error in GM_getValue compatibility:', e);
  43.                 return defaultValue;
  44.             }
  45.         };
  46.         
  47.         const GM_setValue = function(key, value) {
  48.             try {
  49.                 // Store in both localStorage and GM.setValue
  50.                 localStorage.setItem('GMcompat_' + key, JSON.stringify(value));
  51.                 GM.setValue(key, value);
  52.             } catch (e) {
  53.                 console.error('Error in GM_setValue compatibility:', e);
  54.             }
  55.         };
  56.         
  57.         const GM_deleteValue = function(key) {
  58.             try {
  59.                 localStorage.removeItem('GMcompat_' + key);
  60.                 GM.deleteValue(key);
  61.             } catch (e) {
  62.                 console.error('Error in GM_deleteValue compatibility:', e);
  63.             }
  64.         };
  65.         
  66.         const GM_listValues = function() {
  67.             // This is an approximation - we can only list keys with our prefix
  68.             const keys = [];
  69.             try {
  70.                 for (let i = 0; i < localStorage.length; i++) {
  71.                     const key = localStorage.key(i);
  72.                     if (key.startsWith('GMcompat_')) {
  73.                         keys.push(key.substring(9)); // Remove the prefix
  74.                     }
  75.                 }
  76.             } catch (e) {
  77.                 console.error('Error in GM_listValues compatibility:', e);
  78.             }
  79.             return keys;
  80.         };
  81.         
  82.         window.GM_getValue = GM_getValue;
  83.         window.GM_setValue = GM_setValue;
  84.         window.GM_deleteValue = GM_deleteValue;
  85.         window.GM_listValues = GM_listValues;
  86.     }
  87.  
  88.     const CACHE_DURATION_MS = 60000,
  89.           CARD_WIDTH = 180;
  90.  
  91.     let currentSortKey = "price",
  92.         currentSortOrder = "asc",
  93.         allListings = [],
  94.         currentDarkMode = document.body.classList.contains('dark-mode'),
  95.         currentItemName = "",
  96.         displayMode = "percentage",
  97.         isMobileView = false;
  98.  
  99.     const scriptSettings = {
  100.         defaultSort: "price",
  101.         defaultOrder: "asc",
  102.         apiKey: "",
  103.         listingFee: parseFloat(GM_getValue("bazaarListingFee") || "0"),
  104.         defaultDisplayMode: "percentage",
  105.         linkBehavior: GM_getValue("bazaarLinkBehavior") || "new_tab"
  106.     };
  107.  
  108.     const updateStyles = () => {
  109.         let styleEl = document.getElementById('bazaar-enhanced-styles');
  110.  
  111.         if (!styleEl) {
  112.             styleEl = document.createElement('style');
  113.             styleEl.id = 'bazaar-enhanced-styles';
  114.             document.head.appendChild(styleEl);
  115.         }
  116.  
  117.         styleEl.textContent = `
  118.             .bazaar-profit-tooltip {
  119.                 position: fixed;
  120.                 background: ${currentDarkMode ? '#333' : '#fff'};
  121.                 color: ${currentDarkMode ? '#fff' : '#333'};
  122.                 border: 1px solid ${currentDarkMode ? '#555' : '#ddd'};
  123.                 padding: 10px 14px;
  124.                 border-radius: 5px;
  125.                 box-shadow: 0 3px 10px rgba(0,0,0,0.3);
  126.                 z-index: 99999;
  127.                 min-width: 200px;
  128.                 max-width: 280px;
  129.                 width: auto;
  130.                 pointer-events: none;
  131.                 transition: opacity 0.2s ease;
  132.                 font-size: 13px;
  133.                 line-height: 1.4;
  134.             }
  135.  
  136.             @media (max-width: 768px) {
  137.                 .bazaar-profit-tooltip {
  138.                     font-size: 12px;
  139.                     max-width: 260px;
  140.                     padding: 8px 12px;
  141.                 }
  142.             }
  143.         `;
  144.     };
  145.  
  146.     updateStyles();
  147.  
  148.     const darkModeObserver = new MutationObserver((mutations) => {
  149.         mutations.forEach((mutation) => {
  150.             if (mutation.attributeName === 'class') {
  151.                 const newDarkMode = document.body.classList.contains('dark-mode');
  152.                 if (newDarkMode !== currentDarkMode) {
  153.                     currentDarkMode = newDarkMode;
  154.                     updateStyles();
  155.                 }
  156.             }
  157.         });
  158.     });
  159.     darkModeObserver.observe(document.body, { attributes: true });
  160.  
  161.     function checkMobileView() {
  162.         isMobileView = window.innerWidth < 784;
  163.         return isMobileView;
  164.     }
  165.     checkMobileView();
  166.     window.addEventListener('resize', function() {
  167.         checkMobileView();
  168.         processMobileSellerList();
  169.     });
  170.  
  171.     function loadSettings() {
  172.         try {
  173.             const saved = GM_getValue("bazaarsSettings");
  174.             if (saved) {
  175.                 const parsedSettings = JSON.parse(saved);
  176.  
  177.                 Object.assign(scriptSettings, parsedSettings);
  178.                 
  179.                 if (parsedSettings.defaultSort) {
  180.                     currentSortKey = parsedSettings.defaultSort;
  181.                 }
  182.                 if (parsedSettings.defaultOrder) {
  183.                     currentSortOrder = parsedSettings.defaultOrder;
  184.                 }
  185.                 if (parsedSettings.defaultDisplayMode) {
  186.                     displayMode = parsedSettings.defaultDisplayMode;
  187.                 }
  188.             }
  189.         } catch (e) {
  190.             console.error("Oops, settings failed to load:", e);
  191.         }
  192.     }
  193.  
  194.     function saveSettings() {
  195.         try {
  196.             GM_setValue("bazaarsSettings", JSON.stringify(scriptSettings));
  197.             GM_setValue("bazaarApiKey", scriptSettings.apiKey || "");
  198.             GM_setValue("bazaarDefaultSort", scriptSettings.defaultSort || "price");
  199.             GM_setValue("bazaarDefaultOrder", scriptSettings.defaultOrder || "asc");
  200.             GM_setValue("bazaarListingFee", scriptSettings.listingFee || 0);
  201.             GM_setValue("bazaarDefaultDisplayMode", scriptSettings.defaultDisplayMode || "percentage");
  202.             GM_setValue("bazaarLinkBehavior", scriptSettings.linkBehavior || "new_tab");
  203.         } catch (e) {
  204.             console.error("Settings save hiccup:", e);
  205.         }
  206.     }
  207.     loadSettings();
  208.  
  209.     const style = document.createElement("style");
  210.     style.textContent = `
  211.         .bazaar-button {
  212.             padding: 3px 6px;
  213.             border: 1px solid #ccc;
  214.             border-radius: 4px;
  215.             background-color: #fff;
  216.             color: #000;
  217.             cursor: pointer;
  218.             font-size: 12px;
  219.             margin-left: 4px;
  220.         }
  221.         .dark-mode .bazaar-button {
  222.             border: 1px solid #444;
  223.             background-color: #1a1a1a;
  224.             color: #fff;
  225.         }
  226.         .bazaar-modal-overlay {
  227.             position: fixed;
  228.             top: 0;
  229.             left: 0;
  230.             width: 100%;
  231.             height: 100%;
  232.             background-color: rgba(0,0,0,0.7);
  233.             display: flex;
  234.             justify-content: center;
  235.             align-items: center;
  236.             z-index: 99999;
  237.         }
  238.         .bazaar-info-container {
  239.             font-size: 13px;
  240.             border-radius: 4px;
  241.             margin: 5px 0;
  242.             padding: 10px;
  243.             display: flex;
  244.             flex-direction: column;
  245.             gap: 8px;
  246.             background-color: #f9f9f9;
  247.             color: #000;
  248.             border: 1px solid #ccc;
  249.             box-sizing: border-box;
  250.             width: 100%;
  251.             overflow: hidden;
  252.         }
  253.         .dark-mode .bazaar-info-container {
  254.             background-color: #2f2f2f;
  255.             color: #ccc;
  256.             border: 1px solid #444;
  257.         }
  258.         .bazaar-info-header {
  259.             font-size: 16px;
  260.             font-weight: bold;
  261.             color: #000;
  262.         }
  263.         .dark-mode .bazaar-info-header {
  264.             color: #fff;
  265.         }
  266.         .bazaar-sort-controls {
  267.             display: flex;
  268.             align-items: center;
  269.             gap: 5px;
  270.             font-size: 12px;
  271.             padding: 5px;
  272.             background-color: #eee;
  273.             border-radius: 4px;
  274.             border: 1px solid #ccc;
  275.         }
  276.         .dark-mode .bazaar-sort-controls {
  277.             background-color: #333;
  278.             border: 1px solid #444;
  279.         }
  280.         .bazaar-sort-select {
  281.             padding: 3px 24px 3px 8px;
  282.             border: 1px solid #ccc;
  283.             border-radius: 4px;
  284.             background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGw1IDYgNS02eiIgZmlsbD0iIzY2NiIvPjwvc3ZnPg==") no-repeat right 8px center;
  285.             background-size: 10px 6px;
  286.             -webkit-appearance: none;
  287.             -moz-appearance: none;
  288.             appearance: none;
  289.             cursor: pointer;
  290.         }
  291.         .bazaar-profit-tooltip {
  292.             position: fixed;
  293.             background: #fff;
  294.             color: #333;
  295.             border: 1px solid #ddd;
  296.             padding: 8px 12px;
  297.             border-radius: 4px;
  298.             box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  299.             z-index: 99999;
  300.             min-width: 200px;
  301.             max-width: 280px;
  302.             width: auto;
  303.             pointer-events: none;
  304.             transition: opacity 0.2s ease;
  305.         }
  306.         .dark-mode .bazaar-profit-tooltip {
  307.             background: #333;
  308.             color: #fff;
  309.             border: 1px solid #555;
  310.         }
  311.         .dark-mode .bazaar-sort-select {
  312.             border: 1px solid #444;
  313.             background-color: #1a1a1a;
  314.             color: #fff;
  315.             background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGw1IDYgNS02eiIgZmlsbD0iI2NjYyIvPjwvc3ZnPg==");
  316.         }
  317.         .bazaar-sort-select:focus {
  318.             outline: none;
  319.             border-color: #0078d7;
  320.             box-shadow: 0 0 0 1px #0078d7;
  321.         }
  322.         .bazaar-min-qty {
  323.             background-color: #fff;
  324.             color: #000;
  325.             font-size: 12px;
  326.         }
  327.         .dark-mode .bazaar-min-qty {
  328.             border: 1px solid #444 !important;
  329.             background-color: #1a1a1a;
  330.             color: #fff;
  331.         }
  332.         .bazaar-min-qty:focus {
  333.             outline: none;
  334.             border-color: #0078d7 !important;
  335.             box-shadow: 0 0 0 1px #0078d7;
  336.         }
  337.         .bazaar-scroll-container {
  338.             position: relative;
  339.             display: flex;
  340.             align-items: stretch;
  341.             width: 100%;
  342.             box-sizing: border-box;
  343.         }
  344.         .bazaar-scroll-wrapper {
  345.             flex: 1;
  346.             overflow-x: auto;
  347.             overflow-y: hidden;
  348.             height: 100px;
  349.             white-space: nowrap;
  350.             padding-bottom: 3px;
  351.             border-radius: 4px;
  352.             border: 1px solid #ccc;
  353.             margin: 0 auto;
  354.             max-width: calc(100% - 30px);
  355.             position: relative;
  356.         }
  357.         .dark-mode .bazaar-scroll-wrapper {
  358.             border: 1px solid #444;
  359.         }
  360.         .bazaar-scroll-arrow {
  361.             display: flex;
  362.             align-items: center;
  363.             justify-content: center;
  364.             width: 12px;
  365.             flex-shrink: 0;
  366.             flex-grow: 0;
  367.             cursor: pointer;
  368.             background-color: transparent;
  369.             border: none;
  370.             opacity: 0.5;
  371.             transition: opacity 0.2s ease;
  372.             margin: 0 1px;
  373.             z-index: 2;
  374.             position: relative;
  375.         }
  376.         .bazaar-scroll-arrow:hover {
  377.             opacity: 0.9;
  378.             background-color: transparent;
  379.         }
  380.         .dark-mode .bazaar-scroll-arrow {
  381.             background-color: transparent;
  382.             border: none;
  383.         }
  384.         .bazaar-scroll-arrow svg {
  385.             width: 18px !important;
  386.             height: 18px !important;
  387.             color: #888;
  388.         }
  389.         .dark-mode .bazaar-scroll-arrow svg {
  390.             color: #777;
  391.         }
  392.         .bazaar-scroll-arrow.left {
  393.             padding-left: 10px;
  394.             margin-left: -10px;
  395.         }
  396.         .bazaar-scroll-arrow.right {
  397.             padding-right: 10px;
  398.             margin-right: -10px;
  399.         }
  400.         .bazaar-scroll-wrapper::-webkit-scrollbar {
  401.             height: 8px;
  402.         }
  403.         .bazaar-scroll-wrapper::-webkit-scrollbar-track {
  404.             background: #f1f1f1;
  405.         }
  406.         .bazaar-scroll-wrapper::-webkit-scrollbar-thumb {
  407.             background: #888;
  408.             border-radius: 4px;
  409.         }
  410.         .bazaar-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  411.             background: #555;
  412.         }
  413.         .dark-mode .bazaar-scroll-wrapper::-webkit-scrollbar-track {
  414.             background: #333;
  415.         }
  416.         .dark-mode .bazaar-scroll-wrapper::-webkit-scrollbar-thumb {
  417.             background: #555;
  418.         }
  419.         .dark-mode .bazaar-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  420.             background: #777;
  421.         }
  422.         .bazaar-card-container {
  423.             position: relative;
  424.             height: 100%;
  425.             display: flex;
  426.             align-items: center;
  427.         }
  428.         .bazaar-listing-card {
  429.             position: absolute;
  430.             min-width: 140px;
  431.             max-width: 200px;
  432.             display: flex;
  433.             flex-direction: column;
  434.             justify-content: space-between;
  435.             border-radius: 4px;
  436.             padding: 8px;
  437.             font-size: clamp(12px, 1vw, 14px);
  438.             box-sizing: border-box;
  439.             overflow: hidden;
  440.             background-color: #fff;
  441.             color: #000;
  442.             border: 1px solid #ccc;
  443.             top: 50%;
  444.             transform: translateY(-50%);
  445.             word-break: break-word;
  446.             height: auto;
  447.             /* Added transition for position, opacity and scale */
  448.             transition: left 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
  449.         }
  450.         .dark-mode .bazaar-listing-card {
  451.             background-color: #1a1a1a;
  452.             color: #fff;
  453.             border: 1px solid #444;
  454.         }
  455.         /* Fade-in/out classes for animations */
  456.         .fade-in {
  457.             opacity: 0;
  458.             transform: translateY(-50%) scale(0.8);
  459.         }
  460.         .fade-out {
  461.             opacity: 0;
  462.             transform: translateY(-50%) scale(0.8);
  463.         }
  464.         .bazaar-listing-footnote {
  465.             font-size: 11px;
  466.             text-align: right;
  467.             color: #555;
  468.         }
  469.         .dark-mode .bazaar-listing-footnote {
  470.             color: #aaa;
  471.         }
  472.         .bazaar-listing-source {
  473.             font-size: 10px;
  474.             text-align: right;
  475.             color: #555;
  476.         }
  477.         .dark-mode .bazaar-listing-source {
  478.             color: #aaa;
  479.         }
  480.         .bazaar-footer-container {
  481.             display: flex;
  482.             justify-content: space-between;
  483.             align-items: center;
  484.             margin-top: 5px;
  485.             font-size: 10px;
  486.         }
  487.         .bazaar-powered-by span {
  488.             color: #999;
  489.         }
  490.         .dark-mode .bazaar-powered-by span {
  491.             color: #666;
  492.         }
  493.         .bazaar-powered-by a {
  494.             text-decoration: underline;
  495.             color: #555;
  496.         }
  497.         .dark-mode .bazaar-powered-by a {
  498.             color: #aaa;
  499.         }
  500.         @keyframes popAndFlash {
  501.             0%   { transform: scale(1); background-color: rgba(0,255,0,0.6); }
  502.             50%  { transform: scale(1.05); }
  503.             100% { transform: scale(1); background-color: inherit; }
  504.         }
  505.         .pop-flash {
  506.             animation: popAndFlash 0.8s ease-in-out forwards;
  507.         }
  508.         .green-outline {
  509.             border: 3px solid green !important;
  510.         }
  511.         .bazaar-settings-modal {
  512.             background-color: #fff;
  513.             border-radius: 8px;
  514.             padding: 24px;
  515.             width: 500px;
  516.             max-width: 95vw;
  517.             max-height: 90vh;
  518.             overflow-y: auto;
  519.             box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  520.             position: relative;
  521.             z-index: 100000;
  522.             font-family: 'Arial', sans-serif;
  523.         }
  524.         .dark-mode .bazaar-settings-modal {
  525.             background-color: #2a2a2a;
  526.             color: #e0e0e0;
  527.             border: 1px solid #444;
  528.         }
  529.         .bazaar-settings-title {
  530.             font-size: 20px;
  531.             font-weight: bold;
  532.             margin-bottom: 20px;
  533.             color: #333;
  534.         }
  535.         .dark-mode .bazaar-settings-title {
  536.             color: #fff;
  537.         }
  538.         .bazaar-tabs {
  539.             display: flex;
  540.             border-bottom: 1px solid #ddd;
  541.             margin-bottom: 20px;
  542.             padding-bottom: 0;
  543.             flex-wrap: wrap;
  544.         }
  545.         .dark-mode .bazaar-tabs {
  546.             border-bottom: 1px solid #444;
  547.         }
  548.         .bazaar-tab {
  549.             padding: 10px 16px;
  550.             cursor: pointer;
  551.             margin-right: 5px;
  552.             margin-bottom: 5px;
  553.             border: 1px solid transparent;
  554.             border-bottom: none;
  555.             border-radius: 4px 4px 0 0;
  556.             font-weight: normal;
  557.             background-color: #f5f5f5;
  558.             color: #555;
  559.             position: relative;
  560.             bottom: -1px;
  561.         }
  562.         .dark-mode .bazaar-tab {
  563.             background-color: #333;
  564.             color: #ccc;
  565.         }
  566.         .bazaar-tab.active {
  567.             background-color: #fff;
  568.             color: #333;
  569.             border-color: #ddd;
  570.             font-weight: bold;
  571.             padding-bottom: 11px;
  572.         }
  573.         .dark-mode .bazaar-tab.active {
  574.             background-color: #2a2a2a;
  575.             color: #fff;
  576.             border-color: #444;
  577.         }
  578.         .bazaar-tab-content {
  579.             display: none;
  580.         }
  581.         .bazaar-tab-content.active {
  582.             display: block;
  583.         }
  584.         .bazaar-settings-group {
  585.             margin-bottom: 20px;
  586.         }
  587.         .bazaar-settings-item {
  588.             margin-bottom: 18px;
  589.         }
  590.         .bazaar-settings-item label {
  591.             display: block;
  592.             margin-bottom: 8px;
  593.             font-weight: bold;
  594.             font-size: 14px;
  595.         }
  596.         .bazaar-settings-item input[type="text"],
  597.         .bazaar-settings-item select,
  598.         .bazaar-number-input {
  599.             width: 100%;
  600.             padding: 8px 12px;
  601.             border: 1px solid #ccc;
  602.             border-radius: 4px;
  603.             font-size: 14px;
  604.             background-color: #fff;
  605.             color: #333;
  606.             max-width: 200px;
  607.         }
  608.         .dark-mode .bazaar-settings-item input[type="text"],
  609.         .dark-mode .bazaar-settings-item select,
  610.         .dark-mode .bazaar-number-input {
  611.             border: 1px solid #444;
  612.             background-color: #222;
  613.             color: #e0e0e0;
  614.         }
  615.         .bazaar-settings-item select {
  616.             max-width: 200px;
  617.         }
  618.         .bazaar-number-input {
  619.             -moz-appearance: textfield;
  620.             appearance: textfield;
  621.             width: 60px !important;
  622.         }
  623.         .bazaar-number-input::-webkit-outer-spin-button,
  624.         .bazaar-number-input::-webkit-inner-spin-button {
  625.             -webkit-appearance: none;
  626.             margin: 0;
  627.         }
  628.         .bazaar-api-note {
  629.             font-size: 12px;
  630.             margin-top: 6px;
  631.             color: #666;
  632.             line-height: 1.4;
  633.         }
  634.         .dark-mode .bazaar-api-note {
  635.             color: #aaa;
  636.         }
  637.         .bazaar-script-item {
  638.             margin-bottom: 16px;
  639.             padding-bottom: 16px;
  640.             border-bottom: 1px solid #eee;
  641.         }
  642.         .dark-mode .bazaar-script-item {
  643.             border-bottom: 1px solid #333;
  644.         }
  645.         .bazaar-script-item:last-child {
  646.             border-bottom: none;
  647.         }
  648.         .bazaar-script-name {
  649.             font-weight: bold;
  650.             font-size: 16px;
  651.             margin-bottom: 5px;
  652.         }
  653.         .bazaar-script-desc {
  654.             margin-bottom: 8px;
  655.             line-height: 1.4;
  656.             color: #555;
  657.         }
  658.         .dark-mode .bazaar-script-desc {
  659.             color: #bbb;
  660.         }
  661.         .bazaar-script-link {
  662.             display: inline-block;
  663.             margin-top: 5px;
  664.             color: #2196F3;
  665.             text-decoration: none;
  666.         }
  667.         .bazaar-script-link:hover {
  668.             text-decoration: underline;
  669.         }
  670.         .bazaar-changelog {
  671.             margin-bottom: 20px;
  672.         }
  673.         .bazaar-changelog-version {
  674.             font-weight: bold;
  675.             margin-bottom: 8px;
  676.             font-size: 15px;
  677.         }
  678.         .bazaar-changelog-date {
  679.             font-style: italic;
  680.             color: #666;
  681.             font-size: 13px;
  682.             margin-bottom: 5px;
  683.         }
  684.         .dark-mode .bazaar-changelog-date {
  685.             color: #aaa;
  686.         }
  687.         .bazaar-changelog-list {
  688.             margin-left: 20px;
  689.             margin-bottom: 15px;
  690.         }
  691.         .bazaar-changelog-item {
  692.             margin-bottom: 5px;
  693.             line-height: 1.4;
  694.         }
  695.         .bazaar-credits {
  696.             margin-top: 20px;
  697.             padding-top: 15px;
  698.             border-top: 1px solid #eee;
  699.         }
  700.         .dark-mode .bazaar-credits {
  701.             border-top: 1px solid #444;
  702.         }
  703.         .bazaar-credits h3 {
  704.             font-size: 16px;
  705.             margin-bottom: 10px;
  706.         }
  707.         .bazaar-credits p {
  708.             line-height: 1.4;
  709.             margin-bottom: 8px;
  710.         }
  711.         .bazaar-provider {
  712.             font-weight: bold;
  713.         }
  714.         .bazaar-settings-buttons {
  715.             display: flex;
  716.             justify-content: flex-end;
  717.             gap: 12px;
  718.             margin-top: 30px;
  719.         }
  720.         .bazaar-settings-save,
  721.         .bazaar-settings-cancel {
  722.             padding: 8px 16px;
  723.             border: none;
  724.             border-radius: 4px;
  725.             font-size: 14px;
  726.             cursor: pointer;
  727.             font-weight: bold;
  728.         }
  729.         .bazaar-settings-save {
  730.             background-color: #4CAF50;
  731.             color: white;
  732.         }
  733.         .bazaar-settings-save:hover {
  734.             background-color: #45a049;
  735.         }
  736.         .bazaar-settings-cancel {
  737.             background-color: #f5f5f5;
  738.             color: #333;
  739.             border: 1px solid #ddd;
  740.         }
  741.         .dark-mode .bazaar-settings-cancel {
  742.             background-color: #333;
  743.             color: #e0e0e0;
  744.             border: 1px solid #444;
  745.         }
  746.         .bazaar-settings-cancel:hover {
  747.             background-color: #e9e9e9;
  748.         }
  749.         .dark-mode .bazaar-settings-cancel:hover {
  750.             background-color: #444 !important;
  751.             border-color: #555 !important;
  752.         }
  753.         .bazaar-settings-footer {
  754.             margin-top: 20px;
  755.             font-size: 12px;
  756.             color: #777;
  757.             text-align: center;
  758.             padding-top: 15px;
  759.             border-top: 1px solid #eee;
  760.         }
  761.         .dark-mode .bazaar-settings-footer {
  762.             color: #999;
  763.             border-top: 1px solid #444;
  764.         }
  765.         .bazaar-settings-footer a {
  766.             color: #2196F3;
  767.             text-decoration: none;
  768.         }
  769.         .bazaar-settings-footer a:hover {
  770.             text-decoration: underline;
  771.         }
  772.         @media (max-width: 600px) {
  773.             .bazaar-settings-modal {
  774.                 padding: 16px;
  775.                 width: 100%;
  776.                 max-width: 100%;
  777.                 border-radius: 0;
  778.                 max-height: 100vh;
  779.             }
  780.             .bazaar-settings-title {
  781.                 font-size: 18px;
  782.                 margin-bottom: 16px;
  783.             }
  784.             .bazaar-tab {
  785.                 padding: 8px 12px;
  786.                 font-size: 14px;
  787.             }
  788.             .bazaar-settings-item label {
  789.                 font-size: 13px;
  790.             }
  791.             .bazaar-settings-item input[type="text"],
  792.             .bazaar-settings-item select,
  793.             .bazaar-number-input {
  794.                 padding: 6px 10px;
  795.                 font-size: 13px;
  796.                 max-width: 100%;
  797.             }
  798.             .bazaar-settings-item {
  799.                 margin-bottom: 14px;
  800.             }
  801.             .bazaar-settings-save,
  802.             .bazaar-settings-cancel {
  803.                 padding: 6px 12px;
  804.                 font-size: 13px;
  805.             }
  806.             .bazaar-api-note {
  807.                 font-size: 11px;
  808.             }
  809.             .bazaar-settings-buttons {
  810.                 margin-top: 20px;
  811.             }
  812.             .bazaar-settings-footer {
  813.                 font-size: 11px;
  814.             }
  815.         }
  816.     `;
  817.     document.head.appendChild(style);
  818.  
  819.     function fetchJSON(url, callback) {
  820.         let retryCount = 0;
  821.         const MAX_RETRIES = 2;
  822.         const TIMEOUT_MS = 10000;
  823.         const RETRY_DELAY_MS = 2000;
  824.  
  825.         function makeRequest(options) {
  826.             if (typeof GM_xmlhttpRequest !== 'undefined') {
  827.                 return GM_xmlhttpRequest(options);
  828.             } else if (typeof GM !== 'undefined' && typeof GM.xmlHttpRequest !== 'undefined') {
  829.                 return GM.xmlHttpRequest(options);
  830.             } else {
  831.                 console.error('Neither GM_xmlhttpRequest nor GM.xmlHttpRequest are available');
  832.                 options.onerror && options.onerror(new Error('XMLHttpRequest API not available'));
  833.                 return null;
  834.             }
  835.         }
  836.  
  837.         function attemptFetch() {
  838.             let timeoutId = setTimeout(() => {
  839.                 console.warn(`Request to ${url} timed out, ${retryCount < MAX_RETRIES ? 'retrying...' : 'giving up.'}`);
  840.                 if (retryCount < MAX_RETRIES) {
  841.                     retryCount++;
  842.                     setTimeout(attemptFetch, RETRY_DELAY_MS);
  843.                 } else {
  844.                     callback(null);
  845.                 }
  846.             }, TIMEOUT_MS);
  847.  
  848.             makeRequest({
  849.                 method: 'GET',
  850.                 url,
  851.                 timeout: TIMEOUT_MS,
  852.                 onload: res => {
  853.                     clearTimeout(timeoutId);
  854.                     try {
  855.                         if (res.status >= 200 && res.status < 300) {
  856.                             callback(JSON.parse(res.responseText));
  857.                         } else {
  858.                             console.warn(`Request to ${url} failed with status ${res.status}`);
  859.                             if (retryCount < MAX_RETRIES) {
  860.                                 retryCount++;
  861.                                 setTimeout(attemptFetch, RETRY_DELAY_MS);
  862.                             } else {
  863.                                 callback(null);
  864.                             }
  865.                         }
  866.                     } catch (e) {
  867.                         console.error(`Error parsing response from ${url}:`, e);
  868.                         callback(null);
  869.                     }
  870.                 },
  871.                 onerror: (error) => {
  872.                     clearTimeout(timeoutId);
  873.                     console.warn(`Request to ${url} failed:`, error);
  874.                     if (retryCount < MAX_RETRIES) {
  875.                         retryCount++;
  876.                         setTimeout(attemptFetch, RETRY_DELAY_MS);
  877.                     } else {
  878.                         callback(null);
  879.                     }
  880.                 },
  881.                 ontimeout: () => {
  882.                     clearTimeout(timeoutId);
  883.                     console.warn(`Request to ${url} timed out natively`);
  884.                     if (retryCount < MAX_RETRIES) {
  885.                         retryCount++;
  886.                         setTimeout(attemptFetch, RETRY_DELAY_MS);
  887.                     } else {
  888.                         callback(null);
  889.                     }
  890.                 }
  891.             });
  892.         }
  893.         attemptFetch();
  894.     }
  895.  
  896.     let cachedItemsData = null;
  897.     function getStoredItems() {
  898.         if (cachedItemsData === null) {
  899.             try {
  900.                 cachedItemsData = JSON.parse(GM_getValue("tornItems") || "{}");
  901.             } catch (e) {
  902.                 cachedItemsData = {};
  903.                 console.error("Stored items got funky:", e);
  904.             }
  905.         }
  906.         return cachedItemsData;
  907.     }
  908.  
  909.     function getCache(itemId) {
  910.         try {
  911.             const key = "tornBazaarCache_" + itemId,
  912.                   cached = GM_getValue(key);
  913.             if (cached) {
  914.                 const payload = JSON.parse(cached);
  915.                 if (Date.now() - payload.timestamp < CACHE_DURATION_MS) return payload.data;
  916.             }
  917.         } catch (e) {}
  918.         return null;
  919.     }
  920.  
  921.     function setCache(itemId, data) {
  922.         try {
  923.             GM_setValue("tornBazaarCache_" + itemId, JSON.stringify({ timestamp: Date.now(), data }));
  924.         } catch (e) {}
  925.     }
  926.  
  927.     function getRelativeTime(ts) {
  928.         const diffSec = Math.floor((Date.now() - ts * 1000) / 1000);
  929.         if (diffSec < 60) return diffSec + 's ago';
  930.         if (diffSec < 3600) return Math.floor(diffSec / 60) + 'm ago';
  931.         if (diffSec < 86400) return Math.floor(diffSec / 3600) + 'h ago';
  932.         return Math.floor(diffSec / 86400) + 'd ago';
  933.     }
  934.  
  935.     const svgTemplates = {
  936.         rightArrow: `<svg viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>`,
  937.         leftArrow: `<svg viewBox="0 0 320 512"><path fill="currentColor" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>`,
  938.         warningIcon: `<path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/>`,
  939.         infoIcon: `<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/>`
  940.     };
  941.  
  942.     function createListingCard(listing, index) {
  943.         const card = document.createElement('div');
  944.         card.className = 'bazaar-listing-card';
  945.         card.dataset.index = index;
  946.         const listingKey = listing.player_id + '-' + listing.price + '-' + listing.quantity;
  947.         card.dataset.listingKey = listingKey;
  948.         card.dataset.quantity = listing.quantity;
  949.         card.style.position = "absolute";
  950.         card.style.left = (index * CARD_WIDTH) + "px";
  951.         card.style.width = CARD_WIDTH + "px";
  952.  
  953.         let visitedColor = '#00aaff';
  954.         try {
  955.             const key = `visited_${listing.item_id}_${listing.player_id}`;
  956.             const data = JSON.parse(GM_getValue(key));
  957.             if (data && data.lastClickedUpdated >= listing.updated) {
  958.                 visitedColor = 'purple';
  959.             }
  960.         } catch (e) {}
  961.  
  962.         const displayName = listing.player_name ? listing.player_name : `ID: ${listing.player_id}`;
  963.         card.innerHTML = `
  964.             <div>
  965.                 <div style="display:flex; align-items:center; gap:5px; margin-bottom:6px; flex-wrap:wrap">
  966.                     <a href="https://www.torn.com/bazaar.php?userId=${listing.player_id}&itemId=${listing.item_id}&highlight=1#/"
  967.                        data-visited-key="visited_${listing.item_id}_${listing.player_id}"
  968.                        data-updated="${listing.updated}"
  969.                        ${scriptSettings.linkBehavior === 'new_tab' ? 'target="_blank" rel="noopener noreferrer"' : ''}
  970.                        style="font-weight:bold; color:${visitedColor}; text-decoration:underline;">
  971.                        Player: ${displayName}
  972.                     </a>
  973.                 </div>
  974.                 <div>
  975.                     <div style="margin-bottom:2px">
  976.                         <strong>Price:</strong> <span style="word-break:break-all;">$${listing.price.toLocaleString()}</span>
  977.                     </div>
  978.                     <div style="display:flex; align-items:center">
  979.                         <strong>Qty:</strong> <span style="margin-left:4px">${listing.quantity}</span>
  980.                         <span style="margin-left:auto">${getPriceComparisonHtml(listing.price, listing.quantity)}</span>
  981.                     </div>
  982.                 </div>
  983.             </div>
  984.             <div style="margin-top:6px">
  985.                 <div class="bazaar-listing-footnote">Updated: ${getRelativeTime(listing.updated)}</div>
  986.                 <div class="bazaar-listing-source">Source: ${listing.source === "ironnerd" ? "IronNerd" : (listing.source === "bazaar" ? "TornPal" : listing.source)}</div>
  987.             </div>
  988.         `;
  989.  
  990.         const playerLink = card.querySelector('a');
  991.         playerLink.addEventListener('click', (e) => {
  992.             GM_setValue(playerLink.dataset.visitedKey, JSON.stringify({ lastClickedUpdated: listing.updated }));
  993.             playerLink.style.color = 'purple';
  994.             const behavior = scriptSettings.linkBehavior || 'new_tab';
  995.             if (behavior !== 'same_tab') {
  996.                 e.preventDefault();
  997.                 if (behavior === 'new_window') {
  998.                     window.open(playerLink.href, '_blank', 'noopener,noreferrer,width=1200,height=800');
  999.                 } else {
  1000.                     window.open(playerLink.href, '_blank', 'noopener,noreferrer');
  1001.                 }
  1002.             }
  1003.         });
  1004.  
  1005.         const priceComparison = card.querySelector('.bazaar-price-comparison');
  1006.         if (priceComparison) {
  1007.             const tooltip = document.createElement('div');
  1008.             tooltip.className = 'bazaar-profit-tooltip';
  1009.             tooltip.style.display = 'none';
  1010.             tooltip.style.opacity = '0';
  1011.             tooltip.innerHTML = priceComparison.getAttribute('data-tooltip');
  1012.  
  1013.             priceComparison.addEventListener('mouseenter', e => {
  1014.                 document.body.appendChild(tooltip);
  1015.                 tooltip.style.display = 'block';
  1016.  
  1017.                 // Position initially to measure size
  1018.                 tooltip.style.left = '0';
  1019.                 tooltip.style.top = '0';
  1020.  
  1021.                 // Get dimensions after adding to DOM
  1022.                 const rect = e.target.getBoundingClientRect();
  1023.                 const tooltipRect = tooltip.getBoundingClientRect();
  1024.  
  1025.                 // Calculate optimal position
  1026.                 let left = rect.left;
  1027.                 let top = rect.bottom + 5;
  1028.  
  1029.                 // Check horizontal overflow
  1030.                 if (left + tooltipRect.width > window.innerWidth) {
  1031.                     left = Math.max(5, window.innerWidth - tooltipRect.width - 5);
  1032.                 }
  1033.  
  1034.                 // Check vertical overflow and place above if needed
  1035.                 if (top + tooltipRect.height > window.innerHeight) {
  1036.                     top = Math.max(5, rect.top - tooltipRect.height - 5);
  1037.                 }
  1038.  
  1039.                 // Apply final position
  1040.                 tooltip.style.left = left + 'px';
  1041.                 tooltip.style.top = top + 'px';
  1042.  
  1043.                 // Fade in
  1044.                 requestAnimationFrame(() => {
  1045.                     tooltip.style.opacity = '1';
  1046.                 });
  1047.             });
  1048.  
  1049.             priceComparison.addEventListener('mouseleave', () => {
  1050.                 tooltip.style.opacity = '0';
  1051.                 // Remove after transition
  1052.                 setTimeout(() => {
  1053.                     if (tooltip.parentNode) tooltip.parentNode.removeChild(tooltip);
  1054.                 }, 200);
  1055.             });
  1056.         }
  1057.  
  1058.         return card;
  1059.     }
  1060.  
  1061.     function getPriceComparisonHtml(listingPrice, quantity) {
  1062.         try {
  1063.             const stored = getStoredItems();
  1064.             const match = Object.values(stored).find(item =>
  1065.                 item.name && item.name.toLowerCase() === currentItemName.toLowerCase());
  1066.             if (match && match.market_value) {
  1067.                 const marketValue = Number(match.market_value),
  1068.                       priceDiff = listingPrice - marketValue,
  1069.                       percentDiff = ((listingPrice / marketValue) - 1) * 100,
  1070.                       listingFee = scriptSettings.listingFee || 0,
  1071.                       totalCost = listingPrice * quantity,
  1072.                       potentialRevenue = marketValue * quantity,
  1073.                       feeAmount = Math.ceil(potentialRevenue * (listingFee / 100)),
  1074.                       potentialProfit = potentialRevenue - totalCost - feeAmount,
  1075.                       minResellPrice = Math.ceil(listingPrice / (1 - (listingFee / 100)));
  1076.  
  1077.                 let color, text;
  1078.                 const absProfit = Math.abs(potentialProfit);
  1079.                 let abbrevValue = potentialProfit < 0 ? '-' : '';
  1080.                 if (absProfit >= 1000000) {
  1081.                     abbrevValue += '$' + (absProfit / 1000000).toFixed(1).replace(/\.0$/, '') + 'm';
  1082.                 } else if (absProfit >= 1000) {
  1083.                     abbrevValue += '$' + (absProfit / 1000).toFixed(1).replace(/\.0$/, '') + 'k';
  1084.                 } else {
  1085.                     abbrevValue += '$' + absProfit;
  1086.                 }
  1087.                 if (potentialProfit > 0) {
  1088.                     color = currentDarkMode ? '#7fff7f' : '#006400';
  1089.                     text = displayMode === "percentage" ? `(${percentDiff.toFixed(1)}%)` : `(${abbrevValue})`;
  1090.                 } else if (potentialProfit < 0) {
  1091.                     color = currentDarkMode ? '#ff7f7f' : '#8b0000';
  1092.                     text = displayMode === "percentage" ? `(+${percentDiff.toFixed(1)}%)` : `(${abbrevValue})`;
  1093.                 } else {
  1094.                     color = currentDarkMode ? '#cccccc' : '#666666';
  1095.                     text = displayMode === "percentage" ? `(0%)` : `($0)`;
  1096.                 }
  1097.  
  1098.                 // Improved tooltip content focusing only on key information
  1099.                 const tooltipContent = `
  1100.                     <div style="font-weight:bold; font-size:13px; margin-bottom:6px; text-align:center;">
  1101.                         ${potentialProfit >= 0 ? 'PROFIT' : 'LOSS'}: ${potentialProfit >= 0 ? '$' : '-$'}${Math.abs(potentialProfit).toLocaleString()}
  1102.                     </div>
  1103.                     <hr style="margin: 4px 0; border-color: ${currentDarkMode ? '#444' : '#ddd'}">
  1104.                     <div>Total Cost: $${totalCost.toLocaleString()} (${quantity} item${quantity > 1 ? 's' : ''})</div>
  1105.                     ${listingFee > 0 ? `<div>Resale Fee: ${listingFee}% ($${feeAmount.toLocaleString()})</div>` : ''}
  1106.                     ${listingFee > 0 ? `<div style="margin-top:6px; font-weight:bold;">Min. Resell Price: $${minResellPrice.toLocaleString()}</div>` : ''}
  1107.                 `;
  1108.                 const span = document.createElement('span');
  1109.                 span.style.fontWeight = 'bold';
  1110.                 span.style.fontSize = '10px';
  1111.                 span.style.padding = '0 4px';
  1112.                 span.style.borderRadius = '2px';
  1113.                 span.style.color = color;
  1114.                 span.style.cursor = 'help';
  1115.                 span.style.whiteSpace = 'nowrap';
  1116.                 span.textContent = text;
  1117.                 span.className = 'bazaar-price-comparison';
  1118.                 span.setAttribute('data-tooltip', tooltipContent);
  1119.                 return span.outerHTML;
  1120.             }
  1121.         } catch (e) {
  1122.             console.error("Price comparison error:", e);
  1123.         }
  1124.         return '';
  1125.     }
  1126.  
  1127.     function renderVirtualCards(infoContainer) {
  1128.         const cardContainer = infoContainer.querySelector('.bazaar-card-container'),
  1129.               scrollWrapper = infoContainer.querySelector('.bazaar-scroll-wrapper');
  1130.         if (!cardContainer || !scrollWrapper || !infoContainer.isConnected) return;
  1131.         try {
  1132.             const minQtyInput = infoContainer.querySelector('.bazaar-min-qty');
  1133.             const minQty = minQtyInput && minQtyInput.value ? parseInt(minQtyInput.value, 10) : 0;
  1134.             if (!infoContainer.originalListings && allListings && allListings.length > 0) {
  1135.                 infoContainer.originalListings = [...allListings];
  1136.             }
  1137.             if ((!allListings || allListings.length === 0) && infoContainer.originalListings) {
  1138.                 allListings = [...infoContainer.originalListings];
  1139.             }
  1140.             const filteredListings = minQty > 0 ? allListings.filter(listing => listing.quantity >= minQty) : allListings;
  1141.             if (filteredListings.length === 0 && allListings.length > 0) {
  1142.                 cardContainer.innerHTML = '';
  1143.                 const messageContainer = document.createElement('div');
  1144.                 messageContainer.style.cssText = 'display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; text-align:center; width:100%; height:70px;';
  1145.                 const iconSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  1146.                 iconSvg.setAttribute("viewBox", "0 0 512 512");
  1147.                 iconSvg.setAttribute("width", "24");
  1148.                 iconSvg.setAttribute("height", "24");
  1149.                 iconSvg.style.marginBottom = "10px";
  1150.                 iconSvg.innerHTML = svgTemplates.infoIcon;
  1151.                 const textDiv = document.createElement('div');
  1152.                 textDiv.textContent = `No listings found with quantity ≥ ${minQty}. Try a lower value.`;
  1153.                 messageContainer.appendChild(iconSvg);
  1154.                 messageContainer.appendChild(textDiv);
  1155.                 cardContainer.appendChild(messageContainer);
  1156.                 const countElement = infoContainer.querySelector('.bazaar-listings-count');
  1157.                 if (countElement) {
  1158.                     countElement.textContent = `No listings match minimum quantity of ${minQty} (from ${allListings.length} total listings)`;
  1159.                 }
  1160.                 return;
  1161.             }
  1162.  
  1163.             if (cardContainer.style.width !== (filteredListings.length * CARD_WIDTH) + "px") {
  1164.                 cardContainer.style.width = (filteredListings.length * CARD_WIDTH) + "px";
  1165.             }
  1166.  
  1167.             const scrollLeft = scrollWrapper.scrollLeft,
  1168.                   containerWidth = scrollWrapper.clientWidth;
  1169.             const visibleCards = Math.ceil(containerWidth / CARD_WIDTH),
  1170.                   buffer = Math.max(2, Math.floor(visibleCards / 3));
  1171.             const totalItems = filteredListings.length;
  1172.  
  1173.             if (infoContainer.lastRenderScrollLeft !== undefined &&
  1174.                 Math.abs(infoContainer.lastRenderScrollLeft - scrollLeft) < CARD_WIDTH * 0.3) {
  1175.  
  1176.             }
  1177.             infoContainer.lastRenderScrollLeft = scrollLeft;
  1178.  
  1179.             let startIndex = Math.max(0, Math.floor(scrollLeft / CARD_WIDTH) - buffer),
  1180.                 endIndex = Math.min(totalItems, Math.ceil((scrollLeft + containerWidth) / CARD_WIDTH) + buffer);
  1181.  
  1182.             const newVisible = {};
  1183.             for (let i = startIndex; i < endIndex; i++) {
  1184.                 const listing = filteredListings[i];
  1185.                 const key = listing.player_id + '-' + listing.price + '-' + listing.quantity;
  1186.                 newVisible[key] = i;
  1187.             }
  1188.             Array.from(cardContainer.children).forEach(card => {
  1189.                 if (!card.classList.contains('bazaar-listing-card')) return;
  1190.                 const key = card.dataset.listingKey;
  1191.                 if (key in newVisible) {
  1192.                     const newIndex = newVisible[key];
  1193.                     card.dataset.index = newIndex;
  1194.                     card.style.left = (newIndex * CARD_WIDTH) + "px";
  1195.                     delete newVisible[key];
  1196.                 } else {
  1197.                     card.classList.add('fade-out');
  1198.                     card.addEventListener('transitionend', () => card.remove(), { once: true });
  1199.                 }
  1200.             });
  1201.             const fragment = document.createDocumentFragment();
  1202.             for (const key in newVisible) {
  1203.                 const newIndex = newVisible[key];
  1204.                 const listing = filteredListings[newIndex];
  1205.                 const newCard = createListingCard(listing, newIndex);
  1206.                 newCard.classList.add('fade-in');
  1207.                 fragment.appendChild(newCard);
  1208.                 requestAnimationFrame(() => {
  1209.                     newCard.classList.remove('fade-in');
  1210.                 });
  1211.             }
  1212.             if (fragment.childElementCount > 0) {
  1213.                 cardContainer.appendChild(fragment);
  1214.             }
  1215.             const totalQuantity = filteredListings.reduce((sum, listing) => sum + listing.quantity, 0);
  1216.             const countElement = infoContainer.querySelector('.bazaar-listings-count');
  1217.             if (countElement) {
  1218.                 if (minQty > 0 && filteredListings.length < allListings.length) {
  1219.                     countElement.textContent = `Showing ${filteredListings.length} of ${allListings.length} bazaars (${totalQuantity.toLocaleString()} items total, min qty: ${minQty})`;
  1220.                 } else {
  1221.                     countElement.textContent = `Showing bazaars ${startIndex + 1}-${endIndex} of ${totalItems} (${totalQuantity.toLocaleString()} items total)`;
  1222.                 }
  1223.             }
  1224.         } catch (error) {
  1225.             console.error("Error rendering virtual cards:", error);
  1226.         }
  1227.     }
  1228.  
  1229.     function createInfoContainer(itemName, itemId) {
  1230.         const container = document.createElement('div');
  1231.         container.className = 'bazaar-info-container';
  1232.         container.dataset.itemid = itemId;
  1233.         currentItemName = itemName;
  1234.         const header = document.createElement('div');
  1235.         header.className = 'bazaar-info-header';
  1236.         let marketValueText = "";
  1237.         try {
  1238.             const stored = getStoredItems();
  1239.             const match = Object.values(stored).find(item =>
  1240.                 item.name && item.name.toLowerCase() === itemName.toLowerCase());
  1241.             if (match && match.market_value) {
  1242.                 marketValueText = `Market Value: $${Number(match.market_value).toLocaleString()}`;
  1243.             }
  1244.         } catch (e) {
  1245.             console.error("Header market value error:", e);
  1246.         }
  1247.         header.textContent = `Bazaar Listings for ${itemName} (ID: ${itemId})`;
  1248.         if (marketValueText) {
  1249.             const span = document.createElement('span');
  1250.             span.style.marginLeft = '8px';
  1251.             span.style.fontSize = '14px';
  1252.             span.style.fontWeight = 'normal';
  1253.             span.style.color = currentDarkMode ? '#aaa' : '#666';
  1254.             span.textContent = `• ${marketValueText}`;
  1255.             header.appendChild(span);
  1256.         }
  1257.         container.appendChild(header);
  1258.         currentSortOrder = getSortOrderForKey(currentSortKey);
  1259.         const sortControls = document.createElement('div');
  1260.         sortControls.className = 'bazaar-sort-controls';
  1261.         sortControls.innerHTML = `
  1262.             <span>Sort by:</span>
  1263.             <select class="bazaar-sort-select">
  1264.                 <option value="price" ${currentSortKey === "price" ? "selected" : ""}>Price</option>
  1265.                 <option value="quantity" ${currentSortKey === "quantity" ? "selected" : ""}>Quantity</option>
  1266.                 <option value="profit" ${currentSortKey === "profit" ? "selected" : ""}>Profit</option>
  1267.                 <option value="updated" ${currentSortKey === "updated" ? "selected" : ""}>Last Updated</option>
  1268.             </select>
  1269.             <button class="bazaar-button bazaar-order-toggle">
  1270.                 ${currentSortOrder === "asc" ? "Asc" : "Desc"}
  1271.             </button>
  1272.             <button class="bazaar-button bazaar-display-toggle" title="Toggle between percentage difference and total profit">
  1273.                 ${displayMode === "percentage" ? "%" : "$"}
  1274.             </button>
  1275.             <span style="margin-left: 8px;">Min Qty:</span>
  1276.             <input type="number" class="bazaar-min-qty" style="width: 60px; padding: 3px; border: 1px solid #ccc; border-radius: 4px;" min="0" placeholder="">
  1277.         `;
  1278.         container.appendChild(sortControls);
  1279.         const scrollContainer = document.createElement('div');
  1280.         scrollContainer.className = 'bazaar-scroll-container';
  1281.         function createScrollArrow(direction) {
  1282.             const arrow = document.createElement('div');
  1283.             arrow.className = `bazaar-scroll-arrow ${direction}`;
  1284.             arrow.innerHTML = svgTemplates[direction === 'left' ? 'leftArrow' : 'rightArrow'];
  1285.             let isScrolling = false,
  1286.                 scrollAnimationId = null,
  1287.                 startTime = 0,
  1288.                 isClickAction = false;
  1289.             const ACTION_THRESHOLD = 200;
  1290.             function smoothScroll() {
  1291.                 if (!isScrolling) return;
  1292.                 scrollWrapper.scrollLeft += (direction === 'left' ? -1.5 : 1.5);
  1293.                 scrollAnimationId = requestAnimationFrame(smoothScroll);
  1294.             }
  1295.             function startScrolling(e) {
  1296.                 e.preventDefault();
  1297.                 startTime = Date.now();
  1298.                 isClickAction = false;
  1299.                 setTimeout(() => {
  1300.                     if (startTime && Date.now() - startTime >= ACTION_THRESHOLD) {
  1301.                         isScrolling = true;
  1302.                         smoothScroll();
  1303.                     }
  1304.                 }, ACTION_THRESHOLD);
  1305.             }
  1306.             function stopScrolling() {
  1307.                 const holdDuration = Date.now() - startTime;
  1308.                 isScrolling = false;
  1309.                 if (scrollAnimationId) {
  1310.                     cancelAnimationFrame(scrollAnimationId);
  1311.                     scrollAnimationId = null;
  1312.                 }
  1313.                 if (holdDuration < ACTION_THRESHOLD && !isClickAction) {
  1314.                     isClickAction = true;
  1315.                     scrollWrapper.scrollBy({ left: direction === 'left' ? -200 : 200, behavior: 'smooth' });
  1316.                 }
  1317.                 startTime = 0;
  1318.             }
  1319.             arrow.addEventListener('mousedown', startScrolling);
  1320.             arrow.addEventListener('mouseup', stopScrolling);
  1321.             arrow.addEventListener('mouseleave', stopScrolling);
  1322.             arrow.addEventListener('touchstart', startScrolling, { passive: false });
  1323.             arrow.addEventListener('touchend', stopScrolling);
  1324.             arrow.addEventListener('touchcancel', stopScrolling);
  1325.             return arrow;
  1326.         }
  1327.         scrollContainer.appendChild(createScrollArrow('left'));
  1328.         const scrollWrapper = document.createElement('div');
  1329.         scrollWrapper.className = 'bazaar-scroll-wrapper';
  1330.         const cardContainer = document.createElement('div');
  1331.         cardContainer.className = 'bazaar-card-container';
  1332.         scrollWrapper.appendChild(cardContainer);
  1333.         scrollContainer.appendChild(scrollWrapper);
  1334.         scrollContainer.appendChild(createScrollArrow('right'));
  1335.         scrollWrapper.addEventListener('scroll', () => {
  1336.             if (!scrollWrapper.isScrolling) {
  1337.                 scrollWrapper.isScrolling = true;
  1338.                 requestAnimationFrame(function checkScroll() {
  1339.                     renderVirtualCards(container);
  1340.                     if (scrollWrapper.lastKnownScrollLeft === scrollWrapper.scrollLeft) {
  1341.                         renderVirtualCards(container);
  1342.                         scrollWrapper.isScrolling = false;
  1343.                     } else {
  1344.                         scrollWrapper.lastKnownScrollLeft = scrollWrapper.scrollLeft;
  1345.                         requestAnimationFrame(checkScroll);
  1346.                     }
  1347.                 });
  1348.             }
  1349.         });
  1350.         container.appendChild(scrollContainer);
  1351.         const footerContainer = document.createElement('div');
  1352.         footerContainer.className = 'bazaar-footer-container';
  1353.         const listingsCount = document.createElement('div');
  1354.         listingsCount.className = 'bazaar-listings-count';
  1355.         listingsCount.textContent = 'Loading...';
  1356.         footerContainer.appendChild(listingsCount);
  1357.         const poweredBy = document.createElement('div');
  1358.         poweredBy.className = 'bazaar-powered-by';
  1359.         poweredBy.innerHTML = `
  1360.             <span>Powered by </span>
  1361.             <a href="https://tornpal.com/login?ref=1853324" target="_blank">TornPal</a>
  1362.             <span> &amp; </span>
  1363.             <a href="https://ironnerd.me/" target="_blank">IronNerd</a>
  1364.         `;
  1365.         footerContainer.appendChild(poweredBy);
  1366.         container.appendChild(footerContainer);
  1367.         return container;
  1368.     }
  1369.  
  1370.     function sortListings(listings) {
  1371.         return listings.slice().sort((a, b) => {
  1372.             let diff;
  1373.             if (currentSortKey === "profit") {
  1374.                 try {
  1375.                     const stored = getStoredItems();
  1376.                     const match = Object.values(stored).find(item =>
  1377.                         item.name && item.name.toLowerCase() === currentItemName.toLowerCase());
  1378.                     if (match && match.market_value) {
  1379.                         const marketValue = Number(match.market_value),
  1380.                               fee = scriptSettings.listingFee || 0,
  1381.                               aProfit = (marketValue * a.quantity) - (a.price * a.quantity) - Math.ceil((marketValue * a.quantity) * (fee / 100)),
  1382.                               bProfit = (marketValue * b.quantity) - (b.price * b.quantity) - Math.ceil((marketValue * b.quantity) * (fee / 100));
  1383.                         diff = aProfit - bProfit;
  1384.                     } else {
  1385.                         diff = a.price - b.price;
  1386.                     }
  1387.                 } catch (e) {
  1388.                     console.error("Profit sort error:", e);
  1389.                     diff = a.price - b.price;
  1390.                 }
  1391.             } else {
  1392.                 diff = currentSortKey === "price" ? a.price - b.price :
  1393.                       currentSortKey === "quantity" ? a.quantity - b.quantity :
  1394.                       a.updated - b.updated;
  1395.             }
  1396.             return currentSortOrder === "asc" ? diff : -diff;
  1397.         });
  1398.     }
  1399.  
  1400.     function updateInfoContainer(wrapper, itemId, itemName) {
  1401.         if (wrapper.hasAttribute('data-has-bazaar-info')) return;
  1402.         let infoContainer = document.querySelector(`.bazaar-info-container[data-itemid="${itemId}"]`);
  1403.         if (!infoContainer) {
  1404.             infoContainer = createInfoContainer(itemName, itemId);
  1405.             wrapper.insertBefore(infoContainer, wrapper.firstChild);
  1406.             wrapper.setAttribute('data-has-bazaar-info', 'true');
  1407.         } else if (!wrapper.contains(infoContainer)) {
  1408.             infoContainer = createInfoContainer(itemName, itemId);
  1409.             wrapper.insertBefore(infoContainer, wrapper.firstChild);
  1410.             wrapper.setAttribute('data-has-bazaar-info', 'true');
  1411.         } else {
  1412.             const header = infoContainer.querySelector('.bazaar-info-header');
  1413.             if (header) {
  1414.                 header.textContent = `Bazaar Listings for ${itemName} (ID: ${itemId})`;
  1415.             }
  1416.         }
  1417.         const cardContainer = infoContainer.querySelector('.bazaar-card-container');
  1418.         const countElement = infoContainer.querySelector('.bazaar-listings-count');
  1419.         const updateListingsCount = (text) => {
  1420.             if (countElement) {
  1421.                 countElement.textContent = text;
  1422.             }
  1423.         };
  1424.         const showEmptyState = (isError) => {
  1425.             if (cardContainer) {
  1426.                 cardContainer.innerHTML = '';
  1427.                 cardContainer.style.width = '';
  1428.                 renderMessageInContainer(cardContainer, isError);
  1429.             }
  1430.             updateListingsCount(isError ? 'API Error - Check back later' : 'No listings available');
  1431.         };
  1432.         if (cardContainer) {
  1433.             cardContainer.innerHTML = '<div style="padding:10px; text-align:center; width:100%;">Loading bazaar listings...</div>';
  1434.         }
  1435.         const cachedData = getCache(itemId);
  1436.         if (cachedData) {
  1437.             allListings = sortListings(cachedData.listings);
  1438.             if (allListings.length === 0) {
  1439.                 showEmptyState(false);
  1440.             } else {
  1441.                 renderVirtualCards(infoContainer);
  1442.             }
  1443.             return;
  1444.         }
  1445.         let listings = [], responses = 0, apiErrors = false;
  1446.         let requestTimeout = setTimeout(() => {
  1447.             console.warn('Bazaar listings request timed out');
  1448.             if (responses < 2) {
  1449.                 showEmptyState(true);
  1450.                 responses = 2;
  1451.             }
  1452.         }, 15000);
  1453.         function processResponse(newListings, error) {
  1454.             if (error) {
  1455.                 apiErrors = true;
  1456.             }
  1457.             if (Array.isArray(newListings)) {
  1458.                 newListings.forEach(newItem => {
  1459.                     const normalized = newItem.user_id !== undefined ? {
  1460.                         item_id: newItem.item_id,
  1461.                         player_id: newItem.user_id,
  1462.                         quantity: newItem.quantity,
  1463.                         price: newItem.price,
  1464.                         updated: newItem.last_updated,
  1465.                         source: "ironnerd",
  1466.                         player_name: newItem.player_name || null
  1467.                     } : newItem;
  1468.                     const duplicate = listings.find(item =>
  1469.                         item.player_id === normalized.player_id &&
  1470.                         item.price === normalized.price &&
  1471.                         item.quantity === normalized.quantity
  1472.                     );
  1473.                     if (duplicate) {
  1474.                         duplicate.source = duplicate.source === normalized.source ?
  1475.                             duplicate.source : "TornPal & IronNerd";
  1476.                         if (!duplicate.player_name && normalized.player_name) {
  1477.                             duplicate.player_name = normalized.player_name;
  1478.                         }
  1479.                     } else {
  1480.                         listings.push(normalized);
  1481.                     }
  1482.                 });
  1483.             }
  1484.             responses++;
  1485.             if (responses === 2) {
  1486.                 clearTimeout(requestTimeout);
  1487.                 setCache(itemId, { listings });
  1488.                 if (listings.length === 0) {
  1489.                     showEmptyState(apiErrors);
  1490.                 } else {
  1491.                     allListings = sortListings(listings);
  1492.                     renderVirtualCards(infoContainer);
  1493.                 }
  1494.             }
  1495.         }
  1496.         fetchJSON(`https://tornpal.com/api/v1/markets/clist/${itemId}?comment=wBazaarMarket`, data => {
  1497.             processResponse(data && Array.isArray(data.listings) ? data.listings.filter(l => l.source === "bazaar") : [], data === null);
  1498.         });
  1499.         fetchJSON(`https://www.ironnerd.me/get_bazaar_items/${itemId}?comment=wBazaarMarket`, data => {
  1500.             processResponse(data && Array.isArray(data.bazaar_items) ? data.bazaar_items : [], data === null);
  1501.         });
  1502.     }
  1503.  
  1504.     function renderMessageInContainer(container, isApiError) {
  1505.         container.innerHTML = '';
  1506.         const messageContainer = document.createElement('div');
  1507.         messageContainer.style.cssText = 'display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; text-align:center; width:100%; height:70px;';
  1508.         const iconSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  1509.         iconSvg.setAttribute("viewBox", "0 0 512 512");
  1510.         iconSvg.setAttribute("width", "24");
  1511.         iconSvg.setAttribute("height", "24");
  1512.         iconSvg.style.marginBottom = "10px";
  1513.         const textDiv = document.createElement('div');
  1514.         if (isApiError) {
  1515.             iconSvg.innerHTML = svgTemplates.warningIcon;
  1516.             textDiv.textContent = "Unable to load bazaar listings. Please try again later.";
  1517.             textDiv.style.cssText = currentDarkMode ? 'color:#ff9999; font-weight:bold;' : 'color:#cc0000; font-weight:bold;';
  1518.         } else {
  1519.             iconSvg.innerHTML = svgTemplates.infoIcon;
  1520.             textDiv.textContent = "No bazaar listings available for this item.";
  1521.         }
  1522.         messageContainer.appendChild(iconSvg);
  1523.         messageContainer.appendChild(textDiv);
  1524.         container.appendChild(messageContainer);
  1525.     }
  1526.  
  1527.     function processSellerWrapper(wrapper) {
  1528.         if (!wrapper || wrapper.classList.contains('bazaar-info-container') || wrapper.hasAttribute('data-bazaar-processed')) return;
  1529.         const existingContainer = wrapper.querySelector(':scope > .bazaar-info-container');
  1530.         if (existingContainer) return;
  1531.         const itemTile = wrapper.previousElementSibling;
  1532.         if (!itemTile) return;
  1533.         const nameEl = itemTile.querySelector('.name___ukdHN'),
  1534.               btn = itemTile.querySelector('button[aria-controls^="wai-itemInfo-"]');
  1535.         if (nameEl && btn) {
  1536.             const itemName = nameEl.textContent.trim();
  1537.             const idParts = btn.getAttribute('aria-controls').split('-');
  1538.             const itemId = idParts[idParts.length - 1];
  1539.             wrapper.setAttribute('data-bazaar-processed', 'true');
  1540.             updateInfoContainer(wrapper, itemId, itemName);
  1541.         }
  1542.     }
  1543.  
  1544.     function processMobileSellerList() {
  1545.         if (!checkMobileView()) return;
  1546.         const sellerList = document.querySelector('ul.sellerList___e4C9_, ul[class*="sellerList"]');
  1547.         if (!sellerList) {
  1548.             const existing = document.querySelector('.bazaar-info-container');
  1549.             if (existing && !document.contains(existing.parentNode)) {
  1550.                 existing.remove();
  1551.             }
  1552.             return;
  1553.         }
  1554.         if (sellerList.hasAttribute('data-has-bazaar-container')) {
  1555.             return;
  1556.         }
  1557.         const headerEl = document.querySelector('.itemsHeader___ZTO9r .title___ruNCT, [class*="itemsHeader"] [class*="title"]');
  1558.         const itemName = headerEl ? headerEl.textContent.trim() : "Unknown";
  1559.         const btn = document.querySelector('.itemsHeader___ZTO9r button[aria-controls^="wai-itemInfo-"], [class*="itemsHeader"] button[aria-controls^="wai-itemInfo-"]');
  1560.         let itemId = "unknown";
  1561.         if (btn) {
  1562.             const parts = btn.getAttribute('aria-controls').split('-');
  1563.             itemId = parts.length > 2 ? parts[parts.length - 2] : parts[parts.length - 1];
  1564.         }
  1565.         const existingContainer = document.querySelector(`.bazaar-info-container[data-itemid="${itemId}"]`);
  1566.         if (existingContainer) {
  1567.             if (existingContainer.parentNode !== sellerList.parentNode ||
  1568.                 existingContainer.nextSibling !== sellerList) {
  1569.                 sellerList.parentNode.insertBefore(existingContainer, sellerList);
  1570.             }
  1571.             return;
  1572.         }
  1573.         const infoContainer = createInfoContainer(itemName, itemId);
  1574.         sellerList.parentNode.insertBefore(infoContainer, sellerList);
  1575.         sellerList.setAttribute('data-has-bazaar-container', 'true');
  1576.         updateInfoContainer(infoContainer, itemId, itemName);
  1577.     }
  1578.  
  1579.     function processAllSellerWrappers(root = document.body) {
  1580.         if (checkMobileView()) return;
  1581.         const sellerWrappers = root.querySelectorAll('[class*="sellerListWrapper"]');
  1582.         sellerWrappers.forEach(wrapper => processSellerWrapper(wrapper));
  1583.     }
  1584.     processAllSellerWrappers();
  1585.     processMobileSellerList();
  1586.  
  1587.     const observeTarget = document.querySelector('#root') || document.body;
  1588.     let isProcessing = false;
  1589.     const observer = new MutationObserver(mutations => {
  1590.         if (isProcessing) return;
  1591.         let needsProcessing = false;
  1592.         mutations.forEach(mutation => {
  1593.             const isOurMutation = Array.from(mutation.addedNodes).some(node =>
  1594.                 node.nodeType === Node.ELEMENT_NODE &&
  1595.                 (node.classList.contains('bazaar-info-container') ||
  1596.                  node.querySelector('.bazaar-info-container'))
  1597.             );
  1598.             if (isOurMutation) return;
  1599.             mutation.addedNodes.forEach(node => {
  1600.                 if (node.nodeType === Node.ELEMENT_NODE) {
  1601.                     needsProcessing = true;
  1602.                 }
  1603.             });
  1604.             mutation.removedNodes.forEach(node => {
  1605.                 if (node.nodeType === Node.ELEMENT_NODE &&
  1606.                     (node.matches('ul.sellerList___e4C9_') || node.matches('ul[class*="sellerList"]')) &&
  1607.                     checkMobileView()) {
  1608.                     const container = document.querySelector('.bazaar-info-container');
  1609.                     if (container) container.remove();
  1610.                 }
  1611.             });
  1612.         });
  1613.         if (needsProcessing) {
  1614.             if (observer.processingTimeout) {
  1615.                 clearTimeout(observer.processingTimeout);
  1616.             }
  1617.             observer.processingTimeout = setTimeout(() => {
  1618.                 try {
  1619.                     isProcessing = true;
  1620.                     if (checkMobileView()) {
  1621.                         processMobileSellerList();
  1622.                     } else {
  1623.                         processAllSellerWrappers();
  1624.                     }
  1625.                 } finally {
  1626.                     isProcessing = false;
  1627.                     observer.processingTimeout = null;
  1628.                 }
  1629.             }, 100);
  1630.         }
  1631.     });
  1632.     observer.observe(observeTarget, { childList: true, subtree: true });
  1633.     const bodyObserver = new MutationObserver(mutations => {
  1634.         mutations.forEach(mutation => {
  1635.             if (mutation.attributeName === 'class') {
  1636.                 currentDarkMode = document.body.classList.contains('dark-mode');
  1637.             }
  1638.         });
  1639.     });
  1640.     bodyObserver.observe(document.body, { attributes: true, attributeFilter: ['class'] });
  1641.  
  1642.     if (window.location.href.includes("bazaar.php")) {
  1643.         function scrollToTargetItem() {
  1644.             const params = new URLSearchParams(window.location.search);
  1645.             const targetItemId = params.get("itemId"), highlight = params.get("highlight");
  1646.             if (!targetItemId || highlight !== "1") return;
  1647.             function removeHighlightParam() {
  1648.                 params.delete("highlight");
  1649.                 history.replaceState({}, "", window.location.pathname + "?" + params.toString() + window.location.hash);
  1650.             }
  1651.             function showToast(message) {
  1652.                 const toast = document.createElement('div');
  1653.                 toast.textContent = message;
  1654.                 toast.style.cssText = 'position:fixed; bottom:20px; left:50%; transform:translateX(-50%); background-color:rgba(0,0,0,0.7); color:white; padding:10px 20px; border-radius:5px; z-index:100000; font-size:14px;';
  1655.                 document.body.appendChild(toast);
  1656.                 setTimeout(() => {
  1657.                     toast.remove();
  1658.                 }, 3000);
  1659.             }
  1660.             function findItemCard() {
  1661.                 const img = document.querySelector(`img[src*="/images/items/${targetItemId}/"]`);
  1662.                 return img ? img.closest('.item___GYCYJ') : null;
  1663.             }
  1664.             const scrollInterval = setInterval(() => {
  1665.                 const card = findItemCard();
  1666.                 if (card) {
  1667.                     clearInterval(scrollInterval);
  1668.                     removeHighlightParam();
  1669.                     card.classList.add("green-outline", "pop-flash");
  1670.                     card.scrollIntoView({ behavior: "smooth", block: "center" });
  1671.                     setTimeout(() => {
  1672.                         card.classList.remove("pop-flash");
  1673.                     }, 800);
  1674.                 } else {
  1675.                     if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
  1676.                         showToast("Item not found on this page.");
  1677.                         removeHighlightParam();
  1678.                         clearInterval(scrollInterval);
  1679.                     } else {
  1680.                         window.scrollBy({ top: 300, behavior: 'auto' });
  1681.                     }
  1682.                 }
  1683.             }, 50);
  1684.         }
  1685.         function waitForItems() {
  1686.             const container = document.querySelector('.ReactVirtualized__Grid__innerScrollContainer');
  1687.             if (container && container.childElementCount > 0) {
  1688.                 scrollToTargetItem();
  1689.             } else {
  1690.                 setTimeout(waitForItems, 500);
  1691.             }
  1692.         }
  1693.         waitForItems();
  1694.     }
  1695.  
  1696.     function dailyCleanup() {
  1697.         const lastCleanup = GM_getValue("lastDailyCleanup"),
  1698.               oneDay = 24 * 60 * 60 * 1000,
  1699.               now = Date.now();
  1700.         if (!lastCleanup || (now - parseInt(lastCleanup, 10)) > oneDay) {
  1701.             const sevenDays = 7 * 24 * 60 * 60 * 1000;
  1702.  
  1703.             let keys = [];
  1704.             try {
  1705.                 if (typeof GM_listValues === 'function') {
  1706.                     keys = GM_listValues();
  1707.                 }
  1708.                 if (keys.length === 0) {
  1709.                     const checkKey = (prefix) => {
  1710.                         let i = 0;
  1711.                         while (true) {
  1712.                             const testKey = `${prefix}${i}`;
  1713.                             const value = GM_getValue(testKey);
  1714.                             if (value === undefined) break;
  1715.                             keys.push(testKey);
  1716.                             i++;
  1717.                         }
  1718.                     };
  1719.  
  1720.                     ['visited_', 'tornBazaarCache_'].forEach(prefix => {
  1721.                         for (let id = 1; id <= 1000; id++) {
  1722.                             const key = `${prefix}${id}`;
  1723.                             const value = GM_getValue(key);
  1724.                             if (value !== undefined) {
  1725.                                 keys.push(key);
  1726.                             }
  1727.                         }
  1728.                     });
  1729.                 }
  1730.             } catch (e) {
  1731.                 console.error("Error listing storage keys:", e);
  1732.             }
  1733.  
  1734.             keys.forEach(key => {
  1735.                 if (key && (key.startsWith("visited_") || key.startsWith("tornBazaarCache_"))) {
  1736.                     try {
  1737.                         const val = JSON.parse(GM_getValue(key));
  1738.                         let ts = null;
  1739.                         if (key.startsWith("visited_") && val && val.lastClickedUpdated) {
  1740.                             ts = val.lastClickedUpdated;
  1741.                         } else if (key.startsWith("tornBazaarCache_") && val && val.timestamp) {
  1742.                             ts = val.timestamp;
  1743.                         } else {
  1744.                             GM_deleteValue(key);
  1745.                         }
  1746.                         if (ts !== null && (now - ts) > sevenDays) {
  1747.                             GM_deleteValue(key);
  1748.                         }
  1749.                     } catch (e) {
  1750.                         GM_deleteValue(key);
  1751.                     }
  1752.                 }
  1753.             });
  1754.  
  1755.             GM_setValue("lastDailyCleanup", now.toString());
  1756.         }
  1757.     }
  1758.     dailyCleanup();
  1759.  
  1760.     document.body.addEventListener('click', event => {
  1761.         const container = event.target.closest('.bazaar-info-container');
  1762.         if (!container) return;
  1763.         if (event.target.matches('.bazaar-order-toggle')) {
  1764.             currentSortOrder = currentSortOrder === "asc" ? "desc" : "asc";
  1765.             event.target.textContent = currentSortOrder === "asc" ? "Asc" : "Desc";
  1766.             performSort(container);
  1767.         }
  1768.         if (event.target.matches('.bazaar-display-toggle')) {
  1769.             displayMode = displayMode === "percentage" ? "profit" : "percentage";
  1770.             event.target.textContent = displayMode === "percentage" ? "%" : "$";
  1771.             scriptSettings.defaultDisplayMode = displayMode;
  1772.             saveSettings();
  1773.  
  1774.             const allContainers = document.querySelectorAll('.bazaar-info-container');
  1775.             allContainers.forEach(container => {
  1776.                 renderVirtualCards(container);
  1777.  
  1778.                 const cardContainer = container.querySelector('.bazaar-card-container');
  1779.                 if (cardContainer) {
  1780.                     const scrollWrapper = container.querySelector('.bazaar-scroll-wrapper');
  1781.                     const currentScroll = scrollWrapper ? scrollWrapper.scrollLeft : 0;
  1782.  
  1783.                     const itemId = container.dataset.itemid;
  1784.                     if (itemId) {
  1785.                         if (allListings && allListings.length > 0) {
  1786.                             cardContainer.innerHTML = '';
  1787.                             renderVirtualCards(container);
  1788.  
  1789.                             if (scrollWrapper) {
  1790.                                 scrollWrapper.scrollLeft = currentScroll;
  1791.                             }
  1792.                         }
  1793.                     }
  1794.                 }
  1795.             });
  1796.  
  1797.             return;
  1798.         }
  1799.     });
  1800.  
  1801.     document.body.addEventListener('input', event => {
  1802.         const container = event.target.closest('.bazaar-info-container');
  1803.         if (!container) return;
  1804.         if (event.target.matches('.bazaar-min-qty')) {
  1805.             clearTimeout(event.target.debounceTimer);
  1806.             event.target.debounceTimer = setTimeout(() => {
  1807.                 const scrollWrapper = container.querySelector('.bazaar-scroll-wrapper');
  1808.                 if (scrollWrapper) {
  1809.                     scrollWrapper.scrollLeft = 0;
  1810.                 }
  1811.                 container.lastRenderScrollLeft = undefined;
  1812.                 if (!allListings || allListings.length === 0) {
  1813.                     const itemId = container.getAttribute('data-itemid');
  1814.                     if (itemId) {
  1815.                         const cachedData = getCache(itemId);
  1816.                         if (cachedData && cachedData.listings && cachedData.listings.length > 0) {
  1817.                             allListings = sortListings(cachedData.listings);
  1818.                         }
  1819.                     }
  1820.                 }
  1821.                 renderVirtualCards(container);
  1822.             }, 300);
  1823.         }
  1824.     });
  1825.  
  1826.     document.body.addEventListener('change', event => {
  1827.         const container = event.target.closest('.bazaar-info-container');
  1828.         if (!container) return;
  1829.         if (event.target.matches('.bazaar-sort-select')) {
  1830.             const newSortKey = event.target.value;
  1831.             if (newSortKey !== currentSortKey) {
  1832.                 currentSortKey = newSortKey;
  1833.                 currentSortOrder = getSortOrderForKey(currentSortKey);
  1834.                 const orderToggle = container.querySelector('.bazaar-order-toggle');
  1835.                 if (orderToggle) {
  1836.                     orderToggle.textContent = currentSortOrder === "asc" ? "Asc" : "Desc";
  1837.                 }
  1838.             } else {
  1839.                 currentSortKey = newSortKey;
  1840.             }
  1841.             performSort(container);
  1842.         }
  1843.     });
  1844.  
  1845.     function performSort(container) {
  1846.         allListings = sortListings(allListings);
  1847.         const cardContainer = container.querySelector('.bazaar-card-container');
  1848.         const scrollWrapper = container.querySelector('.bazaar-scroll-wrapper');
  1849.         if (cardContainer && scrollWrapper) {
  1850.             scrollWrapper.scrollLeft = 0;
  1851.             container.lastRenderScrollLeft = undefined;
  1852.             renderVirtualCards(container);
  1853.         }
  1854.     }
  1855.  
  1856.     function addSettingsMenuItem() {
  1857.         const menu = document.querySelector('.settings-menu');
  1858.         if (!menu || document.querySelector('.bazaar-settings-button')) return;
  1859.         const li = document.createElement('li');
  1860.         li.className = 'link bazaar-settings-button';
  1861.         const a = document.createElement('a');
  1862.         a.href = '#';
  1863.         const iconDiv = document.createElement('div');
  1864.         iconDiv.className = 'icon-wrapper';
  1865.         const svgIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  1866.         svgIcon.setAttribute('class', 'default');
  1867.         svgIcon.setAttribute('fill', '#fff');
  1868.         svgIcon.setAttribute('stroke', 'transparent');
  1869.         svgIcon.setAttribute('stroke-width', '0');
  1870.         svgIcon.setAttribute('width', '16');
  1871.         svgIcon.setAttribute('height', '16');
  1872.         svgIcon.setAttribute('viewBox', '0 0 640 512');
  1873.         const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  1874.         path.setAttribute('d', 'M36.8 192l566.3 0c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2 21.4C549.3 8 534.4 0 518.3 0L121.7 0c-16 0-31 8-39.9 21.4L6.2 134.7c-4 6.1-6.2 13.2-6.2 20.4C0 175.5 16.5 192 36.8 192zM64 224l0 160 0 80c0 26.5 21.5 48 48 48l224 0c26.5 0 48-21.5 48-48l0-80 0-160-64 0 0 160-192 0 0-160-64 0zm448 0l0 256c0 17.7 14.3 32 32 32s32-14.3 32-32l0-256-64 0z');
  1875.         const span = document.createElement('span');
  1876.         span.textContent = 'Bazaar Settings';
  1877.         svgIcon.appendChild(path);
  1878.         iconDiv.appendChild(svgIcon);
  1879.         a.appendChild(iconDiv);
  1880.         a.appendChild(span);
  1881.         li.appendChild(a);
  1882.         a.addEventListener('click', e => {
  1883.             e.preventDefault();
  1884.             document.body.click();
  1885.             openSettingsModal();
  1886.         });
  1887.         const logoutButton = menu.querySelector('li.logout');
  1888.         if (logoutButton) {
  1889.             menu.insertBefore(li, logoutButton);
  1890.         } else {
  1891.             menu.appendChild(li);
  1892.         }
  1893.     }
  1894.  
  1895.     function openSettingsModal() {
  1896.         const overlay = document.createElement("div");
  1897.         overlay.className = "bazaar-modal-overlay";
  1898.         const modal = document.createElement("div");
  1899.         modal.className = "bazaar-settings-modal";
  1900.         modal.innerHTML = `
  1901.             <div class="bazaar-settings-title">Bazaar Listings Settings</div>
  1902.             <div class="bazaar-tabs">
  1903.                 <div class="bazaar-tab active" data-tab="settings">Settings</div>
  1904.                 <div class="bazaar-tab" data-tab="scripts">Other Scripts</div>
  1905.             </div>
  1906.             <div class="bazaar-tab-content active" id="tab-settings" style="max-height: 350px; overflow-y: auto;">
  1907.                 <div class="bazaar-settings-group">
  1908.                     <div class="bazaar-settings-item">
  1909.                         <label for="bazaar-api-key">Torn API Key (Optional)</label>
  1910.                         <div style="display: flex; gap: 5px; align-items: center; width: 100%;">
  1911.                             <input type="text" id="bazaar-api-key" value="${scriptSettings.apiKey || ''}" placeholder="Enter your API key here" style="flex-grow: 1; max-width: none;">
  1912.                             <button class="bazaar-button refresh-market-data" id="refresh-market-data" style="white-space: nowrap; padding: 8px 10px; height: 35px;">Refresh Values</button>
  1913.                         </div>
  1914.                         <div id="refresh-status" style="margin-top: 5px; font-size: 12px; display: none;"></div>
  1915.                         <div class="bazaar-api-note">
  1916.                             Providing an API key enables market value comparison. Your key stays local.<br>
  1917.                             Alternatively, install <a href="https://gf.qytechs.cn/en/scripts/527925-customizable-bazaar-filler" target="_blank">Bazaar Filler</a>, which works seamlessly with this script (Only ONE API call is made each day!)
  1918.                         </div>
  1919.                     </div>
  1920.                     <div class="bazaar-settings-item">
  1921.                         <label for="bazaar-default-sort">Default Sort</label>
  1922.                         <select id="bazaar-default-sort">
  1923.                             <option value="price" ${scriptSettings.defaultSort === 'price' ? 'selected' : ''}>Price</option>
  1924.                             <option value="quantity" ${scriptSettings.defaultSort === 'quantity' ? 'selected' : ''}>Quantity</option>
  1925.                             <option value="profit" ${scriptSettings.defaultSort === 'profit' ? 'selected' : ''}>Profit</option>
  1926.                             <option value="updated" ${scriptSettings.defaultSort === 'updated' ? 'selected' : ''}>Last Updated</option>
  1927.                         </select>
  1928.                         <div class="bazaar-api-note">
  1929.                             Choose how listings are sorted: Price, Quantity, Profit, or Last Updated.
  1930.                         </div>
  1931.                     </div>
  1932.                     <div class="bazaar-settings-item">
  1933.                         <label for="bazaar-default-order">Default Order</label>
  1934.                         <select id="bazaar-default-order">
  1935.                             <option value="asc" ${scriptSettings.defaultOrder === 'asc' ? 'selected' : ''}>Ascending</option>
  1936.                             <option value="desc" ${scriptSettings.defaultOrder === 'desc' ? 'selected' : ''}>Descending</option>
  1937.                         </select>
  1938.                         <div class="bazaar-api-note">
  1939.                             Choose the sorting direction.
  1940.                         </div>
  1941.                     </div>
  1942.                     <div class="bazaar-settings-item">
  1943.                         <label for="bazaar-listing-fee">Listing Fee (%)</label>
  1944.                         <input type="number" id="bazaar-listing-fee" class="bazaar-number-input" value="${scriptSettings.listingFee || 0}" min="0" max="100" step="1">
  1945.                         <div class="bazaar-api-note">
  1946.                             Set the fee percentage when listing items. (e.g., 10% fee means $10,000 on $100,000)
  1947.                         </div>
  1948.                     </div>
  1949.                     <div class="bazaar-settings-item">
  1950.                         <label for="bazaar-default-display">Default Display Mode</label>
  1951.                         <select id="bazaar-default-display">
  1952.                             <option value="percentage" ${scriptSettings.defaultDisplayMode === 'percentage' ? 'selected' : ''}>Percentage Difference</option>
  1953.                             <option value="profit" ${scriptSettings.defaultDisplayMode === 'profit' ? 'selected' : ''}>Potential Profit</option>
  1954.                         </select>
  1955.                         <div class="bazaar-api-note">
  1956.                             Choose whether to display price comparisons as a percentage or in dollars.
  1957.                         </div>
  1958.                     </div>
  1959.                     <div class="bazaar-settings-item">
  1960.                         <label for="bazaar-link-behavior">Bazaar Link Click Behavior</label>
  1961.                         <select id="bazaar-link-behavior">
  1962.                             <option value="new_tab" ${scriptSettings.linkBehavior === 'new_tab' ? 'selected' : ''}>Open in New Tab</option>
  1963.                             <option value="new_window" ${scriptSettings.linkBehavior === 'new_window' ? 'selected' : ''}>Open in New Window</option>
  1964.                             <option value="same_tab" ${scriptSettings.linkBehavior === 'same_tab' ? 'selected' : ''}>Open in Same Tab</option>
  1965.                         </select>
  1966.                         <div class="bazaar-api-note">
  1967.                             Choose how bazaar links open when clicked.
  1968.                         </div>
  1969.                     </div>
  1970.                 </div>
  1971.             </div>
  1972.             <div class="bazaar-tab-content" id="tab-scripts" style="max-height: 350px; overflow-y: auto;">
  1973.                 <div class="bazaar-script-item">
  1974.                     <div class="bazaar-script-name">Customizable Bazaar Filler</div>
  1975.                     <div class="bazaar-script-desc">Auto-fills bazaar item quantities and prices.</div>
  1976.                     <a href="https://gf.qytechs.cn/en/scripts/527925-customizable-bazaar-filler" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  1977.                 </div>
  1978.                 <div class="bazaar-script-item">
  1979.                     <div class="bazaar-script-name">Torn Item Market Highlighter</div>
  1980.                     <div class="bazaar-script-desc">Highlights items based on rules and prices.</div>
  1981.                     <a href="https://gf.qytechs.cn/en/scripts/513617-torn-item-market-highlighter" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  1982.                 </div>
  1983.                 <div class="bazaar-script-item">
  1984.                     <div class="bazaar-script-name">Torn Item Market Max Quantity Calculator</div>
  1985.                     <div class="bazaar-script-desc">Calculates the max quantity you can buy.</div>
  1986.                     <a href="https://gf.qytechs.cn/en/scripts/513790-torn-item-market-max-quantity-calculator" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  1987.                 </div>
  1988.                 <div class="bazaar-script-item">
  1989.                     <div class="bazaar-script-name">Enhanced Chat Buttons V2</div>
  1990.                     <div class="bazaar-script-desc">Improves chat with extra buttons.</div>
  1991.                     <a href="https://gf.qytechs.cn/en/scripts/488294-torn-com-enhanced-chat-buttons-v2" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  1992.                 </div>
  1993.                 <div class="bazaar-script-item">
  1994.                     <div class="bazaar-script-name">Market Item Locker</div>
  1995.                     <div class="bazaar-script-desc">Lock items when listing to avoid accidental sales.</div>
  1996.                     <a href="https://gf.qytechs.cn/en/scripts/513784-torn-market-item-locker" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  1997.                 </div>
  1998.                 <div class="bazaar-script-item">
  1999.                     <div class="bazaar-script-name">Market Quick Remove</div>
  2000.                     <div class="bazaar-script-desc">Quickly remove items from your listings.</div>
  2001.                     <a href="https://gf.qytechs.cn/en/scripts/515870-torn-market-quick-remove" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  2002.                 </div>
  2003.                 <div class="bazaar-script-item">
  2004.                     <div class="bazaar-script-name">Trade Chat Timer on Button</div>
  2005.                     <div class="bazaar-script-desc">Adds a timer to the trade chat button.</div>
  2006.                     <a href="https://gf.qytechs.cn/en/scripts/496284-trade-chat-timer-on-button" target="_blank" class="bazaar-script-link">Install from Greasy Fork镜像</a>
  2007.                 </div>
  2008.             </div>
  2009.             <div class="bazaar-settings-buttons">
  2010.                 <button class="bazaar-settings-save">Save</button>
  2011.                 <button class="bazaar-settings-cancel">Cancel</button>
  2012.             </div>
  2013.             <div class="bazaar-settings-footer">
  2014.                 <p>This script uses data from <a href="https://tornpal.com" target="_blank">TornPal</a> and <a href="https://www.ironnerd.me/torn/" target="_blank">IronNerd</a>.</p>
  2015.                 <p>Created by <a href="https://www.torn.com/profiles.php?XID=1853324" target="_blank">Weav3r [1853324]</a></p>
  2016.             </div>
  2017.         `;
  2018.         overlay.appendChild(modal);
  2019.         const tabs = modal.querySelectorAll('.bazaar-tab');
  2020.         tabs.forEach(tab => {
  2021.             tab.addEventListener('click', function () {
  2022.                 tabs.forEach(t => t.classList.remove('active'));
  2023.                 this.classList.add('active');
  2024.                 modal.querySelectorAll('.bazaar-tab-content').forEach(content => content.classList.remove('active'));
  2025.                 document.getElementById(`tab-${this.getAttribute('data-tab')}`).classList.add('active');
  2026.             });
  2027.         });
  2028.         modal.querySelector('.bazaar-settings-save').addEventListener('click', () => {
  2029.             saveSettingsFromModal(modal);
  2030.             overlay.remove();
  2031.         });
  2032.         modal.querySelector('.bazaar-settings-cancel').addEventListener('click', () => {
  2033.             overlay.remove();
  2034.         });
  2035.         overlay.addEventListener('click', e => {
  2036.             if (e.target === overlay) overlay.remove();
  2037.         });
  2038.         document.body.appendChild(overlay);
  2039.     }
  2040.  
  2041.     function saveSettingsFromModal(modal) {
  2042.         const oldLinkBehavior = scriptSettings.linkBehavior;
  2043.         scriptSettings.apiKey = modal.querySelector('#bazaar-api-key').value.trim();
  2044.         scriptSettings.defaultSort = modal.querySelector('#bazaar-default-sort').value;
  2045.         scriptSettings.defaultOrder = modal.querySelector('#bazaar-default-order').value;
  2046.         scriptSettings.listingFee = Math.round(parseFloat(modal.querySelector('#bazaar-listing-fee').value) || 0);
  2047.         scriptSettings.defaultDisplayMode = modal.querySelector('#bazaar-default-display').value;
  2048.         scriptSettings.linkBehavior = modal.querySelector('#bazaar-link-behavior').value;
  2049.         
  2050.         if (scriptSettings.listingFee < 0) scriptSettings.listingFee = 0;
  2051.         if (scriptSettings.listingFee > 100) scriptSettings.listingFee = 100;
  2052.         currentSortKey = scriptSettings.defaultSort;
  2053.         currentSortOrder = scriptSettings.defaultOrder;
  2054.         displayMode = scriptSettings.defaultDisplayMode;
  2055.         saveSettings();
  2056.         document.querySelectorAll('.bazaar-info-container').forEach(container => {
  2057.             const sortSelect = container.querySelector('.bazaar-sort-select');
  2058.             if (sortSelect) sortSelect.value = currentSortKey;
  2059.             const orderToggle = container.querySelector('.bazaar-order-toggle');
  2060.             if (orderToggle) orderToggle.textContent = currentSortOrder === "asc" ? "Asc" : "Desc";
  2061.             const displayToggle = container.querySelector('.bazaar-display-toggle');
  2062.             if (displayToggle) displayToggle.textContent = displayMode === "percentage" ? "%" : "$";
  2063.             if (oldLinkBehavior !== scriptSettings.linkBehavior) {
  2064.                 const cardContainer = container.querySelector('.bazaar-card-container');
  2065.                 if (cardContainer) {
  2066.                     cardContainer.innerHTML = '';
  2067.                     container.lastRenderScrollLeft = undefined;
  2068.                     renderVirtualCards(container);
  2069.                 }
  2070.             } else {
  2071.                 performSort(container);
  2072.             }
  2073.         });
  2074.         if (scriptSettings.apiKey) {
  2075.             fetchTornItems(true);
  2076.         }
  2077.     }
  2078.  
  2079.     function fetchTornItems(forceRefresh = false) {
  2080.         const stored = GM_getValue("tornItems"),
  2081.               lastUpdated = GM_getValue("lastTornItemsUpdate") || 0,
  2082.               now = Date.now(),
  2083.               oneDayMs = 24 * 60 * 60 * 1000,
  2084.               lastUTC = new Date(parseInt(lastUpdated)).toISOString().split('T')[0],
  2085.               todayUTC = new Date().toISOString().split('T')[0],
  2086.               lastHour = Math.floor(parseInt(lastUpdated) / (60 * 60 * 1000)),
  2087.               currentHour = Math.floor(now / (60 * 60 * 1000));
  2088.  
  2089.         const needsRefresh = forceRefresh || 
  2090.                              lastUTC < todayUTC || 
  2091.                              (now - lastUpdated) >= oneDayMs ||
  2092.                              (lastHour < currentHour && (currentHour - lastHour) >= 1);
  2093.         
  2094.         if (scriptSettings.apiKey && (!stored || needsRefresh)) {
  2095.             const refreshStatus = document.getElementById('refresh-status');
  2096.             if (refreshStatus) {
  2097.                 refreshStatus.style.display = 'block';
  2098.                 refreshStatus.textContent = 'Fetching market values...';
  2099.                 refreshStatus.style.color = currentDarkMode ? '#aaa' : '#666';
  2100.             }
  2101.             
  2102.             return fetch(`https://api.torn.com/torn/?key=${scriptSettings.apiKey}&selections=items&comment=wBazaars`)
  2103.                 .then(r => r.json())
  2104.                 .then(data => {
  2105.                     if (!data.items) {
  2106.                         console.error("Failed to fetch Torn items. Check your API key or rate limit.");
  2107.                         if (refreshStatus) {
  2108.                             refreshStatus.textContent = data.error ? `Error: ${data.error.error}` : 'Failed to fetch market values. Check your API key.';
  2109.                             refreshStatus.style.color = '#cc0000';
  2110.                             setTimeout(() => {
  2111.                                 refreshStatus.style.display = 'none';
  2112.                             }, 5000);
  2113.                         }
  2114.                         return false;
  2115.                     }
  2116.                     
  2117.                     cachedItemsData = null;
  2118.                     
  2119.                     const filtered = {};
  2120.                     for (let [id, item] of Object.entries(data.items)) {
  2121.                         if (item.tradeable) {
  2122.                             filtered[id] = { name: item.name, market_value: item.market_value };
  2123.                         }
  2124.                     }
  2125.                     GM_setValue("tornItems", JSON.stringify(filtered));
  2126.                     GM_setValue("lastTornItemsUpdate", now.toString());
  2127.                     
  2128.                     if (refreshStatus) {
  2129.                         refreshStatus.textContent = `Market values updated successfully! (${todayUTC})`;
  2130.                         refreshStatus.style.color = '#009900';
  2131.                         setTimeout(() => {
  2132.                             refreshStatus.style.display = 'none';
  2133.                         }, 3000);
  2134.                     }
  2135.                     
  2136.                     document.querySelectorAll('.bazaar-info-container').forEach(container => {
  2137.                         if (container.isConnected) {
  2138.                             const cardContainer = container.querySelector('.bazaar-card-container');
  2139.                             if (cardContainer) {
  2140.                                 cardContainer.innerHTML = '';
  2141.                                 container.lastRenderScrollLeft = undefined;
  2142.                                 renderVirtualCards(container);
  2143.                             }
  2144.                         }
  2145.                     });
  2146.                     
  2147.                     return true;
  2148.                 })
  2149.                 .catch(err => {
  2150.                     console.error("Error fetching Torn items:", err);
  2151.                     if (refreshStatus) {
  2152.                         refreshStatus.textContent = `Error: ${err.message || 'Failed to fetch market values'}`;
  2153.                         refreshStatus.style.color = '#cc0000';
  2154.                         setTimeout(() => {
  2155.                             refreshStatus.style.display = 'none';
  2156.                         }, 5000);
  2157.                     }
  2158.                     return false;
  2159.                 });
  2160.         }
  2161.         return Promise.resolve(false);
  2162.     }
  2163.  
  2164.     document.body.addEventListener('click', event => {
  2165.         if (event.target.id === 'refresh-market-data' || event.target.closest('#refresh-market-data')) {
  2166.             event.preventDefault();
  2167.             const apiKeyInput = document.getElementById('bazaar-api-key');
  2168.             const refreshStatus = document.getElementById('refresh-status');
  2169.             
  2170.             if (!apiKeyInput || !apiKeyInput.value.trim()) {
  2171.                 if (refreshStatus) {
  2172.                     refreshStatus.style.display = 'block';
  2173.                     refreshStatus.textContent = 'Please enter an API key first.';
  2174.                     refreshStatus.style.color = '#cc0000';
  2175.                     setTimeout(() => {
  2176.                         refreshStatus.style.display = 'none';
  2177.                     }, 3000);
  2178.                 }
  2179.                 return;
  2180.             }
  2181.             
  2182.             scriptSettings.apiKey = apiKeyInput.value.trim();
  2183.             fetchTornItems(true);
  2184.         }
  2185.     });
  2186.  
  2187.     function observeUserMenu() {
  2188.         const menuObserver = new MutationObserver(mutations => {
  2189.             mutations.forEach(mutation => {
  2190.                 if (mutation.addedNodes.length > 0) {
  2191.                     for (const node of mutation.addedNodes) {
  2192.                         if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains('settings-menu')) {
  2193.                             addSettingsMenuItem();
  2194.                             break;
  2195.                         }
  2196.                     }
  2197.                 }
  2198.             });
  2199.         });
  2200.         menuObserver.observe(document.body, { childList: true, subtree: true });
  2201.         if (document.querySelector('.settings-menu')) {
  2202.             addSettingsMenuItem();
  2203.         }
  2204.     }
  2205.     observeUserMenu();
  2206.  
  2207.     function getSortOrderForKey(key) {
  2208.         return key === "price" ? "asc" : "desc";
  2209.     }
  2210.  
  2211.     function cleanupResources() {
  2212.         if (observer) {
  2213.             observer.disconnect();
  2214.         }
  2215.         if (bodyObserver) {
  2216.             bodyObserver.disconnect();
  2217.         }
  2218.         document.querySelectorAll('.bazaar-scroll-container').forEach(container => {
  2219.             const scrollWrapper = container.querySelector('.bazaar-scroll-wrapper');
  2220.             if (scrollWrapper && scrollWrapper.isScrolling) {
  2221.                 cancelAnimationFrame(scrollWrapper.scrollAnimationId);
  2222.             }
  2223.         });
  2224.     }
  2225.     window.addEventListener('beforeunload', cleanupResources);
  2226. })();
  2227.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址