Upload folder using huggingface_hub

README.md

@@ -1,9 +1,9 @@
 
 ---
-tags: [gradio-custom-component,gradio-template-Chatbot,chatbot]
-title: gradio_gptchatbot V0.0.2
-colorFrom: gray
-colorTo: red
+tags: [gradio-custom-component,gradio-template-Chatbot]
+title: gradio_gptchatbot V0.0.1
+colorFrom: indigo
+colorTo: pink
 sdk: docker
 pinned: false
 license: apache-2.0
@@ -12,6 +12,6 @@ license: apache-2.0
 
 # Name: gradio_gptchatbot
 
-Description: a GPT-style Chatbot component
+Description: Python library for easily interacting with trained machine learning models
 
 Install with: pip install gradio_gptchatbot

app.py

@@ -3,12 +3,15 @@ import gradio as gr
 from gradio_gptchatbot import GPTChatbot
 
 
-example = GPTChatbot().example_inputs()
+example = [
+    ("How do I create a Gradio app?",
+    "You can create a Gradio app by...")
+]
 
 with gr.Blocks() as demo:
     with gr.Row():
         GPTChatbot(label="Blank"),  # blank component
-        GPTChatbot(value=example, label="Populated"),  # populated component
+        GPTChatbot(value=example, label="Populated", layout="panel"),  # populated component
 
 
 demo.launch()

requirements.txt

@@ -1 +1 @@
-gradio_gptchatbot-0.0.2-py3-none-any.whl
+gradio_gptchatbot-0.0.1-py3-none-any.whl

src/demo/app.py

@@ -3,12 +3,15 @@ import gradio as gr
 from gradio_gptchatbot import GPTChatbot
 
 
-example = GPTChatbot().example_inputs()
+example = [
+    ("How do I create a Gradio app?",
+    "You can create a Gradio app by...")
+]
 
 with gr.Blocks() as demo:
     with gr.Row():
         GPTChatbot(label="Blank"),  # blank component
-        GPTChatbot(value=example, label="Populated"),  # populated component
+        GPTChatbot(value=example, label="Populated", layout="panel"),  # populated component
 
 
 demo.launch()

src/frontend/package-lock.json

