fix: added truncation length as constant and reduced it to 100 (#8321)

* Added truncation items as constant and reduced it to 100

* Added truncation test to regression

* get max items length from config

* changed typo in backend

src/frontend/tests/extended/regression/general-bugs-truncate-results.spec.ts

@@ -0,0 +1,51 @@
+import { expect, test } from "@playwright/test";
+import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
+
+test(
+  "truncated values must be displayed correctly",
+  { tag: ["@release", "@components"] },
+  async ({ page }) => {
+    await awaitBootstrapTest(page);
+
+    await page.getByTestId("blank-flow").click();
+
+    await page.getByTestId("sidebar-search-input").click();
+    await page.getByTestId("sidebar-search-input").fill("url");
+    await page.waitForSelector('[data-testid="dataURL"]', {
+      timeout: 1000,
+    });
+
+    await page
+      .getByTestId("dataURL")
+      .dragTo(page.locator('//*[@id="react-flow-id"]'), {
+        targetPosition: { x: 300, y: 300 },
+      });
+
+    await page
+      .getByTestId("inputlist_str_urls_0")
+      .fill("https://docs.langflow.org/");
+
+    await page.getByTestId("default_slider_display_value").click();
+    await page.getByTestId("slider_input").fill("4");
+
+    await page.getByTestId("button_run_url").click();
+
+    await page.waitForSelector("text=built successfully", {
+      timeout: 30000,
+    });
+
+    await page.getByTestId("output-inspection-result-urlcomponent").click();
+
+    await page.getByText(`Inspect the output of the component below.`, {
+      exact: true,
+    });
+
+    expect(page.getByText(`[truncated`)).toBeVisible();
+
+    expect(page.locator("span.ag-header-cell-text").nth(1)).toHaveText("url");
+
+    expect(page.locator("span[data-ref=lbRecordCount]").first()).toHaveText(
+      "100",
+    );
+  },
+);