Adds Bugged Skin Count to Utility Belt

Author: Step7750

src/lib/components/market/item_row_wrapper.ts

@@ -17,6 +17,7 @@ import {
     isCharm,
     isBlueSkin,
     isHighlightCharm,
+    isBuggedSkin,
 } from '../../utils/skin';
 import {gFilterService} from '../../services/filter';
 import {AppId, ContextId, Currency} from '../../types/steam_constants';
@@ -118,28 +119,6 @@ export class ItemRowWrapper extends FloatElement {
         }
     }
 
-    /**
-     * As part of the March 2/2026 update, skins listed on SCM get moved into the trade protected inventory context
-     * so the user can still use them in-game while listed. However, Valve introduced a bug where these skins
-     * can't be inspected in game.
-     *
-     * Detect and skip these skins to prevent overloaded errors to the user and browser request throttling.
-     */
-    get isBuggedSkin(): boolean {
-        if (!this.asset || !isSkin(this.asset)) {
-            return false;
-        }
-
-        if (this.asset.unowned_contextid !== "16") {
-            // Only applies for trade protected inventory context
-            return false;
-        }
-
-        const fv = (this.asset.asset_properties || []).find((prop) => prop.propertyid === 2);
-        // Has no FV
-        return !fv;
-    }
-
     @state()
     private itemInfo: ItemInfo | undefined;
     @state()
@@ -165,7 +144,7 @@ export class ItemRowWrapper extends FloatElement {
             return;
         }
 
-        if (this.isBuggedSkin) {
+        if (isBuggedSkin(this.asset)) {
             return;
         }
 
@@ -262,7 +241,7 @@ export class ItemRowWrapper extends FloatElement {
             return nothing;
         }
 
-        if (this.isBuggedSkin) {
+        if (isBuggedSkin(this.asset)) {
             return nothing;
         }
 

src/lib/components/market/utility_belt.ts

@@ -1,14 +1,21 @@
 import {FloatElement} from '../custom';
 import {CustomElement, InjectBefore, InjectionMode} from '../injectors';
-import {css, html, HTMLTemplateResult} from 'lit';
+import {css, html, HTMLTemplateResult, nothing} from 'lit';
+import {state} from 'lit/decorators.js';
 import '../common/ui/steam-button';
 import './page_size';
 import './sort_listings';
 import '../filter/filter_container';
+import {Observe} from '../../utils/observers';
+import {isBuggedSkin} from '../../utils/skin';
+import {AppId, ContextId} from '../../types/steam_constants';
 
 @CustomElement()
 @InjectBefore('#searchResultsRows', InjectionMode.ONCE)
 export class UtilityBelt extends FloatElement {
+    @state()
+    private buggedSkinCount = 0;
+
     get marketHashName(): string {
         return (document.querySelector('.market_listing_nav a:nth-child(2)') as HTMLElement).innerText;
     }
@@ -31,6 +38,16 @@ export class UtilityBelt extends FloatElement {
                 text-decoration: underline;
                 font-family: 'Motiva Sans', sans-serif;
             }
+
+            .bugged-skin-warning {
+                padding: 8px 12px;
+                margin-top: 10px;
+                background-color: rgba(255, 152, 0, 0.15);
+                border: 1px solid rgba(255, 152, 0, 0.4);
+                border-radius: 4px;
+                color: #ffb74d;
+                font-size: 13px;
+            }
         `,
     ];
 
@@ -45,12 +62,53 @@ export class UtilityBelt extends FloatElement {
                     ?hidden="${!this.marketHashName}"
                     .key="${this.marketHashName}"
                 ></csfloat-filter-container>
+                ${this.renderBuggedSkinWarning()}
             </div>
             <csfloat-ad-banner></csfloat-ad-banner>
         `;
     }
 
+    private countBuggedSkins(): number {
+        try {
+            const assets = g_rgAssets?.[AppId.CSGO]?.[ContextId.PRIMARY];
+            if (!assets) return 0;
+
+            return Object.values(assets).filter((asset) => isBuggedSkin(asset)).length;
+        } catch {
+            return 0;
+        }
+    }
+
+    private renderBuggedSkinWarning(): HTMLTemplateResult | typeof nothing {
+        if (this.buggedSkinCount === 0) {
+            return nothing;
+        }
+
+        return html`
+            <div class="bugged-skin-warning">
+                <b>${this.buggedSkinCount} skin${this.buggedSkinCount > 1 ? 's' : ''}</b> on this page
+                cannot display float data since they're not inspectable in-game (March 4, 2026 update). Valve pls fix.
+            </div>
+        `;
+    }
+
     async connectedCallback() {
         super.connectedCallback();
+
+        this.buggedSkinCount = this.countBuggedSkins();
+
+        Observe(
+            () => {
+                try {
+                    return Object.keys(g_rgAssets?.[AppId.CSGO]?.[ContextId.PRIMARY] || {}).join(',');
+                } catch {
+                    return '';
+                }
+            },
+            () => {
+                this.buggedSkinCount = this.countBuggedSkins();
+            },
+            100
+        );
     }
 }

src/lib/utils/skin.ts

@@ -230,3 +230,23 @@ export function floor(n: number, precision?: number) {
 
     return Math.floor(n * p) / p;
 }
+
+/**
+ * As part of the March 4/2026 update, skins listed on SCM get moved into the trade protected inventory context
+ * so the user can still use them in-game while listed. However, Valve introduced a bug where these skins
+ * can't be inspected in game.
+ *
+ * Detect and skip these skins to prevent overloaded errors to the user and browser request throttling.
+ */
+export function isBuggedSkin(asset: rgAsset | undefined): boolean {
+    if (!asset || !isSkin(asset)) {
+        return false;
+    }
+
+    if (asset.unowned_contextid !== '16') {
+        return false;
+    }
+
+    const fv = (asset.asset_properties || []).find((prop) => prop.propertyid === 2);
+    return !fv;
+}