From 674c54c6890f20a81e4fb7298acfc60a082686be Mon Sep 17 00:00:00 2001
From: David Stone <david@nnucomputerwhiz.com>
Date: Tue, 5 May 2026 22:41:35 -0600
Subject: [PATCH] fix(template-switching): allow current-template description
 to wrap

The 'Current Template' card on the customer-panel template-switching
page was applying `wu-truncate` (white-space: nowrap; overflow: hidden;
text-overflow: ellipsis) to the description, forcing the full template
description onto a single line and clipping with an ellipsis. Customers
could not read past the first ~80 characters of the description.

Drop `wu-truncate` from the description `<p>` so the text wraps
naturally onto multiple lines. Add inline `overflow-wrap: anywhere`
to guard against unbreakable strings (long URLs, no-space tokens)
overflowing the flex column; the compiled framework.css has no
break-words utility, so the inline style follows the same pattern as
other inline styles in this file. The parent flex row uses
`wu-items-center`, so the 120px image and 'Reset' button stay
vertically centred against the now-multi-line description.

The title `<h3>` keeps `wu-truncate` because template titles are
expected to be short and a single-line title is a stronger visual
anchor for the card; only the description needed to wrap.

Verified in browser at the customer-panel template-switching page
with seeded ~270-character descriptions on three test templates.
---
 views/ui/template-switching-current.php | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/views/ui/template-switching-current.php b/views/ui/template-switching-current.php
index 92022b07..cd5fe73f 100644
--- a/views/ui/template-switching-current.php
+++ b/views/ui/template-switching-current.php
@@ -47,7 +47,28 @@ class="wu-rounded wu-border-solid wu-border wu-border-gray-300 wu-bg-white"
 				<h3 class="wu-text-lg wu-font-semibold wu-m-0 wu-mb-1 wu-truncate">
 					<?php echo esc_html($current_template->get_title()); ?>
 				</h3>
-				<p class="wu-text-sm wu-text-gray-600 wu-m-0 wu-truncate">
+				<?php
+				/*
+				 * Description wraps to multiple lines when long. We removed
+				 * `wu-truncate` (which was forcing single-line + ellipsis
+				 * via white-space: nowrap; overflow: hidden) so customers
+				 * can read the full description on the current-template
+				 * card. The parent `.wu-flex` row uses `wu-items-center`,
+				 * so the 120px image and "Reset" button stay vertically
+				 * centred against whatever height the wrapped text takes.
+				 *
+				 * `overflow-wrap: anywhere` guards against unbreakable
+				 * strings (long URLs, no-space tokens) blowing out the
+				 * flex column. The compiled framework.css has no
+				 * `wu-break-words`/`wu-words-break` utility, so we use
+				 * the inline style — same pattern as the inline styles
+				 * already used elsewhere in this file.
+				 */
+				?>
+				<p
+					class="wu-text-sm wu-text-gray-600 wu-m-0"
+					style="overflow-wrap: anywhere;"
+				>
 					<?php echo esc_html($current_template->get_description()); ?>
 				</p>
 			</div>