feat: show result information in Text block drilldown in react ui

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/src/view/detail/BlockNotFound.tsx

@@ -1,5 +1,10 @@
 import type Model from "../timeline/model"
 
-export default function BlockNotFound(_props: { id: string; model: Model }) {
+export default function BlockNotFound(props: { id: string; model: Model }) {
+  console.error(
+    "Block not found",
+    props.id,
+    props.model.map((b) => b.id),
+  )
   return <div>Block not found</div>
 }

pdl-live-react/src/view/detail/SummaryTabContent.tsx

@@ -7,6 +7,7 @@ import CallItems from "./kind/Call"
 import CodeItems from "./kind/Code"
 import DataItems from "./kind/Data"
 import ReadItems from "./kind/Read"
+import TextItems from "./kind/Text"
 import ModelItems from "./kind/Model"
 import FunctionItems from "./kind/Function"
 
@@ -23,6 +24,7 @@ function descriptionItems(block: import("../../helpers").NonScalarPdlBlock) {
     .with({ kind: "code" }, (block) => <CodeItems block={block} />)
     .with({ kind: "data" }, (block) => <DataItems block={block} />)
     .with({ kind: "read" }, (block) => <ReadItems block={block} />)
+    .with({ kind: "text" }, (block) => <TextItems block={block} />)
     .with({ kind: "model" }, (block) => <ModelItems block={block} />)
     .with({ kind: "function" }, (block) => <FunctionItems block={block} />)
     .otherwise(() => <>This is a {block.kind} block</>)

pdl-live-react/src/view/detail/kind/Text.tsx

@@ -0,0 +1,9 @@
+import Result from "../../transcript/Result"
+
+export default function TextItems({
+  block: { result },
+}: {
+  block: import("../../../pdl_ast").TextBlock
+}) {
+  return <Result result={result} />
+}