refactor: reorganize memory components and enhance model inputs with improved documentation (#4529)

* new components improvements

* ✨ (create_data.py): introduce a new 'legacy' attribute to mark the component as legacy code

* [autofix.ci] apply automated fixes

* chaing langchain hub name

* 📝 (run_flow.py): remove beta flag from RunFlowComponent to indicate it is no longer in beta
📝 (extract_key.py): remove beta flag from ExtractDataKeyComponent to indicate it is no longer in beta

* Updated generic icon component to load icons if already not lazy imported

* [autofix.ci] apply automated fixes

* merge fix

* 📝 (store_message.py): add 'advanced' parameter to the 'Session ID' field to indicate it is an advanced setting

* [autofix.ci] apply automated fixes

* new components sweep

* [autofix.ci] apply automated fixes

* fix tests

* [autofix.ci] apply automated fixes

* ✨ (filterSidebar.spec.ts): Update test descriptions to reflect the correct component names for better clarity and maintainability
♻️ (freeze.spec.ts): Refactor test to use the correct component name for consistency and readability
♻️ (stop-building.spec.ts): Refactor test to use the correct component name for consistency and readability
♻️ (generalBugs-shard-9.spec.ts): Refactor test to use the correct component name for consistency and readability
♻️ (filterEdge-shard-1.spec.ts): Refactor test to use the correct component name for consistency and readability

* style: Improve YahooFinanceToolComponent description and code readability

Enhance clarity in the component's purpose and refine inline formatting to boost maintainability.

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>

src/frontend/src/components/genericIconComponent/index.tsx

@@ -32,7 +32,14 @@ export const ForwardedIconComponent = memo(
         return () => clearTimeout(timer);
       }, []);
 
