@cognizant-ai-lab/ui-common 1.8.0 → 1.10.0

package/dist/utils/AgentName.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Strip a trailing UUID appended to an agent name or reservation_id, e.g.
+ * `copy_cat-hello_world-14ecb260-4389-44f3-afad-ea315dfa1966` → `copy_cat-hello_world`.
+ */
+export declare const removeTrailingUuid: (agentName: string) => string;
+/**
+ * Convert FOO_BAR to more human "Foo Bar".
+ * @param agentName Agent name in SNAKE_CASE format.
+ * @returns User-friendly agent name.
+ */
+export declare const cleanUpAgentName: (agentName: string) => string;
+/**
+ * Beautify a raw agent name for display: strip any trailing UUID and title-case the rest
+ * (e.g. `my_network_683b0dfb_4816_464d_9c83_7e59ce6497d3` → `My Network`). With `useNativeNames`
+ * on, the raw name is returned verbatim to match the appearance preference honored across the app.
+ */
+export declare const toDisplayName: (rawName: string, useNativeNames?: boolean) => string;

package/dist/utils/AgentName.js

@@ -0,0 +1,46 @@
+/*
+Copyright 2026 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.
+*/
+/**
+ * One-stop shop for turning a raw agent-network name (or reservation_id) into the beautified name
+ * shown in the UI.
+ */
+import startCase from "lodash-es/startCase";
+/**
+ * Trailing UUID on an agent name or reservation_id.
+ *
+ * Each separator is `[_-]` because the canonical form is hyphen-delimited (e.g.
+ * `copy_cat-hello_world-14ecb260-4389-44f3-afad-ea315dfa1966`), but filename sanitization
+ * (`toSafeFilename`, neuro-san exports) flattens those hyphens to underscores. Matching either
+ * separator strips the UUID in both forms.
+ */
+const TRAILING_UUID_PATTERN = /[_-][0-9a-fA-F]{8}[_-][0-9a-fA-F]{4}[_-][0-9a-fA-F]{4}[_-][0-9a-fA-F]{4}[_-][0-9a-fA-F]{12}$/u;
+/**
+ * Strip a trailing UUID appended to an agent name or reservation_id, e.g.
+ * `copy_cat-hello_world-14ecb260-4389-44f3-afad-ea315dfa1966` → `copy_cat-hello_world`.
+ */
+export const removeTrailingUuid = (agentName) => agentName?.replace(TRAILING_UUID_PATTERN, "");
+/**
+ * Convert FOO_BAR to more human "Foo Bar".
+ * @param agentName Agent name in SNAKE_CASE format.
+ * @returns User-friendly agent name.
+ */
+export const cleanUpAgentName = (agentName) => startCase(agentName);
+/**
+ * Beautify a raw agent name for display: strip any trailing UUID and title-case the rest
+ * (e.g. `my_network_683b0dfb_4816_464d_9c83_7e59ce6497d3` → `My Network`). With `useNativeNames`
+ * on, the raw name is returned verbatim to match the appearance preference honored across the app.
+ */
+export const toDisplayName = (rawName, useNativeNames = false) => useNativeNames ? rawName : cleanUpAgentName(removeTrailingUuid(rawName));

package/dist/utils/BrowserNavigation.js

@@ -17,6 +17,8 @@ limitations under the License.
  * Navigate to the specified URL by setting window.location.href
  * @param url The URL to navigate to
  */
+// See: https://github.com/jsdom/jsdom/issues/2112
+/* istanbul ignore next -- JSDom doesn't support simulated navigation */
 export const navigateToUrl = (url) => {
     window.location.href = url;
 };

package/dist/utils/File.d.ts

@@ -1,3 +1,4 @@
+type MimeType = `${string}/${string}`;
 /**
  * // Sanitize filename for saving
  * @param input Filename as string
@@ -32,5 +33,7 @@ export declare const getFileName: (path: string) => string;
  * Downloads a file containing the supplied content with the specified filename
  * @param messageContents The contents of the file to be downloaded
  * @param fileName Local filename for the file to be downloaded
+ * @param mimeType Optional MIME type for the file to be downloaded, defaults to "application/octet-stream"
  */
