Merge branch 'cz/inspection' of https://github.com/langflow-ai/langflow into cz/inspection

src/frontend/src/components/recordsOutputComponent/index.tsx

@@ -6,13 +6,13 @@ import TableComponent from "../tableComponent";
 import { extractColumnsFromRows } from "../../utils/utils";
 
 function RecordsOutputComponent({
-  flowPool,
+  flowPoolObject,
   pagination,
 }: {
-  flowPool: FlowPoolObjectType;
+  flowPoolObject: FlowPoolObjectType;
   pagination: boolean;
 }) {
-  const rows = flowPool?.data?.artifacts?.records ?? [];
+  const rows = flowPoolObject?.data?.artifacts?.records ?? [];
   const columns = extractColumnsFromRows(rows, "union");
   const columnDefs = columns.map((col, idx) => ({
     ...col,

src/frontend/src/customNodes/genericNode/components/outputModal/components/switchOutputView/index.tsx

@@ -31,7 +31,10 @@ export default function SwitchOutputView(nodeId): JSX.Element {
       </Case>
 
       <Case condition={node && Array.isArray(results)}>
-        <RecordsOutputComponent flowPool={flowPoolNode} pagination={true} />
+        <RecordsOutputComponent
+          flowPoolObject={flowPoolNode}
+          pagination={true}
+        />
       </Case>
     </>
   );

src/frontend/src/customNodes/genericNode/components/parameterComponent/index.tsx

@@ -258,28 +258,30 @@ export default function ParameterComponent({
               <span className={!left && data.node?.frozen ? " text-ice" : ""}>
                 {title}
               </span>
-              <ShadTooltip
+              {!left && (
-                content={
+                <ShadTooltip
-                  displayOutputPreview
+                  content={
-                    ? "Inspect Output"
+                    displayOutputPreview
-                    : "Please build the component first"
+                      ? "Inspect Output"
-                }
+                      : "Please build the component first"
-              >
+                  }
-                <button
-                  disabled={!displayOutputPreview}
-                  onClick={() => setOpenOutputModal(true)}
                 >
-                  <IconComponent
+                  <button
-                    className={classNames(
+                    disabled={!displayOutputPreview}
-                      "h-5 w-5",
+                    onClick={() => setOpenOutputModal(true)}
-                      displayOutputPreview
+                  >
-                        ? ""
+                    <IconComponent
-                        : " cursor-not-allowed text-muted-foreground",
+                      className={classNames(
-                    )}
+                        "h-5 w-5",
-                    name={"Eye"}
+                        displayOutputPreview
-                  />
+                          ? ""
-                </button>
+                          : " cursor-not-allowed text-muted-foreground",
-              </ShadTooltip>
+                      )}
+                      name={"ScanEye"}
+                    />
+                  </button>
+                </ShadTooltip>
+              )}
             </div>
           )}
           <span className={(required ? "ml-2 " : "") + "text-status-red"}>

src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx

@@ -256,7 +256,7 @@ export default function IOFieldView({
             return (
               <div className={left ? "h-56" : "h-full"}>
                 <RecordsOutputComponent
-                  flowPool={flowPoolNode}
+                  flowPoolObject={flowPoolNode}
                   pagination={!left}
                 />
               </div>

src/frontend/src/utils/styleUtils.ts

@@ -53,6 +53,7 @@ import {
   FileType2,
   FileUp,
   FlaskConical,
+  ScanEye,
   FolderIcon,
   FolderPlus,
   FolderPlusIcon,
@@ -397,6 +398,7 @@ export const nodeIconsLucide: iconsType = {
   textsplitters: Scissors,
   wrappers: Gift,
   helpers: Wand2,
+  ScanEye,
   experimental: FlaskConical,
   langchain_utilities: PocketKnife,
   WolframAlphaAPIWrapper: SvgWolfram,