@schandlergarcia/sf-web-components 2.3.10 → 2.3.11

package/CHANGELOG.md

@@ -5,6 +5,11 @@ 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.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

@@ -1,9 +1,10 @@
-import { ListCard, ActivityCard, D3Chart, Dropdown, Button, Modal, CardSkeleton } from "@/components/library";
+import { ListCard, ActivityCard, D3Chart, Dropdown, Button, Modal, CardSkeleton, ChatBar } from "@/components/library";
 import useDataSource from "@/components/library/data/useDataSource";
 import { useThemeMode } from "@/components/library/theme/AppThemeProvider";
 import { toast } from "sonner";
 import React from "react";
 import { usePartnerDashboardData } from "@/hooks/usePartnerDashboardData";
+import useEvaAgent from "@/hooks/useEvaAgent";
 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
@@ -54,6 +56,9 @@ export default function PartnerHubDashboard() {
   const [isDisputesModalOpen, setIsDisputesModalOpen] = React.useState(false);
   const [isInvoicesModalOpen, setIsInvoicesModalOpen] = React.useState(false);
 
+  const eva = useEvaAgent();
+  React.useEffect(() => { eva.connect(); }, []);
+
   // Simulated logged-in partner (in real app, this comes from auth context)
   const currentPartner = {
     name: "Summit Hotels & Resorts",
@@ -834,6 +839,31 @@ export default function PartnerHubDashboard() {
 
       {/* Main Content */}
       <div className="max-w-[1600px] mx-auto px-8 -mt-12 space-y-10">
+        {/* Eva Agent ChatBar */}
+        <div className="relative z-10">
+          <ChatBar
+            title="Eva — Partner Assistant"
+            placeholder="Ask Eva anything about your properties, invoices, or penalties…"
+            suggestions={[
+              "Summarize my penalties",
+              "Which property is growing fastest?",
+              "Show overdue invoices",
+            ]}
+            onSend={async (text) => {
+              if (eva.isReady) {
+                await eva.sendMessage(text);
+              } else {
+                return "Eva is still connecting — please try again in a moment.";
+              }
+            }}
+            initialMessages={eva.messages.map((m) => ({
+              id: m.id,
+              role: m.role === "agent" ? "assistant" : "user",
+              content: m.text,
+            }))}
+          />
+        </div>
+
         {/* Quick Stats - Uniform metrics grid */}
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-5 animate-slide-up relative z-10">
           {/* Revenue */}
@@ -966,6 +996,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">

package/package.json

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