Update index.html

index.html

@@ -21,36 +21,35 @@
         <gradio-lite>
             <gradio-file name="app.py" entrypoint>
 import gradio as gr
+from transformers_js_py import pipeline
 
-from filters import as_gray
-
-def process(input_image):
-    output_image = as_gray(input_image)
-    return output_image
-
-demo = gr.Interface(
-    process,
-    "image",
-    "image",
-    examples=["lion.jpg", "logo.png"],
+generator = await pipeline(
+    "text-generation",
+    "onnx-community/Qwen2.5-0.5B-Instruct",
+    { "dtype": "q4", "device": "webgpu" }
 )
 
-demo.launch()
-            </gradio-file>
+async def chat_response(message, history):
+    messages = [
+        { "role": "system", "content": "You are a great assistant." },
+        { "role": "user", "content": message }
+    ]
 
-            <gradio-file name="filters.py">
-from skimage.color import rgb2gray
+    output = await generator(messages, {
+        "max_new_tokens": 256,
+        "do_sample": True,
+        "temperature": 0.3,
+    })
+    response = output[0]["generated_text"][-1]["content"]
+    return response
 
-def as_gray(image):
-    return rgb2gray(image)
-            </gradio-file>
+demo = gr.ChatInterface(chat_response, type="messages", autofocus=False)
 
-            <gradio-file name="lion.jpg" url="https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/test_data/lion.jpg" />
-            <gradio-file name="logo.png" url="https://raw.githubusercontent.com/gradio-app/gradio/main/guides/assets/logo.png" />
+demo.launch()
+            </gradio-file>
 
             <gradio-requirements>
-# Same syntax as requirements.txt
-scikit-image
+transformers-js-py
             </gradio-requirements>
         </gradio-lite>
     </body>