chore: merge with web UI project

web/src/app/_components/research-report-block.tsx

@@ -0,0 +1,21 @@
+import { useMessage } from "~/core/store";
+import { cn } from "~/lib/utils";
+
+import { LoadingAnimation } from "./loading-animation";
+import { Markdown } from "./markdown";
+
+export function ResearchReportBlock({
+  className,
+  messageId,
+}: {
+  className?: string;
+  messageId: string;
+}) {
+  const message = useMessage(messageId);
+  return (
+    <div className={cn("flex flex-col pb-8", className)}>
+      <Markdown animate>{message?.content}</Markdown>
+      {message?.isStreaming && <LoadingAnimation className="my-12" />}
+    </div>
+  );
+}