From 7f02fead8cff21aecba6bc4e5665b48e9438302e Mon Sep 17 00:00:00 2001
From: Jhen <developer@jhen.me>
Date: Wed, 2 Aug 2023 16:14:10 +0800
Subject: [PATCH] server : handle bytes

---
 examples/server/public/index.html | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/examples/server/public/index.html b/examples/server/public/index.html
index 740154262..1621a07fd 100644
--- a/examples/server/public/index.html
+++ b/examples/server/public/index.html
@@ -424,17 +424,21 @@
         const popoverChildren = html`
           <div>
             ${completion_probabilities.map((cp, i) => {
-              return cp.probs.map((p, j) => {
-                return html`
-                  <div style=${{
-                    padding: '0.3em',
-                    backgroundColor: p.tok_str === msg.content ? probColor(p.prob) : 'transparent'
-                  }}>
-                    <span>${p.tok_str}: </span>
-                    <span>${p.prob}</span>
-                  </div>
-                `
-              })
+              return html`
+                <div key={i} style=${{ borderBottom: '1px solid #ccc', padding: '0.3em' }}>
+                  ${cp.probs.map((p, j) => {
+                    return html`
+                      <div key=${`${i}-${j}`} style=${{
+                        padding: '0.3em',
+                        backgroundColor: p.tok_str === cp.content ? probColor(p.prob) : 'transparent'
+                      }}>
+                        <span>${p.tok_str}: </span>
+                        <span>${p.prob}</span>
+                      </div>
+                    `
+                  })}
+                </div>
+              `
             })}
           </div>
         `