<!DOCTYPE html>
<html
	lang="en"
	style="
		margin: 0;
		padding: 0;
		min-height: 100%;
		display: flex;
		flex-direction: column;
	"
>
	<head>
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
		/>

		
		<meta property="og:url" content="https://gradio.app/" />
		<meta property="og:type" content="website" />
		<meta property="og:image" content="" />
		<meta property="og:title" content="Gradio" />
		<meta
			property="og:description"
			content=""
		/>
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:creator" content="@teamGradio" />
		<meta name="twitter:title" content="Gradio" />
		<meta
			name="twitter:description"
			content=""
		/>
		<meta name="twitter:image" content="" />

		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag() {
				dataLayer.push(arguments);
			}
			gtag("js", new Date());
			gtag("config", "UA-156449732-1");
			window.__gradio_mode__ = "app";
		</script>

		<script>window.gradio_config = {"version":"3.21.0\n","mode":"blocks","dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"html","props":{"value":"\u003ch1 align=\"center\"\u003eGPT-4 Turbo: Research Preview (128K token limit, Short-Term Availability)\u003c/h1\u003e","show_label":true,"name":"html","visible":true,"style":{}}},{"id":2,"type":"html","props":{"value":"\u003ch3 align=\"center\" style=\"color: red;\"\u003eIf this app doesn\u0027t respond, it\u0027s likely due to our API key hitting the daily limit of our organization. Consider trying our GPT-3.5 app:\u003cbr/\u003e\u003ca href=\"https://huggingface.co/spaces/yuntian-deng/ChatGPT\"\u003ehttps://huggingface.co/spaces/yuntian-deng/ChatGPT\u003c/a\u003e\u003c/h3\u003e","show_label":true,"name":"html","visible":true,"style":{}}},{"id":3,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":false,"elem_id":"col_container","style":{}}},{"id":4,"type":"chatbot","props":{"value":[],"selectable":false,"show_label":true,"name":"chatbot","visible":true,"elem_id":"chatbot","style":{}}},{"id":5,"type":"textbox","props":{"lines":1,"max_lines":20,"placeholder":"Hi there!","value":"","type":"text","label":"Type an input and press Enter","show_label":true,"name":"textbox","visible":true,"style":{}}},{"id":6,"type":"state","props":{"show_label":true,"name":"state","visible":true,"style":{}}},{"id":7,"type":"row","props":{"type":"row","variant":"default","visible":true,"style":{}}},{"id":8,"type":"column","props":{"type":"column","variant":"default","scale":7,"min_width":320,"visible":true,"style":{}}},{"id":9,"type":"button","props":{"value":"Run","variant":"secondary","interactive":true,"name":"button","visible":true,"style":{"full_width":true}}},{"id":10,"type":"column","props":{"type":"column","variant":"default","scale":3,"min_width":320,"visible":true,"style":{}}},{"id":11,"type":"textbox","props":{"lines":1,"max_lines":20,"value":"","type":"text","label":"Status code from OpenAI server","show_label":true,"name":"textbox","visible":true,"style":{}}},{"id":12,"type":"form","props":{"type":"form","visible":true,"style":{}}},{"id":13,"type":"accordion","props":{"type":"accordion","open":false,"label":"Parameters","visible":true,"style":{}}},{"id":14,"type":"slider","props":{"minimum":0,"maximum":1.0,"step":0.05,"value":1.0,"label":"Top-p (nucleus sampling)","show_label":true,"interactive":true,"name":"slider","visible":true,"style":{}}},{"id":15,"type":"slider","props":{"minimum":0,"maximum":5.0,"step":0.1,"value":1.0,"label":"Temperature","show_label":true,"interactive":true,"name":"slider","visible":true,"style":{}}},{"id":16,"type":"number","props":{"value":0,"show_label":true,"name":"number","visible":false,"style":{}}},{"id":17,"type":"form","props":{"type":"form","visible":true,"style":{}}},{"id":18,"type":"form","props":{"type":"form","visible":true,"style":{}}},{"id":19,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"elem_id":"user_consent_container","style":{}}},{"id":20,"type":"checkbox","props":{"value":false,"show_label":true,"name":"checkbox","visible":false,"style":{}}},{"id":21,"type":"accordion","props":{"type":"accordion","open":true,"label":"User Consent for Data Collection, Use, and Sharing","visible":true,"style":{}}},{"id":22,"type":"html","props":{"value":"\n            \u003cdiv\u003e\n                \u003cp\u003eBy using our app, which is powered by OpenAI\u0027s API, you acknowledge and agree to the following terms regarding the data you provide:\u003c/p\u003e\n                \u003col\u003e\n                    \u003cli\u003e\u003cstrong\u003eCollection:\u003c/strong\u003e We may collect information, including the inputs you type into our app, the outputs generated by OpenAI\u0027s API, and certain technical details about your device and connection (such as browser type, operating system, and IP address) provided by your device\u0027s request headers.\u003c/li\u003e\n                    \u003cli\u003e\u003cstrong\u003eUse:\u003c/strong\u003e We may use the collected data for research purposes, to improve our services, and to develop new products or services, including commercial applications, and for security purposes, such as protecting against unauthorized access and attacks.\u003c/li\u003e\n                    \u003cli\u003e\u003cstrong\u003eSharing and Publication:\u003c/strong\u003e Your data, including the technical details collected from your device\u0027s request headers, may be published, shared with third parties, or used for analysis and reporting purposes.\u003c/li\u003e\n                    \u003cli\u003e\u003cstrong\u003eData Retention:\u003c/strong\u003e We may retain your data, including the technical details collected from your device\u0027s request headers, for as long as necessary.\u003c/li\u003e\n                \u003c/ol\u003e\n                \u003cp\u003eBy continuing to use our app, you provide your explicit consent to the collection, use, and potential sharing of your data as described above. If you do not agree with our data collection, use, and sharing practices, please do not use our app.\u003c/p\u003e\n            \u003c/div\u003e\n            ","show_label":true,"name":"html","visible":true,"style":{}}},{"id":23,"type":"button","props":{"value":"I Agree","variant":"secondary","interactive":true,"name":"button","visible":true,"style":{}}},{"id":24,"type":"form","props":{"type":"form","visible":true,"style":{}}}],"css":"#col_container { margin-left: auto; margin-right: auto;}\n                #chatbot {height: 520px; overflow: auto;}","title":"Gradio","is_space":true,"enable_queue":true,"show_error":false,"show_api":false,"is_colab":false,"layout":{"id":0,"children":[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":18,"children":[{"id":5}]},{"id":6},{"id":7,"children":[{"id":8,"children":[{"id":9}]},{"id":10,"children":[{"id":12,"children":[{"id":11}]}]}]},{"id":13,"children":[{"id":17,"children":[{"id":14},{"id":15},{"id":16}]}]}]},{"id":19,"children":[{"id":24,"children":[{"id":20}]},{"id":21,"children":[{"id":22},{"id":23}]}]}]},"dependencies":[{"targets":[23],"trigger":"click","inputs":[],"outputs":[20],"backend_fn":false,"js":"(x) =\u003e confirm(\u0027By clicking \"OK\", I agree that my data may be published or shared.\u0027)","queue":false,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[20],"trigger":"change","inputs":[],"outputs":[19,3],"backend_fn":true,"js":null,"queue":false,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[5],"trigger":"submit","inputs":[],"outputs":[5,9],"backend_fn":true,"js":null,"queue":false,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[5],"trigger":"submit","inputs":[5,14,15,16,4,6],"outputs":[4,6,16,11,5,9],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":true},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[9],"trigger":"click","inputs":[],"outputs":[5,9],"backend_fn":true,"js":null,"queue":false,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[9],"trigger":"click","inputs":[5,14,15,16,4,6],"outputs":[4,6,16,11,5,9],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":true},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false}]};</script>

		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link
			rel="preconnect"
			href="https://fonts.gstatic.com"
			crossorigin="anonymous"
		/>
		<link
			href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap"
			rel="stylesheet"
		/>
		<link
			href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
			rel="stylesheet"
		/>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
		<script type="module" crossorigin src="./assets/index.84b6e782.js"></script>
		
	</head>

	<body
		style="
			width: 100%;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		"
	>
		<gradio-app
			control_page_title="true"
			embed="false"
			eager="true"
			style="display: flex; flex-direction: column; flex-grow: 1"
		>
		</gradio-app>
		<script>
			const ce = document.getElementsByTagName("gradio-app");
			if (ce[0]) {
				ce[0].addEventListener("domchange", () => {
					document.body.style.padding = "0";
				});
				document.body.style.padding = "0";
			}
		</script>
	</body>
</html>