charbel-malo commited on
Commit
8a47f3e
β€’
1 Parent(s): b999792

Upload folder using huggingface_hub

Browse files
Files changed (2) hide show
  1. app.py +17 -0
  2. debugsrc.py +118 -0
app.py CHANGED
@@ -184,6 +184,23 @@ window.hideDeleteIcons = function() {{
184
  }});
185
  }};
186
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
187
  window.deleteShortcut = function(idx) {{
188
  // Implement the delete functionality, e.g., call an API endpoint
189
  fetch('/delete_shortcut', {{
 
184
  }});
185
  }};
186
 
187
+
188
+ window.togglePin = function(idx) {{
189
+ // Implement the delete functionality, e.g., call an API endpoint
190
+ fetch('/toggle_pin', {{
191
+ method: 'POST',
192
+ headers: {{
193
+ 'Content-Type': 'application/json'
194
+ }},
195
+ body: JSON.stringify({{ index: idx }})
196
+ }})
197
+ .then(response => response.json())
198
+ .then(data => {{
199
+ // Update the grid display
200
+ document.getElementById('grid_output').innerHTML = data.grid_html;
201
+ }});
202
+ }};
203
+
204
  window.deleteShortcut = function(idx) {{
205
  // Implement the delete functionality, e.g., call an API endpoint
206
  fetch('/delete_shortcut', {{
debugsrc.py ADDED
@@ -0,0 +1,118 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <!doctype html>
3
+ <html
4
+ lang="en"
5
+ style="
6
+ margin: 0;
7
+ padding: 0;
8
+ min-height: 100%;
9
+ display: flex;
10
+ flex-direction: column;
11
+ "
12
+ >
13
+ <head>
14
+ <meta charset="utf-8" />
15
+ <meta
16
+ name="viewport"
17
+ content="width=device-width, initial-scale=1, shrink-to-fit=no"
18
+ />
19
+
20
+ <style>
21
+ :root {
22
+ --bg: #00000;
23
+ --col: #27272a;
24
+ --bg-dark: #0f0f11;
25
+ --col-dark: #f4f4f5;
26
+ }
27
+
28
+
29
+ body {
30
+ background: var(--bg);
31
+ color: var(--col);
32
+ font-family: Arial, Helvetica, sans-serif;
33
+ }
34
+
35
+ @media (prefers-color-scheme: dark) {
36
+ body {
37
+ background: var(--bg-dark);
38
+ color: var(--col-dark);
39
+ }
40
+ }
41
+ </style>
42
+
43
+ <meta property="og:url" content="https://gradio.app/" />
44
+ <meta property="og:type" content="website" />
45
+ <meta property="og:image" content="" />
46
+ <meta property="og:title" content="Gradio" />
47
+ <meta
48
+ property="og:description"
49
+ content=""
50
+ />
51
+ <meta name="twitter:card" content="summary_large_image" />
52
+ <meta name="twitter:creator" content="@teamGradio" />
53
+ <meta name="twitter:title" content="Gradio" />
54
+ <meta
55
+ name="twitter:description"
56
+ content=""
57
+ />
58
+ <meta name="twitter:image" content="" />
59
+
60
+ <script data-gradio-mode>
61
+ window.__gradio_mode__ = "app";
62
+ window.iFrameResizer = {
63
+ heightCalculationMethod: "taggedElement"
64
+ };
65
+ window.parent?.postMessage(
66
+ { type: "SET_SCROLLING", enabled: false },
67
+ "*"
68
+ );
69
+ </script>
70
+
71
+ <script>
72
+ window.gradio_config = {"version":"5.5.0","api_prefix":"/gradio_api","mode":"blocks","app_id":15757525916552852410,"dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"markdown","props":{"value":"## Website Shortcuts","show_label":false,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"sanitize_html":true,"line_breaks":false,"header_links":false,"show_copy_button":false,"container":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"47f4a7917d7d455055ddfb54d4147dec","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"# Hello!"},{"id":2,"type":"row","props":{"variant":"default","visible":true,"equal_height":false,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"313a53a4f76f80198b3414a1821e1fa2","key":null},{"id":3,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Search","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"submit_btn":false,"stop_btn":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"09c75848e5328f6330816b435be2b6cb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"Hello!!"},{"id":4,"type":"dropdown","props":{"choices":[["Recently Added","Recently Added"],["Alphabetical","Alphabetical"],["Favorites","Favorites"]],"value":"Recently Added","type":"value","allow_custom_value":false,"filterable":true,"label":"Sort By","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"name":"dropdown","_selectable":false},"skip_api":false,"component_class_id":"2fe3459ec05e4acfc97195632a045e7a","key":null,"api_info":{"type":"string","enum":["Recently Added","Alphabetical","Favorites"]},"api_info_as_input":{"type":"string","enum":["Recently Added","Alphabetical","Favorites"]},"api_info_as_output":{"type":"string","enum":["Recently Added","Alphabetical","Favorites"]},"example_inputs":"Recently Added"},{"id":5,"type":"form","props":{"scale":2,"min_width":320,"name":"form"},"skip_api":true,"component_class_id":"829df243394d805ac7679e56e074d9b8","key":null},{"id":6,"type":"checkboxgroup","props":{"choices":[["Main","Main"],["Grower","Grower"]],"value":[],"type":"value","label":"Filter Tags","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"name":"checkboxgroup","_selectable":false},"skip_api":false,"component_class_id":"9c13e838e2c274b81df4ed33732ec952","key":null,"api_info":{"items":{"enum":["Main","Grower"],"type":"string"},"title":"Checkbox Group","type":"array"},"api_info_as_input":{"items":{"enum":["Main","Grower"],"type":"string"},"title":"Checkbox Group","type":"array"},"api_info_as_output":{"items":{"enum":["Main","Grower"],"type":"string"},"title":"Checkbox Group","type":"array"},"example_inputs":["Main"]},{"id":7,"type":"html","props":{"value":"\u003cdiv style=\"display: flex; flex-wrap: wrap;\"\u003e\n \u003cdiv style=\"\n background: linear-gradient(135deg, #000000, #000000);\n padding: 20px;\n border-radius: 10px;\n position: relative;\n color: white;\n width: 300px;\n margin: 10px;\n cursor: pointer;\n \" onmouseover=\"handleHover(event, 0)\" onmouseout=\"handleHoverOut(event, 0)\"\u003e\n \n \u003cdiv style=\u0027font-size: 40px; text-align: center;\u0027\u003e\u003c/div\u003e\n \u003ch3 style=\u0027text-align: center;\u0027\u003e\u003c/h3\u003e\n \u003cp style=\u0027text-align: center;\u0027\u003e\u003c/p\u003e\n \u003cdiv style=\u0027text-align: center;\u0027\u003e\n \u003cbutton style=\"background: none; border: none; cursor: pointer; opacity: 0.3; text-decoration: line-through;\" onclick=\"togglePin(0)\"\u003eπŸ“\u003c/button\u003e\n \u003cbutton style=\"background: none; border: none; cursor: pointer;\" onclick=\"toggleFavorite(0)\"\u003e🀍\u003c/button\u003e\n \u003cbutton onclick=\"window.open(\u0027\u0027, \u0027_blank\u0027)\"\u003eπŸ”— Open\u003c/button\u003e\n \u003c/div\u003e\n \u003cdiv id=\"delete-0\" style=\"display: none; position: absolute; top: 10px; left: 10px; cursor: pointer;\" onclick=\"deleteShortcut(0)\"\u003e\n πŸ—‘οΈ\n \u003c/div\u003e\n \u003c/div\u003e\n \n \u003cdiv style=\"\n background: linear-gradient(135deg, #931010, #33417a);\n padding: 20px;\n border-radius: 10px;\n position: relative;\n color: white;\n width: 300px;\n margin: 10px;\n cursor: pointer;\n \" onmouseover=\"handleHover(event, 1)\" onmouseout=\"handleHoverOut(event, 1)\"\u003e\n \n \u003cdiv style=\u0027position: absolute; top: 10px; right: 10px; font-size: 24px;\u0027\u003e\n \n ❀️\n \u003c/div\u003e\n \n \u003cdiv style=\u0027font-size: 40px; text-align: center;\u0027\u003e⚑\u003c/div\u003e\n \u003ch3 style=\u0027text-align: center;\u0027\u003eCharbel\u003c/h3\u003e\n \u003cp style=\u0027text-align: center;\u0027\u003easdasfd\u003c/p\u003e\n \u003cdiv style=\u0027text-align: center;\u0027\u003e\n \u003cbutton style=\"background: none; border: none; cursor: pointer; opacity: 0.3; text-decoration: line-through;\" onclick=\"togglePin(1)\"\u003eπŸ“\u003c/button\u003e\n \u003cbutton style=\"background: none; border: none; cursor: pointer;\" onclick=\"toggleFavorite(1)\"\u003e❀️\u003c/button\u003e\n \u003cbutton onclick=\"window.open(\u0027http://example.com\u0027, \u0027_blank\u0027)\"\u003eπŸ”— Open\u003c/button\u003e\n \u003c/div\u003e\n \u003cdiv id=\"delete-1\" style=\"display: none; position: absolute; top: 10px; left: 10px; cursor: pointer;\" onclick=\"deleteShortcut(1)\"\u003e\n πŸ—‘οΈ\n \u003c/div\u003e\n \u003c/div\u003e\n \n \u003cdiv style=\"\n background: linear-gradient(135deg, #931010, #33417a);\n padding: 20px;\n border-radius: 10px;\n position: relative;\n color: white;\n width: 300px;\n margin: 10px;\n cursor: pointer;\n \" onmouseover=\"handleHover(event, 2)\" onmouseout=\"handleHoverOut(event, 2)\"\u003e\n \n \u003cdiv style=\u0027font-size: 40px; text-align: center;\u0027\u003e⚑\u003c/div\u003e\n \u003ch3 style=\u0027text-align: center;\u0027\u003eCharbel\u003c/h3\u003e\n \u003cp style=\u0027text-align: center;\u0027\u003easdasfd\u003c/p\u003e\n \u003cdiv style=\u0027text-align: center;\u0027\u003e\n \u003cbutton style=\"background: none; border: none; cursor: pointer; opacity: 0.3; text-decoration: line-through;\" onclick=\"togglePin(2)\"\u003eπŸ“\u003c/button\u003e\n \u003cbutton style=\"background: none; border: none; cursor: pointer;\" onclick=\"toggleFavorite(2)\"\u003e🀍\u003c/button\u003e\n \u003cbutton onclick=\"window.open(\u0027http://example.com\u0027, \u0027_blank\u0027)\"\u003eπŸ”— Open\u003c/button\u003e\n \u003c/div\u003e\n \u003cdiv id=\"delete-2\" style=\"display: none; position: absolute; top: 10px; left: 10px; cursor: pointer;\" onclick=\"deleteShortcut(2)\"\u003e\n πŸ—‘οΈ\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003cscript\u003e\n let isCmdOrCtrl = false;\n\n window.addEventListener(\u0027keydown\u0027, function(e) {\n if (e.key === \u0027Meta\u0027 || e.key === \u0027Control\u0027) {\n isCmdOrCtrl = true;\n showDeleteIcons();\n }\n });\n\n window.addEventListener(\u0027keyup\u0027, function(e) {\n if (e.key === \u0027Meta\u0027 || e.key === \u0027Control\u0027) {\n isCmdOrCtrl = false;\n hideDeleteIcons();\n }\n });\n\n function handleHover(event, idx) {\n if (isCmdOrCtrl) {\n document.getElementById(`delete-${idx}`).style.display = \u0027block\u0027;\n }\n }\n\n function handleHoverOut(event, idx) {\n document.getElementById(`delete-${idx}`).style.display = \u0027none\u0027;\n }\n\n function showDeleteIcons() {\n const deleteIcons = document.querySelectorAll(\u0027[id^=\"delete-\"]\u0027);\n deleteIcons.forEach(icon =\u003e {\n icon.style.display = \u0027block\u0027;\n });\n }\n\n function hideDeleteIcons() {\n const deleteIcons = document.querySelectorAll(\u0027[id^=\"delete-\"]\u0027);\n deleteIcons.forEach(icon =\u003e {\n icon.style.display = \u0027none\u0027;\n });\n }\n\n function deleteShortcut(idx) {\n fetch(\u0027/delete_shortcut\u0027, {\n method: \u0027POST\u0027,\n headers: {\n \u0027Content-Type\u0027: \u0027application/json\u0027\n },\n body: JSON.stringify({ index: idx })\n })\n .then(response =\u003e response.json())\n .then(data =\u003e {\n document.getElementById(\u0027grid_output\u0027).innerHTML = data.grid_html;\n });\n }\n \u003c/script\u003e\n ","show_label":false,"visible":true,"elem_id":"grid_output","elem_classes":[],"name":"html","_selectable":false},"skip_api":false,"component_class_id":"f8ae0fac356b5e9e9f5997c9f39381eb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"\u003cp\u003eHello\u003c/p\u003e"},{"id":8,"type":"markdown","props":{"value":"## Add a New Website Shortcut","show_label":false,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"sanitize_html":true,"line_breaks":false,"header_links":false,"show_copy_button":false,"container":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"47f4a7917d7d455055ddfb54d4147dec","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"# Hello!"},{"id":9,"type":"row","props":{"variant":"default","visible":true,"equal_height":false,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"313a53a4f76f80198b3414a1821e1fa2","key":null},{"id":10,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Name","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"submit_btn":false,"stop_btn":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"09c75848e5328f6330816b435be2b6cb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"Hello!!"},{"id":11,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Link","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"submit_btn":false,"stop_btn":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"09c75848e5328f6330816b435be2b6cb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"Hello!!"},{"id":12,"type":"form","props":{"scale":2,"min_width":320,"name":"form"},"skip_api":true,"component_class_id":"829df243394d805ac7679e56e074d9b8","key":null},{"id":13,"type":"row","props":{"variant":"default","visible":true,"equal_height":false,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"313a53a4f76f80198b3414a1821e1fa2","key":null},{"id":14,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Tags (separate levels with \u0027/\u0027)","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"submit_btn":false,"stop_btn":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"09c75848e5328f6330816b435be2b6cb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"Hello!!"},{"id":15,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Emojis","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"submit_btn":false,"stop_btn":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"09c75848e5328f6330816b435be2b6cb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"Hello!!"},{"id":16,"type":"colorpicker","props":{"label":"Gradient Color From","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"name":"colorpicker","_selectable":false},"skip_api":false,"component_class_id":"b6e29717f9da6f8ee9e68786bdcdf52b","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"#000000"},{"id":17,"type":"colorpicker","props":{"label":"Gradient Color To","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"name":"colorpicker","_selectable":false},"skip_api":false,"component_class_id":"b6e29717f9da6f8ee9e68786bdcdf52b","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"#000000"},{"id":18,"type":"form","props":{"scale":2,"min_width":320,"name":"form"},"skip_api":true,"component_class_id":"829df243394d805ac7679e56e074d9b8","key":null},{"id":19,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Short Description","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"submit_btn":false,"stop_btn":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"09c75848e5328f6330816b435be2b6cb","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"Hello!!"},{"id":20,"type":"button","props":{"value":"Add Shortcut","variant":"secondary","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"2cef5886dcd05b2d9540cf332d83a683","key":null},{"id":21,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"829df243394d805ac7679e56e074d9b8","key":null},{"id":22,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"829df243394d805ac7679e56e074d9b8","key":null}],"css":"","connect_heartbeat":false,"js":"\n \u003cscript\u003e\n let isCmdOrCtrl = false;\n\n window.addEventListener(\u0027keydown\u0027, function(e) {\n if (e.key === \u0027Meta\u0027 || e.key === \u0027Control\u0027) {\n isCmdOrCtrl = true;\n showDeleteIcons();\n }\n });\n\n window.addEventListener(\u0027keyup\u0027, function(e) {\n if (e.key === \u0027Meta\u0027 || e.key === \u0027Control\u0027) {\n isCmdOrCtrl = false;\n hideDeleteIcons();\n }\n });\n\n function handleHover(idx) {\n if (isCmdOrCtrl) {\n document.getElementById(`delete-${idx}`).style.display = \u0027block\u0027;\n }\n }\n\n function handleHoverOut(event, idx) {\n document.getElementById(`delete-${idx}`).style.display = \u0027none\u0027;\n }\n\n function showDeleteIcons() {\n const deleteIcons = document.querySelectorAll(\u0027[id^=\"delete-\"]\u0027);\n deleteIcons.forEach(icon =\u003e {\n icon.style.display = \u0027block\u0027;\n });\n }\n\n function hideDeleteIcons() {\n const deleteIcons = document.querySelectorAll(\u0027[id^=\"delete-\"]\u0027);\n deleteIcons.forEach(icon =\u003e {\n icon.style.display = \u0027none\u0027;\n });\n }\n\n function deleteShortcut(idx) {\n // Implement the delete functionality, e.g., call an API endpoint\n fetch(\u0027/delete_shortcut\u0027, {\n method: \u0027POST\u0027,\n headers: {\n \u0027Content-Type\u0027: \u0027application/json\u0027\n },\n body: JSON.stringify({ index: idx })\n })\n .then(response =\u003e response.json())\n .then(data =\u003e {\n // Update the grid display\n document.getElementById(\u0027grid_output\u0027).innerHTML = data.grid_html;\n });\n }\n \u003c/script\u003e\n ","head":"","title":"Gradio","space_id":null,"enable_queue":true,"show_error":true,"show_api":true,"is_colab":false,"max_file_size":null,"stylesheets":["https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600\u0026display=swap","https://fonts.googleapis.com/css2?family=Inter:wght@400;600\u0026display=swap"],"theme":"charbelgrower/Crystal","protocol":"sse_v3","body_css":{"body_background_fill":"#00000","body_text_color":"#27272a","body_background_fill_dark":"#0f0f11","body_text_color_dark":"#f4f4f5"},"fill_height":false,"fill_width":false,"theme_hash":"f322243f01b4f40698dc227c874ccdcbba613448116f2810abfd7c916537b3e9","layout":{"id":0,"children":[{"id":1},{"id":2,"children":[{"id":5,"children":[{"id":3},{"id":4}]}]},{"id":21,"children":[{"id":6}]},{"id":7},{"id":8},{"id":9,"children":[{"id":12,"children":[{"id":10},{"id":11}]}]},{"id":13,"children":[{"id":18,"children":[{"id":14},{"id":15}]},{"id":16},{"id":17}]},{"id":22,"children":[{"id":19}]},{"id":20}]},"dependencies":[{"id":0,"targets":[[3,"change"]],"inputs":[3,4,6],"outputs":[7],"backend_fn":true,"js":null,"queue":true,"api_name":"refresh_display","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"always_last","show_api":true,"zerogpu":false,"rendered_in":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null},{"id":1,"targets":[[4,"change"]],"inputs":[3,4,6],"outputs":[7],"backend_fn":true,"js":null,"queue":true,"api_name":"refresh_display_1","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"always_last","show_api":true,"zerogpu":false,"rendered_in":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null},{"id":2,"targets":[[6,"change"]],"inputs":[3,4,6],"outputs":[7],"backend_fn":true,"js":null,"queue":true,"api_name":"refresh_display_2","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"always_last","show_api":true,"zerogpu":false,"rendered_in":null,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null},{"id":3,"targets":[[20,"click"]],"inputs":[10,14,11,15,16,17,19],"outputs":[7],"backend_fn":true,"js":null,"queue":true,"api_name":"add_shortcut","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"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,"connection":"sse","time_limit":null,"stream_every":0.5,"like_user_message":false,"event_specific_args":null}],"root":"http://127.0.0.1:7860","username":null};</script><script>window.gradio_api_info = {"named_endpoints":{"/refresh_display":{"parameters":[{"label":"Search","parameter_name":"search_query","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Sort By","parameter_name":"sort_by","parameter_has_default":true,"parameter_default":"Recently Added","type":{"type":"string","enum":["Recently Added","Alphabetical","Favorites"]},"python_type":{"type":"Literal[\u0027Recently Added\u0027, \u0027Alphabetical\u0027, \u0027Favorites\u0027]","description":""},"component":"Dropdown","example_input":"Recently Added"},{"label":"Filter Tags","parameter_name":"filter_tags","parameter_has_default":true,"parameter_default":[],"type":{"items":{"enum":["Main","Grower"],"type":"string"},"title":"Checkbox Group","type":"array"},"python_type":{"type":"List[Literal[\u0027Main\u0027, \u0027Grower\u0027]]","description":""},"component":"Checkboxgroup","example_input":["Main"]}],"returns":[{"label":"value_7","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Html"}],"show_api":true},"/refresh_display_1":{"parameters":[{"label":"Search","parameter_name":"search_query","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Sort By","parameter_name":"sort_by","parameter_has_default":true,"parameter_default":"Recently Added","type":{"type":"string","enum":["Recently Added","Alphabetical","Favorites"]},"python_type":{"type":"Literal[\u0027Recently Added\u0027, \u0027Alphabetical\u0027, \u0027Favorites\u0027]","description":""},"component":"Dropdown","example_input":"Recently Added"},{"label":"Filter Tags","parameter_name":"filter_tags","parameter_has_default":true,"parameter_default":[],"type":{"items":{"enum":["Main","Grower"],"type":"string"},"title":"Checkbox Group","type":"array"},"python_type":{"type":"List[Literal[\u0027Main\u0027, \u0027Grower\u0027]]","description":""},"component":"Checkboxgroup","example_input":["Main"]}],"returns":[{"label":"value_7","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Html"}],"show_api":true},"/refresh_display_2":{"parameters":[{"label":"Search","parameter_name":"search_query","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Sort By","parameter_name":"sort_by","parameter_has_default":true,"parameter_default":"Recently Added","type":{"type":"string","enum":["Recently Added","Alphabetical","Favorites"]},"python_type":{"type":"Literal[\u0027Recently Added\u0027, \u0027Alphabetical\u0027, \u0027Favorites\u0027]","description":""},"component":"Dropdown","example_input":"Recently Added"},{"label":"Filter Tags","parameter_name":"filter_tags","parameter_has_default":true,"parameter_default":[],"type":{"items":{"enum":["Main","Grower"],"type":"string"},"title":"Checkbox Group","type":"array"},"python_type":{"type":"List[Literal[\u0027Main\u0027, \u0027Grower\u0027]]","description":""},"component":"Checkboxgroup","example_input":["Main"]}],"returns":[{"label":"value_7","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Html"}],"show_api":true},"/add_shortcut":{"parameters":[{"label":"Name","parameter_name":"name","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Tags (separate levels with \u0027/\u0027)","parameter_name":"tags","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Link","parameter_name":"link","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Emojis","parameter_name":"emojis","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Gradient Color From","parameter_name":"color_from","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Colorpicker","example_input":"#000000"},{"label":"Gradient Color To","parameter_name":"color_to","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Colorpicker","example_input":"#000000"},{"label":"Short Description","parameter_name":"short_description","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"}],"returns":[{"label":"value_7","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Html"}],"show_api":true}},"unnamed_endpoints":{}};
73
+
74
+ </script>
75
+
76
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
77
+ <link
78
+ rel="preconnect"
79
+ href="https://fonts.gstatic.com"
80
+ crossorigin="anonymous"
81
+ />
82
+ <script
83
+ src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"
84
+ async
85
+ ></script>
86
+ <script type="module" crossorigin src="./assets/index-Ya43XIXp.js"></script>
87
+ <link rel="stylesheet" crossorigin href="./assets/index-_g6Rc0H7.css">
88
+ </head>
89
+
90
+ <body
91
+ style="
92
+ width: 100%;
93
+ margin: 0;
94
+ padding: 0;
95
+ display: flex;
96
+ flex-direction: column;
97
+ flex-grow: 1;
98
+ "
99
+ >
100
+ <gradio-app
101
+ control_page_title="true"
102
+ embed="false"
103
+ eager="true"
104
+ style="display: flex; flex-direction: column; flex-grow: 1"
105
+ >
106
+ </gradio-app>
107
+ <script>
108
+ const ce = document.getElementsByTagName("gradio-app");
109
+
110
+ if (ce[0]) {
111
+ ce[0].addEventListener("domchange", () => {
112
+ document.body.style.padding = "0";
113
+ });
114
+ document.body.style.padding = "0";
115
+ }
116
+ </script>
117
+ </body>
118
+ </html>