New REM client: REM-Client 8cf8582, 64-bit (inventory by hardpoint with Mount / Unmount when docked; the equipment dealer's offers show their target hardpoint, AMMO, INTERNAL or INCOMPATIBLE; hold bar and credits at the commodity trader; the dealers' amount as a wide bar with a scale; the ship dealer's stats laid out again)

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

EXE/remui/trader.rml

@@ -35,13 +35,15 @@
         <img class="head-ico" src="3db:INTERFACE/REM/IMAGES/icon_economy.3db"/>
         <span class="title">COMMODITY TRADER</span><span class="sl">\\\</span>
         <span class="spacer"></span>
-        <span class="chip">Hold <span class="v">{{ hold }}</span></span>
-        <span class="chip">Credits <span class="v">{{ credits }}</span></span>
         <span class="chip" data-if="tax != ''">{{ tax }}<div class="tip">The server takes this share of what you sell to the base. It follows the region's trade of the last days: the busiest region pays the most.</div></span>
         <span class="close" data-action="close">&#215;</span>
     </div>
     <div class="win-main">
         <div class="content">
+            <div class="subtabs">
+                <div class="dstat" style="margin-left: auto; padding-bottom: 6dp;"><span class="sk">HOLD</span><div class="hbar"><div class="hf" data-class-warn="hold_pct &gt;= 75" data-class-bad="hold_pct &gt;= 100" data-style-width="hold_pct + '%'"></div><span class="ht">{{ hold }}</span></div></div>
+                <div class="dstat" style="padding-bottom: 6dp;"><span class="sk">CREDITS</span><span class="sv">{{ credits }}</span></div>
+            </div>
             <div class="split">
                 <div class="colm gap">
                     <div class="col-h"><h3>For sale here</h3><span class="hint">{{ market.size }} goods</span></div>
@@ -70,7 +72,10 @@
                     <div class="t">{{ has_pick ? pick.name : 'Pick a good' }}</div>
                 </div>
                 <div class="amount">
-                    <input class="range" type="range" min="1" step="1" data-attr-max="amount_max" data-value="amount"/>
+                    <div class="abar" data-scrub="amount-at" data-class-off="amount_max &lt;= 1">
+                        <div class="arail"><div class="afill" data-style-width="amount_max &gt; 1 ? (amount - 1) * 100 / (amount_max - 1) + '%' : '100%'"></div><div class="tk" style="left: 25%;"></div><div class="tk" style="left: 50%;"></div><div class="tk" style="left: 75%;"></div><div class="aknob" data-style-left="amount_max &gt; 1 ? (amount - 1) * 100 / (amount_max - 1) + '%' : '100%'"></div></div>
+                        <div class="aticks" data-if="amount_max &gt; 1"><span class="lo" style="left: 0;">1</span><span style="left: 25%;" data-if="amount_max &gt;= 5">{{ 1 + (amount_max - 1) / 4 | format(0) }}</span><span style="left: 50%;" data-if="amount_max &gt;= 3">{{ 1 + (amount_max - 1) / 2 | format(0) }}</span><span style="left: 75%;" data-if="amount_max &gt;= 5">{{ 1 + (amount_max - 1) * 3 / 4 | format(0) }}</span><span class="hi">{{ amount_max }}</span></div>
+                    </div>
                     <span class="v">{{ amount_text }}</span>
                     <div class="btn" style="margin-left: 10dp; padding: 3dp 10dp;" data-action="max">Max</div>
                 </div>