@cognizant-ai-lab/ui-common 1.4.2 → 1.5.0-main.0f5f5ff.78

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

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { ConnectivityInfo } from "../../../generated/neuro-san/NeuroSanClient.js";
+interface AgentConnectivityProps {
+    readonly id: string;
+    readonly description: string;
+    readonly connectivityInfo?: readonly ConnectivityInfo[];
+    readonly targetAgent: string;
+}
+/**
+ * Render the connectivity info as a list of origins and their tools
+ * @returns A MUIAccordion representing the connectivity info with agents and their tools
+ */
+export declare const AgentConnectivity: FC<AgentConnectivityProps>;
+export {};

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MUIAccordion } from "../../Common/MUIAccordion.js";
+const renderConnectivityInfo = (targetAgent, connectivityInfo) => (_jsx(_Fragment, { children: connectivityInfo
+        // Don't show connection to self
+        ?.filter((info) => info.origin.toLowerCase() !== targetAgent.toLowerCase())
+        // Sort by origin name
+        .sort((a, b) => a.origin.localeCompare(b.origin))
+        // Render each origin and its tools
+        .map((info) => (_jsxs("li", { id: info.origin, children: [_jsx("b", { children: info.origin }), _jsx("ul", { id: `${info.origin}-tools`, style: { marginLeft: "8px" }, children: info?.tools?.map((tool) => (_jsx("li", { children: tool }, tool))) })] }, info.origin))) }));
+/**
+ * Render the connectivity info as a list of origins and their tools
+ * @returns A MUIAccordion representing the connectivity info with agents and their tools
+ */
+export const AgentConnectivity = ({ connectivityInfo, description, id, targetAgent }) => (_jsx(MUIAccordion, { id: `${id}-agent-details`, sx: { marginTop: "1rem", marginBottom: "1rem" }, items: [
+        {
+            title: "Network Details",
+            content: [
+                `My description is: "${description}"`,
+                _jsx("h6", { id: "connectivity-header", style: { marginTop: "1rem" }, children: "I can connect you to the following agents" }, "item-1"),
+                _jsx("ul", { id: "connectivity-list", "aria-labelledby": "connectivity-header", style: { marginTop: "1rem" }, children: renderConnectivityInfo(targetAgent, connectivityInfo) }, "item-2"),
+            ],
+        },
+    ] }));

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.d.ts → ChatCommon/ChatCommon.d.ts}

@@ -1,5 +1,5 @@
 import { Dispatch, Ref, SetStateAction } from "react";
-import { CombinedAgentType } from "./Types.js";
+import { CombinedAgentType } from "../Common/Types.js";
 export interface ChatCommonProps {
     /**
      * HTML id to use for the outer component
@@ -57,10 +57,9 @@ export interface ChatCommonProps {
      */
     readonly agentPlaceholders?: Partial<Record<CombinedAgentType, string>>;
     /**
-     * Whether to clear the chat window and history when the user starts chatting with a new agent or network.
-     * Defaults to not clearing the chat.
+     * Optional greetings for specific agents to display
      */
-    readonly clearChatOnNewAgent?: boolean;
+    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.
@@ -82,9 +81,15 @@ export interface ChatCommonProps {
      * The neuro-san server URL
      */
     readonly neuroSanURL?: string;
+    /**
+     * Extra sly_data entries to merge into each outgoing request. Used by parent components (e.g. temp networks)
+     * to re-supply data that lives outside the IndexedDB slyData store (e.g. localStorage).
+     */
+    readonly extraSlyData?: Record<string, unknown>;
 }
 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