Add complete pricing features with multi-market comparison

💰 PRICING FEATURES ADDED:

1. Steam Market Price in Float Bar
   - Displays Steam price directly in float display
   - Shows as: 💰 $XX.XX in green
   - Automatically extracted from market listing

2. Buff163 Integration (Now Actually Called!)
   - Fixed: Now properly calls Buff163 integration
   - Shows Buff163 price below float display
   - Compares Buff163 vs Steam prices
   - Shows arbitrage percentage

3. Multi-Market Price Comparison (NEW!)
   - Uses Skin.Broker API (/api/price/:marketHashName)
   - Shows prices from 4 markets:
     🇨🇳 Buff163
     🌐 Skinport
     💎 CS.MONEY
     ⚙️ Steam (current)
   - Highlights lowest price
   - Shows % difference vs Steam
   - Shows number of listings per market
   - Visual grid layout with color-coded differences

📊 Display Order (Top to Bottom):
- Float Value + Steam Price
- Trade Protection Display
- Float Rarity Display
- Multi-Market Prices
- Buff163 Integration

🔧 Technical:
- Steam price extracted from .market_listing_price_with_fee
- Buff163 called with itemName + steamPrice
- Multi-market uses fullItemName from float data
- All features cached (5-10 min) to reduce API calls

📝 Files Changed:
- content.js: Added price extraction + feature calls
- manifest.json: Added multiMarketPricing.js
- src/multiMarketPricing.js (NEW): 370 lines

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

Author: rainerstudios

content.js

@@ -618,11 +618,27 @@ async function addFloatDisplay(itemElement, floatData) {
   const floatRange = maxFloat - minFloat;
   const floatPosition = ((floatData.floatValue - minFloat) / floatRange) * 100;
 
+  // Extract Steam Market price if available
+  let steamPrice = null;
+  const priceElement = itemElement.querySelector('.market_listing_price_with_fee, .market_listing_price, .normal_price');
+  if (priceElement) {
+    const priceText = priceElement.textContent.trim();
+    const priceMatch = priceText.match(/[\d.,]+/);
+    if (priceMatch) {
+      steamPrice = parseFloat(priceMatch[0].replace(',', '.'));
+    }
+  }
+
   // Create visible display with conditional float bar
   let displayHtml = `
-    <div style="display: flex; align-items: center; gap: 8px;">
+    <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
       <span class="cs2-float-copyable" style="cursor: pointer; transition: background-color 0.2s ease;" title="Click to copy float value">Float: ${floatData.floatValue.toFixed(floatData.precision || 4)}</span>`;
 
+  // Add Steam price if available
+  if (steamPrice) {
+    displayHtml += `<span style="color: #4CAF50; font-weight: bold;">💰 $${steamPrice.toFixed(2)}</span>`;
+  }
+
   // Add visual float bar if enabled
   if (settings.enableVisualFloatBars !== false) {
     displayHtml += `
@@ -732,6 +748,18 @@ async function addFloatDisplay(itemElement, floatData) {
   // Track price history for market intelligence
   await trackItemPrice(itemElement, floatData);
 
+  // Display Buff163 price comparison if price available
+  if (steamPrice && floatData.fullItemName && window.buff163Integration) {
+    console.log('[CS2 Float] Calling Buff163 with:', {itemName: floatData.fullItemName, steamPrice});
+    await window.buff163Integration.displayBuff163Price(itemElement, floatData.fullItemName, steamPrice);
+  } else {
+    console.log('[CS2 Float] Buff163 not called:', {
+      hasSteamPrice: !!steamPrice,
+      hasItemName: !!floatData.fullItemName,
+      hasIntegration: !!window.buff163Integration
+    });
+  }
+
   // Add 3D item preview if image URL is available
   if (floatData.imageUrl && window.item3DPreview) {
     window.item3DPreview.attachToListing(itemElement, floatData.imageUrl);
@@ -775,6 +803,17 @@ async function addFloatDisplay(itemElement, floatData) {
       hasFloatValue: floatData.floatValue !== undefined
     });
   }
+
+  // Multi-Market Pricing - shows prices from Buff163, Skinport, CS.MONEY
+  if (window.multiMarketPricing && floatData.fullItemName) {
+    console.log('[CS2 Float] Calling Multi-Market Pricing for:', floatData.fullItemName);
+    await window.multiMarketPricing.display(container, floatData.fullItemName, steamPrice);
+  } else {
+    console.log('[CS2 Float] Multi-Market Pricing not available:', {
+      hasDisplay: !!window.multiMarketPricing,
+      hasItemName: !!floatData.fullItemName
+    });
+  }
 }
 
 /**

manifest.json

@@ -36,7 +36,7 @@
         "https://steamcommunity.com/id/*/tradehistory",
         "https://steamcommunity.com/profiles/*/tradehistory"
       ],
-      "js": ["lib/marketIntelligence.js", "lib/inventoryEnhancer.js", "src/infiniteScroll.js", "src/buff163Integration.js", "src/item3DPreview.js", "src/tradeProtectionDisplay.js", "src/floatRarityDisplay.js", "content.js"],
+      "js": ["lib/marketIntelligence.js", "lib/inventoryEnhancer.js", "src/infiniteScroll.js", "src/buff163Integration.js", "src/item3DPreview.js", "src/tradeProtectionDisplay.js", "src/floatRarityDisplay.js", "src/multiMarketPricing.js", "content.js"],
       "css": ["styles/main.css", "styles/inventory.css"],
       "run_at": "document_idle"
     }