houseaccount 0.13.2 → 0.14.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fdd47bd593acde269b1a8c12cbb1632f218ed4965c14131366a7f9bd5721ff81
-  data.tar.gz: d78196897da326d2b29aa9985d1ca4a0ed5b7664b2a73db98eb74911396d96ac
+  metadata.gz: 5a8e618a87b0698bb0ceec6d3a257045325766ab840ad8672a52148210a3298b
+  data.tar.gz: 595a9d0ed9b7b85eaa4dc4581db033a0219eebcdc72cb2ea14a83da9dab81bc8
 SHA512:
-  metadata.gz: 1d16bc370f130fe7ed6b2affc1168804f889a9109bf12ffc22383e95d60d2b7c9c9be2a0fd38600094ffc0a8fd62d342f6d3324b1bf5179cc23e4e20a5be85a4
-  data.tar.gz: e3b3994634a1262c1c0f8e81539fc5d1414a6bed26e3fe61ad7b481357c1738cbb551091f7646c9e5ecebe3cd2147932ffd64933f1f465cc1f5bad90cf46dd3a
+  metadata.gz: 2a0649f3153594aa2092c89519926980cd9118c788a4ac87056845c206bc09a908e657bd772db0637f6850b77a5292f765cbe30c1b0f7b52934151c98662a1ec
+  data.tar.gz: 4b1da3b9f81e9401ee9f353a73cb5c7f7951bc0b01ea7c629215c1b302b7cd67bdc93ac32c255a4ed27b3a31196f3b4d8b2270ca7468bd42b047abaf78b05869

data/CHANGELOG.md

