From e74ae3d29eafeb7f86f0638aa32ef8888dec7b4c Mon Sep 17 00:00:00 2001
From: teahubxyz <boring+teahub@agentmail.to>
Date: Fri, 23 Oct 2026 19:12:51 +0000
Subject: [PATCH] havre: a sort beside the model picker's search

---
 ventures/havre/index.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/ventures/havre/index.html b/ventures/havre/index.html
index 1769d2c..1d4b656 100644
--- a/ventures/havre/index.html
+++ b/ventures/havre/index.html
@@ -301,7 +301,7 @@
         <tr><th scope="row">a remix</th><td>two short calls; five more for a venice character</td></tr>
       </tbody>
     </table>
-    <p class="mono">the model pickers show venice's prices, what you ask for shows its price before you pay, and your balance shows next to your key.</p>
+    <p class="mono">the model pickers show venice's prices and can sort by them, what you ask for shows its price before you pay, and your balance shows next to your key.</p>
   </div>
 </section>
 
@@ -371,8 +371,15 @@
     <h2 id="model-h">MODEL</h2>
     <div class="dlgbody">
       <p class="mono" id="model-for"></p>
-      <label class="sr" for="msearch">Search models</label>
-      <input id="msearch" type="search" placeholder="search models: a name, private, uncensored…" autocomplete="off">
+      <div class="mfind">
+        <label class="sr" for="msearch">Search models</label>
+        <input id="msearch" type="search" placeholder="search models: a name, private, uncensored…" autocomplete="off">
+        <label class="pick" id="msortpick">sort <select id="msort">
+          <option value="name" selected>name</option>
+          <option value="cheapest">cheapest first</option>
+          <option value="priciest">priciest first</option>
+        </select></label>
+      </div>
       <div class="mtable">
         <table class="table models">
           <thead id="mhead"><tr><th scope="col">MODEL</th><th scope="col">PRIVACY</th><th scope="col">CAN</th><th scope="col">$ IN / OUT</th><th scope="col">CONTEXT</th></tr></thead>