Format and add ChromaIcon

src/frontend/src/utils.ts

@@ -20,6 +20,7 @@ import { Connection, Edge, Node, ReactFlowInstance } from "reactflow";
 import { FlowType } from "./types/flow";
 import { APITemplateType, TemplateVariableType } from "./types/api";
 import _ from "lodash";
+import { ChromaIcon } from "./icons";
 
 export function classNames(...classes: Array<string>) {
 	return classes.filter(Boolean).join(" ");
@@ -115,6 +116,7 @@ export const nodeIcons: {
 		React.SVGProps<SVGSVGElement>
 	>;
 } = {
+	Chroma: ChromaIcon,
 	agents: RocketLaunchIcon,
 	chains: LinkIcon,
 	memories: CpuChipIcon,
@@ -317,9 +319,11 @@ export function toFirstUpperCase(str: string) {
 }
 
 export function snakeToSpaces(str: string) {
-  let result = str.split("_").join(" ");
+	let result = str
+		.split("_")
+		.join(" ");
 
-  return result;
+	return result
 }
 
 export function toNormalCase(str: string) {