@schandlergarcia/sf-web-components 2.3.10 → 2.3.12

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 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).
 
+## [2.3.12] - 2026-04-13
+
+### Changed
+- **Replaced ChatBar with floating Agentforce panel** — Removed the command-palette ChatBar and useEvaAgent hook. Added a new `AgentPanel` component: a floating chat bubble (bottom-right, sparkle icon) that opens a 380px side panel with dark header ("Engine Virtual Agent / Eva · Online"), message bubbles, animated typing indicator (bouncing dots), and text input. Conversation is hardcoded with placeholder messages that play sequentially with realistic typing delays when the panel first opens. User can also type free-form messages that get a canned reply. Styled with dashboard CSS variables for full theme compatibility.
+
+## [2.3.11] - 2026-04-13
+
+### Added
+- **Eva agent ChatBar on Partner Hub** — Integrated the `ChatBar` component with the `useEvaAgent` hook above the booking stats grid. Connects to the Agentforce Agent REST API on mount, provides contextual suggestions ("Summarize my penalties", "Which property is growing fastest?", "Show overdue invoices"), and opens as a command-palette overlay (⌘K).
+
 ## [2.3.10] - 2026-04-13
 
 ### Changed

package/brands/engine/app/pages/PartnerHubDashboard.tsx

@@ -4,6 +4,7 @@ import { useThemeMode } from "@/components/library/theme/AppThemeProvider";
 import { toast } from "sonner";
 import React from "react";
 import { usePartnerDashboardData } from "@/hooks/usePartnerDashboardData";
+import AgentPanel from "@/components/AgentPanel";
 import { ENABLE_SAMPLE_DATA_CACHE } from "@/lib/dataStrategy";
 import {
   PENALTY_TABLE_ITEMS,
@@ -32,6 +33,7 @@ import {
 } from "@heroicons/react/24/outline";
 import * as d3 from "d3";
 import engineLogo from "@/assets/images/engine_logo.png";
+import Data360Widget from "@/components/Data360Widget";
 
 /**
  * Partner Hub Dashboard
@@ -966,6 +968,9 @@ export default function PartnerHubDashboard() {
           </div>
         </div>
 
+        {/* Data 360 Widget */}
+        <Data360Widget />
+
         {/* Property Leaderboard - NEW SECTION */}
         {isLoading ? (
           <div className="bg-gradient-to-br from-white via-[var(--color-dash-surface)] to-white dark:from-[var(--color-dash-text)] dark:via-[var(--color-dash-dark)] dark:to-[var(--color-dash-text)] rounded-2xl p-8 shadow-xl border border-[var(--color-dash-label)]/20 dark:border-[var(--color-dash-muted)]/30">
@@ -2069,6 +2074,8 @@ export default function PartnerHubDashboard() {
           </Modal.Container>
         </Modal.Backdrop>
       </Modal>
+
+      <AgentPanel />
     </div>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "2.3.10",
+  "version": "2.3.12",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",