From 8846d3357e85ff242a2b4d34bbdbf85ac61cd357 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 1 Oct 2025 16:50:57 -0500
Subject: [PATCH] Add UI for navigating to the column perma

---
 app/assets/images/external-link.svg            |  7 +++++++
 app/assets/stylesheets/icons.css               |  1 +
 .../collections/show/menu/_column.html.erb     | 18 +++++++++++++++---
 3 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 app/assets/images/external-link.svg

diff --git a/app/assets/images/external-link.svg b/app/assets/images/external-link.svg
new file mode 100644
index 000000000..ed2483aa9
--- /dev/null
+++ b/app/assets/images/external-link.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Interface / External_Link">
+<path id="Vector" d="M10.0002 5H8.2002C7.08009 5 6.51962 5 6.0918 5.21799C5.71547 5.40973 5.40973 5.71547 5.21799 6.0918C5 6.51962 5 7.08009 5 8.2002V15.8002C5 16.9203 5 17.4801 5.21799 17.9079C5.40973 18.2842 5.71547 18.5905 6.0918 18.7822C6.5192 19 7.07899 19 8.19691 19H15.8031C16.921 19 17.48 19 17.9074 18.7822C18.2837 18.5905 18.5905 18.2839 18.7822 17.9076C19 17.4802 19 16.921 19 15.8031V14M20 9V4M20 4H15M20 4L13 11" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css
index 0f2e8177a..3f4e25431 100644
--- a/app/assets/stylesheets/icons.css
+++ b/app/assets/stylesheets/icons.css
@@ -45,6 +45,7 @@
   .icon--crown { --svg: url("crown.svg "); }
   .icon--email { --svg: url("email.svg "); }
   .icon--everyone { --svg: url("everyone.svg "); }
+  .icon--external-link { --svg: url("external-link.svg "); }
   .icon--gear { --svg: url("gear.svg "); }
   .icon--filter { --svg: url("filter.svg "); }
   .icon--globe { --svg: url("globe.svg "); }
diff --git a/app/views/collections/show/menu/_column.html.erb b/app/views/collections/show/menu/_column.html.erb
index 22d249126..4368cb5da 100644
--- a/app/views/collections/show/menu/_column.html.erb
+++ b/app/views/collections/show/menu/_column.html.erb
@@ -6,14 +6,26 @@
   <dialog class="popup panel flex-column gap fill-white shadow txt-small margin-block-double" data-dialog-target="dialog">
     <ul class="popup__list">
       <li class="popup__item">
-        <button class="popup__btn btn" data-action="click->clicker#click">Rename column</button>
+        <%= link_to collection_column_path(column.collection, column), class: "popup__btn btn", data: { turbo_frame: "_top" } do %>
+          <%= icon_tag "external-link" %>
+          <span>Expand column</span>
+        <% end %>
       </li>
       <li class="popup__item">
-        <%= button_to "Delete column", collection_column_path(column.collection, column),
+        <button class="popup__btn btn" data-action="click->clicker#click">
+          <%= icon_tag "rename" %>
+          <span>Rename…</span>
+        </button>
+      </li>
+      <li class="popup__item">
+        <%= button_to collection_column_path(column.collection, column),
               method: :delete,
               class: "popup__btn btn",
                 form_class: "display-contents",
-              form: { data: { turbo_confirm: "Are you sure you want to delete this column? This will move the cards back to the stream." } } %>
+              form: { data: { turbo_confirm: "Are you sure you want to delete this column? This will move the cards back to The Stream." } } do %>
+          <%= icon_tag "trash" %>
+          <span>Delete…</span>
+        <% end %>
       </li>
     </ul>
   </dialog>