[pless84]

Depends on #277. This branch builds on the speech bubble size/duration settings. Until #277 merges, this PR also lists its commits; the new work is the last two commits (feat(desktop): add a speech bubble theme setting and feat(desktop): add a speech bubble preview button).

Summary

Adds to Control Center → Settings → Pet Behavior:

• Speech bubble theme (bubbleTheme): Light (default, today's look), Dark, or System default.
  • Dark switches transient bubbles to dark colors in pet-window-styles.ts.
  • System default wraps the same rules in @media (prefers-color-scheme: dark), so it follows the desktop's dark mode and changes live. The Control Center's own appearance setting doesn't affect it.
  • The pinned plugin HUD keeps its own look. A theme change re-renders every pet window through refreshAllPetWindows, the same path as a size change.
• Show Test Message button: the default pet says a sample message through applyExternalPetSay, so size, duration and theme can be previewed. If the pet is paused, hidden or visiting another LAN host, the Control Center says why.

Strings are added in English and French. Docs: docs/desktop.md.

Tests

• preference-patch.test.ts: valid and invalid bubbleTheme values.
• pnpm --filter @open-pets/desktop check and pnpm docs:build pass.
• Checked by hand in the Linux dev app: Light, Dark and System default themes, and the preview button.

🤖 Generated with Claude Code

[greptile-apps]

Confidence Score: 4/5

[Medium impact] The changes affect transient speech bubbles across the desktop pet experience.

The PR appears safe to merge, with non-blocking fixes for plugin bubble contrast and preview feedback.

Findings

1.  Plugin messages lose contrast ▶
2.  Preview shows no sample ▶

Summary

Adds speech bubble size, duration, and theme settings, plus a preview button.

• People can set how large transient speech bubbles appear and how long they stay.
• Transient speech bubbles can follow a light, dark, or system theme.
• The Control Center can show a sample message in the default pet's bubble.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart TD
  Settings[Control Center settings] --> Save[Validate and save preferences]
  Save --> Refresh[Refresh all pet windows]
  Refresh --> Render[Render bubble colors and size]
  Preview[Show Test Message] --> Say[applyExternalPetSay]
  Say --> Slot{Plugin bubble active?}
  Slot -->|Yes| Plugin[Render plugin bubble instead]
  Slot -->|No| Sample[Render sample message]

Loading

_{Reviews (1) · Last reviewed commit: "feat(desktop): add a speech bubble previ..." · Reviewed by Greptile}