@@ -7,6 +7,52 @@ For more information about changelogs, check [Keep a Changelog](http://keepachan
 
 ## [Unreleased]
 
+## 0.14.1 - 2026-09-17
+
+* [Fix] A confirm asks about the link that was clicked rather than whatever holds the focus
+
+* [Change] The showcase demonstrates the confirm without a bare dialog standing beside it
+
+## 0.14.0 - 2026-09-17
+
+* [Feature] A table's rows can be dragged into an order
+
+  The `sortable` controller, which is what a recourse page with a grip beside each row
+  names: a row is picked up by its grip and dropped somewhere else in the table, and the
+  place it landed in is PATCHed to the URL that row carries. Only the row that moved is
+  reported — the server shifts whatever it displaced, being the only one that knows how
+  many rows stand behind this page — and nothing is rendered from the answer, since the
+  row is already where it was dropped and redrawing the table under the cursor that
+  dropped it is the thing to avoid. A move the server refuses reloads the enclosing
+  frame, so a row never sits somewhere the database never agreed to, and a refresh
+  broadcast arriving mid-drag is sat out the way the search form sits one out.
+
+  SortableJS does the dragging, bundled like everything else here. Its own two classes
+  are styled beside the table's: the space a row will land in wears the tint a kept row
+  wears, and the grip is `grab`, then `grabbing` while it is held — the whole of the
+  affordance, since the icon already says what it is. `touch-action` is taken off that
+  square alone, a phone scrolling a table by dragging anywhere else on it.
+
+* [Fix] A question half typed survives an answer landing: the field is Turbo's to leave alone,
+  and is emptied once the question it held has gone rather than by the morph
+
+## 0.13.3 - 2026-09-17
+
+* [Change] The showcase leads with the themes, and says less everywhere else
+
+  The palette toggle repaints everything under it, so it stands first, and the section is
+  Themes — the word the folder, the id and the files have always used. Its button names the
+  mode it switches to and nothing else. Icons lost the last paragraph on the page that
+  described what the thing under it draws, and on a phone the two card URLs show the path
+  without the origin there is no room for.
+
+* [Fix] The README pins a version a host can install
+
+  Three 0.13 releases went out while the README still taught `~> 0.12.0`, which stops short
+  of 0.13: a pin that cannot resolve the gem it appears in. It pins `~> 0.13.0` now, every
+  example URL names this release, and `package-lock.json`, left at 0.12.0 by the same three
+  releases, carries the version its package does.
+
 ## 0.13.2 - 2026-09-17
 
 * [Fix] The cell a label wraps is `flow-field`; `form-field` is Bootstrap's, and its rules applied

data/README.md

@@ -22,10 +22,10 @@ gem install houseaccount
 
 ```ruby
 # Gemfile
-gem 'houseaccount', '~> 0.12.0'
+gem 'houseaccount', '~> 0.14.0'
 ```
 
-`~> 0.12.0` stops short of `0.13`, since below 1.0 a minor release may break whatever it likes.
+`~> 0.14.0` stops short of `0.15`, since below 1.0 a minor release may break whatever it likes.
 Rails 8.1 and Ruby 3.2 are the minimum.
 
 ### From npm
@@ -59,7 +59,7 @@ Stimulus application rather than taking the house's:
 import WallController from 'houseaccount/controllers/wall_controller.js'
 ```
 
-Pin as a Gemfile does, and for the same reason: `"houseaccount": "~0.12.0"` stops short of `0.13`.
+Pin as a Gemfile does, and for the same reason: `"houseaccount": "~0.14.0"` stops short of `0.15`.
 
 A page takes the gem's layout, and wears the same head:
 
@@ -95,7 +95,7 @@ which Pages redirects away from.
 
 With the gem in the bundle an app serves `/css/houseaccount.css`, `/js/houseaccount.js`,
 `/theme/*`, `/font/*`, `/logo/*` and `/favicon/*` itself — and its own version's copy under
-`/v0.12.0/`, which is what the head helper links, cached for a year — answers a 400, 404, 406, 422 or 500
+`/v0.14.1/`, which is what the head helper links, cached for a year — answers a 400, 404, 406, 422 or 500
 with the house's own page, and has these helpers in every view:
 
 ```erb
@@ -248,16 +248,16 @@ Those follow the latest release. Every release is also kept whole under its own
 forever and cached for a year, for a page that would rather move on its own terms:
 
 ```html
-<link rel='stylesheet' href='https://design.houseaccount.com/v0.12.0/css/houseaccount.css'>
-<script type='module' src='https://design.houseaccount.com/v0.12.0/js/houseaccount.js'></script>
+<link rel='stylesheet' href='https://design.houseaccount.com/v0.14.1/css/houseaccount.css'>
+<script type='module' src='https://design.houseaccount.com/v0.14.1/js/houseaccount.js'></script>
 ```
 
 The same two files come from any CDN that carries the npm package, for a page that would
 rather not depend on the site at all:
 
 ```html
-<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/houseaccount@0.12.0/public/css/houseaccount.css'>
-<script type='module' src='https://cdn.jsdelivr.net/npm/houseaccount@0.12.0/public/js/houseaccount.js'></script>
+<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/houseaccount@0.14.1/public/css/houseaccount.css'>
+<script type='module' src='https://cdn.jsdelivr.net/npm/houseaccount@0.14.1/public/js/houseaccount.js'></script>
 ```
 
 The palettes are beside them, at `public/theme/nord.css` and the rest. A published version is never

data/art/index.html.erb

@@ -10,14 +10,16 @@
     <link rel='icon' href='favicon/design-96.png' type='image/png' sizes='96x96'>
     <link rel='apple-touch-icon' href='favicon/design-180.png'>
     <link rel='manifest' href='site.webmanifest'>
-    <!-- The same two files every HouseAccount page loads, by relative path so this page
-         reads the same on staging, on production and from a folder on disk. -->
-    <link rel='stylesheet' href='css/houseaccount.css'>
-    <link rel='stylesheet' href='theme/bootstrap.css' data-recourse-theme=''>
-    <script type='module' src='js/houseaccount.js'></script>
+    <!-- The same files every HouseAccount page loads, under the version the head helper
+         pins a host to, so the page is drawn by the bytes it hands out rather than by
+         whatever was last built. Relative, so it reads the same on staging, on production
+         and from a folder on disk. -->
+    <link rel='stylesheet' href='v<%= version %>/css/houseaccount.css'>
+    <link rel='stylesheet' href='v<%= version %>/theme/bootstrap.css' data-recourse-theme=''>
+    <script type='module' src='v<%= version %>/js/houseaccount.js'></script>
     <style>
       /* The page's own chrome and nothing else: everything shown below is styled by
-         css/houseaccount.css alone, which is the point of showing it. */
+         the pinned houseaccount.css alone, which is the point of showing it. */
       .design-section { padding-block: 2rem; border-block-end: var(--bs-border-width) solid var(--bs-border-color); }
       .design-section > p { max-width: 48rem; margin-inline: auto; }
       .design-subsection { margin-block-start: 2.5rem; padding-block-start: 1.5rem; border-block-start: var(--bs-border-width) dashed var(--bs-border-color); }
@@ -27,16 +29,12 @@
       .design-shell { height: 18rem; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-radius-3); overflow: hidden; }
       .design-shell .recourse-shell { height: 100%; }
       .chat-thread { max-width: 36rem; margin-inline: auto; }
