From e775658f650954976b39385264c6cec3868b2a38 Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Wed, 25 Mar 2026 22:07:06 +1100
Subject: [PATCH] ServiceSelector: rename truncation story to WithLineLimit,
 clamp to 1 line

Makes the line-clamp + "View more" toggle clearly visible in the story.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../ServiceSelector/ServiceSelector.stories.tsx          | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/organisms/ServiceSelector/ServiceSelector.stories.tsx b/src/components/organisms/ServiceSelector/ServiceSelector.stories.tsx
index 3cbfdad..7559c0d 100644
--- a/src/components/organisms/ServiceSelector/ServiceSelector.stories.tsx
+++ b/src/components/organisms/ServiceSelector/ServiceSelector.stories.tsx
@@ -132,22 +132,23 @@ export const CoffinSelection: Story = {
   },
 };
 
-// --- With Truncated Descriptions ---------------------------------------------
+// --- With Line Limit ---------------------------------------------------------
 
-/** Long descriptions with "View more" toggle */
-export const WithTruncatedDescriptions: Story = {
+/** Descriptions clamped to 1 line with "View more" toggle */
+export const WithLineLimit: Story = {
   render: () => {
     const [selected, setSelected] = useState<string | undefined>();
 
     return (
       <ServiceSelector
         heading="Choose a service type"
+        subheading="Click 'View more' on any option to read the full description."
         items={serviceTypes}
         selectedId={selected}
         onSelect={setSelected}
         continueLabel="Continue"
         onContinue={() => alert(`Selected: ${selected}`)}
-        maxDescriptionLines={2}
+        maxDescriptionLines={1}
       />
     );
   },