@@ -1,21 +1,21 @@
 {
   "name": "gradio_gptchatbot",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "gradio_gptchatbot",
-      "version": "0.4.5",
+      "version": "0.4.6",
       "license": "ISC",
       "dependencies": {
-        "@gradio/atoms": "0.2.1",
+        "@gradio/atoms": "0.2.2",
         "@gradio/client": "0.8.1",
-        "@gradio/icons": "0.2.0",
-        "@gradio/markdown": "0.3.1",
-        "@gradio/statustracker": "0.3.1",
+        "@gradio/icons": "0.2.1",
+        "@gradio/markdown": "0.3.2",
+        "@gradio/statustracker": "0.3.2",
         "@gradio/theme": "0.2.0",
-        "@gradio/upload": "0.4.1",
+        "@gradio/upload": "0.4.2",
         "@gradio/utils": "0.2.0",
         "@types/dompurify": "^3.0.2",
         "@types/katex": "^0.16.0",
@@ -37,9 +37,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz",
-      "integrity": "sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.6.tgz",
+      "integrity": "sha512-muPzBqXJKCbMYoNbb1JpZh/ynl0xS6/+pLjrofcR3Nad82SbsCogYzUE6Aq9QT3cLP0jR/IVK/NHC9b90mSHtg==",
       "cpu": [
         "arm"
       ],
@@ -52,9 +52,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz",
-      "integrity": "sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.6.tgz",
+      "integrity": "sha512-KQ/hbe9SJvIJ4sR+2PcZ41IBV+LPJyYp6V1K1P1xcMRup9iYsBoQn4MzE3mhMLOld27Au2eDcLlIREeKGUXpHQ==",
       "cpu": [
         "arm64"
       ],
@@ -67,9 +67,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz",
-      "integrity": "sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.6.tgz",
+      "integrity": "sha512-VVJVZQ7p5BBOKoNxd0Ly3xUM78Y4DyOoFKdkdAe2m11jbh0LEU4bPles4e/72EMl4tapko8o915UalN/5zhspg==",
       "cpu": [
         "x64"
       ],
@@ -82,9 +82,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz",
-      "integrity": "sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.6.tgz",
+      "integrity": "sha512-91LoRp/uZAKx6ESNspL3I46ypwzdqyDLXZH7x2QYCLgtnaU08+AXEbabY2yExIz03/am0DivsTtbdxzGejfXpA==",
       "cpu": [
         "arm64"
       ],
@@ -97,9 +97,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz",
-      "integrity": "sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.6.tgz",
+      "integrity": "sha512-QCGHw770ubjBU1J3ZkFJh671MFajGTYMZumPs9E/rqU52md6lIil97BR0CbPq6U+vTh3xnTNDHKRdR8ggHnmxQ==",
       "cpu": [
         "x64"
       ],
@@ -112,9 +112,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz",
-      "integrity": "sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.6.tgz",
+      "integrity": "sha512-J53d0jGsDcLzWk9d9SPmlyF+wzVxjXpOH7jVW5ae7PvrDst4kiAz6sX+E8btz0GB6oH12zC+aHRD945jdjF2Vg==",
       "cpu": [
         "arm64"
       ],
@@ -127,9 +127,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz",
-      "integrity": "sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.6.tgz",
+      "integrity": "sha512-hn9qvkjHSIB5Z9JgCCjED6YYVGCNpqB7dEGavBdG6EjBD8S/UcNUIlGcB35NCkMETkdYwfZSvD9VoDJX6VeUVA==",
       "cpu": [
         "x64"
       ],
@@ -142,9 +142,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz",
-      "integrity": "sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.6.tgz",
+      "integrity": "sha512-G8IR5zFgpXad/Zp7gr7ZyTKyqZuThU6z1JjmRyN1vSF8j0bOlGzUwFSMTbctLAdd7QHpeyu0cRiuKrqK1ZTwvQ==",
       "cpu": [
         "arm"
       ],
@@ -157,9 +157,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz",
-      "integrity": "sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.6.tgz",
+      "integrity": "sha512-HQCOrk9XlH3KngASLaBfHpcoYEGUt829A9MyxaI8RMkfRA8SakG6YQEITAuwmtzFdEu5GU4eyhKcpv27dFaOBg==",
       "cpu": [
         "arm64"
       ],
@@ -172,9 +172,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz",
-      "integrity": "sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.6.tgz",
+      "integrity": "sha512-22eOR08zL/OXkmEhxOfshfOGo8P69k8oKHkwkDrUlcB12S/sw/+COM4PhAPT0cAYW/gpqY2uXp3TpjQVJitz7w==",
       "cpu": [
         "ia32"
       ],
@@ -187,9 +187,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz",
-      "integrity": "sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.6.tgz",
+      "integrity": "sha512-82RvaYAh/SUJyjWA8jDpyZCHQjmEggL//sC7F3VKYcBMumQjUL3C5WDl/tJpEiKtt7XrWmgjaLkrk205zfvwTA==",
       "cpu": [
         "loong64"
       ],
@@ -202,9 +202,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz",
-      "integrity": "sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.6.tgz",
+      "integrity": "sha512-8tvnwyYJpR618vboIv2l8tK2SuK/RqUIGMfMENkeDGo3hsEIrpGldMGYFcWxWeEILe5Fi72zoXLmhZ7PR23oQA==",
       "cpu": [
         "mips64el"
       ],
@@ -217,9 +217,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz",
-      "integrity": "sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.6.tgz",
+      "integrity": "sha512-Qt+D7xiPajxVNk5tQiEJwhmarNnLPdjXAoA5uWMpbfStZB0+YU6a3CtbWYSy+sgAsnyx4IGZjWsTzBzrvg/fMA==",
       "cpu": [
         "ppc64"
       ],
@@ -232,9 +232,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz",
-      "integrity": "sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.6.tgz",
+      "integrity": "sha512-lxRdk0iJ9CWYDH1Wpnnnc640ajF4RmQ+w6oHFZmAIYu577meE9Ka/DCtpOrwr9McMY11ocbp4jirgGgCi7Ls/g==",
       "cpu": [
         "riscv64"
       ],
@@ -247,9 +247,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz",
-      "integrity": "sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.6.tgz",
+      "integrity": "sha512-MopyYV39vnfuykHanRWHGRcRC3AwU7b0QY4TI8ISLfAGfK+tMkXyFuyT1epw/lM0pflQlS53JoD22yN83DHZgA==",
       "cpu": [
         "s390x"
       ],
@@ -262,9 +262,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz",
-      "integrity": "sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.6.tgz",
+      "integrity": "sha512-UWcieaBzsN8WYbzFF5Jq7QULETPcQvlX7KL4xWGIB54OknXJjBO37sPqk7N82WU13JGWvmDzFBi1weVBajPovg==",
       "cpu": [
         "x64"
       ],
@@ -277,9 +277,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz",
-      "integrity": "sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.6.tgz",
+      "integrity": "sha512-EpWiLX0fzvZn1wxtLxZrEW+oQED9Pwpnh+w4Ffv8ZLuMhUoqR9q9rL4+qHW8F4Mg5oQEKxAoT0G+8JYNqCiR6g==",
       "cpu": [
         "x64"
       ],
@@ -292,9 +292,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz",
-      "integrity": "sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.6.tgz",
+      "integrity": "sha512-fFqTVEktM1PGs2sLKH4M5mhAVEzGpeZJuasAMRnvDZNCV0Cjvm1Hu35moL2vC0DOrAQjNTvj4zWrol/lwQ8Deg==",
       "cpu": [
         "x64"
       ],
@@ -307,9 +307,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz",
-      "integrity": "sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.6.tgz",
+      "integrity": "sha512-M+XIAnBpaNvaVAhbe3uBXtgWyWynSdlww/JNZws0FlMPSBy+EpatPXNIlKAdtbFVII9OpX91ZfMb17TU3JKTBA==",
       "cpu": [
         "x64"
       ],
@@ -322,9 +322,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz",
-      "integrity": "sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.6.tgz",
+      "integrity": "sha512-2DchFXn7vp/B6Tc2eKdTsLzE0ygqKkNUhUBCNtMx2Llk4POIVMUq5rUYjdcedFlGLeRe1uLCpVvCmE+G8XYybA==",
       "cpu": [
         "arm64"
       ],
@@ -337,9 +337,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz",
-      "integrity": "sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.6.tgz",
+      "integrity": "sha512-PBo/HPDQllyWdjwAVX+Gl2hH0dfBydL97BAH/grHKC8fubqp02aL4S63otZ25q3sBdINtOBbz1qTZQfXbP4VBg==",
       "cpu": [
         "ia32"
       ],
@@ -352,9 +352,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz",
-      "integrity": "sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.6.tgz",
+      "integrity": "sha512-OE7yIdbDif2kKfrGa+V0vx/B3FJv2L4KnIiLlvtibPyO9UkgO3rzYE0HhpREo2vmJ1Ixq1zwm9/0er+3VOSZJA==",
       "cpu": [
         "x64"
       ],
@@ -411,11 +411,11 @@
       }
     },
     "node_modules/@gradio/atoms": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.1.tgz",
