diff --git a/src/frontend/src/shared/components/textOutputView/index.tsx b/src/frontend/src/shared/components/textOutputView/index.tsx
new file mode 100644
index 000000000..5f3aacb37
--- /dev/null
+++ b/src/frontend/src/shared/components/textOutputView/index.tsx
@@ -0,0 +1,20 @@
+import { Textarea } from "../../../components/ui/textarea";
+
+const TextOutputView = ({ left, node, flowPool }) => {
+  return (
+    <>
+      <Textarea
+        className={`w-full custom-scroll ${left ? " min-h-32" : " h-full"}`}
+        placeholder={"Empty"}
+        // update to real value on flowPool
+        value={
+          (flowPool[node.id] ?? [])[(flowPool[node.id]?.length ?? 1) - 1]?.data
+            .results.result ?? ""
+        }
+        readOnly
+      />
+    </>
+  );
+};
+
+export default TextOutputView;