Long draft titles overflow in the drafts list and recent drafts sidebar

[yoonucho]

Summary

Long article draft titles can overflow the drafts UI after a draft is saved.

This affects both the Recent drafts section in the app sidebar and the drafts list.

The drafts list title already uses truncation, but the surrounding layout does not
provide an effective width constraint. In the sidebar, recent draft titles are
rendered as raw text inside SidebarMenuButton, so the existing [&>span:last- child]:truncate rule does not apply.

Steps to reproduce

1. Open the article editor.
2. Enter a very long draft title.
3. Save the draft.
4. Check how the title is displayed in the Recent drafts sidebar and the drafts list.

Expected behavior

Long draft titles should stay within the available layout width.

• In the drafts list, the title should be constrained to the card width and truncated with an ellipsis when needed.
• In the sidebar, recent draft titles should use the existing sidebar truncation behavior.

Actual behavior

A long draft title can expand the drafts list horizontally beyond the viewport.

In the sidebar, the Recent drafts title does not receive the existing
SidebarMenuButton truncation rule because the title is not wrapped in a span.

Environment

• Browser: Chrome 150.0.7871.115
• OS: macOS
• Area: Drafts UI
• Viewport: Reproduced on desktop; visible across narrow and wide viewport widths

Screenshots

The attached screenshots show the issue in this order

1. Recent drafts sidebar and drafts list with a short draft title

2. Recent drafts sidebar and drafts list with a long draft title

Notes

If this issue is accepted, I can work on a fix.

AI assistance disclosure

This issue was drafted with assistance from Codex:gpt-5.5 and reviewed/edited by a human before submission.