-      let TargetIcon = nodeIconsLucide[name];
+      let TargetIcon =
+        nodeIconsLucide[name] ||
+        nodeIconsLucide[
+          name
+            .split("-")
+            .map((x) => String(x[0]).toUpperCase() + String(x).slice(1))
+            .join("")
+        ];
       if (!TargetIcon) {
         if (!dynamicIconImports[name]) {
           TargetIcon = nodeIconsLucide["unknown"];

src/frontend/src/utils/styleUtils.ts

@@ -470,8 +470,8 @@ export const SIDEBAR_CATEGORIES = [
   { display_name: "Outputs", name: "outputs", icon: "Upload" },
   { display_name: "Prompts", name: "prompts", icon: "TerminalSquare" },
   { display_name: "Data", name: "data", icon: "Database" },
+  { display_name: "Processing", name: "processing", icon: "ListFilter" },
   { display_name: "Models", name: "models", icon: "BrainCircuit" },
-  { display_name: "Helpers", name: "helpers", icon: "Wand2" },
   { display_name: "Vector Stores", name: "vectorstores", icon: "Layers" },
   { display_name: "Embeddings", name: "embeddings", icon: "Binary" },
   { display_name: "Agents", name: "agents", icon: "Bot" },
@@ -486,7 +486,7 @@ export const SIDEBAR_CATEGORIES = [
   { display_name: "Toolkits", name: "toolkits", icon: "Package2" },
   { display_name: "Tools", name: "tools", icon: "Hammer" },
   { display_name: "Logic", name: "logic", icon: "ArrowRightLeft" },
-  { display_name: "Processing", name: "processing", icon: "ListFilter" },
+  { display_name: "Helpers", name: "helpers", icon: "Wand2" },
 ];
 
 export const SIDEBAR_BUNDLES = [

src/frontend/tests/core/features/filterSidebar.spec.ts

@@ -84,7 +84,7 @@ test("user must see on handle click the possibility connections - LLMChain", asy
   await expect(page.getByTestId("outputsChat Output")).toBeVisible();
   await expect(page.getByTestId("promptsPrompt")).toBeVisible();
   await expect(page.getByTestId("modelsAmazon Bedrock")).toBeVisible();
-  await expect(page.getByTestId("memoriesChat Memory")).toBeVisible();
+  await expect(page.getByTestId("helpersMessage History")).toBeVisible();
   await expect(page.getByTestId("langchain_utilitiesCSVAgent")).toBeVisible();
   await expect(
     page.getByTestId("langchain_utilitiesConversationChain"),
@@ -106,7 +106,7 @@ test("user must see on handle click the possibility connections - LLMChain", asy
   await expect(page.getByTestId("outputsChat Output")).not.toBeVisible();
   await expect(page.getByTestId("promptsPrompt")).not.toBeVisible();
   await expect(page.getByTestId("modelsAmazon Bedrock")).not.toBeVisible();
-  await expect(page.getByTestId("memoriesChat Memory")).not.toBeVisible();
+  await expect(page.getByTestId("helpersMessage History")).not.toBeVisible();
   await expect(page.getByTestId("agentsTool Calling Agent")).not.toBeVisible();
   await expect(
     page.getByTestId("langchain_utilitiesConversationChain"),
@@ -123,7 +123,7 @@ test("user must see on handle click the possibility connections - LLMChain", asy
   await expect(page.getByTestId("disclosure-tools")).toBeVisible();
 
   await expect(page.getByTestId("dataAPI Request")).toBeVisible();
-  await expect(page.getByTestId("memoriesChat Memory")).toBeVisible();
+  await expect(page.getByTestId("helpersMessage History")).toBeVisible();
   await expect(page.getByTestId("vectorstoresAstra DB")).toBeVisible();
   await expect(page.getByTestId("toolsSearch API")).toBeVisible();
   await expect(page.getByTestId("logicSub Flow")).not.toBeVisible();
@@ -136,17 +136,17 @@ test("user must see on handle click the possibility connections - LLMChain", asy
 
   await expect(page.getByTestId("logicSub Flow")).toBeVisible();
 
-  await expect(page.getByTestId("helpersSplit Text")).toBeVisible();
+  await expect(page.getByTestId("processingSplit Text")).toBeVisible();
   await expect(page.getByTestId("toolsSearch API")).toBeVisible();
 
   await page.getByTestId("icon-X").first().click();
 
   await expect(page.getByTestId("dataAPI Request")).not.toBeVisible();
-  await expect(page.getByTestId("memoriesChat Memory")).not.toBeVisible();
+  await expect(page.getByTestId("helpersMessage History")).not.toBeVisible();
   await expect(page.getByTestId("vectorstoresAstra DB")).not.toBeVisible();
   await expect(page.getByTestId("toolsSearch API")).not.toBeVisible();
   await expect(page.getByTestId("logicSub Flow")).not.toBeVisible();
 
-  await expect(page.getByTestId("helpersSplit Text")).not.toBeVisible();
+  await expect(page.getByTestId("processingSplit Text")).not.toBeVisible();
   await expect(page.getByTestId("toolsSearch API")).not.toBeVisible();
 });

src/frontend/tests/core/features/freeze.spec.ts

@@ -77,7 +77,7 @@ test("user must be able to freeze a component", async ({ page }) => {
   await page.waitForTimeout(1000);
 
   await page
-    .getByTestId("helpersSplit Text")
+    .getByTestId("processingSplit Text")
     .dragTo(page.locator('//*[@id="react-flow-id"]'));
 
   await page.getByTestId("zoom_out").click();

src/frontend/tests/core/features/stop-building.spec.ts

@@ -82,7 +82,7 @@ test("user must be able to stop a building", async ({ page }) => {
   // await page.waitForTimeout(1000);
 
   await page
-    .getByTestId("helpersSplit Text")
+    .getByTestId("processingSplit Text")
     .dragTo(page.locator('//*[@id="react-flow-id"]'));
 
   await page.getByTestId("zoom_out").click();

src/frontend/tests/core/regression/generalBugs-shard-9.spec.ts

@@ -76,7 +76,7 @@ test("memory should work as expect", async ({ page }) => {
   await page.mouse.up();
 
   await page
-    .getByTestId("memoriesChat Memory")
+    .getByTestId("helpersMessage History")
     .first()
     .dragTo(page.locator('//*[@id="react-flow-id"]'));
 

src/frontend/tests/extended/features/filterEdge-shard-1.spec.ts

@@ -97,7 +97,7 @@ test("user must see on handle click the possibility connections - RetrievalQA",
     "outputsChat Output",
     "dataAPI Request",
     "modelsAmazon Bedrock",
-    "memoriesChat Memory",
+    "helpersMessage History",
     "vectorstoresAstra DB",
     "embeddingsAmazon Bedrock Embeddings",
     "langchain_utilitiesTool Calling Agent",