-      "integrity": "sha512-di3kKSbjxKGngvTAaqUaA6whOVs5BFlQULlWDPq1m37VRgUD7Oq2MkIE+T+YiNAhByN93pqA0hGrWwAUUuxy5Q==",
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.2.tgz",
+      "integrity": "sha512-tyBd1MTXGGyDFUyKSWW5L9ZpyxsORbeDB2lgDN149b+nAv5BmOSoKDMyJ11pbQJEZDRzYVLHDfkKUd9FAHA0nQ==",
       "dependencies": {
-        "@gradio/icons": "^0.2.0",
+        "@gradio/icons": "^0.2.1",
         "@gradio/utils": "^0.2.0"
       }
     },
@@ -438,17 +438,17 @@
       "integrity": "sha512-P24nqqVnMXBaDA1f/zSN5HZRho4PxP8Dq+7VltPHlmxIEiZYik2AJ4J0LeuIha34FDO0guu/16evdrpvGIUAfw=="
     },
     "node_modules/@gradio/icons": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@gradio/icons/-/icons-0.2.0.tgz",
-      "integrity": "sha512-rfCSmOF+ALqBOjTWL1ICasyA8JuO0MPwFrtlVMyAWp7R14AN8YChC/gbz5fZ0kNBiGGEYOOfqpKxyvC95jGGlg=="
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@gradio/icons/-/icons-0.2.1.tgz",
+      "integrity": "sha512-qJ0mP14UZzU9lwCU+dfiHZJsOktFD1/x6VxS3BZNX7HG93M5EO3kpc6hQLy5ZMVgUmKIPKASKkaFJQYi53UJ3Q=="
     },
     "node_modules/@gradio/markdown": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@gradio/markdown/-/markdown-0.3.1.tgz",
