@cognizant-ai-lab/ui-common 1.5.0 → 1.5.1

package/dist/Theme/Theme.js

@@ -48,9 +48,9 @@ export const isLightColor = (color) => {
     // Remove # if present
     const colorWithoutHash = hexColor.replace("#", "");
     // Convert to RGB
-    const r = parseInt(colorWithoutHash.substring(0, 2), 16);
-    const g = parseInt(colorWithoutHash.substring(2, 4), 16);
-    const b = parseInt(colorWithoutHash.substring(4, 6), 16);
+    const r = parseInt(colorWithoutHash.slice(0, 2), 16);
+    const g = parseInt(colorWithoutHash.slice(2, 4), 16);
+    const b = parseInt(colorWithoutHash.slice(4, 6), 16);
     // Calculate relative luminance (perceived brightness)
     const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
     // Return true if light (threshold 0.5)

package/dist/components/AgentChat/ChatCommon/AgentIntro.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { CombinedAgentType } from "../Common/Types.js";
+interface AgentIntroProps {
+    readonly agentDisplayName: string;
+    readonly customAgentGreetings?: Partial<Record<CombinedAgentType, string>>;
+    readonly targetAgent: string;
+}
+/**
+ * Component to display agent intro, including agent name, image, and greeting.
+ */
+export declare const AgentIntro: FC<AgentIntroProps>;
+export {};

package/dist/components/AgentChat/ChatCommon/AgentIntro.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AGENT_IMAGE } from "./Const.js";
+import { GENERIC_AGENT_GREETINGS } from "./Greetings.js";
+import { UserQueryDisplay } from "./UserQueryDisplay.js";
+/**
+ * Component to display agent intro, including agent name, image, and greeting.
+ */
+export const AgentIntro = ({ agentDisplayName, customAgentGreetings, targetAgent }) => {
+    // eslint-disable-next-line react/hook-use-state -- we want to set this an "on mount" value only and never update
+    const [greeting] = useState(() => {
+        if (customAgentGreetings?.[targetAgent]) {
+            return customAgentGreetings[targetAgent];
+        }
+        const randomIndex = Math.floor(Math.random() * GENERIC_AGENT_GREETINGS.length);
+        return GENERIC_AGENT_GREETINGS[randomIndex];
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(UserQueryDisplay, { userQuery: agentDisplayName, title: targetAgent, userImage: AGENT_IMAGE }), greeting] }));
+};

package/dist/components/AgentChat/ChatCommon/AgentMetadata.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+interface AgentMetadataDisplayProps {
+    readonly currentUser: string;
+    readonly disableQueries: boolean;
+    readonly handleSend: (query: string) => Promise<void>;
+    readonly id: string;
+    readonly neuroSanURL: string;
+    readonly targetAgent: string;
+}
+/**
+ * Component to display agent metadata, including connectivity info and sample queries.
+ */
+export declare const AgentMetadata: FC<AgentMetadataDisplayProps>;
+export {};

package/dist/components/AgentChat/ChatCommon/AgentMetadata.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { AgentConnectivity } from "./AgentConnectivity.js";
+import { SampleQueries } from "./SampleQueries.js";
+import { getAgentFunction, getConnectivity } from "../../../controller/agent/Agent.js";
+import { NotificationType, sendNotification } from "../../Common/notification.js";
+import { isLegacyAgentType } from "../Common/Types.js";
+/**
+ * Component to display agent metadata, including connectivity info and sample queries.
+ */
+export const AgentMetadata = ({ currentUser, disableQueries, handleSend, id, neuroSanURL, targetAgent, }) => {
+    const [sampleQueries, setSampleQueries] = useState([]);
+    const [connectivityInfo, setConnectivityInfo] = useState([]);
+    const [description, setDescription] = useState("");
+    useEffect(() => {
+        const fetchAgentDetails = async () => {
+            // It is a Neuro-san agent, so get the function and connectivity info
+            try {
+                const agentFunction = await getAgentFunction(neuroSanURL, targetAgent, currentUser);
+                setDescription(agentFunction?.function?.description || "");
+            }
+            catch {
+                // For now, just return. May be a legacy agent without a functional description in Neuro-san.
+                return;
+            }
+            try {
+                const connectivity = await getConnectivity(neuroSanURL, targetAgent, currentUser);
+                setConnectivityInfo(connectivity?.connectivity_info);
+                const sampleQueriesTmp = (connectivity?.metadata?.["sample_queries"] || []);
+                setSampleQueries(sampleQueriesTmp);
+            }
+            catch (e) {
+                // If we got here, it means we got the agent function successfully, but failed to get connectivity info.
+                // This is unexpected.
+                sendNotification(NotificationType.error, `Failed to get connectivity info for ${targetAgent}. Error: ${e}`);
+            }
+        };
+        if (targetAgent && !isLegacyAgentType(targetAgent)) {
+            void fetchAgentDetails();
+        }
+    }, [currentUser, neuroSanURL, targetAgent]);
+    return (_jsxs(_Fragment, { children: [description && connectivityInfo?.length > 0 && (_jsx(AgentConnectivity, { connectivityInfo: connectivityInfo, description: description, id: `${id}-connectivity`, targetAgent: targetAgent })), sampleQueries?.length > 0 && (_jsx(SampleQueries, { disabled: disableQueries, handleSend: handleSend, sampleQueries: sampleQueries }))] }));
+};

package/dist/components/AgentChat/ChatCommon/ChatCommon.d.ts

@@ -59,7 +59,7 @@ export interface ChatCommonProps {
     /**
      * Optional greetings for specific agents to display
      */
-    readonly agentGreetings?: Partial<Record<CombinedAgentType, string>>;
+    readonly customAgentGreetings?: Partial<Record<CombinedAgentType, string>>;
     /**
      * Extra parameters to send to the server to be forwarded to the agent or used by the server.
      * @note This is only used for legacy agents to aid in UI consolidation, only Neuro-san agents.
@@ -89,6 +89,7 @@ export interface ChatCommonProps {
 }
 export type ChatCommonHandle = {
     handleStop: () => void;
+    handleClearChat: () => void;
 };
 /**
  * Common chat component for agent chat. This component is used by all agent chat components to provide a consistent