Update app.py

app.py

@@ -562,7 +562,21 @@ def create_ui(generator: FontMoodGenerator):
                     value="/* Generate a palette first to see CSS code here */",
                     lines=15
                 )
+                palette_preview = gr.HTML(label="Font Palette Preview")
+
+                # Update the palette preview when font data changes
+                def update_palette_preview(font_data_json):
+                    if not font_data_json:
+                        return ""
+                    top_hits = [{"corpus_id": item["corpus_id"], "score": item["score"]} for item in font_data_json]
+                    return generator._format_palette_as_html(top_hits)
                 
+                font_data_hidden.change(
+                    fn=update_palette_preview,
+                    inputs=font_data_hidden,
+                    outputs=palette_preview
+                )    
+
                 # Update CSS code when font data changes
                 def update_css_code(font_data_json):
                     if not font_data_json: