@schandlergarcia/sf-web-components 2.3.11 → 2.3.12

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.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

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

@@ -1,10 +1,10 @@
-import { ListCard, ActivityCard, D3Chart, Dropdown, Button, Modal, CardSkeleton, ChatBar } from "@/components/library";
+import { ListCard, ActivityCard, D3Chart, Dropdown, Button, Modal, CardSkeleton } 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 AgentPanel from "@/components/AgentPanel";
 import { ENABLE_SAMPLE_DATA_CACHE } from "@/lib/dataStrategy";
 import {
   PENALTY_TABLE_ITEMS,
@@ -56,9 +56,6 @@ 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",
@@ -839,31 +836,6 @@ 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 */}
@@ -2102,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.11",
+  "version": "2.3.12",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",