formatting

app.py

@@ -145,6 +145,16 @@ def update_column_names(compare_mode):
 
 
 with gr.Blocks() as demo:
+    with gr.Row():
+        gr.HTML(
+            "<h1 style='text-align: center;'>&#x1F4D6; Chat Column Viewer &#x1F4D6;</h1>"
+        )
+    gr.HTML(
+        "<div style='text-align: center;'><em>✨ Explore ChatML formatted data via the datasets viewer API ✨</em></div>"
+    )
+    gr.Markdown(
+        "This app allows you to view chat data from a Hugging Face dataset via the datasets viewer API. ChatML formatted data consists of messages formatted as lists of dictionaries, where each dictionary represents a message with a 'role' (e.g., 'user' or 'assistant') and 'content'. This is a very basic demo built in less than 30 minutes but it hopefully gives you an idea of the kinds of things you can build with the datasets viewer. You can get started building your own apps by going to the datasets viewer documentation [here](https://huggingface.co/docs/datasets-server/index)."
+    )
     with gr.Row():
         dataset_id = gr.Textbox(
             label="Dataset ID", placeholder="e.g., davanstrien/cosmochat"