-      /* The wall fills a viewport; here it fills a box, so the page can show it beside the rest. */
-      .design-wall { position: relative; height: 24rem; overflow: hidden; border-radius: var(--bs-radius-3); }
-      .design-wall .tools { position: absolute; }
-      .design-wall .flow { height: 100%; justify-content: center; }
     </style>
   </head>
   <body class='text-center'>
     <header class='container-fluid px-3 py-3 border-bottom d-flex flex-wrap justify-content-center align-items-baseline gap-3'>
       <a class='lockup quicksand' href='#'><svg aria-hidden='true' style='width: 1.0515em; height: 1.0515em; top: 0.18625em' viewBox='0 0 512 512'><g fill='none' stroke='#3b8ae8' stroke-width='28' stroke-linecap='round' stroke-linejoin='round' transform='rotate(45 256 256)'><path d='M196 60 L316 60 L316 372 L196 372 Z'/><path d='M196 120 L316 120'/><path d='M196 372 L256 470 L316 372'/><path d='M232 431 L256 470 L280 431 Z' fill='#1B5288'/></g></svg>design</a>
-      <nav class='fg-2'>the <a href='#component'>components</a>, <a href='#page'>error pages</a>, <a href='#theme'>palettes</a>, <a href='#favicon'>icons</a> shared by <a href='https://pro.houseaccount.com/bookings' title='Fountain'><img class='design-mark' src='logo/fountain.svg' alt='Fountain'></a> <a href='https://gold.houseaccount.com/specialty_matches' title='Goldrush'><img class='design-mark' src='logo/goldrush.svg' alt='Goldrush'></a> <a href='https://providers.houseaccount.com/providers' title='Houston'><img class='design-mark' src='logo/houston.svg' alt='Houston'></a> <a href='https://checkout.houseaccount.com/providers' title='Autopilot'><img class='design-mark' src='logo/autopilot.svg' alt='Autopilot'></a></nav>
+      <nav class='fg-2'>the <a href='#theme'>themes</a>, <a href='#component'>components</a>, <a href='#page'>error pages</a>, <a href='#favicon'>icons</a> shared by <a href='https://pro.houseaccount.com/bookings' title='Fountain'><img class='design-mark' src='logo/fountain.svg' alt='Fountain'></a> <a href='https://gold.houseaccount.com/specialty_matches' title='Goldrush'><img class='design-mark' src='logo/goldrush.svg' alt='Goldrush'></a> <a href='https://providers.houseaccount.com/providers' title='Houston'><img class='design-mark' src='logo/houston.svg' alt='Houston'></a> <a href='https://checkout.houseaccount.com/providers' title='Autopilot'><img class='design-mark' src='logo/autopilot.svg' alt='Autopilot'></a></nav>
     </header>
 
     <main class='container-fluid px-3'>
@@ -46,14 +44,14 @@
           <div class='col-12 md:col-6'>
             <div class='card p-3'>
               <strong>Stylesheet</strong>
-              <a class='design-url' href='css/houseaccount.css'>https://design.houseaccount.com/css/houseaccount.css</a>
-              <span class='small fg-2 mt-1'>Bootstrap 6 alpha, Bootstrap Icons and the components below.</span>
+              <a class='design-url' href='css/houseaccount.css'><span class='d-none sm:d-inline'>https://design.houseaccount.com/</span>css/houseaccount.css</a>
+              <span class='small fg-2 mt-1'>Bootstrap 6 with extra icons and components</span>
             </div>
           </div>
           <div class='col-12 md:col-6'>
             <div class='card p-3'>
               <strong>Script</strong>
