Add Anthropic to LLMs including an icon.

pyproject.toml

@@ -57,6 +57,7 @@ jina = "3.15.2"
 sentence-transformers = "^2.2.2"
 ctransformers = "^0.2.2"
 cohere = "^4.6.0"
+anthropic = "^0.2.9"
 
 
 [tool.poetry.group.dev.dependencies]

src/backend/langflow/config.yaml

@@ -55,6 +55,7 @@ llms:
   - LlamaCpp
   - CTransformers
   - Cohere
+  - Anthropic
 memories:
   - ConversationBufferMemory
   - ConversationSummaryMemory

src/frontend/src/icons/Anthropic/anthropic.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-85.949 86.888 308.4 138.858" width="308.4" height="138.858">
+  <defs>
+    <style type="text/css">
+	.st0{fill:#1F1F1E;}
+    </style>
+  </defs>
+<path class="st0" d="M19.9,260.5h21.9v52.6h14v-52.6h21.9v-12.6H19.9V260.5z M-4.7,293.5L-34,247.9h-15.8v65.1h13.5v-45.6L-7,313.1
+	H8.8v-65.1H-4.7V293.5z M133.5,273.9h-30.7v-26h-14v65.1h14v-26.6h30.7v26.6h14v-65.1h-14V273.9z M-100.9,247.9l-26,65.1h14.5
+	l5.3-13.7h27.2l5.3,13.7h14.5l-26-65.1H-100.9z M-102.4,287.3l8.9-22.9l8.9,22.9H-102.4z M263.1,246.8c-18.8,0-32.1,14-32.1,33.8
+	c0,19.6,13.3,33.6,32.1,33.6c18.7,0,31.9-14,31.9-33.6C295,260.8,281.8,246.8,263.1,246.8z M263.1,301.2c-11,0-17.7-7.8-17.7-20.6
+	c0-12.9,6.7-20.8,17.7-20.8c10.9,0,17.5,7.8,17.5,20.8C280.6,293.3,274,301.2,263.1,301.2z M458.2,291.2c-2.4,6.3-7.3,10-13.9,10
+	c-11,0-17.7-7.8-17.7-20.6c0-12.9,6.7-20.8,17.7-20.8c6.6,0,11.4,3.6,13.9,10H473c-3.6-14-14.5-23-28.7-23
+	c-18.8,0-32.1,14-32.1,33.8c0,19.6,13.3,33.6,32.1,33.6c14.2,0,25.1-9.1,28.8-23H458.2z M369.3,247.9l26,65.1h14.2l-26-65.1H369.3z
+	 M339.8,247.9H308v65.1h14v-23.6h17.9c14.8,0,23.8-7.8,23.8-20.8C363.7,255.7,354.6,247.9,339.8,247.9z M339.2,276.9H322v-16.4h17.2
+	c6.9,0,10.5,2.8,10.5,8.2C349.7,274.1,346.1,276.9,339.2,276.9z M220.3,267.8c0-12.3-9-19.8-23.8-19.8h-31.8v65.1h14v-25.5h15.5
+	l14,25.5h15.4l-15.5-27.4C215.8,282.6,220.3,276.4,220.3,267.8z M178.6,260.5h17.2c6.9,0,10.5,2.5,10.5,7.3c0,4.7-3.6,7.3-10.5,7.3
+	h-17.2V260.5z"/>
+</svg>

src/frontend/src/icons/Anthropic/anthropic_box.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-126.9 247.9 207.161 212.728" width="207.161" height="212.728">
+  <defs>
+    <style type="text/css">
+	.st0{fill:#1F1F1E;}
+</style>
+  </defs>
+  <path class="st0" d="M 19.9 260.5 L 41.8 260.5 L 41.8 313.1 L 55.8 313.1 L 55.8 260.5 L 77.7 260.5 L 77.7 247.9 L 19.9 247.9 L 19.9 260.5 Z M -4.7 293.5 L -34 247.9 L -49.8 247.9 L -49.8 313 L -36.3 313 L -36.3 267.4 L -7 313.1 L 8.8 313.1 L 8.8 248 L -4.7 248 L -4.7 293.5 Z M -100.9 247.9 L -126.9 313 L -112.4 313 L -107.1 299.3 L -79.9 299.3 L -74.6 313 L -60.1 313 L -86.1 247.9 L -100.9 247.9 Z M -102.4 287.3 L -93.5 264.4 L -84.6 287.3 L -102.4 287.3 Z"></path>
+  <path class="st0" d="M 38.246 437.628 C 35.846 443.928 30.946 447.628 24.346 447.628 C 13.346 447.628 6.646 439.828 6.646 427.028 C 6.646 414.128 13.346 406.228 24.346 406.228 C 30.946 406.228 35.746 409.828 38.246 416.228 L 53.046 416.228 C 49.446 402.228 38.546 393.228 24.346 393.228 C 5.546 393.228 -7.754 407.228 -7.754 427.028 C -7.754 446.628 5.546 460.628 24.346 460.628 C 38.546 460.628 49.446 451.528 53.146 437.628 L 38.246 437.628 Z M -50.654 394.328 L -24.654 459.428 L -10.454 459.428 L -36.454 394.328 L -50.654 394.328 Z M -80.154 394.328 L -111.954 394.328 L -111.954 459.428 L -97.954 459.428 L -97.954 435.828 L -80.054 435.828 C -65.254 435.828 -56.254 428.028 -56.254 415.028 C -56.254 402.128 -65.354 394.328 -80.154 394.328 Z M -80.754 423.328 L -97.954 423.328 L -97.954 406.928 L -80.754 406.928 C -73.854 406.928 -70.254 409.728 -70.254 415.128 C -70.254 420.528 -73.854 423.328 -80.754 423.328 Z"></path>
+  <path class="st0" d="M -81.239 347.704 L -111.939 347.704 L -111.939 321.704 L -125.939 321.704 L -125.939 386.804 L -111.939 386.804 L -111.939 360.204 L -81.239 360.204 L -81.239 386.804 L -67.239 386.804 L -67.239 321.704 L -81.239 321.704 L -81.239 347.704 Z M 48.361 320.604 C 29.561 320.604 16.261 334.604 16.261 354.404 C 16.261 374.004 29.561 388.004 48.361 388.004 C 67.061 388.004 80.261 374.004 80.261 354.404 C 80.261 334.604 67.061 320.604 48.361 320.604 Z M 48.361 375.004 C 37.361 375.004 30.661 367.204 30.661 354.404 C 30.661 341.504 37.361 333.604 48.361 333.604 C 59.261 333.604 65.861 341.404 65.861 354.404 C 65.861 367.104 59.261 375.004 48.361 375.004 Z M 5.561 341.604 C 5.561 329.304 -3.439 321.804 -18.239 321.804 L -50.039 321.804 L -50.039 386.904 L -36.039 386.904 L -36.039 361.404 L -20.539 361.404 L -6.539 386.904 L 8.861 386.904 L -6.639 359.504 C 1.061 356.404 5.561 350.204 5.561 341.604 Z M -36.139 334.304 L -18.939 334.304 C -12.039 334.304 -8.439 336.804 -8.439 341.604 C -8.439 346.304 -12.039 348.904 -18.939 348.904 L -36.139 348.904 L -36.139 334.304 Z"></path>
+</svg>

src/frontend/src/icons/Anthropic/index.tsx

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as AnthropicSVG } from "./anthropic_box.svg";
+
+export const AnthropicIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <AnthropicSVG ref={ref} {...props} />;
+});

src/frontend/src/utils.ts

@@ -21,6 +21,7 @@ import { FlowType, NodeType } from "./types/flow";
 import { APITemplateType, TemplateVariableType } from "./types/api";
 import _ from "lodash";
 import { ChromaIcon } from "./icons/ChromaIcon";
+import { AnthropicIcon } from "./icons/Anthropic";
 import { AirbyteIcon } from "./icons/Airbyte";
 import { AzIcon } from "./icons/AzLogo";
 import { BingIcon } from "./icons/Bing";
@@ -153,6 +154,7 @@ export const nodeIcons: {
   AirbyteJSONLoader: AirbyteIcon,
   // SerpAPIWrapper: SerperIcon,
   // AZLyricsLoader: AzIcon,
+  Anthropic: AnthropicIcon,
   BingSearchAPIWrapper: BingIcon,
   BingSearchRun: BingIcon,
   Cohere: CohereIcon,