Feat: Enables the message operator form to reference the data defined by the begin operator #3221 (#8108)

### What problem does this PR solve?

Feat: Enables the message operator form to reference the data defined by
the begin operator #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/form/components/output.tsx

@@ -0,0 +1,26 @@
+type OutputType = {
+  title: string;
+  type: string;
+};
+
+type OutputProps = {
+  list: Array<OutputType>;
+};
+
+export function Output({ list }: OutputProps) {
+  return (
+    <section className="space-y-2">
+      <div>Output</div>
+      <ul>
+        {list.map((x, idx) => (
+          <li
+            key={idx}
+            className="bg-background-highlight text-background-checked rounded-sm px-2 py-1"
+          >
+            {x.title}: {x.type}
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+}