Hugging Face's logo

Spaces:
TTS-AGI
/
Voice-Clone-Arena
Running

App Files Community
kemuriririn commited on
Commit
cf60038
·
1 Parent(s): 38863cf

update

Browse files
Files changed (6) hide show
  1. templates/admin/activity.html +43 -43
  2. templates/admin/index.html +37 -37
  3. templates/admin/models.html +35 -35
  4. templates/admin/user_detail.html +4 -4
  5. templates/arena.html +91 -91
  6. templates/leaderboard.html +1 -1
templates/admin/activity.html CHANGED
@@ -10,10 +10,10 @@
10
  <div class="stat-title">Active TTS Sessions</div>
11
  <div class="stat-value">{{ tts_session_count }}</div>
12
  </div>
13
- <div class="stat-card">
14
- <div class="stat-title">Active Conversational Sessions</div>
15
- <div class="stat-value">{{ conversational_session_count }}</div>
16
- </div>
17
  </div>
18
 
19
  <div class="admin-card">
@@ -63,45 +63,45 @@
63
  </div>
64
  </div>
65
 
66
- <div class="admin-card">
67
- <div class="admin-card-header">
68
- <div class="admin-card-title">Recent Conversational Votes</div>
69
- </div>
70
- <div class="table-responsive">
71
- <table class="admin-table">
72
- <thead>
73
- <tr>
74
- <th>Time</th>
75
- <th>User</th>
76
- <th>Chosen Model</th>
77
- <th>Rejected Model</th>
78
- <th>Text Preview</th>
79
- </tr>
80
- </thead>
81
- <tbody>
82
- {% for vote in recent_conv_votes %}
83
- <tr>
84
- <td>{{ vote.vote_date.strftime('%Y-%m-%d %H:%M') }}</td>
85
- <td>
86
- {% if vote.user %}
87
- <a href="{{ url_for('admin.user_detail', user_id=vote.user.id) }}">{{ vote.user.username }}</a>
88
- {% else %}
89
- Anonymous
90
- {% endif %}
91
- </td>
92
- <td>{{ vote.chosen.name }}</td>
93
- <td>{{ vote.rejected.name }}</td>
94
- <td>
95
- <div class="text-truncate" title="{{ vote.text }}">
96
- {{ vote.text }}
97
- </div>
98
- </td>
99
- </tr>
100
- {% endfor %}
101
- </tbody>
102
- </table>
103
- </div>
104
- </div>
105
 
106
  <script>
