forked from overeasy-sh/overeasy
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gradio_example.html
134 lines (121 loc) · 62.9 KB
/
gradio_example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<!-- saved from url=(0022)http://127.0.0.1:7860/ -->
<html lang="en-US" style="
margin: 0;
padding: 0;
min-height: 100%;
display: flex;
flex-direction: column;
"><input type="hidden" id="__yoroi_connector_api_injected_type" value="prod"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
:root {
--bg: white;
--col: #1f2937;
--bg-dark: #0b0f19;
--col-dark: #f3f4f6;
}
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="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 type="text/javascript" async="" src="./Gradio_files/analytics.js"></script><script type="text/javascript" async="" src="./Gradio_files/js"></script><script data-gradio-mode="">
window.__gradio_mode__ = "app";
window.iFrameResizer = {
heightCalculationMethod: "taggedElement"
};
</script>
<script>window.gradio_config = {"version":"4.25.0","mode":"blocks","app_id":801519116549617023,"dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":2,"type":"markdown","props":{"value":"### Step 1: Input Image","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":3,"type":"markdown","props":{"value":"```python\n\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":4,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"name":"row"},"skip_api":true,"component_class_id":"6a3164ef74265a1280202b7527b2a1de"},{"id":5,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":6,"type":"column","props":{"scale":4,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":7,"type":"image","props":{"streamable":false,"value":{"path":"/tmp/gradio/66069eaf50feb9ceb840bb5de7da67589168b8d6/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/66069eaf50feb9ceb840bb5de7da67589168b8d6/image.png","size":null,"orig_name":"image.png","mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"format":"png","width":640,"image_mode":"RGB","sources":["upload","webcam","clipboard"],"type":"numpy","label":"None","show_label":true,"show_download_button":true,"container":true,"min_width":160,"visible":true,"streaming":false,"elem_classes":[],"mirror_webcam":true,"show_share_button":false,"name":"image","_selectable":false},"skip_api":false,"component_class_id":"286c6ea0c524f663f00116c99ff33223","api_info":{"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"},"example_inputs":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":8,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":9,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":10,"type":"markdown","props":{"value":"### Step 2: BoundingBoxSelectAgent","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":11,"type":"markdown","props":{"value":"```python\nBoundingBoxSelectAgent(classes=[\"person\u0027s head\"], model=OwlV2)\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":12,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"name":"row"},"skip_api":true,"component_class_id":"6a3164ef74265a1280202b7527b2a1de"},{"id":13,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":14,"type":"column","props":{"scale":4,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":15,"type":"image","props":{"streamable":false,"value":{"path":"/tmp/gradio/d1227742ad6edb1e64bc879d9a69af80378b942d/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/d1227742ad6edb1e64bc879d9a69af80378b942d/image.png","size":null,"orig_name":"image.png","mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"format":"png","width":640,"image_mode":"RGB","sources":["upload","webcam","clipboard"],"type":"numpy","label":"Bounding Box","show_label":true,"show_download_button":true,"container":true,"min_width":160,"visible":true,"streaming":false,"elem_classes":[],"mirror_webcam":true,"show_share_button":false,"name":"image","_selectable":false},"skip_api":false,"component_class_id":"286c6ea0c524f663f00116c99ff33223","api_info":{"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"},"example_inputs":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":16,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":17,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":18,"type":"markdown","props":{"value":"### Step 3: NMSAgent","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":19,"type":"markdown","props":{"value":"```python\nNMSAgent(iou_threshold=0.5, score_threshold=0)\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":20,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"name":"row"},"skip_api":true,"component_class_id":"6a3164ef74265a1280202b7527b2a1de"},{"id":21,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":22,"type":"column","props":{"scale":4,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":23,"type":"image","props":{"streamable":false,"value":{"path":"/tmp/gradio/d0a4ba71cf80097965d9f6a84784fed194af7ec9/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/d0a4ba71cf80097965d9f6a84784fed194af7ec9/image.png","size":null,"orig_name":"image.png","mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"format":"png","width":640,"image_mode":"RGB","sources":["upload","webcam","clipboard"],"type":"numpy","label":"Bounding Box","show_label":true,"show_download_button":true,"container":true,"min_width":160,"visible":true,"streaming":false,"elem_classes":[],"mirror_webcam":true,"show_share_button":false,"name":"image","_selectable":false},"skip_api":false,"component_class_id":"286c6ea0c524f663f00116c99ff33223","api_info":{"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"},"example_inputs":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":24,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":25,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":26,"type":"markdown","props":{"value":"### Step 4: SplitAgent","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":27,"type":"markdown","props":{"value":"```python\nSplitAgent()\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":28,"type":"gallery","props":{"value":[{"image":{"path":"/tmp/gradio/08f29dedccff4c21ed01ef391443144d004fb598/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/08f29dedccff4c21ed01ef391443144d004fb598/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"person\u0027s head 0.16"},{"image":{"path":"/tmp/gradio/d2a3e1db9cf13935d0163498742c67dd87493553/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/d2a3e1db9cf13935d0163498742c67dd87493553/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"person\u0027s head 0.12"},{"image":{"path":"/tmp/gradio/7a5616b0efad411cfe68dbae4d21f4454006c426/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/7a5616b0efad411cfe68dbae4d21f4454006c426/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"person\u0027s head 0.11"},{"image":{"path":"/tmp/gradio/33e37827fc62410d6fae6faf92ff700e64b36276/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/33e37827fc62410d6fae6faf92ff700e64b36276/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"person\u0027s head 0.11"}],"format":"png","show_label":false,"container":true,"min_width":160,"visible":true,"elem_classes":[],"columns":3,"height":"max-content","allow_preview":true,"object_fit":"contain","show_share_button":false,"show_download_button":true,"type":"filepath","name":"gallery","_selectable":false},"skip_api":false,"component_class_id":"8241896918ff89a1faf66b8945f4b8a7","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"},"GalleryImage":{"properties":{"image":{"$ref":"#/$defs/FileData"},"caption":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Caption"}},"required":["image"],"title":"GalleryImage","type":"object"}},"items":{"$ref":"#/$defs/GalleryImage"},"title":"GalleryData","type":"array"},"example_inputs":[{"image":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}}]},{"id":29,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":30,"type":"markdown","props":{"value":"### Step 5: ClassificationAgent","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":31,"type":"markdown","props":{"value":"```python\nClassificationAgent(classes=[\u0027hard hat\u0027, \u0027no hard hat\u0027], model=CLIP)\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":32,"type":"gallery","props":{"value":[{"image":{"path":"/tmp/gradio/08f29dedccff4c21ed01ef391443144d004fb598/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/08f29dedccff4c21ed01ef391443144d004fb598/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"hard hat 0.90"},{"image":{"path":"/tmp/gradio/d2a3e1db9cf13935d0163498742c67dd87493553/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/d2a3e1db9cf13935d0163498742c67dd87493553/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"hard hat 0.91"},{"image":{"path":"/tmp/gradio/7a5616b0efad411cfe68dbae4d21f4454006c426/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/7a5616b0efad411cfe68dbae4d21f4454006c426/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"hard hat 0.69"},{"image":{"path":"/tmp/gradio/33e37827fc62410d6fae6faf92ff700e64b36276/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/33e37827fc62410d6fae6faf92ff700e64b36276/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"hard hat 0.94"}],"format":"png","show_label":false,"container":true,"min_width":160,"visible":true,"elem_classes":[],"columns":3,"height":"max-content","allow_preview":true,"object_fit":"contain","show_share_button":false,"show_download_button":true,"type":"filepath","name":"gallery","_selectable":false},"skip_api":false,"component_class_id":"8241896918ff89a1faf66b8945f4b8a7","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"},"GalleryImage":{"properties":{"image":{"$ref":"#/$defs/FileData"},"caption":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Caption"}},"required":["image"],"title":"GalleryImage","type":"object"}},"items":{"$ref":"#/$defs/GalleryImage"},"title":"GalleryData","type":"array"},"example_inputs":[{"image":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}}]},{"id":33,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":34,"type":"markdown","props":{"value":"### Step 6: ClassMapAgent","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":35,"type":"markdown","props":{"value":"```python\nClassMapAgent(name_map={\u0027hard hat\u0027: \u0027has ppe\u0027, \u0027no hard hat\u0027: \u0027no ppe\u0027})\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":36,"type":"gallery","props":{"value":[{"image":{"path":"/tmp/gradio/08f29dedccff4c21ed01ef391443144d004fb598/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/08f29dedccff4c21ed01ef391443144d004fb598/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"has ppe 0.90"},{"image":{"path":"/tmp/gradio/d2a3e1db9cf13935d0163498742c67dd87493553/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/d2a3e1db9cf13935d0163498742c67dd87493553/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"has ppe 0.91"},{"image":{"path":"/tmp/gradio/7a5616b0efad411cfe68dbae4d21f4454006c426/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/7a5616b0efad411cfe68dbae4d21f4454006c426/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"has ppe 0.69"},{"image":{"path":"/tmp/gradio/33e37827fc62410d6fae6faf92ff700e64b36276/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/33e37827fc62410d6fae6faf92ff700e64b36276/image.png","size":null,"orig_name":null,"mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"caption":"has ppe 0.94"}],"format":"png","show_label":false,"container":true,"min_width":160,"visible":true,"elem_classes":[],"columns":3,"height":"max-content","allow_preview":true,"object_fit":"contain","show_share_button":false,"show_download_button":true,"type":"filepath","name":"gallery","_selectable":false},"skip_api":false,"component_class_id":"8241896918ff89a1faf66b8945f4b8a7","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"},"GalleryImage":{"properties":{"image":{"$ref":"#/$defs/FileData"},"caption":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Caption"}},"required":["image"],"title":"GalleryImage","type":"object"}},"items":{"$ref":"#/$defs/GalleryImage"},"title":"GalleryData","type":"array"},"example_inputs":[{"image":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}}]},{"id":37,"type":"group","props":{"visible":true,"name":"group"},"skip_api":true,"component_class_id":"ca637b489e0e5371cedeed40d213846c"},{"id":38,"type":"markdown","props":{"value":"### Step 7: JoinAgent","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":39,"type":"markdown","props":{"value":"```python\nJoinAgent()\n```","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":"478bdb8ea21f67e6210822e5293a1f14","api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":40,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"name":"row"},"skip_api":true,"component_class_id":"6a3164ef74265a1280202b7527b2a1de"},{"id":41,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":42,"type":"column","props":{"scale":4,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"},{"id":43,"type":"image","props":{"streamable":false,"value":{"path":"/tmp/gradio/92950f7ef54993cf2086ee5df04c6e83fd29d6a1/image.png","url":"http://127.0.0.1:7860/file=/tmp/gradio/92950f7ef54993cf2086ee5df04c6e83fd29d6a1/image.png","size":null,"orig_name":"image.png","mime_type":null,"is_stream":false,"meta":{"_type":"gradio.FileData"}},"format":"png","width":640,"image_mode":"RGB","sources":["upload","webcam","clipboard"],"type":"numpy","label":"Bounding Box","show_label":true,"show_download_button":true,"container":true,"min_width":160,"visible":true,"streaming":false,"elem_classes":[],"mirror_webcam":true,"show_share_button":false,"name":"image","_selectable":false},"skip_api":false,"component_class_id":"286c6ea0c524f663f00116c99ff33223","api_info":{"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"},"example_inputs":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":44,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"name":"column"},"skip_api":true,"component_class_id":"0d92aadfeee5c32958d604c24f4b7c05"}],"css":"\n .gradio-container .single-image {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n ","js":null,"head":null,"title":"Gradio","space_id":null,"enable_queue":true,"show_error":false,"show_api":true,"is_colab":false,"stylesheets":["https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600\u0026display=swap","https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600\u0026display=swap"],"theme":"default","protocol":"sse_v3","body_css":{"body_background_fill":"white","body_text_color":"#1f2937","body_background_fill_dark":"#0b0f19","body_text_color_dark":"#f3f4f6"},"fill_height":false,"layout":{"id":0,"children":[{"id":1,"children":[{"id":2},{"id":3},{"id":4,"children":[{"id":5,"children":[]},{"id":6,"children":[{"id":7}]},{"id":8,"children":[]}]}]},{"id":9,"children":[{"id":10},{"id":11},{"id":12,"children":[{"id":13,"children":[]},{"id":14,"children":[{"id":15}]},{"id":16,"children":[]}]}]},{"id":17,"children":[{"id":18},{"id":19},{"id":20,"children":[{"id":21,"children":[]},{"id":22,"children":[{"id":23}]},{"id":24,"children":[]}]}]},{"id":25,"children":[{"id":26},{"id":27},{"id":28}]},{"id":29,"children":[{"id":30},{"id":31},{"id":32}]},{"id":33,"children":[{"id":34},{"id":35},{"id":36}]},{"id":37,"children":[{"id":38},{"id":39},{"id":40,"children":[{"id":41,"children":[]},{"id":42,"children":[{"id":43}]},{"id":44,"children":[]}]}]}]},"dependencies":[],"root":"http://127.0.0.1:7860"};</script>
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous">
<script src="./Gradio_files/iframeResizer.contentWindow.min.js" async=""></script>
<script type="module" crossorigin="" src="./Gradio_files/index-a80d931b.js"></script>
<link rel="stylesheet" href="./Gradio_files/index-a889f790.css">
<link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-26cfc80a.js"><link rel="stylesheet" href="./Gradio_files/Index-cf60e5e6.css"><link rel="stylesheet" href="./Gradio_files/index-a889f790.css"><style>.gradio-container .single-image { display: flex; justify-content: center; align-items: center; } gradio-app .gradio-container.gradio-container-4-25-0 .contain .gradio-container .single-image { display: flex; justify-content: center; align-items: center; }</style><link rel="stylesheet" href="./Gradio_files/theme.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Blocks-3011bbe9.js"><link rel="modulepreload" as="script" crossorigin="" href="./Gradio_files/index-a80d931b.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/SelectSource.svelte_svelte_type_style_lang-0a285437.js"><link rel="stylesheet" href="./Gradio_files/SelectSource-ffeae268.css"><link rel="stylesheet" href="./Gradio_files/Blocks-68a6bb76.css"><link rel="stylesheet" href="./Gradio_files/css2"><link rel="stylesheet" href="./Gradio_files/css2(1)"><title>Gradio</title><script async="" defer="" src="./Gradio_files/js(1)"></script> <script>window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-156449732-1", {
cookie_flags: "samesite=none;secure"
});</script><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-2d8f150a.js"><link rel="stylesheet" href="./Gradio_files/Index-37519934.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-f45b736b.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index.svelte_svelte_type_style_lang-e1d4a36d.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/utils-572af92b.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Example.svelte_svelte_type_style_lang-648fc18a.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/prism-python-b0b31d02.js"><link rel="stylesheet" href="./Gradio_files/Example-41e63572.css"><link rel="stylesheet" href="./Gradio_files/Index-edf307d2.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Example-49f98efe.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-0a208ea4.js"><link rel="stylesheet" href="./Gradio_files/Index-93c91554.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-ab6a99fa.js"><link rel="stylesheet" href="./Gradio_files/Index-2853eb31.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-bc5996aa.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/ImageUploader-528d6ef1.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/BlockLabel-f27805b1.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/IconButton-7294c90b.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Empty-28f63bf0.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/ShareButton-7dae44e7.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/DownloadLink-7ff36416.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/file-url-bef2dc1b.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Image-eaba773f.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Image-21c02477.js"><link rel="stylesheet" href="./Gradio_files/Image-c2f962bb.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/SelectSource-f5281119.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Upload-351cc897.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/DropdownArrow-bb2afb7e.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/ModifyUpload.svelte_svelte_type_style_lang-4ba51100.js"><link rel="stylesheet" href="./Gradio_files/ModifyUpload-13b13e32.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Clear-2c7bae91.js"><link rel="stylesheet" href="./Gradio_files/ImageUploader-b33972d3.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/UploadText-39c67ae9.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Example-092ffb31.js"><link rel="stylesheet" href="./Gradio_files/Example-bcfbe567.css"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Index-187b9380.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/ModifyUpload-66b0c302.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/Undo-b088de14.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/FileUpload-1878093d.js"><link rel="modulepreload" as="script" crossorigin="" href="http://127.0.0.1:7860/assets/File-d0b52941.js"><link rel="stylesheet" href="./Gradio_files/FileUpload-a4fc0425.css"><link rel="stylesheet" href="./Gradio_files/Index-c05a8c59.css"><link rel="stylesheet" href="./Gradio_files/Example-1cda6415.css"></head>
<body style="
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
flex-grow: 1;
" class="dark">
<gradio-app control_page_title="true" embed="false" eager="true" style="display: flex; flex-direction: column; flex-grow: 1; background: var(--body-background-fill);">
<div class="gradio-container gradio-container-4-25-0 svelte-182fdeq app" data-iframe-height="" style="min-height: initial; flex-grow: 1;"><div class="main svelte-182fdeq"> <div class="wrap svelte-16bt5n8" style="min-height: 100%;"><div class="contain svelte-16bt5n8" style="flex-grow: 1;"><div id="component-0" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"><div id="component-1" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-2" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 1: Input Image</h3>
</span></div></div></div><div id="component-3" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check" style="opacity: 0;"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">
</code></pre></div>
</span></div></div></div><div id="component-4" class="svelte-15lo0d8 stretch"><div id="component-5" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div><div id="component-6" class="svelte-vt1mxs gap" style="flex-grow: 4; min-width: min(320px, 100%);"><div id="component-7" class="block svelte-12cmxck" style="width: min(640px, 100%); border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <label for="" data-testid="block-label" class="svelte-1b6s6s float"><span class="svelte-1b6s6s"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> None</label> <div class="icon-buttons svelte-1l6wqyv"><a href="./Gradio_files/image.png" rel="noopener noreferrer" download="image.png"><button aria-label="Download" aria-haspopup="false" title="Download" class="svelte-p87ime padded" style="color: var(--block-label-text-color); --bg-color: var(--background-fill-primary);"> <div class="svelte-p87ime small"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"></path></svg></div></button></a> </div> <button class="svelte-1l6wqyv"><div class="image-container svelte-1l6wqyv"><img src="./Gradio_files/image.png" alt="" loading="lazy" class="svelte-1pijsyv"></div></button></div></div><div id="component-8" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div></div></div></div><div id="component-9" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-10" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 2: BoundingBoxSelectAgent</h3>
</span></div></div></div><div id="component-11" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">BoundingBoxSelectAgent<span class="token punctuation">(</span>classes<span class="token operator">=</span><span class="token punctuation">[</span><span class="token string">"person's head"</span><span class="token punctuation">]</span><span class="token punctuation">,</span> model<span class="token operator">=</span>OwlV2<span class="token punctuation">)</span>
</code></pre></div>
</span></div></div></div><div id="component-12" class="svelte-15lo0d8 stretch"><div id="component-13" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div><div id="component-14" class="svelte-vt1mxs gap" style="flex-grow: 4; min-width: min(320px, 100%);"><div id="component-15" class="block svelte-12cmxck" style="width: min(640px, 100%); border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <label for="" data-testid="block-label" class="svelte-1b6s6s float"><span class="svelte-1b6s6s"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Bounding Box</label> <div class="icon-buttons svelte-1l6wqyv"><a href="./Gradio_files/image(1).png" rel="noopener noreferrer" download="image.png"><button aria-label="Download" aria-haspopup="false" title="Download" class="svelte-p87ime padded" style="color: var(--block-label-text-color); --bg-color: var(--background-fill-primary);"> <div class="svelte-p87ime small"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"></path></svg></div></button></a> </div> <button class="svelte-1l6wqyv"><div class="image-container svelte-1l6wqyv"><img src="./Gradio_files/image(1).png" alt="" loading="lazy" class="svelte-1pijsyv"></div></button></div></div><div id="component-16" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div></div></div></div><div id="component-17" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-18" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 3: NMSAgent</h3>
</span></div></div></div><div id="component-19" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">NMSAgent<span class="token punctuation">(</span>iou_threshold<span class="token operator">=</span><span class="token number">0.5</span><span class="token punctuation">,</span> score_threshold<span class="token operator">=</span><span class="token number">0</span><span class="token punctuation">)</span>
</code></pre></div>
</span></div></div></div><div id="component-20" class="svelte-15lo0d8 stretch"><div id="component-21" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div><div id="component-22" class="svelte-vt1mxs gap" style="flex-grow: 4; min-width: min(320px, 100%);"><div id="component-23" class="block svelte-12cmxck" style="width: min(640px, 100%); border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <label for="" data-testid="block-label" class="svelte-1b6s6s float"><span class="svelte-1b6s6s"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Bounding Box</label> <div class="icon-buttons svelte-1l6wqyv"><a href="./Gradio_files/image(2).png" rel="noopener noreferrer" download="image.png"><button aria-label="Download" aria-haspopup="false" title="Download" class="svelte-p87ime padded" style="color: var(--block-label-text-color); --bg-color: var(--background-fill-primary);"> <div class="svelte-p87ime small"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"></path></svg></div></button></a> </div> <button class="svelte-1l6wqyv"><div class="image-container svelte-1l6wqyv"><img src="./Gradio_files/image(2).png" alt="" loading="lazy" class="svelte-1pijsyv"></div></button></div></div><div id="component-24" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div></div></div></div><div id="component-25" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-26" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 4: SplitAgent</h3>
</span></div></div></div><div id="component-27" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">SplitAgent<span class="token punctuation">(</span><span class="token punctuation">)</span>
</code></pre></div>
</span></div></div></div><div id="component-28" class="block svelte-12cmxck" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="grid-wrap svelte-hpz95u"><div class="grid-container svelte-hpz95u" style="--grid-cols: 3; --object-fit: contain; height: max-content;"> <button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 1 of 4"><img src="./Gradio_files/image(3).png" alt="person's head 0.16" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">person's head 0.16</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 2 of 4"><img src="./Gradio_files/image(4).png" alt="person's head 0.12" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">person's head 0.12</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 3 of 4"><img src="./Gradio_files/image(5).png" alt="person's head 0.11" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">person's head 0.11</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 4 of 4"><img src="./Gradio_files/image(6).png" alt="person's head 0.11" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">person's head 0.11</div> </button></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="./Gradio_files/saved_resource.html"></iframe></div></div></div></div><div id="component-29" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-30" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 5: ClassificationAgent</h3>
</span></div></div></div><div id="component-31" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">ClassificationAgent<span class="token punctuation">(</span>classes<span class="token operator">=</span><span class="token punctuation">[</span><span class="token string">'hard hat'</span><span class="token punctuation">,</span> <span class="token string">'no hard hat'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> model<span class="token operator">=</span>CLIP<span class="token punctuation">)</span>
</code></pre></div>
</span></div></div></div><div id="component-32" class="block svelte-12cmxck" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="grid-wrap svelte-hpz95u"><div class="grid-container svelte-hpz95u" style="--grid-cols: 3; --object-fit: contain; height: max-content;"> <button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 1 of 4"><img src="./Gradio_files/image(3).png" alt="hard hat 0.90" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">hard hat 0.90</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 2 of 4"><img src="./Gradio_files/image(4).png" alt="hard hat 0.91" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">hard hat 0.91</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 3 of 4"><img src="./Gradio_files/image(5).png" alt="hard hat 0.69" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">hard hat 0.69</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 4 of 4"><img src="./Gradio_files/image(6).png" alt="hard hat 0.94" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">hard hat 0.94</div> </button></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="./Gradio_files/saved_resource(1).html"></iframe></div></div></div></div><div id="component-33" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-34" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 6: ClassMapAgent</h3>
</span></div></div></div><div id="component-35" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">ClassMapAgent<span class="token punctuation">(</span>name_map<span class="token operator">=</span><span class="token punctuation">{</span><span class="token string">'hard hat'</span><span class="token punctuation">:</span> <span class="token string">'has ppe'</span><span class="token punctuation">,</span> <span class="token string">'no hard hat'</span><span class="token punctuation">:</span> <span class="token string">'no ppe'</span><span class="token punctuation">}</span><span class="token punctuation">)</span>
</code></pre></div>
</span></div></div></div><div id="component-36" class="block svelte-12cmxck" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="grid-wrap svelte-hpz95u"><div class="grid-container svelte-hpz95u" style="--grid-cols: 3; --object-fit: contain; height: max-content;"> <button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 1 of 4"><img src="./Gradio_files/image(3).png" alt="has ppe 0.90" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">has ppe 0.90</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 2 of 4"><img src="./Gradio_files/image(4).png" alt="has ppe 0.91" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">has ppe 0.91</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 3 of 4"><img src="./Gradio_files/image(5).png" alt="has ppe 0.69" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">has ppe 0.69</div> </button><button class="thumbnail-item thumbnail-lg svelte-hpz95u" aria-label="Thumbnail 4 of 4"><img src="./Gradio_files/image(6).png" alt="has ppe 0.94" loading="lazy" class="svelte-1pijsyv"> <div class="caption-label svelte-hpz95u">has ppe 0.94</div> </button></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="./Gradio_files/saved_resource(2).html"></iframe></div></div></div></div><div id="component-37" class="gr-group svelte-iyf88w"><div class="styler svelte-iyf88w" style="--block-radius: 0px; --block-border-width: 0px; --layout-gap: 1px; --form-gap-width: 1px; --button-border-width: 0px; --button-large-radius: 0px; --button-small-radius: 0px;"><div id="component-38" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><h3>Step 7: JoinAgent</h3>
</span></div></div></div><div id="component-39" class="block svelte-12cmxck padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1yrv54" data-testid="markdown" dir="ltr"><span class="md svelte-ftv0x7"><div class="code_wrap"><button class="copy_code_button" title="copy">
<span class="copy-text"><svg viewBox="0 0 32 32" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><path d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z" fill="currentColor"></path><path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor"></path></svg></span>
<span class="check"><svg stroke-linejoin="round" stroke-linecap="round" stroke-width="3" stroke="currentColor" fill="none" viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
</button><pre><code class="language-python">JoinAgent<span class="token punctuation">(</span><span class="token punctuation">)</span>
</code></pre></div>
</span></div></div></div><div id="component-40" class="svelte-15lo0d8 stretch"><div id="component-41" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div><div id="component-42" class="svelte-vt1mxs gap" style="flex-grow: 4; min-width: min(320px, 100%);"><div id="component-43" class="block svelte-12cmxck" style="width: min(640px, 100%); border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-12bm2fk hide" style="position: absolute; padding: 0px;"></div> <label for="" data-testid="block-label" class="svelte-1b6s6s float"><span class="svelte-1b6s6s"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Bounding Box</label> <div class="icon-buttons svelte-1l6wqyv"><a href="./Gradio_files/image(7).png" rel="noopener noreferrer" download="image.png"><button aria-label="Download" aria-haspopup="false" title="Download" class="svelte-p87ime padded" style="color: var(--block-label-text-color); --bg-color: var(--background-fill-primary);"> <div class="svelte-p87ime small"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 32 32"><path fill="currentColor" d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"></path></svg></div></button></a> </div> <button class="svelte-1l6wqyv"><div class="image-container svelte-1l6wqyv"><img src="./Gradio_files/image(7).png" alt="" loading="lazy" class="svelte-1pijsyv"></div></button></div></div><div id="component-44" class="svelte-vt1mxs gap" style="flex-grow: 1; min-width: min(320px, 100%);"></div></div></div></div></div></div> <footer class="svelte-16bt5n8"><button class="show-api svelte-16bt5n8">Use via API <img src="./Gradio_files/api-logo-5346f193.svg" alt="logo" class="svelte-16bt5n8"></button> <div class="svelte-16bt5n8">·</div> <a href="https://gradio.app/" class="built-with svelte-16bt5n8" target="_blank" rel="noreferrer">Built with Gradio <img src="./Gradio_files/logo-3707f936.svg" alt="logo" class="svelte-16bt5n8"></a></footer></div> <div class="toast-wrap svelte-pu0yf1"></div></div> </div></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>