Improve the scan hierarchy of sidebar session rows

[pratikbuilds]

Problem

The current sidebar session rows make the title, pin, live state, timestamp, and message preview compete at nearly the same visual level. That makes it harder to quickly answer:

• Which session is active?
• What changed most recently?
• Is the session live?
• Is the session pinned?
• Which conversation should I open next?

Proposed direction

Explore a clearer three-part row anatomy:

1. Identity — keep the existing neutral monogram.
2. Conversation context — title first, with the latest-message preview directly underneath.
3. Activity metadata — right-align recency and move pin/live indicators into a quiet trailing area so they do not interrupt title scanning.

The selected row keeps the existing orange rail and orange title. The proposal intentionally preserves the current typography, palette, spacing language, semantic status colors, zero-radius geometry, and one recency list with pins first.

Non-goals

• No new design tokens or visual rebrand.
• No cards, pills, gradients, shadows, or additional navigation.
• No change to session ordering or underlying behavior.
• This issue is for design discussion, not an approved implementation spec.

Questions for discussion

• Does the trailing metadata column make recency easier to compare at a glance?
• Should the pin remain persistent, or reveal only on hover/focus for unselected rows?
• Is the green live indicator clear enough in this location without competing with recency?
• Does this preserve enough preview width at the tighter sidebar width used when the canvas is open?

Selected concept

[TheGreatAxios]

@pratikbuilds I would propose:

• The "pin" button -> moves to an ellipsis (dot dot dot) and on click/hover -> dropdown/small pop up right there in sidebar with the pin option. Can then add rename workbench and archive workbench which aligns with UX common in other agentic applications

• I think time should always go on the far right

• I think activity should go on the far left where the "N" is and we should make the "icon" hidden by default unless something is set separately in the future maybe?

• Remove the "orange line" on the far left and replace with a pulsing orange circle when the Workbench is active in the UI

[TheGreatAxios]

Tracked in Linear: https://linear.app/abklabs/issue/CL-7292/improve-the-scan-hierarchy-of-sidebar-session-rows

[pratikbuilds]

improved Designs i have 2 options here

[pratikbuilds]

wdyt @TheGreatAxios