houseaccount 0.13.3 → 0.14.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5a717ed17766bb214cc6262e7ccad3ada84c397a35e1e4a38ecb7d363e7e339b
-  data.tar.gz: '085176f5083b758d53b553bab1667b993002540c0dda1dcc8fa0eebd65ffbed5'
+  metadata.gz: 49b64054d4b9cdaa0ce91c59af3b181618aa4f550343e08569d8ae60960c1833
+  data.tar.gz: c01b758141861c04ab47f4fe1d63d028782c4e3193ecfdf2bde4668bb4c3661c
 SHA512:
-  metadata.gz: e0b43ad2cd7084cb83b2dff232123b8065ed222160d85a4f1228e4de6d3bd461de4305a916b70bd837b6b83bbb5e0c208ae6e2bfeabc00fd8bc18c71de1416ce
-  data.tar.gz: f1c83dbdda8e5ef260d6382123bdf10687eda91e1aad66ce8ee27c574104cbbd1aeb24a12bc3be77f2d00a9a6d902755fa0c6d47d725e9d2672a98c49334c23e
+  metadata.gz: acda012819638ddb27fa6c46d249b97d5bdc1e3547e42e2f06c07d284966fdf590fd70e7c3ca7e3d7bc74bf1c445aa04201b6af291207946744351f37f5b2b01
+  data.tar.gz: 82e90aa97570fa13c9f848fd27d581dbc3096be2da07aac3f3afe2a46476dbeda63b569dd9f1c65aafee5f34e96cc627bc2387ebc7f98bf9a19f36836458eacf

data/CHANGELOG.md

@@ -7,6 +7,56 @@ For more information about changelogs, check [Keep a Changelog](http://keepachan
 
 ## [Unreleased]
 
+## 0.14.2 - 2026-09-18
+
+* [Fix] A conversation reads at the house's own size wherever it is drawn
+
+  A bubble took its type from the page around it, so a chat on a host that compacts its
+  body for tables dense with figures came out smaller than the same chat on a page that
+  does not. A sentence somebody typed is prose whatever the table beside it needs, so
+  `.chat-bubble` and the field under it say their own size.
+
+* [Fix] A bubble is read from its start inside a flow
+
+  A flow centres a card's words, which suits a heading and a one-line answer and not an
+  answer long enough to wrap: a paragraph is read down an edge rather than about a middle.
+
+* [Fix] A focus ring is not painted over by the link below it
+
+  The ring is an outline with an offset, drawn outside the box it rings and taking no room,
+  so the next link's own background — the tint an active row wears — covered the half that
+  overlapped. The focused link is lifted above its siblings, the way the navbar already is
+  over the table under it.
+
+## 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

data/README.md

@@ -22,10 +22,10 @@ gem install houseaccount
 
 ```ruby
 # Gemfile
-gem 'houseaccount', '~> 0.13.0'
+gem 'houseaccount', '~> 0.14.0'
 ```
 
-`~> 0.13.0` stops short of `0.14`, 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.13.0"` stops short of `0.14`.
+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.13.3/`, 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.13.3/css/houseaccount.css'>
-<script type='module' src='https://design.houseaccount.com/v0.13.3/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.13.3/public/css/houseaccount.css'>
-<script type='module' src='https://cdn.jsdelivr.net/npm/houseaccount@0.13.3/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,10 +29,6 @@
       .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'>
@@ -70,9 +68,9 @@
         <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='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>
+                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> Switch to dark</span>
+          <span class='recourse-scheme-dark'><i class='bi bi-sun-fill'></i> Switch to light</span>
         </button>
       </section>
 
@@ -142,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> ·
@@ -185,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'>
@@ -236,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.3'
+  VERSION = '0.14.2'
 end