fix(rail): keep the inline rename editor unclamped in the detailed rail

The card-row rule (line-clamp: 3) out-ranked the shared unclamp-while-renaming
override. Restate it at the same weight; the test now covers both rail layouts.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

.changeset/rail-rename-unclamp.md

@@ -0,0 +1,5 @@
+---
+"aicodeman": patch
+---
+
+Renaming a session in the detailed vertical tab rail no longer leaves the 3-line name clamp on the inline editor: the card-row rule out-ranked the "unclamp while renaming" override.

src/web/public/styles.css

@@ -18815,6 +18815,17 @@ html[data-tab-orientation='vertical'][data-tab-rail-detail='rich']:not(.tab-rail
   line-clamp: 3;
 }
 
+/* The rule above out-ranks the shared "unclamp while renaming" override (it carries four more
+   selectors of specificity), so a detailed-rail row kept its 3-line clamp around the inline
+   editor. Restate the override at the same weight; it must stay AFTER the rule it beats. */
+html[data-tab-orientation='vertical'][data-tab-rail-detail='rich']:not(.tab-rail-compact)
+  .tab-rail
+  .session-tab
+  .tab-name.tab-name-renaming {
+  -webkit-line-clamp: unset;
+  line-clamp: unset;
+}
+
 html[data-tab-orientation='vertical'][data-tab-rail-detail='rich']:not(.tab-rail-compact) .tab-rail .session-tab .tab-folder {
   font-size: 0.66rem;
   margin-top: 0.1rem;

test/inline-rename.test.ts

@@ -581,11 +581,19 @@ describe('Inline rename input', () => {
     expect(await input.evaluate((node) => node.getBoundingClientRect().width)).toBeGreaterThan(0);
   });
 
-  it('Vertical rail paints typing in an unclamped editor and restores the clamp on cancel', async () => {
+  // Both rail layouts: the simple rows clamp a name to 2 lines, the detailed (default) card rows to 3.
+  // The detailed rule out-ranks the shared "unclamp while renaming" override unless it is restated.
+  it.each([
+    ['simple', '2'],
+    ['rich', '3'],
+  ])(
+    'Vertical %s rail paints typing in an unclamped editor and restores its clamp on cancel',
+    async (detail, clamp) => {
       await resetState();
-    const id = 'vertical-live-input';
+      const id = `vertical-live-input-${detail}`;
 
-    await page.evaluate((sessionId) => {
+      await page.evaluate(
+        ({ sessionId, railDetail }) => {
           const app = (
             window as unknown as {
               app: {
@@ -595,6 +603,7 @@ describe('Inline rename input', () => {
             }
           ).app;
           document.documentElement.dataset.tabOrientation = 'vertical';
+          document.documentElement.dataset.tabRailDetail = railDetail;
           const rail = document.getElementById('tabRail') as HTMLElement;
           const tab = document.createElement('div');
           tab.setAttribute('data-test-tab', '1');
@@ -605,7 +614,9 @@ describe('Inline rename input', () => {
           rail.appendChild(tab);
           app.sessions.set(sessionId, { id: sessionId, name: 'w9-case: old' });
           app.startInlineRename(sessionId);
-    }, id);
+        },
+        { sessionId: id, railDetail: detail }
+      );
 
       const label = page.locator(`.tab-name[data-session-id="${id}"]`);
       const input = label.locator('input.tab-rename-input');
@@ -629,6 +640,7 @@ describe('Inline rename input', () => {
         };
       }, id);
 
-    expect(settled).toEqual({ classActive: false, inputPresent: false, webkitLineClamp: '2' });
+      expect(settled).toEqual({ classActive: false, inputPresent: false, webkitLineClamp: clamp });
-  });
+    }
+  );
 });