@schandlergarcia/sf-web-components 2.3.17 → 2.4.0

package/brands/engine/app/components/AgentforceConversationClient.tsx

@@ -1,201 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-import { embedAgentforceClient } from "@salesforce/agentforce-conversation-client";
-import type { AgentforceClientConfig } from "@salesforce/agentforce-conversation-client";
-import { useEffect, useMemo, useRef } from "react";
-import type {
-	ResolvedEmbedOptions,
-	AgentforceConversationClientProps,
-} from "../types/conversation";
-
-const GLOBAL_HOST_ID = "agentforce-conversation-client-global-host";
-
-const DEFAULT_STYLE_TOKENS: NonNullable<AgentforceClientConfig["styleTokens"]> = {
-	containerBackground: "#fafafa",
-
-	headerBlockBackground: "#372949",
-	headerBlockTextColor: "#ffffff",
-	headerBlockIconColor: "#ffffff",
-	headerBlockBorderBottomColor: "#3b0764",
-	headerBlockFocusBorder: "#c4b5fd",
-
-	messageBlockInboundBackgroundColor: "#ffffff",
-	messageBlockInboundTextColor: "#1f2937",
-	messageBlockInboundBorder: "1px solid #e5e7eb",
-
-	messageBlockOutboundBackgroundColor: "#ede9fe",
-	messageBlockOutboundTextColor: "#1f2937",
-	messageBlockOutboundBorder: "1px solid #d8b4fe",
-
-	messageInputTextColor: "#1f2937",
-	messageInputTextBackgroundColor: "#ffffff",
-	messageInputFooterBorderColor: "#d1d5db",
-	messageInputFooterBorderFocusColor: "#9ca3af",
-	messageInputFocusShadow: "0 0 0 3px rgba(156, 163, 175, 0.25)",
-	messageInputFooterPlaceholderText: "#6b7280",
-
-	messageInputFooterSendButton: "#7e22ce",
-	messageInputFooterSendButtonHoverColor: "#6b21a8",
-	messageInputSendButtonIconColor: "#ffffff",
-	messageInputSendButtonDisabledColor: "#e5e7eb",
-	messageInputActionButtonFocusBorder: "#a855f7",
-};
-const SINGLETON_KEY = "__agentforceConversationClientSingleton";
-
-interface AgentforceConversationClientSingleton {
-	initPromise?: Promise<void>;
-	initialized: boolean;
-}
-
-interface WindowWithAgentforceSingleton extends Window {
-	[SINGLETON_KEY]?: AgentforceConversationClientSingleton;
-}
-
-function getSingleton(): AgentforceConversationClientSingleton {
-	const win = window as WindowWithAgentforceSingleton;
-	if (!win[SINGLETON_KEY]) {
-		win[SINGLETON_KEY] = {
-			initialized: false,
-		};
-	}
-	return win[SINGLETON_KEY]!;
-}
-
-function getOrCreateGlobalHost(): HTMLDivElement {
-	let host = document.getElementById(GLOBAL_HOST_ID) as HTMLDivElement | null;
-	if (!host) {
-		host = document.createElement("div");
-		host.id = GLOBAL_HOST_ID;
-		document.body.appendChild(host);
-	}
-	return host;
-}
-
-function getDefaultEmbedOptions(): ResolvedEmbedOptions {
-	return { salesforceOrigin: window.location.origin };
-}
-
-/**
- * React wrapper that embeds the Agentforce Conversation Client (copilot/agent UI)
- * using Lightning Out. Requires a valid Salesforce session for the given org.
- * Config is passed through from the consumer to the embed client as-is.
- */
-export function AgentforceConversationClient({
-	agentId,
-	agentLabel,
-	inline: inlineProp,
-	headerEnabled,
-	showHeaderIcon,
-	width,
-	height,
-	styleTokens,
-	salesforceOrigin,
-	frontdoorUrl,
-}: AgentforceConversationClientProps) {
-	const containerRef = useRef<HTMLDivElement>(null);
-	const normalizedAgentforceClientConfig = useMemo<AgentforceClientConfig>(() => {
-		const renderingConfig: NonNullable<AgentforceClientConfig["renderingConfig"]> = {
-			mode: inlineProp ? "inline" : "floating",
-			...(headerEnabled !== undefined && { headerEnabled }),
-			...(showHeaderIcon !== undefined && { showHeaderIcon }),
-			...{ showAvatar: false },
-			...(width !== undefined && { width }),
-			...(height !== undefined && { height }),
-		};
-
-		return {
-			...(agentId !== undefined && { agentId }),
-			agentLabel: agentLabel ?? "Chat with us",
-			styleTokens: { ...DEFAULT_STYLE_TOKENS, ...styleTokens },
-			renderingConfig,
-		};
-	}, [agentId, agentLabel, inlineProp, headerEnabled, showHeaderIcon, width, height, styleTokens]);
-
-	const inline = normalizedAgentforceClientConfig?.renderingConfig?.mode === "inline";
-
-	useEffect(() => {
-		if (!normalizedAgentforceClientConfig?.agentId) {
-			throw new Error(
-				"AgentforceConversationClient requires agentId. " +
-					"Pass flat props only (agentId, agentLabel, inline, headerEnabled, showHeaderIcon, width, height, styleTokens).",
-			);
-		}
-
-		const singleton = getSingleton();
-		if (singleton.initialized || singleton.initPromise) {
-			return;
-		}
-
-		if (inline && !containerRef.current) {
-			return;
-		}
-
-		const initialize = (options: ResolvedEmbedOptions) => {
-			if (singleton.initialized) {
-				return;
-			}
-			const existingEmbed = document.querySelector('lightning-out-application[data-lo="acc"]');
-			if (existingEmbed) {
-				singleton.initialized = true;
-				return;
-			}
-			const host = inline ? containerRef.current! : getOrCreateGlobalHost();
-
-			embedAgentforceClient({
-				container: host,
-				salesforceOrigin: salesforceOrigin ?? options.salesforceOrigin,
-				frontdoorUrl: frontdoorUrl ?? options.frontdoorUrl,
-				agentforceClientConfig: normalizedAgentforceClientConfig,
-			});
-			singleton.initialized = true;
-		};
-
-		const shouldFetchFrontdoor = window.location.hostname === "localhost";
-
-		if (shouldFetchFrontdoor) {
-			singleton.initPromise = fetch("/__lo/frontdoor")
-				.then(async (res) => {
-					if (!res.ok) {
-						console.error("frontdoor fetch failed");
-						return;
-					}
-					const { frontdoorUrl: resolvedFrontdoorUrl } = await res.json();
-					initialize({ frontdoorUrl: resolvedFrontdoorUrl });
-				})
-				.catch((err) => {
-					console.error("AgentforceConversationClient: failed to fetch frontdoor URL", err);
-				})
-				.finally(() => {
-					singleton.initPromise = undefined;
-				});
-		} else {
-			singleton.initPromise = Promise.resolve()
-				.then(() => {
-					initialize(getDefaultEmbedOptions());
-				})
-				.catch((err) => {
-					console.error("AgentforceConversationClient: failed to embed Agentforce client", err);
-				})
-				.finally(() => {
-					singleton.initPromise = undefined;
-				});
-		}
-
-		return () => {
-			// Intentionally no cleanup:
-			// This component guarantees a single LO initialization per window.
-		};
-	}, [salesforceOrigin, frontdoorUrl, normalizedAgentforceClientConfig, inline]);
-
-	if (!inline) {
-		return null;
-	}
-
-	return <div ref={containerRef} />;
-}
-
-export default AgentforceConversationClient;

