@gymmymac/bob-widget 3.1.20 → 3.2.2

package/CHANGELOG.md

@@ -5,6 +5,47 @@ All notable changes to the `@gymmymac/bob-widget` package will be documented in
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [v3.2.2] - 2026-02-15
+
+### Fixed
+- 🛡️ **Host CSS Override Protection**: PTT button, chat bar input, and state overlay styles now use CSS Custom Properties consumed by scoped `!important` rules (`.bob-widget-root .bob-ptt-btn` etc.) to resist host-site CSS overrides — fixes green PTT and white chat bar not rendering on CARFIX
+- 🎨 **Keyframe Colour Correction**: `ptt-pulse` and `ring-breathe` animations updated from blue (`rgba(0,102,204)`) to green (`rgba(34,197,94)`)
+
+---
+
+## [v3.2.1] - 2026-02-15
+
+### Added
+- 📜 **Auto-Scroll to Highlighted Category**: Mobile/tablet product shelf now auto-scrolls to the matching partslot group when Bob mentions a specific part type (e.g. "front pads"), bringing parity with desktop behaviour
+
+### Changed
+- 🟢 **PTT Idle Button Colour**: Changed from blue to green to match the breathing idle ring
+
+### Fixed
+- 🛡️ **Host CSS Override Protection**: PTT button, chat bar input, and state overlay styles now resist host-site CSS overrides via scoped `!important` rules with CSS Custom Properties
+- 🎨 **Keyframe Colour Correction**: `ptt-pulse` and `ring-breathe` animations updated from blue to green
+
+---
+
+## [v3.2.0] - 2026-02-15
+
+### Added
+- 🎯 **PTT 4-State Visual Feedback**: Push-to-Talk button now provides visual cues via circumference rings and chat bar overlays across four states (idle, listening, processing, speaking)
+- 🟢 **Green Idle PTT**: Idle state uses green button and breathing green ring to indicate "action required"
+- 🟠 **Orange Listening State**: Expanding orange wave rings around PTT + pulsing dot in chat bar
+- ⚙️ **Processing Overlay**: Grey contracting ring + "Bob is researching your input." message in chat bar
+- 🔊 **Speaking Waveform**: Green glowing ring + 5-bar CSS waveform visualizer in chat bar with muted warning icon
+
+### Changed
+- 🎨 **Chat Bar**: White background (#FFFFFF) with Deep Navy text (#0F172A) for high contrast — enforced via `!important` overrides to prevent host-site bleeding
+- 🔤 **Processing Text**: Changed from "Bob is thinking..." to "Bob is researching your input."
+- 🟢 **PTT Button Colour**: Idle state changed from blue to green to match the idle ring
+
+### Fixed
+- 🎨 **Chat Bar Dark Blue Override**: Fixed `widget-reset.css` forcing dark blue background on inputs — now forces white
+
+---
+
 ## [3.1.20] - 2026-02-13
 
 ### Added

package/README.md

@@ -2,7 +2,7 @@
 
 AI-powered automotive parts assistant widget for partner websites.
 
-**Current Version:** 3.1.20 | **36 unit tests** | **8+ E2E scenarios** | Production-ready
+**Current Version:** v3.2.1 | **36 unit tests** | **8+ E2E scenarios** | Production-ready
 
 ---
 

package/bin/bob-widget.mjs

@@ -18,7 +18,7 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const INSTALL_DIR = join(__dirname, '..', 'install', 'carfix');
 
-const VERSION = '3.1.20';
+const VERSION = '3.2.1';
 
 const COLORS = {
   reset: '\x1b[0m',

package/dist/__tests__/pttLongPress.test.d.ts

@@ -0,0 +1,13 @@
+/**
+ * PTT Long-Press Protection Tests
+ *
+ * Verifies the 3-layer defense against mobile browsers triggering
+ * "Save image" context menus when users long-press the PTT button.
+ *
+ * Layer 1: CSS properties on all widget images (-webkit-touch-callout, user-select, draggable)
+ * Layer 2: contextmenu event prevention on the widget container
+ * Layer 3: preventDefault() on PTT touchstart/mousedown handlers
+ *
+ * See: .lovable/plan.md - "Fix: PTT Long-Press Triggers Save Image on Mobile"
+ */
+export {};