From 925dc0f55dd70e56ec9fdd003cdbf639a85b2d73 Mon Sep 17 00:00:00 2001
From: "Brennan Wilkes (Text Groove)" <brennan@textgroove.com>
Date: Fri, 30 Jan 2026 16:52:05 -0800
Subject: [PATCH] feat: V10 store page

---
 viz/app/store_page.js | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/viz/app/store_page.js b/viz/app/store_page.js
index 7a20ed6..b3a985d 100644
--- a/viz/app/store_page.js
+++ b/viz/app/store_page.js
@@ -64,9 +64,7 @@ export async function renderStore($app, storeLabelRaw) {
 
       <div class="card">
         <div style="display:flex; flex-direction:column; gap:10px;">
-          <input id="q" class="input" placeholder="Search in this store..." autocomplete="off" />
-
-          <div id="priceWrap" style="display:flex; align-items:center; gap:10px;">
+          <div id="priceWrap" style="display:flex; align-items:center; gap:10px; width:100%;">
             <div class="small" style="white-space:nowrap; opacity:.75;">Max price</div>
 
             <input
@@ -77,8 +75,8 @@ export async function renderStore($app, storeLabelRaw) {
               step="1"
               value="1000"
               style="
-                width: 320px;
-                max-width: 100%;
+                flex: 1 1 auto;
+                width: 100%;
                 height: 18px;
                 accent-color: #9aa3b2;
                 opacity: .85;
@@ -93,9 +91,12 @@ export async function renderStore($app, storeLabelRaw) {
                 text-align: right;
                 white-space: nowrap;
                 opacity: .9;
+                flex: 0 0 auto;
               "
             ></div>
           </div>
+
+          <input id="q" class="input" placeholder="Search in this store..." autocomplete="off" />
         </div>
 
         <div class="small" id="status" style="margin-top:10px;"></div>
@@ -358,10 +359,7 @@ export async function renderStore($app, storeLabelRaw) {
       $maxPriceLabel.textContent = "No prices";
       return;
     }
-    const atTop = Math.abs(selectedMaxPrice - boundMax) <= 0.01;
-    $maxPriceLabel.textContent = atTop
-      ? `${formatDollars(boundMax)} (all)`
-      : `${formatDollars(selectedMaxPrice)}`;
+    $maxPriceLabel.textContent = `${formatDollars(selectedMaxPrice)}`;
   }
 
   if (pageMax === null) {
@@ -422,7 +420,6 @@ export async function renderStore($app, storeLabelRaw) {
     const diffBadge = priceBadgeHtml(it);
 
     const skuLink = `#/link/?left=${encodeURIComponent(String(it.sku || ""))}`;
-    console.log(it);
     return `
       <div class="item" data-sku="${esc(it.sku)}">
         <div class="itemRow">
@@ -474,9 +471,7 @@ export async function renderStore($app, storeLabelRaw) {
     }
 
     if (pageMax !== null) {
-      const atTop = Math.abs(selectedMaxPrice - boundMax) <= 0.01;
-      const cap = atTop ? "all prices" : `≤ ${formatDollars(selectedMaxPrice)}`;
-      $status.textContent = `In stock: ${total} item(s) (${cap}).`;
+      $status.textContent = `In stock: ${total} item(s) (≤ ${formatDollars(selectedMaxPrice)}).`;
       return;
     }