diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx index 80e5ad0f7..ddfc04aef 100644 --- a/src/frontend/src/CustomNodes/GenericNode/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx @@ -44,6 +44,7 @@ export default function GenericNode({ const buildFlow = useFlowStore((state) => state.buildFlow); const setNode = useFlowStore((state) => state.setNode); const name = nodeIconsLucide[data.type] ? data.type : types[data.type]; + console.log(types[data.type]) const [inputName, setInputName] = useState(false); const [nodeName, setNodeName] = useState(data.node!.display_name); const [inputDescription, setInputDescription] = useState(false); @@ -157,7 +158,7 @@ export default function GenericNode({ const iconElement = data?.node?.icon; const iconColor = nodeColors[types[data.type]]; const iconName = - iconElement || (data.node?.flow ? "group_components" : name); + iconElement || (data.node?.flow ? "group_components" : name); const iconClassName = `generic-node-icon ${ !showNode ? " absolute inset-x-6 h-12 w-12 " : "" }`; diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx index 6261e87bb..f8b5a0af9 100644 --- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx +++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx @@ -4,9 +4,10 @@ export function sortKeys(a: string, b: string) { "saved_components", "inputs", "outputs", + "prompts", "data", - "utilities", "models", + "utilities", ]; const indexA = order.indexOf(a.toLowerCase()); const indexB = order.indexOf(b.toLowerCase()); diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx index 0dc36eac7..8733e4528 100644 --- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx @@ -219,7 +219,7 @@ export default function NodeToolbarComponent({ }} data-testid="code-button-modal" > - + ) : ( diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts index 96d754e85..d99922fcc 100644 --- a/src/frontend/src/utils/styleUtils.ts +++ b/src/frontend/src/utils/styleUtils.ts @@ -3,6 +3,7 @@ import { ArrowLeft, ArrowUpToLine, Bell, + Binary, BookMarked, BookmarkPlus, PlusCircle, @@ -11,6 +12,7 @@ import { Boxes, GitCompare, Braces, + BrainCircuit, Check, CheckCircle2, ChevronDown, @@ -31,6 +33,7 @@ import { Compass, Copy, Cpu, + Database, Delete, Download, DownloadCloud, @@ -43,6 +46,7 @@ import { FileDown, FileSearch, FileSearch2, + FileSliders, FileText, FileType2, FileUp, @@ -82,12 +86,14 @@ import { MoonIcon, MoreHorizontal, Network, + Package2, Paperclip, Pencil, PencilLine, Pin, Play, Plus, + PocketKnife, Redo, RefreshCcw, Repeat, @@ -123,6 +129,7 @@ import { UserPlus2, Users2, Variable, + Wand, Wand2, Workflow, Wrench, @@ -245,7 +252,7 @@ export const nodeNames: { [char: string]: string } = { outputs: "Outputs", data: "Data", prompts: "Prompts", - models: "Language Models", + models: "Models", model_specs: "Model Specs", chains: "Chains", agents: "Agents", @@ -261,8 +268,8 @@ export const nodeNames: { [char: string]: string } = { wrappers: "Wrappers", textsplitters: "Text Splitters", retrievers: "Retrievers", - utilities: "Utilities", - langchain_utilities: "Langchain Utilities", + utilities: "Helpers", + langchain_utilities: "Utilities", output_parsers: "Output Parsers", custom_components: "Custom", unknown: "Other", @@ -271,7 +278,7 @@ export const nodeNames: { [char: string]: string } = { export const nodeIconsLucide: iconsType = { inputs: Download, outputs: Upload, - data: FolderOpen, + data: Database, AzureChatOpenAi: AzureIcon, Ollama: OllamaIcon, ChatOllama: OllamaIcon, @@ -334,27 +341,27 @@ export const nodeIconsLucide: iconsType = { VertexAIEmbeddings: VertexAIIcon, Share3: ShareIcon, Share4: Share2Icon, - agents: Rocket, + agents: Bot, Workflow, User, WikipediaAPIWrapper: SvgWikipedia, chains: Link, memories: Cpu, - models: Bot, - model_specs: Lightbulb, + models: BrainCircuit, + model_specs: FileSliders, prompts: TerminalSquare, - tools: Wrench, + tools: Hammer, advanced: Laptop2, chat: MessageCircle, - embeddings: Fingerprint, + embeddings: Binary, saved_components: GradientSave, documentloaders: Paperclip, vectorstores: Layers, - toolkits: Hammer, + toolkits: Package2, textsplitters: Scissors, wrappers: Gift, utilities: Wand2, - langchain_utilities: Wand2, + langchain_utilities: PocketKnife, WolframAlphaAPIWrapper: SvgWolfram, output_parsers: Compass, retrievers: FileSearch,