107
  document.addEventListener('DOMContentLoaded', function() {
 
10
  <div class="stat-title">Active TTS Sessions</div>
11
  <div class="stat-value">{{ tts_session_count }}</div>
12
  </div>
13
+ {# <div class="stat-card">#}
14
+ {# <div class="stat-title">Active Conversational Sessions</div>#}
15
+ {# <div class="stat-value">{{ conversational_session_count }}</div>#}
16
+ {# </div>#}
17
  </div>
18
 
19
  <div class="admin-card">
 
63
  </div>
64
  </div>
65
 
66
+ {#<div class="admin-card">#}
67
+ {# <div class="admin-card-header">#}
68
+ {# <div class="admin-card-title">Recent Conversational Votes</div>#}
69
+ {# </div>#}
70
+ {# <div class="table-responsive">#}
71
+ {# <table class="admin-table">#}
72
+ {# <thead>#}
73
+ {# <tr>#}
74
+ {# <th>Time</th>#}
75
+ {# <th>User</th>#}
76
+ {# <th>Chosen Model</th>#}
77
+ {# <th>Rejected Model</th>#}
78
+ {# <th>Text Preview</th>#}
79
+ {# </tr>#}
80
+ {# </thead>#}
81
+ {# <tbody>#}
82
+ {# {% for vote in recent_conv_votes %}#}
83
+ {# <tr>#}
84
+ {# <td>{{ vote.vote_date.strftime('%Y-%m-%d %H:%M') }}</td>#}
85
+ {# <td>#}
86
+ {# {% if vote.user %}#}
87
+ {# <a href="{{ url_for('admin.user_detail', user_id=vote.user.id) }}">{{ vote.user.username }}</a>#}
88
+ {# {% else %}#}
89
+ {# Anonymous#}
90
+ {# {% endif %}#}
91
+ {# </td>#}
92
+ {# <td>{{ vote.chosen.name }}</td>#}
93
+ {# <td>{{ vote.rejected.name }}</td>#}
94
+ {# <td>#}
95
+ {# <div class="text-truncate" title="{{ vote.text }}">#}
96
+ {# {{ vote.text }}#}
97
+ {# </div>#}
98
+ {# </td>#}
99
+ {# </tr>#}
100
+ {# {% endfor %}#}
101
+ {# </tbody>#}
102
+ {# </table>#}
103
+ {# </div>#}
104
+ {#</div>#}
105
 
106
  <script>
107
  document.addEventListener('DOMContentLoaded', function() {
templates/admin/index.html CHANGED
@@ -18,18 +18,18 @@
18
  <div class="stat-title">TTS Votes</div>
19
  <div class="stat-value">{{ stats.tts_votes }}</div>
20
  </div>
21
- <div class="stat-card">
22
- <div class="stat-title">Conversational Votes</div>
23
- <div class="stat-value">{{ stats.conversational_votes }}</div>
24
- </div>
25
  <div class="stat-card">
26
  <div class="stat-title">TTS Models</div>
27
  <div class="stat-value">{{ stats.tts_models }}</div>
28
  </div>
29
- <div class="stat-card">
30
- <div class="stat-title">Conversational Models</div>
31
- <div class="stat-value">{{ stats.conversational_models }}</div>
32
- </div>
33
  </div>
34
 
35
  <div class="admin-card">
@@ -69,35 +69,35 @@
69
  </div>
70
  </div>
71
 
72
- <div class="admin-card">
73
- <div class="admin-card-header">
74
- <div class="admin-card-title">Top Conversational Models</div>
75
- </div>
76
- <div class="table-responsive">
77
- <table class="admin-table">
78
- <thead>
79
- <tr>
80
- <th>Rank</th>
81
- <th>Model</th>
82
- <th>ELO Score</th>
83
- <th>Win Rate</th>
84
- <th>Total Matches</th>
85
- </tr>
86
- </thead>
87
- <tbody>
88
- {% for model in top_conversational_models %}
89
- <tr>
90
- <td>{{ loop.index }}</td>
91
- <td>{{ model.name }}</td>
92
- <td>{{ model.current_elo|int }}</td>
93
- <td>{{ model.win_rate|round }}%</td>
94
- <td>{{ model.match_count }}</td>
95
- </tr>
96
- {% endfor %}
97
- </tbody>
98
- </table>
99
- </div>
100
- </div>
101
 
102
  <div class="admin-row">
103
  <div class="admin-card">
 
18
  <div class="stat-title">TTS Votes</div>
19
  <div class="stat-value">{{ stats.tts_votes }}</div>
20
  </div>
21
+ {# <div class="stat-card">#}
22
+ {# <div class="stat-title">Conversational Votes</div>#}
23
+ {# <div class="stat-value">{{ stats.conversational_votes }}</div>#}
24
+ {# </div>#}
25
  <div class="stat-card">
26
  <div class="stat-title">TTS Models</div>
27
  <div class="stat-value">{{ stats.tts_models }}</div>
28
  </div>
29
+ {# <div class="stat-card">#}
30
+ {# <div class="stat-title">Conversational Models</div>#}
31
+ {# <div class="stat-value">{{ stats.conversational_models }}</div>#}
32
+ {# </div>#}
33
  </div>
34
 
35
  <div class="admin-card">
 
69
  </div>
70
  </div>
71
 
72
+ {#<div class="admin-card">#}
73
+ {# <div class="admin-card-header">#}
74
+ {# <div class="admin-card-title">Top Conversational Models</div>#}
75
+ {# </div>#}
76
+ {# <div class="table-responsive">#}
77
+ {# <table class="admin-table">#}
78
+ {# <thead>#}
79
+ {# <tr>#}
80
+ {# <th>Rank</th>#}
81
+ {# <th>Model</th>#}
82
+ {# <th>ELO Score</th>#}
83
+ {# <th>Win Rate</th>#}
84
+ {# <th>Total Matches</th>#}
85
+ {# </tr>#}
86
+ {# </thead>#}
87
+ {# <tbody>#}
88
+ {# {% for model in top_conversational_models %}#}
89
+ {# <tr>#}
90
+ {# <td>{{ loop.index }}</td>#}
91
+ {# <td>{{ model.name }}</td>#}
92
+ {# <td>{{ model.current_elo|int }}</td>#}
93
+ {# <td>{{ model.win_rate|round }}%</td>#}
94
+ {# <td>{{ model.match_count }}</td>#}
95
+ {# </tr>#}
96
+ {# {% endfor %}#}
97
+ {# </tbody>#}
98
+ {# </table>#}
99
+ {# </div>#}
100
+ {#</div>#}
101
 
102
  <div class="admin-row">
103
  <div class="admin-card">
templates/admin/models.html CHANGED
@@ -41,39 +41,39 @@
41
  </div>
42
  </div>
43
 
44
- <div class="admin-card">
45
- <div class="admin-card-header">
46
- <div class="admin-card-title">Conversational Models</div>
47
- </div>
48
- <div class="table-responsive">
49
- <table class="admin-table">
50
- <thead>
51
- <tr>
52
- <th>ID</th>
53
- <th>Name</th>
54
- <th>ELO Score</th>
55
- <th>Matches</th>
56
- <th>Active</th>
57
- <th>Open Source</th>
58
- <th>Actions</th>
59
- </tr>
60
- </thead>
61
- <tbody>
62
- {% for model in conversational_models %}
63
- <tr>
64
- <td>{{ model.id }}</td>
65
- <td>{{ model.name }}</td>
66
- <td>{{ model.current_elo|int }}</td>
67
- <td>{{ model.match_count }}</td>
68
- <td>{{ "Yes" if model.is_active else "No" }}</td>
69
- <td>{{ "Yes" if model.is_open else "No" }}</td>
70
- <td>
71
- <a href="{{ url_for('admin.edit_model', model_id=model.id) }}" class="action-btn">Edit</a>
72
- </td>
73
- </tr>
74
- {% endfor %}
75
- </tbody>
76
- </table>
77
- </div>
78
- </div>
79
  {% endblock %}
 
41
  </div>
42
  </div>
43
 
44
+ {#<div class="admin-card">#}
45
+ {# <div class="admin-card-header">#}
46
+ {# <div class="admin-card-title">Conversational Models</div>#}
47
+ {# </div>#}
48
+ {# <div class="table-responsive">#}
49
+ {# <table class="admin-table">#}
50
+ {# <thead>#}
51
+ {# <tr>#}
52
+ {# <th>ID</th>#}
53
+ {# <th>Name</th>#}
54
+ {# <th>ELO Score</th>#}
55
+ {# <th>Matches</th>#}
56
+ {# <th>Active</th>#}
57
+ {# <th>Open Source</th>#}
58
+ {# <th>Actions</th>#}
59
+ {# </tr>#}
60
+ {# </thead>#}
61
+ {# <tbody>#}
62
+ {# {% for model in conversational_models %}#}
63
+ {# <tr>#}
64
+ {# <td>{{ model.id }}</td>#}
65
+ {# <td>{{ model.name }}</td>#}
66
+ {# <td>{{ model.current_elo|int }}</td>#}
67
+ {# <td>{{ model.match_count }}</td>#}
68
+ {# <td>{{ "Yes" if model.is_active else "No" }}</td>#}
69
+ {# <td>{{ "Yes" if model.is_open else "No" }}</td>#}
70
+ {# <td>#}
71
+ {# <a href="{{ url_for('admin.edit_model', model_id=model.id) }}" class="action-btn">Edit</a>#}
72
+ {# </td>#}
73
+ {# </tr>#}
74
+ {# {% endfor %}#}
75
+ {# </tbody>#}
76
+ {# </table>#}
77
+ {# </div>#}
78
+ {#</div>#}
79
  {% endblock %}
templates/admin/user_detail.html CHANGED
@@ -34,10 +34,10 @@
34
  <div class="stat-title">TTS Votes</div>
35
  <div class="stat-value">{{ tts_votes }}</div>
36
  </div>
37
- <div class="stat-card">
38
- <div class="stat-title">Conversational Votes</div>
39
- <div class="stat-value">{{ conversational_votes }}</div>
40
- </div>
41
  </div>
42
  </div>
43
 
 
34
  <div class="stat-title">TTS Votes</div>
35
  <div class="stat-value">{{ tts_votes }}</div>
36
  </div>
37
+ {# <div class="stat-card">#}
38
+ {# <div class="stat-title">Conversational Votes</div>#}
39
+ {# <div class="stat-value">{{ conversational_votes }}</div>#}
40
+ {# </div>#}
41
  </div>
42
  </div>
43
 
templates/arena.html CHANGED
@@ -7,7 +7,7 @@
7
  {% block content %}
8
  <div class="tabs">
9
  <div class="tab active" data-tab="tts">TTS</div>
10
- <div class="tab" data-tab="conversational">Conversational</div>
11
  </div>
12
 
13
  <div id="tts-tab" class="tab-content active">
@@ -100,96 +100,96 @@
100
  </div>
101
  </div>
102
 
103
- <div id="conversational-tab" class="tab-content">
104
- <div class="podcast-container">
105
- <div class="podcast-controls">
106
- <button type="button" class="segmented-btn random-script-btn" title="Load random script">
107
- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle-icon lucide-shuffle">
108
- <path d="m18 14 4 4-4 4" />
109
- <path d="m18 2 4 4-4 4" />
110
- <path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22" />
111
- <path d="M2 6h1.972a4 4 0 0 1 3.6 2.2" />
112
- <path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45" />
113
- </svg>
114
- Random Script
115
- </button>
116
- <button type="button" class="podcast-synth-btn">Generate Podcast</button>
117
- </div>
118
-
119
- <div class="podcast-script-container">
120
- <div class="podcast-lines">
121
- <!-- Script lines will be added here -->
122
- </div>
123
-
124
- <button type="button" class="add-line-btn">+ Add Line</button>
125
-
126
- <div class="keyboard-hint podcast-keyboard-hint">
127
- Press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> or <kbd>Alt</kbd>+<kbd>Enter</kbd> to add a new line
128
- </div>
129
- </div>
130
-
131
- <div class="podcast-loading-container" style="display: none;">
132
- <div class="loader-wrapper">
133
- <div class="loader-animation">
134
- <div class="sound-wave">
135
- <span></span>
136
- <span></span>
137
- <span></span>
138
- <span></span>
139
- <span></span>
140
- <span></span>
141
- </div>
142
- </div>
143
- <div class="loader-text">Generating podcast...</div>
144
- <div class="loader-subtext">This may take up to a minute</div>
145
- </div>
146
- </div>
147
-
148
- <div class="podcast-player-container" style="display: none;">
149
- <div class="players-row">
150
- <div class="player">
151
- <div class="player-label">Model A <span class="model-name-display"></span></div>
152
- <div class="podcast-wave-player-a"></div>
153
- <button class="vote-btn" data-model="a" disabled>
154
- Vote for A
155
- <span class="shortcut-key">A</span>
156
- <span class="vote-loader" style="display: none;">
157
- <div class="vote-spinner"></div>
158
- </span>
159
- </button>
160
- </div>
161
-
162
- <div class="player">
163
- <div class="player-label">Model B <span class="model-name-display"></span></div>
164
- <div class="podcast-wave-player-b"></div>
165
- <button class="vote-btn" data-model="b" disabled>
166
- Vote for B
167
- <span class="shortcut-key">B</span>
168
- <span class="vote-loader" style="display: none;">
169
- <div class="vote-spinner"></div>
170
- </span>
171
- </button>
172
- </div>
173
- </div>
174
-
175
- <div class="podcast-vote-results vote-results" style="display: none;">
176
- <h3 class="results-heading">Vote Recorded!</h3>
177
- <div class="results-content">
178
- <div class="chosen-model">
179
- <strong>You chose:</strong> <span class="chosen-model-name"></span>
180
- </div>
181
- <div class="rejected-model">
182
- <strong>Over:</strong> <span class="rejected-model-name"></span>
183
- </div>
184
- </div>
185
- </div>
186
-
187
- <div class="podcast-next-round-container next-round-container" style="display: none;">
188
- <button class="podcast-next-round-btn next-round-btn">Next Round <span class="shortcut-key">N</span></button>
189
- </div>
190
- </div>
191
- </div>
192
- </div>
193
 
194
  {% endblock %}
195
 
 
7
  {% block content %}
8
  <div class="tabs">
9
  <div class="tab active" data-tab="tts">TTS</div>
10
+ {# <div class="tab" data-tab="conversational">Conversational</div>#}
11
  </div>
12
 
13
  <div id="tts-tab" class="tab-content active">
 
100
  </div>
101
  </div>
102
 
103
+ {#<div id="conversational-tab" class="tab-content">#}
104
+ {# <div class="podcast-container">#}
105
+ {# <div class="podcast-controls">#}
106
+ {# <button type="button" class="segmented-btn random-script-btn" title="Load random script">#}
107
+ {# <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle-icon lucide-shuffle">#}
108
+ {# <path d="m18 14 4 4-4 4" />#}
109
+ {# <path d="m18 2 4 4-4 4" />#}
110
+ {# <path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22" />#}
111
+ {# <path d="M2 6h1.972a4 4 0 0 1 3.6 2.2" />#}
112
+ {# <path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45" />#}
113
+ {# </svg>#}
114
+ {# Random Script#}
115
+ {# </button>#}
116
+ {# <button type="button" class="podcast-synth-btn">Generate Podcast</button>#}
117
+ {# </div>#}
118
+ {# #}
119
+ {# <div class="podcast-script-container">#}
120
+ {# <div class="podcast-lines">#}
121
+ {# <!-- Script lines will be added here -->#}
122
+ {# </div>#}
123
+ {# #}
124
+ {# <button type="button" class="add-line-btn">+ Add Line</button>#}
125
+ {# #}
126
+ {# <div class="keyboard-hint podcast-keyboard-hint">#}
127
+ {# Press <kbd>Ctrl</kbd>+<kbd>Enter</kbd> or <kbd>Alt</kbd>+<kbd>Enter</kbd> to add a new line#}
128
+ {# </div>#}
129
+ {# </div>#}
130
+ {# #}
131
+ {# <div class="podcast-loading-container" style="display: none;">#}
132
+ {# <div class="loader-wrapper">#}
133
+ {# <div class="loader-animation">#}
134
+ {# <div class="sound-wave">#}
135
+ {# <span></span>#}
136
+ {# <span></span>#}
137
+ {# <span></span>#}
138
+ {# <span></span>#}
139
+ {# <span></span>#}
140
+ {# <span></span>#}
141
+ {# </div>#}
142
+ {# </div>#}
143
+ {# <div class="loader-text">Generating podcast...</div>#}
144
+ {# <div class="loader-subtext">This may take up to a minute</div>#}
145
+ {# </div>#}
146
+ {# </div>#}
147
+ {##}
148
+ {# <div class="podcast-player-container" style="display: none;">#}
149
+ {# <div class="players-row">#}
150
+ {# <div class="player">#}
151
+ {# <div class="player-label">Model A <span class="model-name-display"></span></div>#}
152
+ {# <div class="podcast-wave-player-a"></div>#}
153
+ {# <button class="vote-btn" data-model="a" disabled>#}
154
+ {# Vote for A#}
155
+ {# <span class="shortcut-key">A</span>#}
156
+ {# <span class="vote-loader" style="display: none;">#}
157
+ {# <div class="vote-spinner"></div>#}
158
+ {# </span>#}
159
+ {# </button>#}
160
+ {# </div>#}
161
+ {# #}
162
+ {# <div class="player">#}
163
+ {# <div class="player-label">Model B <span class="model-name-display"></span></div>#}
164
+ {# <div class="podcast-wave-player-b"></div>#}
165
+ {# <button class="vote-btn" data-model="b" disabled>#}
166
+ {# Vote for B#}
167
+ {# <span class="shortcut-key">B</span>#}
168
+ {# <span class="vote-loader" style="display: none;">#}
169
+ {# <div class="vote-spinner"></div>#}
170
+ {# </span>#}
171
+ {# </button>#}
172
+ {# </div>#}
173
+ {# </div>#}
174
+ {##}
175
+ {# <div class="podcast-vote-results vote-results" style="display: none;">#}
176
+ {# <h3 class="results-heading">Vote Recorded!</h3>#}
177
+ {# <div class="results-content">#}
178
+ {# <div class="chosen-model">#}
179
+ {# <strong>You chose:</strong> <span class="chosen-model-name"></span>#}
180
+ {# </div>#}
181
+ {# <div class="rejected-model">#}
182
+ {# <strong>Over:</strong> <span class="rejected-model-name"></span>#}
183
+ {# </div>#}
184
+ {# </div>#}
185
+ {# </div>#}
186
+ {# #}
187
+ {# <div class="podcast-next-round-container next-round-container" style="display: none;">#}
188
+ {# <button class="podcast-next-round-btn next-round-btn">Next Round <span class="shortcut-key">N</span></button>#}
189
+ {# </div>#}
190
+ {# </div>#}
191
+ {# </div>#}
192
+ {#</div>#}
193
 
194
  {% endblock %}
195
 
templates/leaderboard.html CHANGED
@@ -703,7 +703,7 @@
703
  {% block content %}
704
  <div class="tabs">
705
  <div class="tab active" data-tab="tts">TTS</div>
706
- <div class="tab" data-tab="conversational">Conversational</div>
707
  <div class="tab" data-tab="voters">Top Voters</div>
708
  </div>
709
 
 
703
  {% block content %}
704
  <div class="tabs">
705
  <div class="tab active" data-tab="tts">TTS</div>
706
+ {# <div class="tab" data-tab="conversational">Conversational</div>#}
707
  <div class="tab" data-tab="voters">Top Voters</div>
708
  </div>
709