陈大猫andClaude Opus 4.7 2063a5ccfe Expose data-role CSS hooks on chat messages (#854) ...

Closes #838.

Adds stable `data-role="user|assistant|system|tool"` attributes plus
`ai-chat-message` / `ai-chat-message-content` classnames on the chat
message rows in Catty Agent's chat panel. Users can now distinguish
their own messages from agent replies via Settings → Appearance →
Custom CSS, e.g.

  .ai-chat-message[data-role="user"] .ai-chat-message-content {
    background: rgba(91, 124, 250, 0.12);
  }

The default theme is intentionally minimal (bordered user bubble,
plain assistant text). Rather than change the default — different
users want different distinctions — this exposes a hook so anyone
can colour the rows however they prefer without forking.

The attribute names are part of the UI's stable contract; a comment
on the Message component flags this for future renames.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-04-28 16:34:30 +08:00

..

conversation.tsx

Add user skills injection and picker UI

2026-04-10 20:53:39 +08:00

message.tsx

Expose data-role CSS hooks on chat messages (#854)

2026-04-28 16:34:30 +08:00

prompt-input.tsx

chore: 死代码清理与架构分层修复 (#524)

2026-03-26 14:14:37 +08:00

tool-call.tsx

Fix AI skill selection handling

2026-04-13 11:03:43 +08:00