-              <a class='design-url' href='js/houseaccount.js'>https://design.houseaccount.com/js/houseaccount.js</a>
+              <a class='design-url' href='js/houseaccount.js'><span class='d-none sm:d-inline'>https://design.houseaccount.com/</span>js/houseaccount.js</a>
               <span class='small fg-2 mt-1'>Turbo, Bootstrap, and a Stimulus application</span>
             </div>
           </div>
@@ -66,6 +64,16 @@
         </div>
       </section>
 
+      <section class='design-section' id='theme'>
+        <h2>Themes</h2>
+        <button type='button' class='btn btn-outline theme-primary' data-controller='scheme' data-action='scheme#rotate'
+                data-scheme-themes-value='["bootstrap","dawn","dracula","gruvbox","monokai","nord","one_dark","solarized","tokyo_night"]'
+                data-scheme-path-value='v<%= version %>/theme' data-scheme-storage-value='recourse-scheme'>
+          <span class='recourse-scheme-light'><i class='bi bi-moon-fill'></i> Dark</span>
+          <span class='recourse-scheme-dark'><i class='bi bi-sun-fill'></i> Light</span>
+        </button>
+      </section>
+
       <section class='design-section' id='component'>
         <h2>Components</h2>
         <h3 class='h5 design-subsection'>Buttons and badges</h3>
@@ -132,7 +140,9 @@
         </div>
 
         <h3 class='h5 design-subsection'>Confirm</h3>
-        <a class='btn btn-sm btn-solid theme-danger' href='#confirm-demo' data-turbo-method='delete' data-turbo-confirm='Delete California?&#10;&#10;58 counties and 3 markets will be deleted with it.&#10;12 messages will be kept, without a job.&#10;Anything under those goes too.&#10;&#10;This cannot be undone.'>Delete state</a>
+        <turbo-frame id='confirm-demo'>
+          <a class='btn btn-sm btn-solid theme-danger' href='#confirm-demo' data-turbo-method='get' data-turbo-frame='confirm-demo' data-turbo-confirm='Delete humanity?'>Delete state</a>
+        </turbo-frame>
 
         <h3 class='h5 design-subsection'>Tooltip and relative time</h3>
         <p>Hover the icon and the time: <i class='bi bi-telephone' role='img' data-controller='tooltip' data-bs-placement='top' data-bs-title='Phone'></i> ·
@@ -175,26 +185,6 @@
             <input type='submit' value='Send' class='btn btn-solid rounded-3 theme-primary ms-3'>
           </form>
         </div>
-
-        <h3 class='h5 design-subsection' id='wall'>Wall</h3>
-        <p class='fg-2'>A page of the signup flow, as <code>flow</code> draws it around a card.</p>
-        <div class='design-wall'>
-          <div class='flow' data-controller='wall'>
-            <header><a class='lockup quicksand' href='#wall'><svg aria-hidden='true' style='width: 0.8117em; height: 0.8117em; top: 0.0358em' viewBox='0 0 512 512'><g fill='none' stroke='#3b8ae8' stroke-width='28' stroke-linecap='round' stroke-linejoin='round'><path d='M256 302Q256 256 295.8 233L406.2 169.3Q446 146.3 446 192.3V319.7Q446 365.7 406.2 388.7L295.8 452.4Q256 475.4 256 429.4Z' fill='#1B5288'/><path d='M216.2 59.6Q256 36.6 295.8 59.6L406.2 123.3Q446 146.3 446 192.3V319.7Q446 365.7 406.2 388.7L295.8 452.4Q256 475.4 216.2 452.4L105.8 388.7Q66 365.7 66 319.7V192.3Q66 146.3 105.8 123.3Z'/><path d='M256 256 95.4 163.3'/><path d='M256 256 416.6 163.3'/><path d='M256 256V441.4'/></g></svg><span class='house'>house</span>account</a></header>
-            <h1>Welcome to HouseAccount</h1>
-            <p>Enter the phone number of your business and we’ll text a verification code</p>
-            <div class='flow-card p-3 md:p-4 mx-auto'>
-              <form class='p-0' data-controller='require' onsubmit='return false'>
-                <fieldset class='d-grid'>
-                  <label class='form-label' for='wall-phone'>Your mobile number</label>
-                  <input class='form-control' type='tel' id='wall-phone' required data-controller='phone' data-action='keydown->phone#down input->phone#input'>
-                </fieldset>
-                <input type='submit' value='Join' class='btn btn-solid theme-primary mt-3'>
-              </form>
-            </div>
-            <footer><a href='#wall'>Sign out</a><span class='fg-2' aria-hidden='true'>·</span><a href='#wall'>Disconnect Jobber</a></footer>
-          </div>
-        </div>
       </section>
 
       <section class='design-section' id='page'>
