From 287cac239ae6860757db2674cddd38fd455396f7 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 11 Nov 2025 14:33:19 -0600
Subject: [PATCH 01/16] Stub out mobile view and styles

---
 app/assets/stylesheets/card-columns.css       | 48 +++++++++++++++++++
 app/views/boards/show.html.erb                |  1 +
 app/views/boards/show/_columns.html.erb       |  1 -
 .../boards/show/_mobile_columns.html.erb      | 41 ++++++++++++++++
 4 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 app/views/boards/show/_mobile_columns.html.erb

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 51816ae4d..d9acbb50d 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -47,6 +47,8 @@
 
     @media (max-width: 639px) {
       --bubble-size: 3rem;
+
+      display: none;
     }
   }
 
@@ -730,4 +732,50 @@
       }
     }
   }
+
+  /* Mobile columns
+  /* -------------------------------------------------------------------------- */
+
+  .mobile-card-columns {
+    --column-gap: 8px;
+    --column-padding-expanded: calc(var(--column-gap) * 2);
+    --column-width-collapsed: 40px;
+    --progress-increment: var(--progress-max-width) / var(--progress-max-cards);
+    --progress-max-cards: 20;
+    --progress-max-width: 100%;
+
+    padding-inline: 1ch;
+
+    @media (min-width: 640px) {
+      display: none;
+    }
+
+    .cards.is-collapsed {
+      inline-size: auto;
+      padding-block: 0.5ch;
+
+      .cards__expander {
+        flex-direction: row;
+        inline-size: auto;
+
+        &:before {
+          block-size: 1px;
+          inline-size: 100%;
+          inset: 50% 0 auto;
+          translaate: 0 -50%;
+        }
+
+        &:after {
+          block-size: var(--column-width-collapsed);
+          inline-size: calc(var(--column-width-collapsed) + var(--card-count) * var(--progress-increment));
+          margin-inline-start: 0;
+          max-inline-size: var(--progress-max-width);
+        }
+      }
+
+      .cards__expander-title {
+        writing-mode: revert;
+      }
+    }
+  }
 }
diff --git a/app/views/boards/show.html.erb b/app/views/boards/show.html.erb
index bd3266ac3..9f0c2ebee 100644
--- a/app/views/boards/show.html.erb
+++ b/app/views/boards/show.html.erb
@@ -26,5 +26,6 @@
     <%= render "boards/show/filtered_cards", page: @page %>
   <% else %>
     <%= render "boards/show/columns", page: @page, board: @board %>
+    <%= render "boards/show/mobile_columns", page: @page, board: @board %>
   <% end %>
 <% end %>
diff --git a/app/views/boards/show/_columns.html.erb b/app/views/boards/show/_columns.html.erb
index 5223b9254..31938ef28 100644
--- a/app/views/boards/show/_columns.html.erb
+++ b/app/views/boards/show/_columns.html.erb
@@ -25,4 +25,3 @@
     <%= render "boards/show/menu/columns", board: board %>
   </div>
 <% end %>
-
diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
new file mode 100644
index 000000000..e58c6b629
--- /dev/null
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -0,0 +1,41 @@
+<section class="mobile-card-columns">
+
+  <div class="cards cards--on-deck is-collapsed" style="--card-color: var(--color-card-complete);">
+    <div class="cards__expander btn btn--plain" style="--card-count: 0">
+      <span class="cards__expander-count">0</span>
+      <h2 class="cards__expander-title">
+        Not Now
+      </h2>
+    </div>
+  </div>
+
+  <div class="cards cards--considering is-collapsed">
+    <div class="cards__expander btn btn--plain" style="--card-count: 0">
+      <span class="cards__expander-count">0</span>
+      <h2 class="cards__expander-title">
+        Maybe?
+      </h2>
+    </div>
+  </div>
+
+  <% board.columns.sorted.each do |column| %>
+    <div class="cards cards--doing is-collapsed" style="--card-color: <%= column.color %>;">
+      <div class="cards__expander btn btn--plain" style="--card-count: 0">
+        <span class="cards__expander-count">0</span>
+        <h2 class="cards__expander-title">
+          <%= column.name %>
+        </h2>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="cards cards--on-deck is-collapsed" style="--card-color: var(--color-card-complete);">
+    <div class="cards__expander btn btn--plain" style="--card-count: 0">
+      <span class="cards__expander-count">0</span>
+      <h2 class="cards__expander-title">
+        Done
+      </h2>
+    </div>
+  </div>
+
+</section>

From e53d6912f61241a412515e58eaf8f3cd39444dc4 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 11 Nov 2025 14:41:09 -0600
Subject: [PATCH 02/16] Add links to column show pages