-      "integrity": "sha512-rS5vs+KY/q51QiefzveuZOvR7Dl6qsNlMRA8Z/DJ2HBMum1Pz/ntQNVFxBGxNgh9nMW+EFNS1Ey2hAjKFeHMeA==",
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@gradio/markdown/-/markdown-0.3.2.tgz",
+      "integrity": "sha512-wvb8ft8EvRzoq+/VwCUvG9EtmVtvkqP85txWJDoOGp9KTfXTp7zGG13Lrx8MT9hUewAizSlGVIwg2Ir8bv58Mg==",
       "dependencies": {
-        "@gradio/atoms": "^0.2.1",
-        "@gradio/statustracker": "^0.3.1",
+        "@gradio/atoms": "^0.2.2",
+        "@gradio/statustracker": "^0.3.2",
         "@gradio/utils": "^0.2.0",
         "@types/dompurify": "^3.0.2",
         "@types/katex": "^0.16.0",
@@ -461,13 +461,13 @@
       }
     },
     "node_modules/@gradio/statustracker": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.1.tgz",
-      "integrity": "sha512-ZpmXZSnbgoFU2J54SrNntwfo2OEuEoRV310Q0zGVTH1VL7loziR7GuYhfIbgS8qFlrWM0MhMoLGDX+k7LAig5w==",
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.2.tgz",
+      "integrity": "sha512-eb7GPGvSZ1VWIzhsGFyi1LGk8aLbafXu7QszTVebn4GE5l7VvdLWzBAqQGXA8CFJsF5y03z9Ky1vwzNkWKKX5w==",
       "dependencies": {
-        "@gradio/atoms": "^0.2.1",
+        "@gradio/atoms": "^0.2.2",
         "@gradio/column": "^0.1.0",
-        "@gradio/icons": "^0.2.0",
+        "@gradio/icons": "^0.2.1",
         "@gradio/utils": "^0.2.0"
       }
     },
@@ -477,14 +477,14 @@
       "integrity": "sha512-33c68Nk7oRXLn08OxPfjcPm7S4tXGOUV1I1bVgzdM2YV5o1QBOS1GEnXPZPu/CEYPePLMB6bsDwffrLEyLGWVQ=="
     },
     "node_modules/@gradio/upload": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@gradio/upload/-/upload-0.4.1.tgz",
-      "integrity": "sha512-iXEckwathXVCDRX+Jrnc6Qu5MDK108niej9p190V7+/B3+vjjP1eCBAd881zH7JR3VHthUBjNVu5/uXZ9cVX1A==",
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@gradio/upload/-/upload-0.4.2.tgz",
+      "integrity": "sha512-2yUN7o5AVmm9IJDcFieCG9bYFkMildTwqfnPlWlVcGKuvVHHThUpA/+nx9wDCAUhJt38Zlkp6Ye+GI1HdDSilQ==",
       "dependencies": {
-        "@gradio/atoms": "^0.2.1",
+        "@gradio/atoms": "^0.2.2",
         "@gradio/client": "^0.8.1",
-        "@gradio/icons": "^0.2.0",
-        "@gradio/upload": "^0.4.1",
+        "@gradio/icons": "^0.2.1",
+        "@gradio/upload": "^0.4.2",
         "@gradio/utils": "^0.2.0"
       }
     },
