-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
198 lines (187 loc) · 12.4 KB
/
index.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LLM-Brained GUI Agents Survey</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- DataTables CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<h3>Categories</h3>
</div>
<ul class="list-unstyled components">
<li class="active">
<a href="#" data-category="all">
<i class="fas fa-globe"></i> All Papers
</a>
</li>
<li>
<a href="#" data-category="survey">
<i class="fas fa-search"></i> Survey
</a>
</li>
<li>
<a href="#" data-category="benchmark">
<i class="fas fa-chart-bar"></i> Benchmark
</a>
</li>
<li>
<a href="#" data-category="dataset">
<i class="fas fa-database"></i> Dataset
</a>
</li>
<li>
<a href="#" data-category="models">
<i class="fas fa-brain"></i> Models
</a>
</li>
<li>
<a href="#" data-category="framework">
<i class="fas fa-cubes"></i> Framework
</a>
</li>
<li>
<a href="#applicationSubmenu" data-bs-toggle="collapse" aria-expanded="false">
<i class="fas fa-laptop"></i> Application <i class="fas fa-angle-down float-end"></i>
</a>
<ul class="collapse list-unstyled" id="applicationSubmenu">
<li>
<a href="#" data-category="gui-testing">
<i class="fas fa-vial"></i> GUI Testing
</a>
</li>
<li>
<a href="#" data-category="virtual-assistant">
<i class="fas fa-robot"></i> Virtual Assistant
</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<button type="button" id="sidebarCollapse" class="btn">
<i class="fas fa-bars"></i>
</button>
</div>
</nav>
<div class="container-fluid py-4">
<h1 class="text-center text-span-gradient">LLM-Brained GUI Agents</h1>
<h2 class="text-center text-span-gradient-second">A Collection of Research Papers and Projects in:
<a href="https://arxiv.org/abs/2411.18279" target="_blank" style="text-decoration: none; color: inherit;">
Large Language Model-Brained GUI Agents: A Survey.
</a>
</h2>
<div class="button-group">
<a href="https://arxiv.org/abs/2411.18279" class="agent_btn_paper agent_btn-icon">
<span class="btn-icon">
<!-- SVG Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" viewBox="0 0 24 24" fill="none">
<path d="M24.0981 15.3676C23.3871 14.6101 21.9344 14.1721 19.8756 14.1721C18.7739 14.1721 17.5004 14.2816 16.1136 14.5396C15.2661 13.7037 14.4948 12.7938 13.8089 11.8209C13.2779 11.0829 12.8129 10.3014 12.3869 9.53185C13.1991 6.9931 13.5936 4.92235 13.5936 3.4306C13.5936 1.75885 12.9884 0.0166016 11.2536 0.0166016C10.7181 0.0166016 10.1871 0.340602 9.90213 0.817602C9.12063 2.22385 9.47238 5.3101 10.8201 8.3566C10.3061 9.91072 9.73932 11.4469 9.12063 12.9624C8.5353 14.3528 7.89275 15.7185 7.19463 17.0559C3.29238 18.6421 0.764878 20.4894 0.530878 21.9429C0.425128 22.4896 0.605128 22.9898 0.987628 23.3918C1.12038 23.5014 1.62063 23.9349 2.46813 23.9349C5.05788 23.9349 7.78488 19.6576 9.17538 17.0754C10.2381 16.7161 11.3046 16.3876 12.3666 16.0599C13.4888 15.7498 14.6257 15.4954 15.7731 15.2979C18.5076 17.8021 20.9174 18.1966 22.1286 18.1966C23.6211 18.1966 24.1521 17.5794 24.3321 17.0754C24.6134 16.4229 24.4026 15.7044 24.0824 15.3331L24.1019 15.3721L24.0981 15.3676ZM22.7151 16.4221C22.6094 16.9651 22.0746 17.3281 21.3284 17.3281C21.1176 17.3281 20.9376 17.2891 20.7231 17.2576C19.3634 16.9291 18.0906 16.2384 16.8209 15.1479C17.8057 14.9821 18.8027 14.8985 19.8014 14.8981C20.5394 14.8981 21.1806 14.9334 21.6096 15.0429C22.1016 15.1486 22.8831 15.4801 22.7076 16.4258H22.7271L22.7151 16.4221ZM15.1919 14.7151C14.2036 14.9168 13.2214 15.1474 12.2466 15.4066C11.3987 15.637 10.5585 15.8948 9.72738 16.1799C10.1587 15.3251 10.5612 14.4561 10.9341 13.5744C11.3639 12.5551 11.7156 11.5044 12.0711 10.5271C12.4191 11.1406 12.8091 11.7579 13.1999 12.3084C13.8404 13.1791 14.5086 14.0079 15.1806 14.7301V14.7106L15.1919 14.7151ZM10.5389 1.23085C10.6014 1.10287 10.6978 0.99446 10.8176 0.91738C10.9374 0.840299 11.076 0.797491 11.2184 0.793602C11.9646 0.793602 12.1049 1.6606 12.1049 2.35585C12.1049 3.5236 11.7494 5.29735 11.1441 7.32085C10.0814 4.50085 10.0116 2.14135 10.5426 1.23085H10.5389ZM6.63663 18.1291C4.82838 21.1719 3.08988 23.0589 2.02338 23.0589C1.81638 23.0589 1.63638 22.9846 1.49613 22.8788C1.28163 22.6598 1.17588 22.4064 1.24638 22.1168C1.46088 21.0271 3.48438 19.5039 6.64113 18.1283L6.63663 18.1291Z" fill="currentColor"></path>
</svg>
<span>Paper</span>
</a>
<a href="https://github.com/vyokky/LLM-Brained-GUI-Agents-Survey" class="agent_btn_code agent_btn-icon">
<span class="btn-icon">
<!-- SVG Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" viewBox="2 0 24 26" fill="none">
<path d="M12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 16.42 4.87 20.17 8.84 21.5C9.34 21.58 9.5 21.27 9.5 21V19.31C6.73 19.91 6.14 17.97 6.14 17.97C5.68 16.81 5.03 16.5 5.03 16.5C4.12 15.88 5.1 15.9 5.1 15.9C6.1 15.97 6.63 16.93 6.63 16.93C7.5 18.45 8.97 18 9.54 17.76C9.63 17.11 9.89 16.67 10.17 16.42C7.95 16.17 5.62 15.31 5.62 11.5C5.62 10.39 6 9.5 6.65 8.79C6.55 8.54 6.2 7.5 6.75 6.15C6.75 6.15 7.59 5.88 9.5 7.17C10.29 6.95 11.15 6.84 12 6.84C12.85 6.84 13.71 6.95 14.5 7.17C16.41 5.88 17.25 6.15 17.25 6.15C17.8 7.5 17.45 8.54 17.35 8.79C18 9.5 18.38 10.39 18.38 11.5C18.38 15.32 16.04 16.16 13.81 16.41C14.17 16.72 14.5 17.33 14.5 18.26V21C14.5 21.27 14.66 21.59 15.17 21.5C19.14 20.16 22 16.42 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z" fill="currentColor"></path>
</svg>
</span>
<span>Code</span>
</a>
</div>
</div>
<div class="filter-row">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="platformFilter" class="mb-2">Platform</label>
<select id="platformFilter" class="form-select">
<option value="">All Platforms</option>
</select>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label class="mb-2">Date Range</label>
<div class="row">
<div class="col-md-6">
<input type="month" id="dateFilterStart" class="form-control"
placeholder="Start Date">
</div>
<div class="col-md-6">
<input type="month" id="dateFilterEnd" class="form-control"
placeholder="End Date">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div id="exportButtonsContainer" class="export-buttons mb-3">
<!-- Buttons will be inserted here by DataTables -->
</div>
<div class="table-responsive">
<table id="papers-table" class="table table-striped">
<thead>
<tr>
<th>Title</th>
<th>Platform</th>
<th>Date</th>
<th>Highlight</th>
<th>Links</th>
<th>Category</th>
</tr>
</thead>
<tbody>
<!-- Data will be populated via JavaScript -->
</tbody>
</table>
</div>
</div>
</div>
<footer class="text-center mt-4">
<p> If the authors of the paper wish to have their paper removed from the website, please contact <a
href="[email protected]">[email protected]</a>
<footer class="text-center mt-4">
<p> 2024 LLM-Brained GUI Agents Survey. All rights reserved.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script>
<script src="papers.js"></script>
</body>
</html>