Spaces:
Runtime error
Runtime error
| <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"/> | |
| <style> | |
| :root { | |
| --bg: #f1f5f9; | |
| --col: #0f0f11; | |
| --bg-dark: #0f172a; | |
| --col-dark: #e4e4e7; | |
| } | |
| body { | |
| background: var(--bg); | |
| color: var(--col); | |
| font-family: Arial, Helvetica, sans-serif; | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| body { | |
| background: var(--bg-dark); | |
| color: var(--col-dark); | |
| } | |
| } | |
| </style> | |
| <meta property="og:url" content="https://gradio.app/"/> | |
| <meta property="og:type" content="website"/> | |
| <meta property="og:image" content=""/> | |
| <meta property="og:title" content="🤖AI ChatBot"/> | |
| <meta property="og:description" content=""/> | |
| <meta name="twitter:card" content="summary_large_image"/> | |
| <meta name="twitter:creator" content="@teamGradio"/> | |
| <meta name="twitter:title" content="🤖AI ChatBot"/> | |
| <meta name="twitter:description" content=""/> | |
| <meta name="twitter:image" content=""/> | |
| <script data-gradio-mode> | |
| window.__gradio_mode__ = "app"; | |
| window.iFrameResizer = { | |
| heightCalculationMethod: "taggedElement" | |
| }; | |
| window.parent?.postMessage({ | |
| type: "SET_SCROLLING", | |
| enabled: false | |
| }, "*"); | |
| </script> | |
| <script> | |
| window.gradio_config = { | |
| "version": "4.36.0", | |
| "mode": "interface", | |
| "app_id": 8368150239980630295, | |
| "dev_mode": false, | |
| "analytics_enabled": true, | |
| "components": [{ | |
| "id": 4, | |
| "type": "markdown", | |
| "props": { | |
| "value": "\u003ch1 style=\u0027text-align: center; margin-bottom: 1rem\u0027\u003e🤖AI ChatBot\u003c/h1\u003e", | |
| "show_label": true, | |
| "rtl": false, | |
| "latex_delimiters": [{ | |
| "left": "$$", | |
| "right": "$$", | |
| "display": true | |
| }], | |
| "visible": true, | |
| "elem_classes": [], | |
| "sanitize_html": true, | |
| "line_breaks": false, | |
| "header_links": false, | |
| "name": "markdown", | |
| "_selectable": false | |
| }, | |
| "skip_api": false, | |
| "component_class_id": "0f35515b9a3362b42bb6721c836157a0", | |
| "key": null, | |
| "api_info": { | |
| "type": "string" | |
| }, | |
| "example_inputs": "# Hello!" | |
| }, { | |
| "id": 5, | |
| "type": "markdown", | |
| "props": { | |
| "value": "Building open-domain chatbots is a challenging area for machine learning research.", | |
| "show_label": true, | |
| "rtl": false, | |
| "latex_delimiters": [{ | |
| "left": "$$", | |
| "right": "$$", | |
| "display": true | |
| }], | |
| "visible": true, | |
| "elem_classes": [], | |
| "sanitize_html": true, | |
| "line_breaks": false, | |
| "header_links": false, | |
| "name": "markdown", | |
| "_selectable": false | |
| }, | |
| "skip_api": false, | |
| "component_class_id": "0f35515b9a3362b42bb6721c836157a0", | |
| "key": null, | |
| "api_info": { | |
| "type": "string" | |
| }, | |
| "example_inputs": "# Hello!" | |
| }, { | |
| "id": 6, | |
| "type": "row", | |
| "props": { | |
| "variant": "default", | |
| "visible": true, | |
| "equal_height": false, | |
| "show_progress": false, | |
| "name": "row" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "b5cf3d15e2293fb5ccc071d7b8d69f64", | |
| "key": null | |
| }, { | |
| "id": 7, | |
| "type": "column", | |
| "props": { | |
| "scale": 1, | |
| "min_width": 320, | |
| "variant": "panel", | |
| "visible": true, | |
| "show_progress": false, | |
| "name": "column" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "214e3d6261b9edacc5d34ea4e8655821", | |
| "key": null | |
| }, { | |
| "id": 8, | |
| "type": "column", | |
| "props": { | |
| "scale": 1, | |
| "min_width": 320, | |
| "variant": "default", | |
| "visible": true, | |
| "show_progress": false, | |
| "name": "column" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "214e3d6261b9edacc5d34ea4e8655821", | |
| "key": null | |
| }, { | |
| "id": 2, | |
| "type": "textbox", | |
| "props": { | |
| "lines": 1, | |
| "max_lines": 20, | |
| "label": "input", | |
| "show_label": true, | |
| "container": true, | |
| "min_width": 160, | |
| "visible": true, | |
| "autofocus": false, | |
| "autoscroll": true, | |
| "elem_classes": [], | |
| "type": "text", | |
| "rtl": false, | |
| "show_copy_button": false, | |
| "name": "textbox", | |
| "_selectable": false | |
| }, | |
| "skip_api": false, | |
| "component_class_id": "d0491bb0fbd427bdb2a4549c4d1ac869", | |
| "key": null, | |
| "api_info": { | |
| "type": "string" | |
| }, | |
| "example_inputs": "Hello!!" | |
| }, { | |
| "id": 1, | |
| "type": "state", | |
| "props": { | |
| "value": [], | |
| "time_to_live": null, | |
| "delete_callback": "\u003cfunction State.__init__.\u003clocals\u003e.\u003clambda\u003e at 0x7f27c976bf40\u003e", | |
| "name": "state", | |
| "_selectable": false | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "52234f8c5f6f16893853acd5e503a8a8", | |
| "key": null | |
| }, { | |
| "id": 9, | |
| "type": "form", | |
| "props": { | |
| "scale": 0, | |
| "min_width": 0, | |
| "name": "form" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "43cda85c6ff7a5dd8f83d29496b014ee", | |
| "key": null | |
| }, { | |
| "id": 10, | |
| "type": "row", | |
| "props": { | |
| "variant": "default", | |
| "visible": true, | |
| "equal_height": true, | |
| "show_progress": false, | |
| "name": "row" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "b5cf3d15e2293fb5ccc071d7b8d69f64", | |
| "key": null | |
| }, { | |
| "id": 11, | |
| "type": "button", | |
| "props": { | |
| "value": "Clear", | |
| "variant": "secondary", | |
| "visible": true, | |
| "interactive": true, | |
| "elem_classes": [], | |
| "show_api": false, | |
| "name": "button", | |
| "_selectable": false | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "683b6fcca448a942c7223d23f966c51f", | |
| "key": null | |
| }, { | |
| "id": 12, | |
| "type": "button", | |
| "props": { | |
| "value": "Submit", | |
| "variant": "primary", | |
| "visible": true, | |
| "interactive": true, | |
| "elem_classes": [], | |
| "name": "button", | |
| "_selectable": false | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "43ff9969f0bf4553b77ca8dc5b4850bc", | |
| "key": null | |
| }, { | |
| "id": 13, | |
| "type": "column", | |
| "props": { | |
| "scale": 1, | |
| "min_width": 320, | |
| "variant": "panel", | |
| "visible": true, | |
| "show_progress": false, | |
| "name": "column" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "214e3d6261b9edacc5d34ea4e8655821", | |
| "key": null | |
| }, { | |
| "id": 3, | |
| "type": "chatbot", | |
| "props": { | |
| "likeable": false, | |
| "value": [], | |
| "label": "output 0", | |
| "show_label": true, | |
| "container": true, | |
| "min_width": 160, | |
| "visible": true, | |
| "elem_classes": [], | |
| "latex_delimiters": [{ | |
| "left": "$$", | |
| "right": "$$", | |
| "display": true | |
| }], | |
| "rtl": false, | |
| "show_share_button": true, | |
| "show_copy_button": false, | |
| "avatar_images": [null, null], | |
| "sanitize_html": true, | |
| "render_markdown": true, | |
| "bubble_full_width": true, | |
| "line_breaks": true, | |
| "name": "chatbot", | |
| "_selectable": false | |
| }, | |
| "skip_api": false, | |
| "component_class_id": "f5586b71f64ccd6eb7f4bfd6c1e91abb", | |
| "key": null, | |
| "api_info": { | |
| "$defs": { | |
| "FileData": { | |
| "properties": { | |
| "path": { | |
| "title": "Path", | |
| "type": "string" | |
| }, | |
| "url": { | |
| "anyOf": [{ | |
| "type": "string" | |
| }, { | |
| "type": "null" | |
| }], | |
| "default": null, | |
| "title": "Url" | |
| }, | |
| "size": { | |
| "anyOf": [{ | |
| "type": "integer" | |
| }, { | |
| "type": "null" | |
| }], | |
| "default": null, | |
| "title": "Size" | |
| }, | |
| "orig_name": { | |
| "anyOf": [{ | |
| "type": "string" | |
| }, { | |
| "type": "null" | |
| }], | |
| "default": null, | |
| "title": "Orig Name" | |
| }, | |
| "mime_type": { | |
| "anyOf": [{ | |
| "type": "string" | |
| }, { | |
| "type": "null" | |
| }], | |
| "default": null, | |
| "title": "Mime Type" | |
| }, | |
| "is_stream": { | |
| "default": false, | |
| "title": "Is Stream", | |
| "type": "boolean" | |
| }, | |
| "meta": { | |
| "default": { | |
| "_type": "gradio.FileData" | |
| }, | |
| "title": "Meta", | |
| "type": "object" | |
| } | |
| }, | |
| "required": ["path"], | |
| "title": "FileData", | |
| "type": "object" | |
| }, | |
| "FileMessage": { | |
| "properties": { | |
| "file": { | |
| "$ref": "#/$defs/FileData" | |
| }, | |
| "alt_text": { | |
| "anyOf": [{ | |
| "type": "string" | |
| }, { | |
| "type": "null" | |
| }], | |
| "default": null, | |
| "title": "Alt Text" | |
| } | |
| }, | |
| "required": ["file"], | |
| "title": "FileMessage", | |
| "type": "object" | |
| } | |
| }, | |
| "items": { | |
| "maxItems": 2, | |
| "minItems": 2, | |
| "prefixItems": [{ | |
| "anyOf": [{ | |
| "type": "string" | |
| }, { | |
| "$ref": "#/$defs/FileMessage" | |
| }, { | |
| "type": "null" | |
| }] | |
| }, { | |
| "anyOf": [{ | |
| "type": "string" | |
| }, { | |
| "$ref": "#/$defs/FileMessage" | |
| }, { | |
| "type": "null" | |
| }] | |
| }], | |
| "type": "array" | |
| }, | |
| "title": "ChatbotData", | |
| "type": "array" | |
| }, | |
| "example_inputs": [["Hello!", null]] | |
| }, { | |
| "id": 14, | |
| "type": "row", | |
| "props": { | |
| "variant": "default", | |
| "visible": true, | |
| "equal_height": true, | |
| "show_progress": false, | |
| "name": "row" | |
| }, | |
| "skip_api": true, | |
| "component_class_id": "b5cf3d15e2293fb5ccc071d7b8d69f64", | |
| "key": null | |
| }, { | |
| "id": 15, | |
| "type": "dataset", | |
| "props": { | |
| "component_props": [{ | |
| "lines": 1, | |
| "max_lines": 20, | |
| "placeholder": null, | |
| "label": "input", | |
| "info": null, | |
| "show_label": true, | |
| "container": true, | |
| "scale": null, | |
| "min_width": 160, | |
| "interactive": null, | |
| "visible": true, | |
| "elem_id": null, | |
| "autofocus": false, | |
| "autoscroll": true, | |
| "elem_classes": [], | |
| "key": null, | |
| "type": "text", | |
| "text_align": null, | |
| "rtl": false, | |
| "show_copy_button": false | |
| }], | |
| "samples": [["How are you?"]], | |
| "headers": ["input"], | |
| "type": "index", | |
| "samples_per_page": 10, | |
| "visible": true, | |
| "elem_classes": [], | |
| "container": true, | |
| "min_width": 160, | |
| "name": "dataset", | |
| "_selectable": false, | |
| "components": ["textbox"], | |
| "component_ids": [2] | |
| }, | |
| "skip_api": false, | |
| "component_class_id": "c72c93119b395a3f608fa8223dcae838", | |
| "key": null, | |
| "api_info": { | |
| "type": "integer", | |
| "description": "index of selected example" | |
| }, | |
| "example_inputs": 0 | |
| }], | |
| "css": null, | |
| "connect_heartbeat": true, | |
| "js": null, | |
| "head": null, | |
| "title": "🤖AI ChatBot", | |
| "space_id": "kingabzpro/AI-ChatBot", | |
| "enable_queue": true, | |
| "show_error": false, | |
| "show_api": true, | |
| "is_colab": false, | |
| "max_file_size": null, | |
| "stylesheets": ["https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;600\u0026display=swap", "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;600\u0026display=swap"], | |
| "theme": "finlaymacklon/boxy_violet", | |
| "protocol": "sse_v3", | |
| "body_css": { | |
| "body_background_fill": "#f1f5f9", | |
| "body_text_color": "#0f0f11", | |
| "body_background_fill_dark": "#0f172a", | |
| "body_text_color_dark": "#e4e4e7" | |
| }, | |
| "fill_height": false, | |
| "layout": { | |
| "id": 0, | |
| "children": [{ | |
| "id": 4 | |
| }, { | |
| "id": 5 | |
| }, { | |
| "id": 6, | |
| "children": [{ | |
| "id": 7, | |
| "children": [{ | |
| "id": 8, | |
| "children": [{ | |
| "id": 9, | |
| "children": [{ | |
| "id": 2 | |
| }] | |
| }, { | |
| "id": 1 | |
| }] | |
| }, { | |
| "id": 10, | |
| "children": [{ | |
| "id": 11 | |
| }, { | |
| "id": 12 | |
| }] | |
| }] | |
| }, { | |
| "id": 13, | |
| "children": [{ | |
| "id": 3 | |
| }, { | |
| "id": 14, | |
| "children": [] | |
| }] | |
| }] | |
| }, { | |
| "id": 15 | |
| }] | |
| }, | |
| "dependencies": [{ | |
| "id": 0, | |
| "targets": [[12, "click"], [2, "submit"]], | |
| "inputs": [2, 1], | |
| "outputs": [3, 1], | |
| "backend_fn": true, | |
| "js": null, | |
| "queue": true, | |
| "api_name": "predict", | |
| "scroll_to_output": false, | |
| "show_progress": "full", | |
| "every": null, | |
| "batch": false, | |
| "max_batch_size": 4, | |
| "cancels": [], | |
| "types": { | |
| "continuous": false, | |
| "generator": false, | |
| "cancel": false | |
| }, | |
| "collects_event_data": false, | |
| "trigger_after": null, | |
| "trigger_only_on_success": false, | |
| "trigger_mode": "once", | |
| "show_api": true, | |
| "zerogpu": false, | |
| "rendered_in": null | |
| }, { | |
| "id": 1, | |
| "targets": [[11, "click"]], | |
| "inputs": [], | |
| "outputs": [2, 1, 3, 1], | |
| "backend_fn": false, | |
| "js": "() =\u003e [null, null, [], null]", | |
| "queue": false, | |
| "api_name": "js_fn", | |
| "scroll_to_output": false, | |
| "show_progress": "full", | |
| "every": null, | |
| "batch": false, | |
| "max_batch_size": 4, | |
| "cancels": [], | |
| "types": { | |
| "continuous": false, | |
| "generator": false, | |
| "cancel": false | |
| }, | |
| "collects_event_data": false, | |
| "trigger_after": null, | |
| "trigger_only_on_success": false, | |
| "trigger_mode": "once", | |
| "show_api": false, | |
| "zerogpu": false, | |
| "rendered_in": null | |
| }, { | |
| "id": 2, | |
| "targets": [[11, "click"]], | |
| "inputs": [], | |
| "outputs": [1, 1], | |
| "backend_fn": true, | |
| "js": null, | |
| "queue": true, | |
| "api_name": "lambda", | |
| "scroll_to_output": false, | |
| "show_progress": "full", | |
| "every": null, | |
| "batch": false, | |
| "max_batch_size": 4, | |
| "cancels": [], | |
| "types": { | |
| "continuous": false, | |
| "generator": false, | |
| "cancel": false | |
| }, | |
| "collects_event_data": false, | |
| "trigger_after": null, | |
| "trigger_only_on_success": false, | |
| "trigger_mode": "once", | |
| "show_api": false, | |
| "zerogpu": false, | |
| "rendered_in": null | |
| }, { | |
| "id": 3, | |
| "targets": [[11, "click"]], | |
| "inputs": [], | |
| "outputs": [8], | |
| "backend_fn": false, | |
| "js": "() =\u003e [{\"variant\": null, \"visible\": true, \"__type__\": \"update\"}]\n ", | |
| "queue": false, | |
| "api_name": "js_fn_1", | |
| "scroll_to_output": false, | |
| "show_progress": "full", | |
| "every": null, | |
| "batch": false, | |
| "max_batch_size": 4, | |
| "cancels": [], | |
| "types": { | |
| "continuous": false, | |
| "generator": false, | |
| "cancel": false | |
| }, | |
| "collects_event_data": false, | |
| "trigger_after": null, | |
| "trigger_only_on_success": false, | |
| "trigger_mode": "once", | |
| "show_api": false, | |
| "zerogpu": false, | |
| "rendered_in": null | |
| }, { | |
| "id": 4, | |
| "targets": [[15, "click"]], | |
| "inputs": [15], | |
| "outputs": [2], | |
| "backend_fn": true, | |
| "js": null, | |
| "queue": false, | |
| "api_name": "load_example", | |
| "scroll_to_output": false, | |
| "show_progress": "hidden", | |
| "every": null, | |
| "batch": false, | |
| "max_batch_size": 4, | |
| "cancels": [], | |
| "types": { | |
| "continuous": false, | |
| "generator": false, | |
| "cancel": false | |
| }, | |
| "collects_event_data": false, | |
| "trigger_after": null, | |
| "trigger_only_on_success": false, | |
| "trigger_mode": "once", | |
| "show_api": false, | |
| "zerogpu": false, | |
| "rendered_in": null | |
| }], | |
| "root": "https://kingabzpro-ai-chatbot.hf.space" | |
| }; | |
| </script> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"/> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" async></script> | |
| <script type="module" crossorigin src="./assets/index-COY1HN2y.js"></script> | |
| <link rel="stylesheet" crossorigin href="./assets/index-luc1OtuK.css"> | |
| </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> | |