ttp-agent-sdk 2.2.0 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -13,6 +13,13 @@
|
|
|
13
13
|
background: #F9FAFB;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
@media (max-width: 768px) {
|
|
17
|
+
body {
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: 10px;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
16
23
|
.container {
|
|
17
24
|
background: white;
|
|
18
25
|
padding: 30px;
|
|
@@ -20,6 +27,13 @@
|
|
|
20
27
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
21
28
|
}
|
|
22
29
|
|
|
30
|
+
@media (max-width: 768px) {
|
|
31
|
+
.container {
|
|
32
|
+
padding: 16px;
|
|
33
|
+
border-radius: 8px;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
23
37
|
h1 {
|
|
24
38
|
color: #111827;
|
|
25
39
|
margin-top: 0;
|
|
@@ -85,6 +99,15 @@
|
|
|
85
99
|
overflow-x: auto;
|
|
86
100
|
margin: 20px 0;
|
|
87
101
|
white-space: pre;
|
|
102
|
+
-webkit-overflow-scrolling: touch;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@media (max-width: 768px) {
|
|
106
|
+
.code-block {
|
|
107
|
+
font-size: 11px;
|
|
108
|
+
padding: 12px;
|
|
109
|
+
margin: 16px 0;
|
|
110
|
+
}
|
|
88
111
|
}
|
|
89
112
|
|
|
90
113
|
.code-block pre {
|
|
@@ -152,6 +175,29 @@
|
|
|
152
175
|
background: #F9FAFB;
|
|
153
176
|
border-radius: 6px;
|
|
154
177
|
}
|
|
178
|
+
|
|
179
|
+
@media (max-width: 768px) {
|
|
180
|
+
.control-row {
|
|
181
|
+
grid-template-columns: 1fr;
|
|
182
|
+
gap: 8px;
|
|
183
|
+
padding: 12px;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.control-row > * {
|
|
187
|
+
width: 100%;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.control-row > div:last-child {
|
|
191
|
+
display: flex;
|
|
192
|
+
gap: 8px;
|
|
193
|
+
margin-top: 8px;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.control-row button {
|
|
197
|
+
flex: 1;
|
|
198
|
+
padding: 10px;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
155
201
|
|
|
156
202
|
.control-row label {
|
|
157
203
|
font-weight: 600;
|
|
@@ -196,6 +242,71 @@
|
|
|
196
242
|
.control-row button.remove:hover {
|
|
197
243
|
background: #DC2626;
|
|
198
244
|
}
|
|
245
|
+
|
|
246
|
+
@media (max-width: 768px) {
|
|
247
|
+
h1 {
|
|
248
|
+
font-size: 24px;
|
|
249
|
+
margin-top: 0;
|
|
250
|
+
margin-bottom: 16px;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
h2 {
|
|
254
|
+
font-size: 20px;
|
|
255
|
+
margin-top: 24px;
|
|
256
|
+
margin-bottom: 12px;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.info, .config-info {
|
|
260
|
+
padding: 12px;
|
|
261
|
+
margin: 16px 0;
|
|
262
|
+
font-size: 14px;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.info ul, .config-info ul {
|
|
266
|
+
margin: 8px 0 0 16px;
|
|
267
|
+
padding-left: 16px;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.status {
|
|
271
|
+
padding: 10px;
|
|
272
|
+
font-size: 12px;
|
|
273
|
+
margin: 16px 0;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
button {
|
|
277
|
+
padding: 12px 20px;
|
|
278
|
+
font-size: 14px;
|
|
279
|
+
margin: 8px 8px 8px 0;
|
|
280
|
+
touch-action: manipulation;
|
|
281
|
+
min-height: 44px;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.tabs {
|
|
285
|
+
flex-wrap: wrap;
|
|
286
|
+
gap: 8px;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.tab {
|
|
290
|
+
padding: 10px 16px;
|
|
291
|
+
font-size: 13px;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.controls-panel {
|
|
295
|
+
padding: 16px;
|
|
296
|
+
margin: 16px 0;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.controls-panel button {
|
|
300
|
+
width: 100%;
|
|
301
|
+
margin: 8px 0;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
#log {
|
|
305
|
+
font-size: 11px;
|
|
306
|
+
max-height: 200px;
|
|
307
|
+
padding: 12px;
|
|
308
|
+
}
|
|
309
|
+
}
|
|
199
310
|
</style>
|
|
200
311
|
</head>
|
|
201
312
|
<body>
|
|
@@ -219,6 +330,7 @@
|
|
|
219
330
|
<li>Click the voice button to start (will request microphone permission)</li>
|
|
220
331
|
<li>Widget will connect directly using agent ID + app ID</li>
|
|
221
332
|
<li>Check the status updates below</li>
|
|
333
|
+
<li>Try the interactive customization designer below to customize colors, sizes, text, and more in real-time!</li>
|
|
222
334
|
</ol>
|
|
223
335
|
</div>
|
|
224
336
|
|
|
@@ -13,6 +13,13 @@
|
|
|
13
13
|
background: #F9FAFB;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
@media (max-width: 768px) {
|
|
17
|
+
body {
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: 10px;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
16
23
|
.container {
|
|
17
24
|
background: white;
|
|
18
25
|
padding: 30px;
|
|
@@ -20,6 +27,13 @@
|
|
|
20
27
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
21
28
|
}
|
|
22
29
|
|
|
30
|
+
@media (max-width: 768px) {
|
|
31
|
+
.container {
|
|
32
|
+
padding: 16px;
|
|
33
|
+
border-radius: 8px;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
23
37
|
h1 {
|
|
24
38
|
color: #111827;
|
|
25
39
|
margin-top: 0;
|
|
@@ -85,6 +99,15 @@
|
|
|
85
99
|
overflow-x: auto;
|
|
86
100
|
margin: 20px 0;
|
|
87
101
|
white-space: pre;
|
|
102
|
+
-webkit-overflow-scrolling: touch;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@media (max-width: 768px) {
|
|
106
|
+
.code-block {
|
|
107
|
+
font-size: 11px;
|
|
108
|
+
padding: 12px;
|
|
109
|
+
margin: 16px 0;
|
|
110
|
+
}
|
|
88
111
|
}
|
|
89
112
|
|
|
90
113
|
.code-block pre {
|
|
@@ -152,6 +175,29 @@
|
|
|
152
175
|
background: #F9FAFB;
|
|
153
176
|
border-radius: 6px;
|
|
154
177
|
}
|
|
178
|
+
|
|
179
|
+
@media (max-width: 768px) {
|
|
180
|
+
.control-row {
|
|
181
|
+
grid-template-columns: 1fr;
|
|
182
|
+
gap: 8px;
|
|
183
|
+
padding: 12px;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.control-row > * {
|
|
187
|
+
width: 100%;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.control-row > div:last-child {
|
|
191
|
+
display: flex;
|
|
192
|
+
gap: 8px;
|
|
193
|
+
margin-top: 8px;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.control-row button {
|
|
197
|
+
flex: 1;
|
|
198
|
+
padding: 10px;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
155
201
|
|
|
156
202
|
.control-row label {
|
|
157
203
|
font-weight: 600;
|
|
@@ -196,6 +242,71 @@
|
|
|
196
242
|
.control-row button.remove:hover {
|
|
197
243
|
background: #DC2626;
|
|
198
244
|
}
|
|
245
|
+
|
|
246
|
+
@media (max-width: 768px) {
|
|
247
|
+
h1 {
|
|
248
|
+
font-size: 24px;
|
|
249
|
+
margin-top: 0;
|
|
250
|
+
margin-bottom: 16px;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
h2 {
|
|
254
|
+
font-size: 20px;
|
|
255
|
+
margin-top: 24px;
|
|
256
|
+
margin-bottom: 12px;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.info, .config-info {
|
|
260
|
+
padding: 12px;
|
|
261
|
+
margin: 16px 0;
|
|
262
|
+
font-size: 14px;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.info ul, .config-info ul {
|
|
266
|
+
margin: 8px 0 0 16px;
|
|
267
|
+
padding-left: 16px;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.status {
|
|
271
|
+
padding: 10px;
|
|
272
|
+
font-size: 12px;
|
|
273
|
+
margin: 16px 0;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
button {
|
|
277
|
+
padding: 12px 20px;
|
|
278
|
+
font-size: 14px;
|
|
279
|
+
margin: 8px 8px 8px 0;
|
|
280
|
+
touch-action: manipulation;
|
|
281
|
+
min-height: 44px;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.tabs {
|
|
285
|
+
flex-wrap: wrap;
|
|
286
|
+
gap: 8px;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
.tab {
|
|
290
|
+
padding: 10px 16px;
|
|
291
|
+
font-size: 13px;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.controls-panel {
|
|
295
|
+
padding: 16px;
|
|
296
|
+
margin: 16px 0;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.controls-panel button {
|
|
300
|
+
width: 100%;
|
|
301
|
+
margin: 8px 0;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
#log {
|
|
305
|
+
font-size: 11px;
|
|
306
|
+
max-height: 200px;
|
|
307
|
+
padding: 12px;
|
|
308
|
+
}
|
|
309
|
+
}
|
|
199
310
|
</style>
|
|
200
311
|
</head>
|
|
201
312
|
<body>
|
|
@@ -219,6 +330,7 @@
|
|
|
219
330
|
<li>Click the voice button to start (will request microphone permission)</li>
|
|
220
331
|
<li>Widget will connect directly using agent ID + app ID</li>
|
|
221
332
|
<li>Check the status updates below</li>
|
|
333
|
+
<li>Try the interactive customization designer below to customize colors, sizes, text, and more in real-time!</li>
|
|
222
334
|
</ol>
|
|
223
335
|
</div>
|
|
224
336
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ttp-agent-sdk",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.2",
|
|
4
4
|
"description": "Comprehensive Voice Agent SDK with Enhanced Customizable Widget - Real-time audio, WebSocket communication, React components, and extensive customization options",
|
|
5
5
|
"main": "dist/agent-widget.js",
|
|
6
6
|
"module": "dist/agent-widget.js",
|