@cognizant-ai-lab/ui-common 1.4.2 → 1.5.0-main.0068ed2.127

package/README.md

@@ -72,7 +72,7 @@ via the chat interface, and visualize the agent network flow.
 Among the technologies and libraries used in this package are:
 
 - ESLint and Prettier (for code quality)
-- Jest and React Testing Library (for testing)
+- Vitest and React Testing Library (for testing)
 - MUI
 - next-auth (for authentication)
 - React
@@ -160,9 +160,9 @@ async function checkServer() {
     const result = await testConnection("https://api.example.com")
 
     if (result.success) {
-        console.log(`Connected! Version: ${result.version}`)
+        console.log(`Connected!`)
     } else {
-        console.error(`Connection failed: ${result.status}`)
+        console.error(`Connection failed: ${result.statusText}`)
     }
 }
 ```

package/dist/Theme/Palettes.d.ts

@@ -7,12 +7,3 @@ export declare const PALETTES: {
     coldToHot: string[];
     visionImpaired: string[];
 };
-export type PaletteKey = keyof typeof PALETTES | "brand";
-/**
- * Custom hook to get the current color palette based on user settings.
- * If the user has selected custom branding, it will return the palette for that.
- * Otherwise, it will return one of the predefined palettes from the PALETTES object based on the user's selection.
- *
- * @returns An array of color hex codes representing the current color palette.
- */
-export declare const usePalette: () => string[];

package/dist/Theme/Palettes.js

@@ -1,5 +1,4 @@
 // Palettes for progressive coloring of nodes based on depth or heatmap value
-import { useSettingsStore } from "../state/Settings.js";
 export const PALETTES = {
     blue: [
         "#f7fbff",
@@ -75,20 +74,3 @@ export const PALETTES = {
         "#b6dbff",
     ],
 };
-/**
- * Custom hook to get the current color palette based on user settings.
- * If the user has selected custom branding, it will return the palette for that.
- * Otherwise, it will return one of the predefined palettes from the PALETTES object based on the user's selection.
- *
- * @returns An array of color hex codes representing the current color palette.
- */
-export const usePalette = () => {
-    const brandPalette = useSettingsStore((state) => state.settings.branding.rangePalette);
-    const paletteKey = useSettingsStore((state) => state.settings.appearance.rangePalette);
-    if (paletteKey === "brand" && brandPalette) {
-        return brandPalette;
-    }
-    else {
-        return PALETTES[paletteKey];
-    }
-};

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

@@ -1,5 +1,6 @@
 import { Dispatch, Ref, SetStateAction } from "react";
-import { CombinedAgentType } from "./Types.js";
+import { MessageRole } from "./ConversationTurn.js";
+import { CombinedAgentType } from "../Common/Types.js";
 export interface ChatCommonProps {
     /**
      * HTML id to use for the outer component
@@ -9,10 +10,6 @@ export interface ChatCommonProps {
      * The current username of the logged-in user. Used for fetching things from APIs mainly
      */
     readonly currentUser: string;
-    /**
-     * Path to image for user avatar
-     */
-    readonly userImage: string;
     /**
      * Function to set the state of the component to indicate whether we are awaiting a response from the LLM
      */
@@ -22,9 +19,13 @@ export interface ChatCommonProps {
      */
     readonly isAwaitingLlm: boolean;
     /**
-     * The agent to send the request to.
+     * The network to send the request to.
+     */
+    readonly selectedNetwork: string | null;
+    /**
+     * Setter for changing the selected network.
      */
-    readonly targetAgent: string;
+    readonly setSelectedNetwork?: (network: string | null) => void;
     /**
      * Special endpoint for legacy agents since they do not have a single unified endpoint like Neuro-san agents.
      */
@@ -57,10 +58,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,10 +82,34 @@ 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>;
+    /**
+     * Optional description of the network to display in the UI.
+     */
+    readonly networkDescription?: string;
+    /**
+     * Sample queries for the current network that the user can "click to send"
+     */
+    readonly sampleQueries?: string[];
+    /**
+     * If true, indicates that the user is missing API keys for one or more LLM providers.
+     */
+    readonly hasMissingApiKeys?: boolean;
 }
 export type ChatCommonHandle = {
     handleStop: () => void;
+    handleClearChat: () => void;
 };
+/**
+ * Helper function to convert a message role to a label for exporting chat history.
+ * @param role The message role to convert
+ * @returns The label for the message role
+ */
+export declare const roleToExportLabel: (role: MessageRole) => string;
 /**
  * Common chat component for agent chat. This component is used by all agent chat components to provide a consistent
  * experience for users when chatting with agents. It handles user input as well as displaying and nicely formatting