Redesign panel activity feed and fix attribute list editing UX

[glennjacobs]

Panel UI tweaks to the record edit pages (products, variants, brands, product types, collections, customers).

Activity timeline

• Per-user avatars (Gravatar, with a colour-keyed initials fallback) replace the event-type icons; rows lead with the actor, show relative time, and a See all link to the filtered activity log.
• "What changed" is now accurate:
  • Empty-aware comparison drops logOnlyDirty false positives (e.g. an unchanged status cast) and empty JSON shapes ([] vs {"specs":[]}).
  • attribute_data is diffed per attribute handle, so the feed names the attributes that actually changed instead of a vague "Attributes".
• The activity→array mapping is centralised in a new TimelineActivity support class (was duplicated across six controllers).

Gravatar

• Shared Gravatar helper (d=404 so a missing Gravatar falls back to initials rather than a placeholder image).
• Also applied to the logged-in user in the profile menu; the avatar URL now rides the shared auth prop.

Attribute list field

• Plain lists render an always-present trailing input: typing adds an entry inline (dirty-on-type), no + button; empty rows are pruned on blur. This removes the empty-list "I typed but nothing saved" trap.
• Keyed lists auto-commit a complete key+value draft on blur (Enter / + still work).

i18n

• Adds side_activity_see_all / activity_see_all across all 16 locales.

Tests

• New TimelineActivityTest (change detection) and additional AttributeFields cases (empty-list append, blur prune, keyed auto-commit).
• Verified locally: Pint, PHPStan, vue-tsc, npm run build, 210 vitest, 680 panel PHP tests.

🤖 Generated with Claude Code