---
 app/assets/stylesheets/card-columns.css       |  1 +
 .../boards/show/_mobile_columns.html.erb      | 30 +++++++++----------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index d9acbb50d..29bacd085 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -752,6 +752,7 @@
 
     .cards.is-collapsed {
       inline-size: auto;
+      display: block;
       padding-block: 0.5ch;
 
       .cards__expander {
diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
index e58c6b629..732f71875 100644
--- a/app/views/boards/show/_mobile_columns.html.erb
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -1,41 +1,41 @@
 <section class="mobile-card-columns">
 
-  <div class="cards cards--on-deck is-collapsed" style="--card-color: var(--color-card-complete);">
-    <div class="cards__expander btn btn--plain" style="--card-count: 0">
-      <span class="cards__expander-count">0</span>
-      <h2 class="cards__expander-title">
-        Not Now
-      </h2>
-    </div>
-  </div>
-
-  <div class="cards cards--considering is-collapsed">
+  <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed" do %>
     <div class="cards__expander btn btn--plain" style="--card-count: 0">
       <span class="cards__expander-count">0</span>
       <h2 class="cards__expander-title">
         Maybe?
       </h2>
     </div>
-  </div>
+  <% end %>
 
   <% board.columns.sorted.each do |column| %>
-    <div class="cards cards--doing is-collapsed" style="--card-color: <%= column.color %>;">
+    <%= link_to board_column_path(column.board, column), class: "cards cards--doing is-collapsed", style: "--card-color: #{column.color}" do %>
       <div class="cards__expander btn btn--plain" style="--card-count: 0">
         <span class="cards__expander-count">0</span>
         <h2 class="cards__expander-title">
           <%= column.name %>
         </h2>
       </div>
-    </div>
+    <% end %>
   <% end %>
 
-  <div class="cards cards--on-deck is-collapsed" style="--card-color: var(--color-card-complete);">
+  <%= link_to board_columns_closed_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);" do %>
     <div class="cards__expander btn btn--plain" style="--card-count: 0">
       <span class="cards__expander-count">0</span>
       <h2 class="cards__expander-title">
         Done
       </h2>
     </div>
-  </div>
+  <% end %>
+
+  <%= link_to board_columns_not_now_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);" do %>
+    <div class="cards__expander btn btn--plain" style="--card-count: 0">
+      <span class="cards__expander-count">0</span>
+      <h2 class="cards__expander-title">
+        Not Now
+      </h2>
+    </div>
+  <% end %>
 
 </section>

From 822786af723ae46f1d2b2a2d61bb3c398fd4fbff Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 11 Nov 2025 14:51:27 -0600
Subject: [PATCH 03/16] Add correct counts to columns

---
 app/views/boards/show/_mobile_columns.html.erb | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
index 732f71875..15b5e6830 100644
--- a/app/views/boards/show/_mobile_columns.html.erb
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -1,8 +1,8 @@
 <section class="mobile-card-columns">
 
   <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed" do %>
-    <div class="cards__expander btn btn--plain" style="--card-count: 0">
-      <span class="cards__expander-count">0</span>
+    <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
+      <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
       <h2 class="cards__expander-title">
         Maybe?
       </h2>
@@ -11,8 +11,8 @@
 
   <% board.columns.sorted.each do |column| %>
     <%= link_to board_column_path(column.board, column), class: "cards cards--doing is-collapsed", style: "--card-color: #{column.color}" do %>
-      <div class="cards__expander btn btn--plain" style="--card-count: 0">
-        <span class="cards__expander-count">0</span>
+      <div class="cards__expander btn btn--plain" style="--card-count: <%= column.cards.active.count %>">
+        <span class="cards__expander-count"><%= column.cards.active.count %></span>
         <h2 class="cards__expander-title">
           <%= column.name %>
         </h2>
@@ -21,8 +21,8 @@
   <% end %>
 
   <%= link_to board_columns_closed_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);" do %>
-    <div class="cards__expander btn btn--plain" style="--card-count: 0">
-      <span class="cards__expander-count">0</span>
+    <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.closed.count %>">
+      <span class="cards__expander-count"><%= board.cards.closed.count %></span>
       <h2 class="cards__expander-title">
         Done
       </h2>
@@ -30,8 +30,8 @@
   <% end %>
 
   <%= link_to board_columns_not_now_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);" do %>
-    <div class="cards__expander btn btn--plain" style="--card-count: 0">
-      <span class="cards__expander-count">0</span>
+    <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.postponed.count %>">
+      <span class="cards__expander-count"><%= board.cards.postponed.count %></span>
       <h2 class="cards__expander-title">
         Not Now
       </h2>

From 3892003baab599a56b44244b161def0fa8c75917 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 11 Nov 2025 14:54:12 -0600
Subject: [PATCH 04/16] Add turbo attributes to fix content missing error

---
 app/views/boards/show/_mobile_columns.html.erb | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
index 15b5e6830..13b275c65 100644
--- a/app/views/boards/show/_mobile_columns.html.erb
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -1,6 +1,6 @@
 <section class="mobile-card-columns">
 
-  <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed" do %>
+  <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
       <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
       <h2 class="cards__expander-title">
@@ -10,7 +10,7 @@
   <% end %>
 
   <% board.columns.sorted.each do |column| %>
-    <%= link_to board_column_path(column.board, column), class: "cards cards--doing is-collapsed", style: "--card-color: #{column.color}" do %>
+    <%= link_to board_column_path(column.board, column), class: "cards cards--doing is-collapsed", style: "--card-color: #{column.color}", data: { turbo_frame: "_top" } do %>
       <div class="cards__expander btn btn--plain" style="--card-count: <%= column.cards.active.count %>">
         <span class="cards__expander-count"><%= column.cards.active.count %></span>
         <h2 class="cards__expander-title">
@@ -20,7 +20,7 @@
     <% end %>
   <% end %>
 
-  <%= link_to board_columns_closed_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);" do %>
+  <%= link_to board_columns_closed_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.closed.count %>">
       <span class="cards__expander-count"><%= board.cards.closed.count %></span>
       <h2 class="cards__expander-title">
