here's some code you need to watch!: {body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"asNotFound\":false,\"children\":[[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"hasLoading\":false,\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"childProp\":{\"current\":[[\"$\",\"$La\",null,{\"propsForComponent\":{\"params\":{}},\"Component\":\"$b\"}],null],\"segment\":\"__PAGE__\"},\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"./_next/static/css/aa52c84dc63fe0c2.css\",\"precedence\":\"next\"}]]}],null]}]]\n"])</script><script>self.__next_f.push([1,"7:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n5:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Gradiobot UI\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Beautiful UI for Gradio Chatbot\"}],[\"$\",\"meta\",\"3\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"any\"}]]\n"])</script><next-route-announcer style="position: absolute;"></next-route-announcer><main class="h-screen grid grid-cols-[auto_1fr]" style="background-color: rgb(126, 184, 212);"><aside class="flex flex-col bg-primary-background bg-opacity-40 overflow-hidden w-[230px] px-4"><img alt="collapse" loading="lazy" decoding="async" data-nimg="1" class="w-6 h-6 cursor-pointer my-5 self-end" style="color: transparent;" src="./_next/static/media/collapse.fbb9d05e.svg" width="24" height="24"><img alt="logo" loading="lazy" decoding="async" data-nimg="1" class="w-[79px]" style="color: transparent;" src="./_next/static/media/logo.e537bd1b.svg" width="512" height="312"><div class="flex flex-col gap-3 mt-2 overflow-y-auto scrollbar-none"><a class="rounded-[10px] w-full h-[45px] pl-3 flex flex-row gap-3 items-center shrink-0 break-all bg-white text-primary-text dark:bg-primary-blue" title="All-In-One" href="#/" data-status="active"><img alt="nav" loading="lazy" decoding="async" data-nimg="1" class="w-6 h-6 ml-1" style="color: transparent;" src="./_next/static/media/all-in-one.76a3222a.svg" width="26" height="26"><span class="font-medium text-sm">All-In-One</span></a></div><div class="mt-auto pt-2"><hr class="border-[#ffffff4d]"><div class="my-5"><a href="#/setting"><div class="flex flex-row justify-center items-center gap-[10px] rounded-[10px] px-4 py-[6px] cursor-pointer" style="background: linear-gradient(275deg, rgb(var(--color-primary-purple)) 1.65%, rgb(var(--color-primary-blue)) 100%);"><span class="text-white font-semibold text-base">Add More</span></div></a></div><div class="flex mt-5 gap-[10px] mb-4 flex-row "><a href="https://github.com/weaigc/gradio-chatbot?utm_source=webui" target="_blank" rel="noreferrer" data-state="closed"><div class="p-[6px] rounded-[10px] w-fit cursor-pointer hover:opacity-80 bg-secondary bg-opacity-20"><img alt="button" loading="lazy" decoding="async" data-nimg="1" class="w-6 h-6" style="color: transparent;" src="./_next/static/media/github.7fb5de84.svg" width="1024" height="1024"></div></a><a href="https://github.com/weaigc/gradio-chatbot/issues" target="_blank" rel="noreferrer" data-state="closed"><div class="p-[6px] rounded-[10px] w-fit cursor-pointer hover:opacity-80 bg-secondary bg-opacity-20"><img alt="button" loading="lazy" decoding="async" data-nimg="1" class="w-6 h-6" style="color: transparent;" src="./_next/static/media/feedback.47013dfe.svg" width="24" height="24"></div></a><a data-state="closed"><div class="p-[6px] rounded-[10px] w-fit cursor-pointer hover:opacity-80 bg-secondary bg-opacity-20"><img alt="button" loading="lazy" decoding="async" data-nimg="1" class="w-6 h-6" style="color: transparent;" src="./_next/static/media/theme.e2c6e463.svg" width="24" height="24"></div></a><a data-state="closed" href="#/setting"><div class="p-[6px] rounded-[10px] w-fit cursor-pointer hover:opacity-80 bg-secondary bg-opacity-20"><img alt="button" loading="lazy" decoding="async" data-nimg="1" class="w-6 h-6" style="color: transparent;" src="./_next/static/media/setting.0ee621f2.svg" width="20" height="22"></div></a></div></div></aside><div class="px-[15px] py-3 h-full overflow-hidden"><div class="flex flex-col overflow-hidden h-full"><div class="grid overflow-hidden grow auto-rows-fr gap-3 mb-3 grid-cols-2"><div class="flex flex-col overflow-hidden bg-primary-background h-full rounded-[20px]"><div class="border-b border-solid border-primary-border flex flex-row items-center justify-between ga