fix: Data block detail may double-yaml-stringify

This also updates Code to use line wrapping.

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

Author: starpit

pdl-live-react/src/view/Result.tsx

@@ -27,7 +27,7 @@ export default function Result({
   const isCode = !!lang && lang !== "plaintext" && !!result
 
   const innerContent = isCode ? (
-    <Code block={result} language={lang} wrap={false} />
+    <Code block={result} language={lang} />
   ) : (
     <Value>{result}</Value>
   )

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

@@ -7,6 +7,10 @@ export default function ModelItems({
   block: import("../../../pdl_ast").DataBlock
 }) {
   return (
-    <Result result={stringify(result)} lang="yaml" term={def ?? "Struct"} />
+    <Result
+      result={typeof result === "string" ? result.trim() : stringify(result)}
+      lang={typeof result === "string" ? undefined : "yaml"}
+      term={def ?? "Struct"}
+    />
   )
 }