@@ -29,7 +29,7 @@
     </div>
   <% end %>
 
-  <%= link_to board_columns_not_now_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);" do %>
+  <%= link_to board_columns_not_now_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.postponed.count %>">
       <span class="cards__expander-count"><%= board.cards.postponed.count %></span>
       <h2 class="cards__expander-title">

From d8c6b06ae7b30b88361fca0bfc2e19333bbd32b1 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 11 Nov 2025 15:51:34 -0600
Subject: [PATCH 05/16] Start at smaller viewport size

---
 app/assets/stylesheets/card-columns.css        | 6 +++---
 app/views/boards/show/_mobile_columns.html.erb | 2 --
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 29bacd085..9ea410fd3 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -45,7 +45,7 @@
       min-block-size: 20lh;
     }
 
-    @media (max-width: 639px) {
+    @media (max-width: 519px) {
       --bubble-size: 3rem;
 
       display: none;
@@ -744,9 +744,9 @@
     --progress-max-cards: 20;
     --progress-max-width: 100%;
 
-    padding-inline: 1ch;
+    padding-inline: 3vw;
 
-    @media (min-width: 640px) {
+    @media (min-width: 520px) {
       display: none;
     }
 
diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
index 13b275c65..14c6b9804 100644
--- a/app/views/boards/show/_mobile_columns.html.erb
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -1,5 +1,4 @@
 <section class="mobile-card-columns">
-
   <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
       <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
@@ -37,5 +36,4 @@
       </h2>
     </div>
   <% end %>
-
 </section>

From 285328ec60c9276f00b5959f2448d77f3991484f Mon Sep 17 00:00:00 2001
From: Jorge Manrubia <jorge@hey.com>
Date: Wed, 12 Nov 2025 17:29:35 +0100
Subject: [PATCH 06/16] Smoother tag updates with streams

---
 app/controllers/cards/taggings_controller.rb       | 1 -
 app/views/cards/taggings/create.turbo_stream.erb   | 1 +
 test/controllers/cards/taggings_controller_test.rb | 4 ++--
 3 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 app/views/cards/taggings/create.turbo_stream.erb

diff --git a/app/controllers/cards/taggings_controller.rb b/app/controllers/cards/taggings_controller.rb
index 23bac85e3..16227011d 100644
--- a/app/controllers/cards/taggings_controller.rb
+++ b/app/controllers/cards/taggings_controller.rb
@@ -8,7 +8,6 @@ class Cards::TaggingsController < ApplicationController
 
   def create
     @card.toggle_tag_with sanitized_tag_title_param
-    render_card_replacement
   end
 
   private
diff --git a/app/views/cards/taggings/create.turbo_stream.erb b/app/views/cards/taggings/create.turbo_stream.erb
new file mode 100644
index 000000000..cd4671820
--- /dev/null
+++ b/app/views/cards/taggings/create.turbo_stream.erb
@@ -0,0 +1 @@
+<%= turbo_stream.replace([ @card, :tags ], partial: "cards/display/perma/tags", method: "morph", locals: { card: @card.reload }) %>
diff --git a/test/controllers/cards/taggings_controller_test.rb b/test/controllers/cards/taggings_controller_test.rb
index 60f4cf743..5424dcc0d 100644
--- a/test/controllers/cards/taggings_controller_test.rb
+++ b/test/controllers/cards/taggings_controller_test.rb
@@ -13,14 +13,14 @@ class Cards::TaggingsControllerTest < ActionDispatch::IntegrationTest
   test "toggle tag on" do
     assert_changes "cards(:logo).tagged_with?(tags(:mobile))", from: false, to: true do
       post card_taggings_path(cards(:logo)), params: { tag_title: tags(:mobile).title }, as: :turbo_stream
-      assert_card_container_rerendered(cards(:logo))
+      assert_turbo_stream action: :replace, target: dom_id(cards(:logo), :tags)
     end
   end
 
   test "toggle tag off" do
     assert_changes "cards(:logo).tagged_with?(tags(:web))", from: true, to: false do
       post card_taggings_path(cards(:logo)), params: { tag_title: tags(:web).title }, as: :turbo_stream
-      assert_card_container_rerendered(cards(:logo))
+      assert_turbo_stream action: :replace, target: dom_id(cards(:logo), :tags)
     end
   end
 end

From 58859cdc0b8b58797153afa42e33890d6f854d23 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 12 Nov 2025 11:02:57 -0600
Subject: [PATCH 07/16] Move Not Now to top

---
 app/views/boards/show/_mobile_columns.html.erb | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/views/boards/show/_mobile_columns.html.erb b/app/views/boards/show/_mobile_columns.html.erb
index 14c6b9804..fd0b29b58 100644
--- a/app/views/boards/show/_mobile_columns.html.erb
+++ b/app/views/boards/show/_mobile_columns.html.erb
@@ -1,4 +1,13 @@
 <section class="mobile-card-columns">
+  <%= link_to board_columns_not_now_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);", data: { turbo_frame: "_top" } do %>
+    <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.postponed.count %>">
+      <span class="cards__expander-count"><%= board.cards.postponed.count %></span>
+      <h2 class="cards__expander-title">
+        Not Now
+      </h2>
+    </div>
+  <% end %>
+
   <%= link_to board_columns_stream_path(board), class: "cards cards--considering is-collapsed", data: { turbo_frame: "_top" } do %>
     <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.awaiting_triage.count %>">
       <span class="cards__expander-count"><%= board.cards.awaiting_triage.count %></span>
@@ -27,13 +36,4 @@
       </h2>
     </div>
   <% end %>
-
-  <%= link_to board_columns_not_now_path(board), class: "cards cards--on-deck is-collapsed", style: "--card-color: var(--color-card-complete);", data: { turbo_frame: "_top" } do %>
-    <div class="cards__expander btn btn--plain" style="--card-count: <%= board.cards.postponed.count %>">
-      <span class="cards__expander-count"><%= board.cards.postponed.count %></span>
-      <h2 class="cards__expander-title">
-        Not Now
-      </h2>
-    </div>
-  <% end %>
 </section>

From 2d96e7c9c69cc8ffef939df8fc8c11ada627bacf Mon Sep 17 00:00:00 2001
From: Jorge Manrubia <jorge@hey.com>
Date: Wed, 12 Nov 2025 18:02:50 +0100
Subject: [PATCH 08/16] Use streams to update/remove reactions

Prevents race condition causing flickering https://app.fizzy.do/5986089/cards/2906

This will prevent these from udpating live, but we will tackle that as part of live card
updates with page refreshes, which I will tackle soon.
---
 .../cards/comments/reactions_controller.rb    | 19 +++----------------
 .../reactions/create.turbo_stream.erb         |  1 +
 .../reactions/destroy.turbo_stream.erb        |  1 +
 .../cards/comments/reactions/new.html.erb     |  2 +-
 .../comments/reactions_controller_test.rb     | 17 +++++++----------
 5 files changed, 13 insertions(+), 27 deletions(-)
 create mode 100644 app/views/cards/comments/reactions/create.turbo_stream.erb
 create mode 100644 app/views/cards/comments/reactions/destroy.turbo_stream.erb

diff --git a/app/controllers/cards/comments/reactions_controller.rb b/app/controllers/cards/comments/reactions_controller.rb
index 0a728fbb2..54f63dda7 100644
--- a/app/controllers/cards/comments/reactions_controller.rb
+++ b/app/controllers/cards/comments/reactions_controller.rb
@@ -10,29 +10,16 @@ class Cards::Comments::ReactionsController < ApplicationController
   end
 
   def create
-    reaction = @comment.reactions.create!(params.expect(reaction: :content))
-
-    broadcast_create(reaction)
-    redirect_to card_comment_reactions_path(@card, @comment)
+    @reaction = @comment.reactions.create!(params.expect(reaction: :content))
   end
 
   def destroy
-    reaction = @comment.reactions.find(params[:id])
-    reaction.destroy
-
-    broadcast_remove(reaction)
+    @reaction = @comment.reactions.find(params[:id])
+    @reaction.destroy
   end
 
   private
     def set_comment
       @comment = @card.comments.find(params[:comment_id])
     end
-
-    def broadcast_create(reaction)
-      reaction.broadcast_append_to @card, target: [ @comment, :reactions ], partial: "cards/comments/reactions/reaction"
-    end
-
-    def broadcast_remove(reaction)
-      reaction.broadcast_remove_to @card
-    end
 end
diff --git a/app/views/cards/comments/reactions/create.turbo_stream.erb b/app/views/cards/comments/reactions/create.turbo_stream.erb
new file mode 100644
index 000000000..7ae1f1daa
--- /dev/null
+++ b/app/views/cards/comments/reactions/create.turbo_stream.erb
@@ -0,0 +1 @@
+<%= turbo_stream.append([ @comment, :reactions ], partial: "cards/comments/reactions/reaction", locals: { reaction: @reaction }) %>
diff --git a/app/views/cards/comments/reactions/destroy.turbo_stream.erb b/app/views/cards/comments/reactions/destroy.turbo_stream.erb
new file mode 100644
index 000000000..936436e11
--- /dev/null
+++ b/app/views/cards/comments/reactions/destroy.turbo_stream.erb
@@ -0,0 +1 @@
+<%= turbo_stream.remove @reaction %>
diff --git a/app/views/cards/comments/reactions/new.html.erb b/app/views/cards/comments/reactions/new.html.erb
index 38c6daf98..e847acfbe 100644
--- a/app/views/cards/comments/reactions/new.html.erb
+++ b/app/views/cards/comments/reactions/new.html.erb
@@ -2,7 +2,7 @@
   <%= form_with model: [ @comment.card, @comment, Reaction.new ],
         class: "reaction reaction__form expanded",
         html: { aria: { label: "New reaction" } },
-        data: { controller: "form reaction-emoji", turbo_frame: dom_id(@comment, :reacting), action: "keydown.esc->form#cancel submit->form#preventEmptySubmit" } do |form| %>
+        data: { controller: "form reaction-emoji", turbo_frame: dom_id(@comment, :reacting), action: "keydown.esc->form#cancel submit->form#preventEmptySubmit turbo:submit-end->form#reset" } do |form| %>
     <label class="reaction__form-label flex gap" style="--column-gap: 0.4ch;">
       <figure class="reaction__avatar margin-none flex-item-no-shrink">
         <%= avatar_tag Current.user %>
diff --git a/test/controllers/cards/comments/reactions_controller_test.rb b/test/controllers/cards/comments/reactions_controller_test.rb
index 79d86d62c..4a71affe2 100644
--- a/test/controllers/cards/comments/reactions_controller_test.rb
+++ b/test/controllers/cards/comments/reactions_controller_test.rb
@@ -8,20 +8,17 @@ class Cards::Comments::ReactionsControllerTest < ActionDispatch::IntegrationTest
   end
 
   test "create" do
-    assert_turbo_stream_broadcasts @card, count: 1 do
-      assert_difference -> { @comment.reactions.count }, 1 do
-        post card_comment_reactions_path(@comment.card, @comment, format: :turbo_stream), params: { reaction: { content: "Great work!" } }
-        assert_redirected_to card_comment_reactions_path(@comment.card, @comment)
-      end
+    assert_difference -> { @comment.reactions.count }, 1 do
+      post card_comment_reactions_path(@comment.card, @comment, format: :turbo_stream), params: { reaction: { content: "Great work!" } }
+      assert_turbo_stream action: :append, target: dom_id(@comment, :reactions)
     end
   end
 
   test "destroy" do
-    assert_turbo_stream_broadcasts @card, count: 1 do
-      assert_difference -> { @comment.reactions.count }, -1 do
-        delete card_comment_reaction_path(@comment.card, @comment, reactions(:kevin), format: :turbo_stream)
-        assert_response :success
-      end
+    reaction = reactions(:kevin)
+    assert_difference -> { @comment.reactions.count }, -1 do
+      delete card_comment_reaction_path(@comment.card, @comment, reaction, format: :turbo_stream)
+      assert_turbo_stream action: :remove, target: dom_id(reaction)
     end
   end
 end

From b143fef0a493fa2689bf073c23f220d30f611702 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 12 Nov 2025 11:07:41 -0600
Subject: [PATCH 09/16] Show only on fat-finger touch devices

---
 app/assets/stylesheets/card-columns.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 9ea410fd3..f5346f9e2 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -45,9 +45,8 @@
       min-block-size: 20lh;
     }
 
-    @media (max-width: 519px) {
-      --bubble-size: 3rem;
-
+    /* Hide on small, fat-finger touch devices */
+    @media (hover: none) and (pointer: coarse) and (max-width: 519px) {
       display: none;
     }
   }
@@ -746,7 +745,8 @@
 
     padding-inline: 3vw;
 
-    @media (min-width: 520px) {
+    /* Hide on larger devices with cursors */
+    @media (hover: hover) and (min-width: 520px) {
       display: none;
     }
 

From 2dab14ef64d673d551890826dbedcf6f46d1bccf Mon Sep 17 00:00:00 2001
From: Jorge Manrubia <jorge@hey.com>
Date: Wed, 12 Nov 2025 18:14:31 +0100
Subject: [PATCH 10/16] Replace the full container since we want to get back to
 the initial state

To see the boost button again
---
 app/views/cards/comments/reactions/create.turbo_stream.erb   | 4 +++-
 app/views/cards/comments/reactions/new.html.erb              | 2 +-
 test/controllers/cards/comments/reactions_controller_test.rb | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/views/cards/comments/reactions/create.turbo_stream.erb b/app/views/cards/comments/reactions/create.turbo_stream.erb
index 7ae1f1daa..7ac4b61df 100644
--- a/app/views/cards/comments/reactions/create.turbo_stream.erb
+++ b/app/views/cards/comments/reactions/create.turbo_stream.erb
@@ -1 +1,3 @@
-<%= turbo_stream.append([ @comment, :reactions ], partial: "cards/comments/reactions/reaction", locals: { reaction: @reaction }) %>
+<%= turbo_stream.replace([ @comment, :reacting ]) do %>
+  <%= render "cards/comments/reactions/reactions", comment: @comment.reload %>
+<% end %>
diff --git a/app/views/cards/comments/reactions/new.html.erb b/app/views/cards/comments/reactions/new.html.erb
index e847acfbe..38c6daf98 100644
--- a/app/views/cards/comments/reactions/new.html.erb
+++ b/app/views/cards/comments/reactions/new.html.erb
@@ -2,7 +2,7 @@
   <%= form_with model: [ @comment.card, @comment, Reaction.new ],
         class: "reaction reaction__form expanded",
         html: { aria: { label: "New reaction" } },
-        data: { controller: "form reaction-emoji", turbo_frame: dom_id(@comment, :reacting), action: "keydown.esc->form#cancel submit->form#preventEmptySubmit turbo:submit-end->form#reset" } do |form| %>
+        data: { controller: "form reaction-emoji", turbo_frame: dom_id(@comment, :reacting), action: "keydown.esc->form#cancel submit->form#preventEmptySubmit" } do |form| %>
     <label class="reaction__form-label flex gap" style="--column-gap: 0.4ch;">
       <figure class="reaction__avatar margin-none flex-item-no-shrink">
         <%= avatar_tag Current.user %>
diff --git a/test/controllers/cards/comments/reactions_controller_test.rb b/test/controllers/cards/comments/reactions_controller_test.rb
index 4a71affe2..bf948743b 100644
--- a/test/controllers/cards/comments/reactions_controller_test.rb
+++ b/test/controllers/cards/comments/reactions_controller_test.rb
@@ -10,7 +10,7 @@ class Cards::Comments::ReactionsControllerTest < ActionDispatch::IntegrationTest
   test "create" do
     assert_difference -> { @comment.reactions.count }, 1 do
       post card_comment_reactions_path(@comment.card, @comment, format: :turbo_stream), params: { reaction: { content: "Great work!" } }
-      assert_turbo_stream action: :append, target: dom_id(@comment, :reactions)
+      assert_turbo_stream action: :replace, target: dom_id(@comment, :reacting)
     end
   end
 

From 6e2d115b715283ae39a5200f6591bc9481f7220a Mon Sep 17 00:00:00 2001
From: Jorge Manrubia <jorge@hey.com>
Date: Wed, 12 Nov 2025 18:27:11 +0100
Subject: [PATCH 11/16] Http caching for my/menu

---
 app/controllers/my/menus_controller.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/controllers/my/menus_controller.rb b/app/controllers/my/menus_controller.rb
index 2b20d2188..a2c1c96eb 100644
--- a/app/controllers/my/menus_controller.rb
+++ b/app/controllers/my/menus_controller.rb
@@ -5,6 +5,6 @@ class My::MenusController < ApplicationController
     @tags = Tag.all.alphabetically
     @users = User.active.alphabetically
 
-    # fresh_when etag: [ @user_filtering, Current.session ]
+    fresh_when etag: [ @filters, @boards, @tags, @users ]
   end
 end

From 44b0f5f5bccb2e1ac991bfa2e466c1c20fb79b7b Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 12 Nov 2025 11:44:31 -0600
Subject: [PATCH 12/16] Make the dialog sizing property optional

---
 app/javascript/controllers/dialog_controller.js | 5 +++--
 app/views/notifications/_tray.html.erb          | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/javascript/controllers/dialog_controller.js b/app/javascript/controllers/dialog_controller.js
index 4fbf25dc5..de1640825 100644
--- a/app/javascript/controllers/dialog_controller.js
+++ b/app/javascript/controllers/dialog_controller.js
@@ -5,7 +5,8 @@ import { limitHeightToViewport } from "helpers/sizing_helpers"
 export default class extends Controller {
   static targets = [ "dialog" ]
   static values = {
-    modal: { type: Boolean, default: false }
+    modal: { type: Boolean, default: false },
+    sizing: { type: Boolean, default: true }
   }
 
   connect() {
@@ -22,7 +23,7 @@ export default class extends Controller {
       orient(this.dialogTarget)
     }
 
-    limitHeightToViewport(this.dialogTarget, true)
+    limitHeightToViewport(this.dialogTarget, this.sizingValue)
 
     this.#loadLazyFrames()
     this.dialogTarget.setAttribute("aria-hidden", "false")
diff --git a/app/views/notifications/_tray.html.erb b/app/views/notifications/_tray.html.erb
index 3d01d594c..274d81622 100644
--- a/app/views/notifications/_tray.html.erb
+++ b/app/views/notifications/_tray.html.erb
@@ -1,6 +1,6 @@
 <%= turbo_stream_from Current.user, :notifications %>
 
-<section class="tray tray--notifications" data-controller="dialog badge" data-badge-unread-class="unread" data-action="turbo:render#update">
+<section class="tray tray--notifications" data-controller="dialog badge" data-badge-unread-class="unread" data-action="turbo:render#update" data-dialog-sizing-value="false">
   <dialog class="tray__dialog"
       data-controller="navigable-list"
       data-dialog-target="dialog"

From 3615c07f7f2c6be833317bf5a8441fa03cfc6f6d Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 12 Nov 2025 15:29:27 -0600
Subject: [PATCH 13/16] Clear filters when dialog closes

---
 app/helpers/filters_helper.rb                   | 2 +-
 app/javascript/controllers/dialog_controller.js | 1 +
 app/javascript/controllers/filter_controller.js | 5 +++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/helpers/filters_helper.rb b/app/helpers/filters_helper.rb
index 49f175067..e06636224 100644
--- a/app/helpers/filters_helper.rb
+++ b/app/helpers/filters_helper.rb
@@ -28,7 +28,7 @@ module FiltersHelper
 
   def filter_dialog(label, &block)
     tag.dialog class: "margin-block-start-half popup panel flex-column align-start gap-half fill-white shadow txt-small", data: {
-      action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
+      action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter dialog:close@document->filter#clearInput",
       aria: { label: label, aria_description: label },
       controller: "filter navigable-list",
       dialog_target: "dialog",
diff --git a/app/javascript/controllers/dialog_controller.js b/app/javascript/controllers/dialog_controller.js
index de1640825..b2b8cb6fa 100644
--- a/app/javascript/controllers/dialog_controller.js
+++ b/app/javascript/controllers/dialog_controller.js
@@ -44,6 +44,7 @@ export default class extends Controller {
     this.dialogTarget.blur()
     orient(this.dialogTarget, false)
     limitHeightToViewport(this.dialogTarget, false)
+    this.dispatch("close")
   }
 
   closeOnClickOutside({ target }) {
diff --git a/app/javascript/controllers/filter_controller.js b/app/javascript/controllers/filter_controller.js
index 7f3770a8e..77a974bcc 100644
--- a/app/javascript/controllers/filter_controller.js
+++ b/app/javascript/controllers/filter_controller.js
@@ -20,4 +20,9 @@ export default class extends Controller {
 
     this.dispatch("changed")
   }
+
+  clearInput() {
+    if (!this.hasInputTarget) return
+    this.inputTarget.value = ""
+  }
 }

From 43ee91cee7d1a6d7b542b513fd4cdfeee9436601 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 12 Nov 2025 15:41:36 -0600
Subject: [PATCH 14/16] Move filter controller up to dialog for narrower
 listener scope

---
 app/helpers/filters_helper.rb                   | 4 ++--
 app/views/events/index/_filter.html.erb         | 4 ++--
 app/views/filters/settings/_assignees.html.erb  | 4 ++--
 app/views/filters/settings/_boards.html.erb     | 4 ++--
 app/views/filters/settings/_closers.html.erb    | 4 ++--
 app/views/filters/settings/_creators.html.erb   | 4 ++--
 app/views/filters/settings/_indexed_by.html.erb | 4 ++--
 app/views/filters/settings/_sorted_by.html.erb  | 4 ++--
 app/views/filters/settings/_tags.html.erb       | 4 ++--
 9 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/app/helpers/filters_helper.rb b/app/helpers/filters_helper.rb
index e06636224..0b04f6f44 100644
--- a/app/helpers/filters_helper.rb
+++ b/app/helpers/filters_helper.rb
@@ -28,9 +28,9 @@ module FiltersHelper
 
   def filter_dialog(label, &block)
     tag.dialog class: "margin-block-start-half popup panel flex-column align-start gap-half fill-white shadow txt-small", data: {
-      action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter dialog:close@document->filter#clearInput",
+      action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
       aria: { label: label, aria_description: label },
-      controller: "filter navigable-list",
+      controller: "navigable-list",
       dialog_target: "dialog",
       navigable_list_focus_on_selection_value: false,
       navigable_list_actionable_items_value: true
diff --git a/app/views/events/index/_filter.html.erb b/app/views/events/index/_filter.html.erb
index 37dab9e2b..0fdc6bfb8 100644
--- a/app/views/events/index/_filter.html.erb
+++ b/app/views/events/index/_filter.html.erb
@@ -5,8 +5,8 @@
       data: { controller: "form", turbo_frame: "cards_container", turbo_action: "advance" } do |form| %>
   <%= tag.div class: "flex-inline position-relative quick-filter",
         data: {
-          controller: "dialog multi-selection-combobox",
-          action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside turbo:morph@window->multi-selection-combobox#refresh",
+          controller: "dialog filter multi-selection-combobox",
+          action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside turbo:morph@window->multi-selection-combobox#refresh dialog:close@document->filter#clearInput",
           filter_show: user_filtering.show_boards?,
           multi_selection_combobox_no_selection_label_value: user_filtering.selected_boards_label } do %>
         <button type="button" class="btn borderless btn--plain events__filter-select" data-action="click->dialog#toggle:stop">
diff --git a/app/views/filters/settings/_assignees.html.erb b/app/views/filters/settings/_assignees.html.erb
index 0a60a4878..519fc2546 100644
--- a/app/views/filters/settings/_assignees.html.erb
+++ b/app/views/filters/settings/_assignees.html.erb
@@ -1,8 +1,8 @@
 <% filter = user_filtering.filter %>
 <%= tag.div class: "quick-filter",
       data: {
-        controller: "dialog multi-selection-combobox",
-        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+        controller: "dialog filter multi-selection-combobox",
+        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
         filter_show: user_filtering.show_assignees?,
         multi_selection_combobox_no_selection_label_value: "Assigned to…",
         multi_selection_combobox_label_prefix_value: "Assigned to" } do %>
diff --git a/app/views/filters/settings/_boards.html.erb b/app/views/filters/settings/_boards.html.erb
index 97a21618d..56abeeb8c 100644
--- a/app/views/filters/settings/_boards.html.erb
+++ b/app/views/filters/settings/_boards.html.erb
@@ -2,8 +2,8 @@
 
 <%= tag.div class: "quick-filter",
       data: {
-        controller: "dialog multi-selection-combobox",
-        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+        controller: "dialog filter multi-selection-combobox",
+        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close->filter#clearInput",
         filter_show: user_filtering.show_boards?,
         multi_selection_combobox_no_selection_label_value: "Board…",
         multi_selection_combobox_label_prefix_value: "" } do %>
diff --git a/app/views/filters/settings/_closers.html.erb b/app/views/filters/settings/_closers.html.erb
index 24e542b1e..a4ca4eb76 100644
--- a/app/views/filters/settings/_closers.html.erb
+++ b/app/views/filters/settings/_closers.html.erb
@@ -2,8 +2,8 @@
 
 <%= tag.div class: "quick-filter",
       data: {
-        controller: "dialog multi-selection-combobox",
-        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+        controller: "dialog filter multi-selection-combobox",
+        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
         filter_show: user_filtering.show_closers?,
         multi_selection_combobox_no_selection_label_value: "Closed by…",
         multi_selection_combobox_label_prefix_value: "Closed by" } do %>
diff --git a/app/views/filters/settings/_creators.html.erb b/app/views/filters/settings/_creators.html.erb
index 8453fe745..4956c5f92 100644
--- a/app/views/filters/settings/_creators.html.erb
+++ b/app/views/filters/settings/_creators.html.erb
@@ -2,8 +2,8 @@
 
 <%= tag.div class: "quick-filter",
       data: {
-        controller: "dialog multi-selection-combobox",
-        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+        controller: "dialog filter multi-selection-combobox",
+        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
         filter_show: user_filtering.show_creators?,
         multi_selection_combobox_no_selection_label_value: "Added by…",
         multi_selection_combobox_label_prefix_value: "Added by" } do %>
diff --git a/app/views/filters/settings/_indexed_by.html.erb b/app/views/filters/settings/_indexed_by.html.erb
index 8175fea9e..c806261c2 100644
--- a/app/views/filters/settings/_indexed_by.html.erb
+++ b/app/views/filters/settings/_indexed_by.html.erb
@@ -1,8 +1,8 @@
 <% filter = user_filtering.filter %>
 
 <%= tag.div class: class_names("quick-filter"),
-      data: { controller: "dialog combobox",
-            action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+      data: { controller: "dialog filter combobox",
+            action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
             filter_show: user_filtering.show_indexed_by?,
             combobox_default_value_value: "all",
             combobox_default_label_value: "Status…",
diff --git a/app/views/filters/settings/_sorted_by.html.erb b/app/views/filters/settings/_sorted_by.html.erb
index e5c0adc4e..2b33b4bec 100644
--- a/app/views/filters/settings/_sorted_by.html.erb
+++ b/app/views/filters/settings/_sorted_by.html.erb
@@ -2,8 +2,8 @@
 
 <%= tag.div class: class_names("quick-filter"),
       data: {
-        controller: "dialog combobox",
-        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+        controller: "dialog filter combobox",
+        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
         filter_show: user_filtering.show_sorted_by?,
         combobox_default_value_value: "latest",
         combobox_with_default_class: "quick-filter--with-default" } do %>
diff --git a/app/views/filters/settings/_tags.html.erb b/app/views/filters/settings/_tags.html.erb
index 6d355327f..beb86b49e 100644
--- a/app/views/filters/settings/_tags.html.erb
+++ b/app/views/filters/settings/_tags.html.erb
@@ -2,8 +2,8 @@
 
 <%= tag.div class: "quick-filter",
       data: {
-        controller: "dialog multi-selection-combobox",
-        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
+        controller: "dialog filter multi-selection-combobox",
+        action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
         filter_show: user_filtering.show_tags?,
         multi_selection_combobox_no_selection_label_value: "Tagged…" } do %>
   <button type="button" class="btn input input--select flex-inline txt-x-small" data-action="click->dialog#toggle:stop">

From a3f2bc276ad5f1289f9998d0f7bcf69734fa4e3f Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 12 Nov 2025 17:07:24 -0600
Subject: [PATCH 15/16] Add hotkey indicators

---
 .../cards/container/footer/_draft.html.erb    | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/views/cards/container/footer/_draft.html.erb b/app/views/cards/container/footer/_draft.html.erb
index 1c898c30d..30e9aa02b 100644
--- a/app/views/cards/container/footer/_draft.html.erb
+++ b/app/views/cards/container/footer/_draft.html.erb
@@ -1,13 +1,19 @@
 <div class="card-perma__notch card-perma__notch--bottom">
-  <%= button_to card_publish_path(card), name: "creation_type", value: "add", class: "btn",
-        form: { data: { controller: "form" } },
-        data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+enter@document->clicker#click keydown.meta+enter@document->clicker#click" } do %>
-    <span>Create card</span>
-  <% end %>
+  <div class="flex flex-column gap-half">
+    <%= button_to card_publish_path(card), name: "creation_type", value: "add", class: "btn",
+          form: { data: { controller: "form" } },
+          data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+enter@document->clicker#click keydown.meta+enter@document->clicker#click" } do %>
+      <span>Create card</span>
+    <% end %>
+    <kbd class="txt-x-small txt-subtle center"><%= hotkey_label([ "ctrl", "enter" ]) %></kbd>
+  </div>
 
-  <%= button_to card_publish_path(card), method: :post, class: "btn btn--reversed", name: "creation_type", value: "add_another",
-        title: "Create and add another (ctrl+shift+enter)", form: { data: { controller: "form" } },
-        data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+shift+enter@document->clicker#click keydown.meta+shift+enter@document->clicker#click" } do %>
-    <span>Create and add another</span>
-  <% end %>
+  <div class="flex flex-column gap-half">
+    <%= button_to card_publish_path(card), method: :post, class: "btn btn--reversed", name: "creation_type", value: "add_another",
+          title: "Create and add another (ctrl+shift+enter)", form: { data: { controller: "form" } },
+          data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+shift+enter@document->clicker#click keydown.meta+shift+enter@document->clicker#click" } do %>
+      <span>Create and add another</span>
+    <% end %>
+    <kbd class="txt-x-small txt-subtle center"><%= hotkey_label([ "ctrl", "shift", "enter" ]) %></kbd>
+  </div>
 </div>

From 197cf12512de8a3e0b18bbf9abb5b024cff85162 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 12 Nov 2025 17:12:39 -0600
Subject: [PATCH 16/16] "Post" is too terse

I think we can go back to the longer label now that the hotkeys aren't
inside the button
---
 app/views/cards/comments/_new.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/cards/comments/_new.html.erb b/app/views/cards/comments/_new.html.erb
index cd46d7cb4..9aaa063fd 100644
--- a/app/views/cards/comments/_new.html.erb
+++ b/app/views/cards/comments/_new.html.erb
@@ -17,7 +17,7 @@
         <span class="flex-inline align-center gap">
           <%= form.button class: "comment__submit btn btn--reversed",
               data: { form_target: "submit" }, disabled: true do %>
-            <span>Post</span>
+            <span>Post this comment</span>
           <% end %>
           <span class="hide-on-touch txt-subtle">
             <kbd class="txt-x-small"><%= hotkey_label([ "ctrl", "enter" ]) %></kbd>