@cognizant-ai-lab/ui-common 1.3.3 → 1.4.0

package/dist/utils/Authentication.d.ts

@@ -8,7 +8,7 @@ export declare const AD_TENANT_ID = "de08c407-19b9-427d-9fe8-edf254300ca7";
  * being handled by the app via NextAuth. This way existing pages only need trivial changes to use this hook instead
  * of NextAuth's useSession hook.
  */
-export declare function useAuthentication(): {
+export declare const useAuthentication: () => {
     data: {
         user: {
             name: string;
@@ -28,4 +28,4 @@ export declare function useAuthentication(): {
  * @return Nothing, but executes the sign-out process.
  *
  */
-export declare function smartSignOut(currentUser: string, auth0Domain: string, auth0ClientId: string, oidcProvider: OidcProvider): Promise<void>;
+export declare const smartSignOut: (currentUser: string, auth0Domain: string, auth0ClientId: string, oidcProvider: OidcProvider) => Promise<void>;

package/dist/utils/Authentication.js

@@ -26,7 +26,7 @@ export const AD_TENANT_ID = "de08c407-19b9-427d-9fe8-edf254300ca7";
  * being handled by the app via NextAuth. This way existing pages only need trivial changes to use this hook instead
  * of NextAuth's useSession hook.
  */
-export function useAuthentication() {
+export const useAuthentication = () => {
     const { data: session } = useSession();
     const { currentUser: albUser, picture: albPicture } = useUserInfoStore();
     // Return the user data in the same format as NextAuth's useSession hook. We prioritize the ALB info if we have
@@ -39,7 +39,7 @@ export function useAuthentication() {
             },
         },
     };
-}
+};
 /**
  * Create the logout URL for Auth0.
  * @param oidcProvider The OIDC provider. See OIDC doc for more details.
@@ -47,7 +47,7 @@ export function useAuthentication() {
  * @param auth0ClientId The Auth0 client ID. See Auth0 doc for more details. Identifies the app being used in Auth0.
  * @return The logout URL.
  */
-function createAuth0LogoutUrl(oidcProvider, auth0Domain, auth0ClientId) {
+const createAuth0LogoutUrl = (oidcProvider, auth0Domain, auth0ClientId) => {
     switch (oidcProvider) {
         case "AD":
             return `https://login.microsoftonline.com/${AD_TENANT_ID}/oauth2/v2.0/logout`;
@@ -58,7 +58,7 @@ function createAuth0LogoutUrl(oidcProvider, auth0Domain, auth0ClientId) {
             return `https://${auth0Domain}/v2/logout?client_id=${auth0ClientId}&returnTo=${returnTo}`;
         }
     }
-}
+};
 /**
  * Smart sign out function that abstracts away the authentication provider.
  * We are migrating to ALB-based authentication, instead of it being handled by the app via NextAuth. This function
@@ -71,7 +71,7 @@ function createAuth0LogoutUrl(oidcProvider, auth0Domain, auth0ClientId) {
  * @return Nothing, but executes the sign-out process.
  *
  */
-export async function smartSignOut(currentUser, auth0Domain, auth0ClientId, oidcProvider) {
+export const smartSignOut = async (currentUser, auth0Domain, auth0ClientId, oidcProvider) => {
     if (currentUser === undefined) {
         // Don't know what authentication provider we're using, so just return
         return;
@@ -91,4 +91,4 @@ export async function smartSignOut(currentUser, auth0Domain, auth0ClientId, oidc
         }));
         navigateToUrl(createAuth0LogoutUrl(oidcProvider, auth0Domain, auth0ClientId));
     }
-}
+};

package/dist/utils/text.d.ts

@@ -4,7 +4,7 @@
  * @param input Input to be tested
  * @returns True if input contains only whitespace, false otherwise
  */
-export declare function hasOnlyWhitespace(input: string): boolean;
+export declare const hasOnlyWhitespace: (input: string) => boolean;
 /**
  * Extracts the ID from a model ID
  *
@@ -18,7 +18,7 @@ export declare function hasOnlyWhitespace(input: string): boolean;
  *  = "67fb86d3-9047-4ce0-0d42-4e3d3b0f715e"
  * ```
  */
-export declare function extractId(modelId: string, modelType: "prescriptor" | "rio"): string;
+export declare const extractId: (modelId: string, modelType: "prescriptor" | "rio") => string;
 /**
  * Hashes a string using MD5. For example: for generating keys for React nodes from a longer string identifer.
  *

package/dist/utils/text.js

@@ -23,9 +23,7 @@ import { createHash } from "crypto";
  * @param input Input to be tested
  * @returns True if input contains only whitespace, false otherwise
  */
-export function hasOnlyWhitespace(input) {
-    return input?.trim().length === 0;
-}
+export const hasOnlyWhitespace = (input) => input?.trim().length === 0;
 /**
  * Extracts the ID from a model ID
  *
@@ -39,7 +37,7 @@ export function hasOnlyWhitespace(input) {
  *  = "67fb86d3-9047-4ce0-0d42-4e3d3b0f715e"
  * ```
  */
-export function extractId(modelId, modelType) {
+export const extractId = (modelId, modelType) => {
     if (!modelId || !modelType || !modelId.includes(modelType)) {
         return "";
     }
@@ -49,7 +47,7 @@ export function extractId(modelId, modelType) {
         .split("-") // split by hyphens
         .slice(0, -1) // remove the last element
         .join("-"); // join with hyphens
-}
+};
 /**
  * Hashes a string using MD5. For example: for generating keys for React nodes from a longer string identifer.
  *

package/dist/utils/title.d.ts

@@ -1 +1 @@
-export declare function getTitleBase(): string;
+export declare const getTitleBase: () => string;

package/dist/utils/title.js

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 // Miscellaneous utilities for dealing with browser tab title
-export function getTitleBase() {
+export const getTitleBase = () => {
     const subdomain = window.location.host.split(".")[0];
     return `${subdomain[0].toUpperCase()}${subdomain.substring(1)}`;
-}
+};

package/dist/utils/useLocalStorage.d.ts

@@ -1 +1 @@
-export declare function useLocalStorage(key: string, initialValue: unknown): any[];
+export declare const useLocalStorage: (key: string, initialValue: unknown) => any[];

package/dist/utils/useLocalStorage.js

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import { useState } from "react";
-export function useLocalStorage(key, initialValue) {
+export const useLocalStorage = (key, initialValue) => {
     // State to store our value
     // Pass initial state function to useState so logic is only executed once
     const [storedValue, setStoredValue] = useState(() => {
@@ -24,7 +24,7 @@ export function useLocalStorage(key, initialValue) {
         try {
             // Get from local storage by key
             const item = window.localStorage.getItem(key);
-            // Parse stored json or if none return initialValue
+            // Parse stored JSON or if none return initialValue
             return item ? JSON.parse(item) : initialValue;
         }
         catch (error) {
@@ -52,4 +52,4 @@ export function useLocalStorage(key, initialValue) {
         }
     };
     return [storedValue, setValue];
-}
+};

package/dist/utils/zIndexLayers.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from "@mui/material";
+import { Theme } from "@mui/material/styles";
 export declare const getZIndex: (layer: number, appTheme: Theme) => number;

package/dist/utils/zIndexLayers.js

@@ -1,18 +1,6 @@
-/*
-Copyright 2025 Cognizant Technology Solutions Corp, www.cognizant.com.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
+// MUI zIndex information:
+// github.com/mui/material-ui/blob/master/packages/mui-material/src/styles/zIndex.js
+// mui.com/material-ui/customization/z-index/
 const DEFAULT_Z_INDEX = 500;
 export const getZIndex = (layer, appTheme) => {
     switch (layer) {

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@cognizant-ai-lab/ui-common",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "type": "module",
   "scripts": {
-    "build": "yarn clean && yarn generate && tsc --project tsconfig.build.json && fix-esm-import-path dist > /dev/null",
+    "build": "yarn clean && yarn generate && yarn run --top-level tsc --project tsconfig.build.json && fix-esm-import-path dist > /dev/null",
     "clean": "rm -rf dist generated",
-    "generate": "rm -rf generated && ./build_scripts/do_openapi_generate.sh"
+    "generate": "rm -rf generated && ./build_scripts/do_openapi_generate.sh",
+    "prepack": "echo PREPACK_RUNNING && yarn build"
   },
   "dependencies": {
-    "@langchain/core": "0.2.36",
-    "dagre": "0.8.5",
+    "@dagrejs/dagre": "1.0.4",
+    "@langchain/core": "1.1.17",
+    "@xyflow/react": "12.10.1",
     "http-status": "1.7.3",
     "jsonrepair": "3.8.0",
-    "lodash-es": "4.17.21",
-    "next": "15.4.6",
-    "next-auth": "5.0.0-beta.20",
-    "notistack": "3.0.1",
-    "react-dom": "18.2.0",
-    "react-markdown": "9.0.1",
-    "react-syntax-highlighter": "15.5.0",
-    "reactflow": "11.10.2",
+    "lodash-es": "4.17.23",
+    "next": "16.1.6",
+    "notistack": "3.0.2",
+    "react-dom": "19.2.4",
+    "react-markdown": "10.1.0",
+    "react-syntax-highlighter": "16.1.0",
     "rehype-raw": "7.0.0",
     "rehype-slug": "6.0.0",
     "zustand": "4.4.7"
@@ -27,13 +27,12 @@
   "devDependencies": {
     "@babel/core": "7.23.7",
     "@babel/preset-env": "7.28.3",
-    "@types/dagre": "0.7.53",
     "@types/lodash-es": "4.17.12",
     "@types/node": "20.11.5",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "@types/react-syntax-highlighter": "15.5.13",
-    "babel-jest": "30.0.5",
+    "babel-jest": "30.2.0",
     "fix-esm-import-path": "1.10.3",
     "globals": "16.3.0",
     "openapi-typescript": "7.8.0"
@@ -43,8 +42,11 @@
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "^7.3.1",
     "@mui/material": "^7.3.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@mui/system": "^7.3.1",
+    "@mui/x-tree-view": "^8.22.0",
+    "next-auth": "5.0.0-beta.30",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "typescript": "^5.9.2"
   },
   "repository": {
@@ -52,8 +54,8 @@
     "url": "git+https://github.com/cognizant-ai-lab/neuro-san-ui.git"
   },
   "publishConfig": {
-    "registry": "https://npm.pkg.github.com/",
-    "repository": "https://github.com/cognizant-ai-lab/neuro-san-ui"
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
   },
   "types": "dist/index.d.ts",
   "exports": {

package/dist/components/MultiAgentAccelerator/Sidebar.d.ts

@@ -1,12 +0,0 @@
-import { FC } from "react";
-interface SidebarProps {
-    customURLCallback: (url: string) => void;
-    customURLLocalStorage?: string;
-    id: string;
-    isAwaitingLlm: boolean;
-    networks: string[];
-    selectedNetwork: string;
-    setSelectedNetwork: (network: string) => void;
-}
-export declare const Sidebar: FC<SidebarProps>;
-export {};

package/dist/utils/Theme.d.ts

@@ -1,7 +0,0 @@
-/**
- * Helper to determine if dark mode is active based on mode and systemMode.
- * @param mode Current mode setting: "light", "dark", or "system"
- * @param systemMode If mode is "system", this indicates the system preference: "light" or "dark"
- * @returns true if dark mode is active, false otherwise
- */
-export declare const isDarkMode: (mode: "light" | "dark" | "system", systemMode: "light" | "dark") => boolean;

package/dist/utils/Theme.js

@@ -1,7 +0,0 @@
-/**
- * Helper to determine if dark mode is active based on mode and systemMode.
- * @param mode Current mode setting: "light", "dark", or "system"
- * @param systemMode If mode is "system", this indicates the system preference: "light" or "dark"
- * @returns true if dark mode is active, false otherwise
- */
-export const isDarkMode = (mode, systemMode) => mode === "dark" || (mode === "system" && systemMode === "dark");

package/dist/utils/agentConversations.d.ts

@@ -1,24 +0,0 @@
-import { ChatMessageType, Origin } from "../generated/neuro-san/NeuroSanClient.js";
-export interface AgentConversationBase {
-    agents: Set<string>;
-    startedAt: Date;
-    text?: string;
-    type: ChatMessageType;
-}
-export interface AgentConversation extends AgentConversationBase {
-    id: string;
-}
-export declare const isFinalMessage: (chatMessage: {
-    structure?: {
-        tool_end?: boolean;
-        total_tokens?: number;
-    };
-    text?: string;
-}) => boolean;
-export declare const createConversation: (agents: string[], text: string, type: ChatMessageType) => AgentConversation;
-export declare const updateAgentCounts: (agentCountsMap: Map<string, number>, origins: readonly Origin[]) => Map<string, number>;
-export declare const processChatChunk: (chunk: string, agentCountsMap: Map<string, number>, currentConversations: AgentConversation[] | null) => {
-    success: boolean;
-    newCounts: Map<string, number>;
-    newConversations: AgentConversation[] | null;
-};

package/dist/utils/agentConversations.js

@@ -1,113 +0,0 @@
-/*
-Copyright 2025 Cognizant Technology Solutions Corp, www.cognizant.com.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-import { chatMessageFromChunk } from "../components/AgentChat/Utils.js";
-import { NotificationType, sendNotification } from "../components/Common/notification.js";
-import { ChatMessageType } from "../generated/neuro-san/NeuroSanClient.js";
-export const isFinalMessage = (chatMessage) => {
-    const isAgentFinalResponse = chatMessage.structure?.total_tokens;
-    const isCodedToolFinalResponse = chatMessage.structure?.tool_end;
-    return Boolean(isAgentFinalResponse || isCodedToolFinalResponse);
-};
-export const createConversation = (agents, text, type) => ({
-    // Could use crypto.randomUUID, but it's only available under HTTPS, and don't want to use a different
-    // solution for HTTP on localhost.
-    // eslint-disable-next-line newline-per-chained-call
-    id: `conv_${Date.now()}${Math.random().toString(36).slice(2, 10)}`,
-    agents: new Set(agents),
-    startedAt: new Date(),
-    text,
-    type,
-});
-export const updateAgentCounts = (agentCountsMap, origins) => {
-    // Update agent counts.
-    // Note: we increment an agent's count each time it appears in the origin info, but another strategy
-    // would be to only count an agent when it is the "end destination" of the chain. Needs some thought to
-    // determine which is more useful.
-    return origins.reduce((acc, { tool }) => {
-        // If the agent is not already in the counts map, initialize it to 0 aka "upsert"
-        acc.set(tool, (acc.get(tool) || 0) + 1);
-        return acc;
-    }, new Map(agentCountsMap));
-};
-const processAgentCompletion = (conversations, tools) => {
-    const toolsToRemove = new Set(tools);
-    // For each conversation:
-    // 1) Remove all agents whose tool is in toolsToRemove
-    // 2) Only keep conversations that still have agents left
-    return (conversations
-        .map((conv) => {
-        // Remove all matching tools from this conversation's agents
-        const updatedAgents = new Set([...conv.agents].filter((agent) => !toolsToRemove.has(agent)));
-        // Return a new conversation object with updated agents
-        return { ...conv, agents: updatedAgents };
-    })
-        // Filter out conversations that have no agents left
-        .filter((conv) => conv.agents.size > 0));
-};
-export const processChatChunk = (chunk, agentCountsMap, currentConversations) => {
-    try {
-        const updatedConversations = [...(currentConversations || [])];
-        // Get chat message if it's a known message type
-        const chatMessage = chatMessageFromChunk(chunk);
-        // If there are no origins in a chat message, return current state
-        if (!chatMessage?.origin?.length) {
-            return {
-                success: true,
-                newCounts: agentCountsMap,
-                newConversations: currentConversations,
-            };
-        }
-        // Update agent counts
-        const updatedCounts = updateAgentCounts(agentCountsMap, chatMessage.origin);
-        const isFinal = isFinalMessage(chatMessage);
-        const agents = chatMessage.origin.map((originItem) => originItem.tool).filter(Boolean);
-        let finalConversations;
-        // Check if this is an AGENT message and if it's a final message, i.e. an end event (could be an AGENT final
-        // message or coded tool end, see isFinalMessage function)
-        if (chatMessage.type === ChatMessageType.AGENT && isFinal) {
-            const currentConversationsToUpdate = processAgentCompletion(updatedConversations, agents);
-            finalConversations = currentConversationsToUpdate.length === 0 ? null : currentConversationsToUpdate;
-        }
-        else {
-            // Create a new conversation for this communication path
-            let inquiryText;
-            const params = chatMessage.structure?.["params"];
-            if (params && typeof params === "object" && "inquiry" in params) {
-                inquiryText = params.inquiry;
-            }
-            const textToShow = inquiryText || chatMessage.text;
-            // Show inquiry (from structure), that's only for networks that use AAOSA with a JSON format.
-            // Otherwise show the raw data from the `text` field of the chat message.
-            const newConversation = createConversation(agents, textToShow, chatMessage.type);
-            updatedConversations.push(newConversation);
-            finalConversations = updatedConversations;
-        }
-        return {
-            success: true,
-            newCounts: updatedCounts,
-            newConversations: finalConversations,
-        };
-    }
-    catch (error) {
-        sendNotification(NotificationType.error, "Agent conversation error");
-        console.error("Agent conversation error:", error);
-        return {
-            success: false,
-            newCounts: agentCountsMap,
-            newConversations: currentConversations,
-        };
-    }
-};