Request and JSON parsing

{
  "result" : [ {
    "id" : "ba02277",
    "score" : 0.9949091,
    "metadata" : {"genre":"ba","blatt":"1810-01","autor":"Kleist","titel":"Zoroaster.","link":"https://kleist-digital.de/etc","text":"freies, herrliches und üppiges Leben bestimmt."}
  }, {
    "id" : "ba01711",
    "score" : 0.8891792,
    "metadata" : {"genre":"ba","blatt":"1810-29","autor":"Ompteda","titel":"Fragmente","link":"https://kleist-digital.de/etc","text":"So mit dem Menschen im Moralischen."}
  } ]
}

1.
Is the request in my RESTXQ in the right form?
http:send-request(
        <http:request
            method="post"
            href="{$prod:url}/query-data">
            <http:header
                name="Authorization"
                value="Bearer {$prod:token}"/>
            <http:body
                media-type="application/json">
                {{
                "data": "{$query}",
                "topK": 20,
                "includeVectors": false,
                "includeMetadata": true
                }}
            </http:body>
        </http:request>
        )

2.
I'm getting a full Object (but I dont know, if its the raw JSON-Object like above), but I am not able, to parse it, to get a list in html.
In the documentation https://docs.basex.org/wiki/JSON_Module is an example:
let $input := '{
  "Title": "Drinks",
  "Author": [ "Jim Daniels", "Jack Beam" ]
}'
let $data := json:parse($input, map { 'format': 'xquery' })
return map:for-each($data, function($k, $v) {
  $k || ': ' || string-join($v, ', ')
})

But my Object is more complex and I don't know, how to get two and more datasets with $k and $v out of the object.
I want to have the following list:
<div>
<li>
	<ul>
	<li><span>Score: </span> <span>result score</span></li>
	<li><span>Blatt: </span> <span>result blatt</span></li>
	<li><span>Autor: </span> <span>result autor</span></li>
	<li><span>Titel: </span> <span>result titel</span></li>
	<li><span>Text: </span> <span>result text</span></li>
	<li><span>Link: </span> <span>result link</span></li>
	</ul>
</li>
	<ul>
	<li></li>
	</ul>
etc.
</div>

<div>
{
parse-json($result)?result?*!(let $score := ?score return ?metadata ! <ul>

     <li><span>Score: </span> <span>{$score}</span></li>

     <li><span>Blatt: </span> <span>{?blatt}</span></li>

     <li><span>Autor: </span> <span>{?autor}</span></li>

     <li><span>Titel: </span> <span>{?titel}</span></li>

     <li><span>Text: </span> <span>{?text}</span></li>

     <li><span>Link: </span> <span>{?link}</span></li>

</ul>
)
}
</div>

<div>
   <ul>
     <li>
       <span>Score: </span>
       <span>0.9949091</span>
     </li>
     <li>
       <span>Blatt: </span>
       <span>1810-01</span>
     </li>
     <li>
       <span>Autor: </span>
       <span>Kleist</span>
     </li>
     <li>
       <span>Titel: </span>
       <span>Zoroaster.</span>
     </li>
     <li>
       <span>Text: </span>
       <span>freies, herrliches und üppiges Leben bestimmt.</span>
     </li>
     <li>
       <span>Link: </span>
       <span>https://kleist-digital.de/etc</span>
     </li>
   </ul>
   <ul>
     <li>
       <span>Score: </span>
       <span>0.8891792</span>
     </li>
     <li>
       <span>Blatt: </span>
       <span>1810-29</span>
     </li>
     <li>
       <span>Autor: </span>
       <span>Ompteda</span>
     </li>
     <li>
       <span>Titel: </span>
       <span>Fragmente</span>
     </li>
     <li>
       <span>Text: </span>
       <span>So mit dem Menschen im Moralischen.</span>
     </li>
     <li>
       <span>Link: </span>
       <span>https://kleist-digital.de/etc</span>
     </li>
   </ul>
</div>

let $data := json:parse($input, map { 'format': 'xquery' })

<json type="object">
    <result type="array">
        <_ type="object">
        <id>ba03177</id>
        <score type="number">0.83175087</score>
        <metadata type="object">
            <genre>ba</genre>
            <blatt>1810-40</blatt>
            <autor>Heinrich von Kleist</autor>
            <titel>Die heilige Cäcilie</titel>
            <link>
            "https://kleist-digital.de/berliner-abendblaetter-etc"
            <text>Die Aebtissinn , die schon, in der Stunde der Mitternacht, durch einen Freund, von der Gefahr, etc</text>
        </metadata>
        <!--_-->
etc.

let $body := document {
  <json type="object">
    <result type="array">
      <_ type="object">
        <id>ba03177</id>
        <score type="number">0.83175087</score>
        <metadata type="object">
          <genre>ba</genre>
          <blatt>1810-40</blatt>
          <autor>Heinrich von Kleist</autor>
          <titel>Die heilige Cäcilie</titel>
          <link>https://kleist-digital.de/...</link>
          <text>Die Aebtissinn, ...</text>
        </metadata>
      </_>
    </result>
  </json>
}
return <div>
  <ul>{
    for $result in $body/json/result/_
    return <ul>{
      for $field in ('Score', 'Blatt', 'Autor', 'Titel', 'Text', 'Link')
      return <li>
        <span>{ $field }: </span>
        <span>{ data($result//*[name() = lower-case($field)]) }</span>
      </li>
    }</ul>
  }</ul>
</div>

return <div>
  <ul>{
    for $result in $body/json/result/_
    return <ul>{
      for $text in $result//text()
      let $field := name($text/..)
      return <li>
        <span>{ $field ! (upper-case(substring(., 1, 1)) || substring(.,
2))  }: </span>
        <span>{ $text }</span>
      </li>
    }</ul>
  }</ul>
</div>