package/brands/engine/app/components/Data360Widget.tsx

@@ -1,301 +0,0 @@
-import { FunnelIcon, BookmarkIcon, CheckIcon } from "@heroicons/react/24/outline";
-import { useState } from "react";
-import { Dropdown, Button } from "@/components/library";
-
-interface Segment {
-  id: string;
-  name: string;
-  count?: number;
-  metric?: string;
-  color: string;
-  isLoading?: boolean;
-}
-
-export default function Data360Widget() {
-  const [selectedBookingType, setSelectedBookingType] = useState("All Types");
-  const [selectedCustomer, setSelectedCustomer] = useState("All Customers");
-  const [selectedTiming, setSelectedTiming] = useState("All Timing");
-  const [activeSegment, setActiveSegment] = useState<string | null>(null);
-  const [savedSegments, setSavedSegments] = useState<Segment[]>([
-    {
-      id: "segment-1",
-      name: "Corporate Travel Accounts",
-      count: 342,
-      metric: "$485K revenue • 4.2 avg nights",
-      color: "text-blue-600 dark:text-blue-400"
-    },
-    {
-      id: "segment-2",
-      name: "High-Value Leisure",
-      count: 128,
-      metric: "$620K revenue • 6.8 avg nights",
-      color: "text-green-600 dark:text-green-400"
-    },
-    {
-      id: "segment-3",
-      name: "Last-Minute Bookings",
-      count: 89,
-      metric: "$142K revenue • 2.1 avg nights",
-      color: "text-orange-600 dark:text-orange-400"
-    }
-  ]);
-
-  const bookingTypes = ["All Types", "Corporate", "Leisure", "Group Event", "Extended Stay"];
-  const customerTypes = ["All Customers", "First Time", "Returning", "VIP / High-Value", "Loyalty Member"];
-  const timingOptions = ["All Timing", "Last Minute (<7 days)", "Short Lead (7-30 days)", "Advance (>30 days)", "Recently Cancelled"];
-
-  const colors = [
-    "text-purple-600 dark:text-purple-400",
-    "text-pink-600 dark:text-pink-400",
-    "text-indigo-600 dark:text-indigo-400",
-    "text-cyan-600 dark:text-cyan-400",
-    "text-amber-600 dark:text-amber-400"
-  ];
-
-  function generateSegmentName(): string {
-    const parts: string[] = [];
-    if (selectedBookingType !== "All Types") parts.push(selectedBookingType);
-    if (selectedCustomer !== "All Customers") parts.push(selectedCustomer);
-    if (selectedTiming !== "All Timing") {
-      const timingShort = selectedTiming.replace(/\s*\([^)]*\)/g, "").trim();
-      parts.push(timingShort);
-    }
-    return parts.length > 0 ? parts.join(" + ") : "Custom Segment";
-  }
-
-  function handleApplySegment() {
-    const newId = `segment-${Date.now()}`;
-    const segmentName = generateSegmentName();
-    const randomColor = colors[Math.floor(Math.random() * colors.length)];
-
-    // Add segment with loading state
-    const newSegment: Segment = {
-      id: newId,
-      name: segmentName,
-      color: randomColor,
-      isLoading: true
-    };
-
-    setSavedSegments(prev => [...prev, newSegment]);
-
-    // Simulate data loading for 60 seconds
-    setTimeout(() => {
-      const count = Math.floor(Math.random() * 200) + 50;
-      const revenue = Math.floor(Math.random() * 400) + 100;
-      const avgNights = (Math.random() * 5 + 2).toFixed(1);
-
-      setSavedSegments(prev =>
-        prev.map(seg =>
-          seg.id === newId
-            ? {
-                ...seg,
-                count,
-                metric: `$${revenue}K revenue • ${avgNights} avg nights`,
-                isLoading: false
-              }
-            : seg
-        )
-      );
-    }, 60000); // 60 seconds
-  }
-
-  return (
-    <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 border-2 border-[var(--color-dash-label)]/20 dark:border-[var(--color-dash-muted)]/30">
-      {/* Header */}
-      <div className="flex items-start justify-between mb-6">
-        <div className="space-y-1">
-          <h2 className="text-3xl font-black text-[var(--color-dash-text)] dark:text-white tracking-tight">Booking Segments</h2>
-          <p className="text-base text-[var(--color-dash-muted)] dark:text-[var(--color-dash-label)]">Target and analyze customer groups across your properties</p>
-        </div>
-
-        <div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-[var(--color-dash-success)]/10 border-2 border-[var(--color-dash-success)]/40 shadow-sm">
-          <div className="relative flex h-2 w-2">
-            <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-[var(--color-dash-success)] opacity-75"></span>
-            <span className="relative inline-flex rounded-full h-2 w-2 bg-[var(--color-dash-success)]"></span>
-          </div>
-          <span className="text-xs font-bold text-[var(--color-dash-success)] uppercase tracking-wide">Live</span>
-        </div>
-      </div>
-
-      {/* Segment Builder */}
-      <div className="bg-white dark:bg-[var(--color-dash-text)] rounded-xl p-6 border-2 border-[var(--color-dash-label)]/20 dark:border-[var(--color-dash-muted)]/30 mb-6">
-        <div className="flex items-center gap-2 mb-5">
-          <div className="bg-[var(--color-dash-accent)]/10 rounded-lg p-1.5">
-            <FunnelIcon className="h-5 w-5 text-[var(--color-dash-accent)]" />
-          </div>
-          <h3 className="text-base font-bold text-[var(--color-dash-text)] dark:text-white uppercase tracking-wider">Build New Segment</h3>
-        </div>
-
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-          {/* Booking Type Dropdown */}
-          <div>
-            <label className="block text-sm font-semibold text-[var(--color-dash-muted)] dark:text-[var(--color-dash-label)] uppercase tracking-wider mb-2">
-              Booking Type
-            </label>
-            <Dropdown>
-              <Button variant="outline" className="w-full justify-between text-left border-2 border-[var(--color-dash-label)]/40 hover:border-[var(--color-dash-accent)] dark:border-[var(--color-dash-muted)]/50 dark:hover:border-[var(--color-dash-accent)] shadow-sm hover:shadow-md transition-all duration-200">
-                <span className="text-base font-medium">{selectedBookingType}</span>
-              </Button>
-              <Dropdown.Popover className="w-[--trigger-width]">
-                <Dropdown.Menu
-                  onAction={(key) => setSelectedBookingType(key as string)}
-                  selectedKeys={[selectedBookingType]}
-                  selectionMode="single"
-                >
-                  {bookingTypes.map((type) => (
-                    <Dropdown.Item
-                      key={type}
-                      id={type}
-                      textValue={type}
-                      className="px-4 py-3 rounded-lg hover:bg-[var(--color-dash-surface)] dark:hover:bg-[var(--color-dash-muted)]/20 cursor-pointer"
-                    >
-                      <div className="flex items-center justify-between">
-                        <span className="text-base font-medium text-[var(--color-dash-text)] dark:text-white">{type}</span>
-                        {selectedBookingType === type && (
-                          <CheckIcon className="h-4 w-4 text-[var(--color-dash-accent)]" />
-                        )}
-                      </div>
-                    </Dropdown.Item>
-                  ))}
-                </Dropdown.Menu>
-              </Dropdown.Popover>
-            </Dropdown>
-          </div>
-
-          {/* Customer Type Dropdown */}
-          <div>
-            <label className="block text-sm font-semibold text-[var(--color-dash-muted)] dark:text-[var(--color-dash-label)] uppercase tracking-wider mb-2">
-              Customer Type
-            </label>
-            <Dropdown>
-              <Button variant="outline" className="w-full justify-between text-left border-2 border-[var(--color-dash-label)]/40 hover:border-[var(--color-dash-accent)] dark:border-[var(--color-dash-muted)]/50 dark:hover:border-[var(--color-dash-accent)] shadow-sm hover:shadow-md transition-all duration-200">
-                <span className="text-base font-medium">{selectedCustomer}</span>
-              </Button>
-              <Dropdown.Popover className="w-[--trigger-width]">
-                <Dropdown.Menu
-                  onAction={(key) => setSelectedCustomer(key as string)}
-                  selectedKeys={[selectedCustomer]}
-                  selectionMode="single"
-                >
-                  {customerTypes.map((type) => (
-                    <Dropdown.Item
-                      key={type}
-                      id={type}
-                      textValue={type}
-                      className="px-4 py-3 rounded-lg hover:bg-[var(--color-dash-surface)] dark:hover:bg-[var(--color-dash-muted)]/20 cursor-pointer"
-                    >
-                      <div className="flex items-center justify-between">
-                        <span className="text-base font-medium text-[var(--color-dash-text)] dark:text-white">{type}</span>
-                        {selectedCustomer === type && (
-                          <CheckIcon className="h-4 w-4 text-[var(--color-dash-accent)]" />
-                        )}
-                      </div>
-                    </Dropdown.Item>
-                  ))}
-                </Dropdown.Menu>
-              </Dropdown.Popover>
-            </Dropdown>
-          </div>
-
-          {/* Booking Timing Dropdown */}
-          <div>
-            <label className="block text-sm font-semibold text-[var(--color-dash-muted)] dark:text-[var(--color-dash-label)] uppercase tracking-wider mb-2">
-              Booking Timing
-            </label>
-            <Dropdown>
-              <Button variant="outline" className="w-full justify-between text-left border-2 border-[var(--color-dash-label)]/40 hover:border-[var(--color-dash-accent)] dark:border-[var(--color-dash-muted)]/50 dark:hover:border-[var(--color-dash-accent)] shadow-sm hover:shadow-md transition-all duration-200">
-                <span className="text-base font-medium">{selectedTiming}</span>
-              </Button>
-              <Dropdown.Popover className="w-[--trigger-width]">
-                <Dropdown.Menu
-                  onAction={(key) => setSelectedTiming(key as string)}
-                  selectedKeys={[selectedTiming]}
-                  selectionMode="single"
-                >
-                  {timingOptions.map((type) => (
-                    <Dropdown.Item
-                      key={type}
-                      id={type}
-                      textValue={type}
-                      className="px-4 py-3 rounded-lg hover:bg-[var(--color-dash-surface)] dark:hover:bg-[var(--color-dash-muted)]/20 cursor-pointer"
-                    >
-                      <div className="flex items-center justify-between">
-                        <span className="text-base font-medium text-[var(--color-dash-text)] dark:text-white">{type}</span>
-                        {selectedTiming === type && (
-                          <CheckIcon className="h-4 w-4 text-[var(--color-dash-accent)]" />
-                        )}
-                      </div>
-                    </Dropdown.Item>
-                  ))}
-                </Dropdown.Menu>
-              </Dropdown.Popover>
-            </Dropdown>
-          </div>
-        </div>
-
-        {/* Apply Button */}
-        <div className="mt-5 flex justify-end">
-          <Button variant="primary" className="px-6 py-2.5" onClick={handleApplySegment}>
-            <span className="text-base font-semibold">Apply & Save Segment</span>
-          </Button>
-        </div>
-      </div>
-
-      {/* Saved Segments */}
-      <div>
-        <div className="flex items-center gap-2 mb-4">
-          <div className="bg-[var(--color-dash-accent)]/10 rounded-lg p-1.5">
-            <BookmarkIcon className="h-5 w-5 text-[var(--color-dash-accent)]" />
-          </div>
-          <h3 className="text-base font-bold text-[var(--color-dash-text)] dark:text-white uppercase tracking-wider">Saved Segments</h3>
-        </div>
-
-        <div className="space-y-3">
-          {savedSegments.map((segment) => (
-            <button
-              key={segment.id}
-              onClick={() => setActiveSegment(segment.id)}
-              className={`w-full text-left bg-white dark:bg-[var(--color-dash-text)] rounded-xl p-5 border-2 transition-all duration-300 ${
-                activeSegment === segment.id
-                  ? 'border-[var(--color-dash-accent)] shadow-lg cursor-default'
-                  : 'border-[var(--color-dash-label)]/20 dark:border-[var(--color-dash-muted)]/30 hover:border-[var(--color-dash-accent)] hover:shadow-lg cursor-pointer'
-              }`}
-            >
-              <div className="flex items-start justify-between gap-4">
-                <div className="flex-1">
-                  <h4 className="text-lg font-bold text-[var(--color-dash-text)] dark:text-white mb-1.5">{segment.name}</h4>
-                  {segment.isLoading ? (
-                    <div className="flex items-center gap-4 text-base">
-                      <div className="flex items-center gap-2">
-                        <div className="h-5 w-16 bg-[var(--color-dash-label)]/20 rounded animate-pulse"></div>
-                        <span className="text-[var(--color-dash-muted)] dark:text-[var(--color-dash-label)]">bookings</span>
-                      </div>
-                      <span className="text-[var(--color-dash-label)]/40">•</span>
-                      <div className="h-5 w-32 bg-[var(--color-dash-label)]/20 rounded animate-pulse"></div>
-                    </div>
-                  ) : (
-                    <div className="flex items-center gap-4 text-base">
-                      <span className="text-[var(--color-dash-muted)] dark:text-[var(--color-dash-label)]">
-                        <span className="font-bold text-[var(--color-dash-text)] dark:text-white">{segment.count}</span> bookings
-                      </span>
-                      <span className="text-[var(--color-dash-label)]/40">•</span>
-                      <span className={`font-semibold ${segment.color}`}>{segment.metric}</span>
-                    </div>
-                  )}
-                </div>
-
-                {activeSegment === segment.id && (
-                  <div className="flex-shrink-0">
-                    <div className="px-3 py-1.5 rounded-full bg-[var(--color-dash-accent)]/10 border-2 border-[var(--color-dash-accent)]/50 shadow-sm">
-                      <span className="text-xs font-bold text-[var(--color-dash-accent)] uppercase tracking-wide">Active</span>
-                    </div>
-                  </div>
-                )}
-              </div>
-            </button>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}

package/brands/engine/app/components/__inherit_AgentforceConversationClient.tsx

@@ -1,3 +0,0 @@
-function AgentforceConversationClient() {}
-
-export { AgentforceConversationClient };

package/brands/engine/app/components/alerts/status-alert.tsx

@@ -1,49 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority';
-import { AlertCircleIcon, CheckCircle2Icon } from 'lucide-react';
-import { Alert, AlertDescription } from '../../components/ui/alert';
-import { useId } from 'react';
-
-const statusAlertVariants = cva('', {
-  variants: {
-    variant: {
-      error: '',
-      success: '',
-    },
-  },
-  defaultVariants: {
-    variant: 'error',
-  },
-});
-
-interface StatusAlertProps extends VariantProps<typeof statusAlertVariants> {
-  children?: React.ReactNode;
-  /** Alert variant type. @default "error" */
-  variant?: 'error' | 'success';
-}
-
-/**
- * Status alert component for displaying error or success messages.
- * Returns null if no children are provided.
- */
-export function StatusAlert({ children, variant = 'error' }: StatusAlertProps) {
-  const descriptionId = useId();
-  if (!children) return null;
-
-  const isError = variant === 'error';
-
-  return (
-    <Alert
-      variant={isError ? 'destructive' : 'default'}
-      className={statusAlertVariants({ variant })}
-      aria-describedby={descriptionId}
-      role={isError ? 'alert' : 'status'}
-    >
-      {isError ? (
-        <AlertCircleIcon aria-hidden="true" />
-      ) : (
-        <CheckCircle2Icon aria-hidden="true" />
-      )}
-      <AlertDescription id={descriptionId}>{children}</AlertDescription>
-    </Alert>
-  );
-}

package/brands/engine/app/components/layouts/card-layout.tsx

@@ -1,29 +0,0 @@
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '../../components/ui/card';
-
-interface CardLayoutProps {
-  title: string;
-  description?: string;
-  children: React.ReactNode;
-}
-
-/**
- * Card layout component for authentication pages.
- * Provides CardHeader with title and optional description, and CardContent.
- */
-export function CardLayout({ title, description, children }: CardLayoutProps) {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="text-2xl">{title}</CardTitle>
-        {description && <CardDescription>{description}</CardDescription>}
-      </CardHeader>
-      <CardContent>{children}</CardContent>
-    </Card>
-  );
-}

package/brands/engine/app/components/workspace/CommandCenter.tsx

@@ -1,16 +0,0 @@
-import AppThemeProvider from "@/components/library/theme/AppThemeProvider";
-import DataModeProvider from "@/components/library/data/DataModeProvider";
-import { ENABLE_SAMPLE_DATA_CACHE } from "@/lib/dataStrategy";
-import { Toaster } from "sonner";
-import PartnerHubDashboard from "../../pages/PartnerHubDashboard";
-
-export default function CommandCenter() {
-  return (
-    <AppThemeProvider initialMode="light">
-      <DataModeProvider initialMode={ENABLE_SAMPLE_DATA_CACHE ? "sample" : "live"}>
-        <PartnerHubDashboard />
-        <Toaster position="bottom-right" />
-      </DataModeProvider>
-    </AppThemeProvider>
-  );
-}

package/brands/engine/app/config/agentApi.ts

@@ -1,36 +0,0 @@
-/**
- * Agentforce Agent API Configuration
- *
- * These values connect the ChatBar to the real Agentforce agent (Eva)
- * via the REST-based Agent API instead of the iframe-based
- * AgentforceConversationClient.
- *
- * Flow: OAuth token → create session → send messages → end session
- *
- * All requests are proxied through the Vite dev server to avoid CORS.
- * See vite.config.ts proxy rules:
- *   /sf-oauth/*  → myDomainUrl (for OAuth token)
- *   /sf-agent/*  → agentApiBaseUrl (for Agent API calls)
- */
-
-export const AGENT_API_CONFIG = {
-  myDomainUrl: "https://tdx26-keynote-org-1com.my.salesforce.com",
-
-  clientId:
-    "3MVG9Gm6vbdjgMWSOIAuIN3VSB5Rju6PgYQ5rl1yH3bVTTg9E2as4.C61Q0cyT.zqv2vUWNaxrm.A7SW5o3t7",
-  clientSecret:
-    "9ADF795A183A6B074A2E4B4CB1748B8DF7090C74191AF1C190213B512A733E03",
-
-  agentId: "0Xxa5000000rQlxCAE",
-
-  agentApiBaseUrl: "https://api.salesforce.com",
-
-  bypassUser: true,
-
-  demoTraveler: {
-    contactId: "003a500000mj4TlAAI",
-    email: "sarah.chen@arcline.ai",
-    firstName: "Sarah",
-    lastName: "Chen",
-  },
-};