@@ -740,9 +740,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz",
-      "integrity": "sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==",
+      "version": "0.19.6",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.6.tgz",
+      "integrity": "sha512-Xl7dntjA2OEIvpr9j0DVxxnog2fyTGnyVoQXAMQI6eR3mf9zCQds7VIKUDCotDgE/p4ncTgeRqgX8t5d6oP4Gw==",
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -751,28 +751,28 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/android-arm": "0.19.5",
-        "@esbuild/android-arm64": "0.19.5",
-        "@esbuild/android-x64": "0.19.5",
-        "@esbuild/darwin-arm64": "0.19.5",
-        "@esbuild/darwin-x64": "0.19.5",
-        "@esbuild/freebsd-arm64": "0.19.5",
-        "@esbuild/freebsd-x64": "0.19.5",
-        "@esbuild/linux-arm": "0.19.5",
-        "@esbuild/linux-arm64": "0.19.5",
-        "@esbuild/linux-ia32": "0.19.5",
-        "@esbuild/linux-loong64": "0.19.5",
-        "@esbuild/linux-mips64el": "0.19.5",
-        "@esbuild/linux-ppc64": "0.19.5",
-        "@esbuild/linux-riscv64": "0.19.5",
-        "@esbuild/linux-s390x": "0.19.5",
-        "@esbuild/linux-x64": "0.19.5",
-        "@esbuild/netbsd-x64": "0.19.5",
-        "@esbuild/openbsd-x64": "0.19.5",
-        "@esbuild/sunos-x64": "0.19.5",
-        "@esbuild/win32-arm64": "0.19.5",
-        "@esbuild/win32-ia32": "0.19.5",
-        "@esbuild/win32-x64": "0.19.5"
+        "@esbuild/android-arm": "0.19.6",
+        "@esbuild/android-arm64": "0.19.6",
+        "@esbuild/android-x64": "0.19.6",
+        "@esbuild/darwin-arm64": "0.19.6",
+        "@esbuild/darwin-x64": "0.19.6",
+        "@esbuild/freebsd-arm64": "0.19.6",
+        "@esbuild/freebsd-x64": "0.19.6",
+        "@esbuild/linux-arm": "0.19.6",
+        "@esbuild/linux-arm64": "0.19.6",
+        "@esbuild/linux-ia32": "0.19.6",
+        "@esbuild/linux-loong64": "0.19.6",
+        "@esbuild/linux-mips64el": "0.19.6",
+        "@esbuild/linux-ppc64": "0.19.6",
+        "@esbuild/linux-riscv64": "0.19.6",
+        "@esbuild/linux-s390x": "0.19.6",
+        "@esbuild/linux-x64": "0.19.6",
+        "@esbuild/netbsd-x64": "0.19.6",
+        "@esbuild/openbsd-x64": "0.19.6",
+        "@esbuild/sunos-x64": "0.19.6",
+        "@esbuild/win32-arm64": "0.19.6",
+        "@esbuild/win32-ia32": "0.19.6",
+        "@esbuild/win32-x64": "0.19.6"
       }
     },
     "node_modules/estree-walker": {
@@ -936,9 +936,9 @@
       "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
     },
     "node_modules/node-gyp-build": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.1.tgz",
-      "integrity": "sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==",
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.7.0.tgz",
+      "integrity": "sha512-PbZERfeFdrHQOOXiAKOY0VPbykZy90ndPKk0d+CFDegTKmWp1VgOTz2xACVbr1BjCWxrQp68CXtvNsveFhqDJg==",
       "bin": {
         "node-gyp-build": "bin.js",
         "node-gyp-build-optional": "optional.js",
@@ -993,9 +993,9 @@
       }
     },
     "node_modules/svelte": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.3.tgz",
-      "integrity": "sha512-sqmG9KC6uUc7fb3ZuWoxXvqk6MI9Uu4ABA1M0fYDgTlFYu1k02xp96u6U9+yJZiVm84m9zge7rrA/BNZdFpOKw==",
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.6.tgz",
+      "integrity": "sha512-M6GYr+9oYw3AkciFm3Q+v9IWocOb0L+2aYsOtP3mKAxVqj4RK4xJRjLdQRZi+39UowCpn53Ghr7VkFBpkRFk9g==",
       "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.1",

src/frontend/package.json

