Inconsistent padding/spacing in message-activity correlation components

[samueljklee]

Summary

The message-activity correlation feature (#26) has inconsistent padding across hover, selection, and resting states. Some components have generous padding while others are flush or nearly flush against their content.

Observed Issues

When hovering or selecting messages/activities, the highlight backgrounds have uneven spacing:

• Some highlighted blocks have ~4px padding, others have none
• The gap-bridging technique (box-shadow) fills vertical gaps but doesn't address horizontal padding inconsistency
• Turn separators, waypoints, activity indicators, and tool cards all use different padding scales

Padding Audit

Current values across correlation components:

Component	Padding	Notes
.turn-highlighted (hover wrapper)	4px	Recently added, may need tuning
.turn-selected.turn-selected-border (selected wrapper)	4px 4px 4px 6px	Recently added
.turn-selected-message (main panel selected)	6px 6px 6px 13px	Asymmetric for border offset
.turn-separator	10px 0 6px	No horizontal padding
.activity-waypoint	5px 10px
.activity-indicator	4px 0 1px	Minimal vertical
.activity-breadcrumb	4px 12px
.text-block (base)	12px 16px
.tool-header	6px 10px
.thinking-header	6px 12px	Different from tool-header
.activity-scroll (container)	10px 12px
.activity-panel-header	8px 14px

Desired Outcome

A consistent spacing system across all correlation components:

• Wrapper padding should feel uniform when highlight/selection backgrounds are visible
• Horizontal padding should be consistent between tool cards, thinking blocks, and text blocks within the same panel
• The gap-bridging (box-shadow + ::before border extension) should account for any padding changes
• Both dark and light themes should be verified

Related

• Introduced in feat: message-activity correlation in workspace mode #26 (message-activity correlation)
• Affects workspace mode only

[samueljklee]

Closing as part of ecosystem issue cleanup (disabling issues on individual repos per Salil's request).

Status: Partially addressed.
Two PRs fixed specific padding issues identified in this audit:

• PR fix: remove padding from .turn-highlighted to prevent layout shift on hover #32 (Mar 13, same day): Fixed .turn-highlighted 4px padding that caused layout shift on hover
• PR fix: message bubble spacing, typography, and responsive panel layout #41 (Mar 16): Fixed message bubble spacing, typography, and responsive panel layout

However, the systematic audit across all correlation components (turn separators, sticky breadcrumb, activity indicators, hover preview, bidirectional scroll markers) was never done as a comprehensive sweep. The fixes were reactive/piecemeal. Remaining cosmetic inconsistencies are low-priority.