-export declare const downloadFile: (messageContents: string | Uint8Array, fileName: string) => void;
+export declare const downloadFile: (messageContents: string | Uint8Array, fileName: string, mimeType?: MimeType) => void;
+export {};

package/dist/utils/File.js

@@ -46,21 +46,16 @@ export const splitFilename = (filename) => {
  * @param path The path to be parsed
  * @return The filename part of the path only
  */
-export const getFileName = (path) => 
-// conflicts with ESLint newline-per-chained-call rule
-// prettier-ignore
-path.split("\\")
-    .pop()
-    .split("/")
-    .pop();
+export const getFileName = (path) => path.split("\\").pop().split("/").pop();
 /**
  * Downloads a file containing the supplied content with the specified filename
  * @param messageContents The contents of the file to be downloaded
  * @param fileName Local filename for the file to be downloaded
+ * @param mimeType Optional MIME type for the file to be downloaded, defaults to "application/octet-stream"
  */
-export const downloadFile = (messageContents, fileName) => {
+export const downloadFile = (messageContents, fileName, mimeType = "application/octet-stream") => {
     const downloadLink = document.createElement("a");
-    const blob = new Blob([messageContents]);
+    const blob = new Blob([messageContents], { type: mimeType });
     // Apply the url and filename to the anchor tag
     downloadLink.href = URL.createObjectURL(blob);
     downloadLink.download = fileName;

package/dist/utils/text.js

@@ -41,9 +41,8 @@ export const extractId = (modelId, modelType) => {
     if (!modelId || !modelType || !modelId.includes(modelType)) {
         return "";
     }
-    // conflicts with ESLint newline-per-chained-call rule
-    // prettier-ignore
-    return modelId.slice(`${modelType}-`.length) // remove the model type
+    return modelId
+        .slice(`${modelType}-`.length) // remove the model type
         .split("-") // split by hyphens
         .slice(0, -1) // remove the last element
         .join("-"); // join with hyphens
@@ -55,8 +54,5 @@ export const extractId = (modelId, modelType) => {
  * @returns Hashed string
  */
 export const hashString = (input) => {
-    // prettier-ignore
-    return createHash("md5")
-        .update(input)
-        .digest("hex");
+    return createHash("md5").update(input).digest("hex");
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cognizant-ai-lab/ui-common",
   "description": "A shared UI component library for Cognizant AI Labs projects",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "type": "module",
   "scripts": {
     "build": "yarn clean && yarn generate && yarn run --top-level tsc --project tsconfig.build.json && fix-esm-import-path dist > /dev/null",
@@ -12,10 +12,6 @@
   "dependencies": {
     "@dagrejs/dagre": "1.0.4",
     "@langchain/core": "1.1.17",
-    "@mui/icons-material": "9.0.1",
-    "@mui/material": "9.0.1",
-    "@mui/system": "9.0.1",
-    "@mui/x-tree-view": "9.1.0",
     "@xyflow/react": "12.10.1",
     "http-status": "1.7.3",
     "lodash-es": "4.18.1",
@@ -27,27 +23,30 @@
     "rehype-slug": "6.0.0",
     "remark-gfm": "4.0.1",
     "uuid": "14.0.0",
+    "zod": "4.4.3",
     "zustand": "4.5.7"
   },
   "devDependencies": {
-    "@babel/core": "7.29.0",
-    "@babel/preset-env": "7.29.5",
+    "@mui/icons-material": "9.0.1",
+    "@mui/material": "9.0.1",
+    "@mui/system": "9.1.2",
+    "@mui/x-tree-view": "9.1.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/lodash-es": "4.17.12",
-    "@types/node": "22.17.1",
+    "@types/node": "26.1.1",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@types/react-syntax-highlighter": "15.5.13",
-    "babel-jest": "30.4.0",
     "fake-indexeddb": "6.2.5",
     "fix-esm-import-path": "1.10.3",
     "globals": "17.4.0",
     "openapi-typescript": "7.8.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "typescript": "5.9.3"
+    "typescript": "5.9.3",
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",

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

@@ -1,3 +0,0 @@
-import { EdgeProps } from "@xyflow/react";
-import { FC } from "react";
-export declare const PlasmaEdge: FC<EdgeProps>;