@@ -1,19 +1,19 @@
 {
   "name": "gradio_gptchatbot",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
   "license": "ISC",
   "private": false,
   "dependencies": {
-    "@gradio/atoms": "0.2.1",
+    "@gradio/atoms": "0.2.2",
     "@gradio/client": "0.8.1",
-    "@gradio/icons": "0.2.0",
-    "@gradio/markdown": "0.3.1",
-    "@gradio/statustracker": "0.3.1",
+    "@gradio/icons": "0.2.1",
+    "@gradio/markdown": "0.3.2",
+    "@gradio/statustracker": "0.3.2",
     "@gradio/theme": "0.2.0",
-    "@gradio/upload": "0.4.1",
+    "@gradio/upload": "0.4.2",
     "@gradio/utils": "0.2.0",
     "@types/dompurify": "^3.0.2",
     "@types/katex": "^0.16.0",

src/frontend/shared/ChatBot.svelte

@@ -128,7 +128,30 @@
 	aria-live="polite"
 >
 	<div class="message-wrap" class:bubble-gap={layout === "bubble"} use:copy>
-		{#if value !== null}
+		{#if value === null || value.length == 0}
+		<div
+			class={layout === "bubble" ? "bubble-wrap" : "panel-wrap"}
+			bind:this={div}
+			role="log"
+			aria-label="chatbot conversation"
+			aria-live="polite"
+		>
+			<div class="logo-container">
+				<img class="centered-logo" src="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/static/favicon.png" alt="Chatbot Logo" />
+			</div>
+			<p class="placeholder-text">How can I help you today?</p>
+			<div class="message-wrap" class:bubble-gap={layout === "bubble"} use:copy>
+				<!-- Existing message elements -->
+			</div>
+			<div class="buttons-container">
+				<button class="action-button">Plan a trip</button>
+				<button class="action-button">Brainstorm names</button>
+				<button class="action-button">Write a spreadsheet formula</button>
+				<button class="action-button">Create a charter</button>
+			</div>
+		</div>
+	
+		{:else}
 			{#each value as message_pair, i}
 				{#each message_pair as message, j}
 					{#if message !== null}
@@ -550,4 +573,38 @@
 	.message-wrap :global(pre) {
 		position: relative;
 	}
+
+	.logo-container {
+    text-align: center;
+    padding: 20px;
+}
+
+.centered-logo {
+    max-width: 150px; /* Adjust as needed */
+    margin: 0 auto;
+}
+
+.placeholder-text {
+    text-align: center;
+    color: #666; /* Placeholder text color */
+	font-size: large;
+    margin-bottom: 20px;
+}
+
+.buttons-container {
+    display: flex;
+    justify-content: space-evenly;
+    padding: 0 0;
+}
+
+.action-button {
+    padding: 10px 20px;
+    margin: 0 5px;
+    border: 1px solid rgb(229, 229, 229);
+	border-radius: 10px;
+    cursor: pointer;
+}
+
+/* Add responsive design or additional styling as needed */
+
 </style>

src/pyproject.toml

@@ -8,13 +8,16 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_gptchatbot"
-version = "0.0.2"
-description = "a GPT-style Chatbot component"
+version = "0.0.1"
+description = "Python library for easily interacting with trained machine learning models"
 readme = "README.md"
-license = "MIT"
+license = "Apache-2.0"
 requires-python = ">=3.8"
 authors = [{ name = "YOUR NAME", email = "YOUREMAIL@domain.com" }]
-keywords = ["gradio-custom-component", "gradio-template-Chatbot", "chatbot"]
+keywords = [
+  "gradio-custom-component",
+  "gradio-template-Chatbot"
+]
 # Add dependencies here
 dependencies = ["gradio>=4.0,<5.0"]
 classifiers = [
@@ -36,7 +39,7 @@ classifiers = [
 dev = ["build", "twine"]
 
 [tool.hatch.build]
-artifacts = ["/backend/gradio_gptchatbot/templates", "*.pyi"]
+artifacts = ["/backend/gradio_gptchatbot/templates", "*.pyi", "backend/gradio_gptchatbot/templates"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["/backend/gradio_gptchatbot"]