@@ -208,19 +198,8 @@
         </ul>
       </section>
 
-      <section class='design-section' id='theme'>
-        <h2>Palettes</h2>
-        <button type='button' class='btn btn-outline theme-primary' data-controller='scheme' data-action='scheme#rotate'
-                data-scheme-themes-value='["bootstrap","dawn","dracula","gruvbox","monokai","nord","one_dark","solarized","tokyo_night"]'
-                data-scheme-path-value='theme' data-scheme-storage-value='recourse-scheme'>
-          <span class='recourse-scheme-light'><i class='bi bi-moon-fill'></i> Another palette, dark</span>
-          <span class='recourse-scheme-dark'><i class='bi bi-sun-fill'></i> Another palette, light</span>
-        </button>
-      </section>
-
       <section class='design-section' id='favicon'>
         <h2>Icons</h2>
-        <p class='fg-2'>Every mark an app is known by: the drawing under <code>/logo</code>, and what a tab, a phone and a manifest each ask for under <code>/favicon</code>. The pink one is a local machine's.</p>
         <div class='table-responsive'>
           <table class='table table-hover mx-auto' style='max-width: 60rem'>
             <thead><tr><th scope='col'>Logo</th><th scope='col'>App</th><th scope='col'>.svg</th><th scope='col'>-dev.svg</th><th scope='col'>-96.png</th><th scope='col'>-180.png</th><th scope='col'>-192.png</th><th scope='col'>-512.png</th><th scope='col'>.ico</th><th scope='col'>.webmanifest</th></tr></thead>
@@ -237,11 +216,13 @@
       </section>
     </main>
 
-    <footer class='container-fluid px-3 py-4 small fg-2 d-flex flex-wrap justify-content-center gap-3'>
-      <span>The <code>houseaccount</code> gem draws all of this in a Rails app.</span>
-      <a href='https://github.com/HouseAccountEng/design'>Source</a>
-      <a href='https://rubydoc.info/gems/houseaccount'>Reference</a>
-      <a href='https://rubygems.org/gems/houseaccount'>RubyGems</a>
+    <footer class='container-fluid px-3 py-4 small fg-2 d-flex flex-column align-items-center gap-2'>
+      <code>gem install houseaccount</code>
+      <div class='d-flex flex-wrap justify-content-center gap-3'>
+        <a href='https://github.com/HouseAccountEng/design'>Source</a>
+        <a href='https://rubydoc.info/gems/houseaccount'>Reference</a>
+        <a href='https://rubygems.org/gems/houseaccount'>RubyGems</a>
+      </div>
     </footer>
   </body>
 </html>

data/lib/houseaccount/helpers/chats/asks.rb

@@ -25,7 +25,8 @@ module HouseAccount
           {
             id: 'ask', required: true, autofocus: true, autocomplete: 'off',
             class: 'form-control rounded-4 flex-grow-1 chat-ask', placeholder: hints.first,
-            data: { thread_target: 'field', **houseaccount_chat_placeholder_data(hints) },
+            data: { thread_target: 'field', turbo_permanent: '',
+                    **houseaccount_chat_placeholder_data(hints), },
           }
         end
 

data/lib/houseaccount/version.rb

@@ -1,4 +1,4 @@
 module HouseAccount
   # Version of the gem, read by the gemspec and by hosts checking compatibility.
-  VERSION = '0.13.2'
+  VERSION = '0.14.1'
 end