@midscene/visualizer 1.0.1-beta-20251118060105.0 → 1.0.1-beta-20251119084156.0

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.
Files changed (21) hide show
  1. package/dist/es/component/env-config-reminder/index.css +1 -1
  2. package/dist/es/component/history-selector/index.css +1 -1
  3. package/dist/es/component/nav-actions/style.css +1 -1
  4. package/dist/es/component/player/index.css +4 -3
  5. package/dist/es/component/playground/index.css +10 -10
  6. package/dist/es/component/playground-result/index.css +2 -2
  7. package/dist/es/component/prompt-input/index.css +8 -8
  8. package/dist/es/component/universal-playground/index.css +6 -14
  9. package/dist/es/components/screenshot-viewer/index.css +6 -10
  10. package/dist/es/utils/replay-scripts.mjs +0 -1
  11. package/dist/lib/component/env-config-reminder/index.css +1 -1
  12. package/dist/lib/component/history-selector/index.css +1 -1
  13. package/dist/lib/component/nav-actions/style.css +1 -1
  14. package/dist/lib/component/player/index.css +4 -3
  15. package/dist/lib/component/playground/index.css +10 -10
  16. package/dist/lib/component/playground-result/index.css +2 -2
  17. package/dist/lib/component/prompt-input/index.css +8 -8
  18. package/dist/lib/component/universal-playground/index.css +6 -14
  19. package/dist/lib/components/screenshot-viewer/index.css +6 -10
  20. package/dist/lib/utils/replay-scripts.js +0 -1
  21. package/package.json +5 -5
package/dist/es/component/env-config-reminder/index.css CHANGED
@@ -25,6 +25,6 @@
25
25
  }
26
26
 
27
27
  [data-theme="dark"] .env-config-reminder .reminder-text {
28
- color: rgba(255, 255, 255, .85);
28
+ color: #f8fafd;
29
29
  }
30
30
 
package/dist/es/component/history-selector/index.css CHANGED
@@ -138,7 +138,7 @@
138
138
  }
139
139
 
140
140
  [data-theme="dark"] .history-selector .history-description {
141
- color: rgba(255, 255, 255, .65);
141
+ color: #f8fafd;
142
142
  }
143
143
 
144
144
  [data-theme="dark"] .history-selector .history-no-items {
package/dist/es/component/nav-actions/style.css CHANGED
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  [data-theme="dark"] .nav-actions .nav-icon {
29
- color: rgba(255, 255, 255, .65);
29
+ color: #f8fafd;
30
30
  }
31
31
 
32
32
  [data-theme="dark"] .nav-actions .nav-icon:hover {
package/dist/es/component/player/index.css CHANGED
@@ -185,11 +185,12 @@
185
185
 
186
186
  [data-theme="dark"] .player-container {
187
187
  background: #141414;
188
- border-color: #141414;
188
+ border-color: #292929;
189
189
  }
190
190
 
191
191
  [data-theme="dark"] .player-container[data-fit-mode="height"] {
192
- background: #1f1f1f;
192
+ background: #292929;
193
+ border-color: #292929;
193
194
  }
194
195
 
195
196
  [data-theme="dark"] .player-container[data-fit-mode="height"] .canvas-container {
@@ -201,7 +202,7 @@
201
202
  }
202
203
 
203
204
  [data-theme="dark"] .player-container .player-tools, [data-theme="dark"] .player-container .player-tools .ant-spin, [data-theme="dark"] .player-container .player-tools .status-icon svg {
204
- color: rgba(255, 255, 255, .85);
205
+ color: #f8fafd;
205
206
  }
206
207
 
207
208
  [data-theme="dark"] .player-container .player-tools .status-icon:hover {
package/dist/es/component/playground/index.css CHANGED
@@ -33,11 +33,11 @@
33
33
  }
34
34
 
35
35
  [data-theme="dark"] .result-wrapper .loading-container .loading-progress-text {
36
- color: rgba(255, 255, 255, .65);
36
+ color: #f8fafd;
37
37
  }
38
38
 
39
39
  [data-theme="dark"] .result-wrapper pre {
40
- color: rgba(255, 255, 255, .85);
40
+ color: #f8fafd;
41
41
  background: #141414;
42
42
  }
43
43
 
@@ -433,7 +433,7 @@
433
433
  }
434
434
 
435
435
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper {
436
- color: rgba(255, 255, 255, .85) !important;
436
+ color: #f8fafd !important;
437
437
  background-color: rgba(255, 255, 255, .08) !important;
438
438
  }
439
439
 
@@ -444,7 +444,7 @@
444
444
  }
445
445
 
446
446
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button {
447
- color: rgba(255, 255, 255, .85) !important;
447
+ color: #f8fafd !important;
448
448
  background-color: rgba(255, 255, 255, .08) !important;
449
449
  }
450
450
 
@@ -462,7 +462,7 @@
462
462
  }
463
463
 
464
464
  [data-theme="dark"] .prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea {
465
- color: rgba(255, 255, 255, .85) !important;
465
+ color: #f8fafd !important;
466
466
  background: rgba(255, 255, 255, .04) !important;
467
467
  border-color: rgba(255, 255, 255, .12) !important;
468
468
  }
@@ -473,13 +473,13 @@
473
473
  }
474
474
 
475
475
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-input, [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content textarea.ant-input {
476
- color: rgba(255, 255, 255, .85) !important;
476
+ color: #f8fafd !important;
477
477
  background: rgba(255, 255, 255, .04) !important;
478
478
  border-color: rgba(255, 255, 255, .12) !important;
479
479
  }
480
480
 
481
481
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-btn {
482
- color: rgba(255, 255, 255, .85) !important;
482
+ color: #f8fafd !important;
483
483
  background-color: rgba(255, 255, 255, .08) !important;
484
484
  border-color: rgba(255, 255, 255, .12) !important;
485
485
  }
@@ -499,11 +499,11 @@
499
499
  }
500
500
 
501
501
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-form-item-label > label {
502
- color: rgba(255, 255, 255, .85) !important;
502
+ color: #f8fafd !important;
503
503
  }
504
504
 
505
505
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-select, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper {
506
- color: rgba(255, 255, 255, .85) !important;
506
+ color: #f8fafd !important;
507
507
  background-color: rgba(255, 255, 255, .04) !important;
508
508
  border-color: rgba(255, 255, 255, .12) !important;
509
509
  }
@@ -546,7 +546,7 @@
546
546
  }
547
547
 
548
548
  [data-theme="dark"] .prompt-input .param-label {
549
- color: rgba(255, 255, 255, .85);
549
+ color: #f8fafd;
550
550
  }
551
551
 
552
552
  [data-theme="dark"] .prompt-input .error-message {
package/dist/es/component/playground-result/index.css CHANGED
@@ -33,11 +33,11 @@
33
33
  }
34
34
 
35
35
  [data-theme="dark"] .result-wrapper .loading-container .loading-progress-text {
36
- color: rgba(255, 255, 255, .65);
36
+ color: #f8fafd;
37
37
  }
38
38
 
39
39
  [data-theme="dark"] .result-wrapper pre {
40
- color: rgba(255, 255, 255, .85);
40
+ color: #f8fafd;
41
41
  background: #141414;
42
42
  }
43
43
 
package/dist/es/component/prompt-input/index.css CHANGED
@@ -390,7 +390,7 @@
390
390
  }
391
391
 
392
392
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper {
393
- color: rgba(255, 255, 255, .85) !important;
393
+ color: #f8fafd !important;
394
394
  background-color: rgba(255, 255, 255, .08) !important;
395
395
  }
396
396
 
@@ -401,7 +401,7 @@
401
401
  }
402
402
 
403
403
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button {
404
- color: rgba(255, 255, 255, .85) !important;
404
+ color: #f8fafd !important;
405
405
  background-color: rgba(255, 255, 255, .08) !important;
406
406
  }
407
407
 
@@ -419,7 +419,7 @@
419
419
  }
420
420
 
421
421
  [data-theme="dark"] .prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea {
422
- color: rgba(255, 255, 255, .85) !important;
422
+ color: #f8fafd !important;
423
423
  background: rgba(255, 255, 255, .04) !important;
424
424
  border-color: rgba(255, 255, 255, .12) !important;
425
425
  }
@@ -430,13 +430,13 @@
430
430
  }
431
431
 
432
432
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-input, [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content textarea.ant-input {
433
- color: rgba(255, 255, 255, .85) !important;
433
+ color: #f8fafd !important;
434
434
  background: rgba(255, 255, 255, .04) !important;
435
435
  border-color: rgba(255, 255, 255, .12) !important;
436
436
  }
437
437
 
438
438
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-btn {
439
- color: rgba(255, 255, 255, .85) !important;
439
+ color: #f8fafd !important;
440
440
  background-color: rgba(255, 255, 255, .08) !important;
441
441
  border-color: rgba(255, 255, 255, .12) !important;
442
442
  }
@@ -456,11 +456,11 @@
456
456
  }
457
457
 
458
458
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-form-item-label > label {
459
- color: rgba(255, 255, 255, .85) !important;
459
+ color: #f8fafd !important;
460
460
  }
461
461
 
462
462
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-select, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper {
463
- color: rgba(255, 255, 255, .85) !important;
463
+ color: #f8fafd !important;
464
464
  background-color: rgba(255, 255, 255, .04) !important;
465
465
  border-color: rgba(255, 255, 255, .12) !important;
466
466
  }
@@ -503,7 +503,7 @@
503
503
  }
504
504
 
505
505
  [data-theme="dark"] .prompt-input .param-label {
506
- color: rgba(255, 255, 255, .85);
506
+ color: #f8fafd;
507
507
  }
508
508
 
509
509
  [data-theme="dark"] .prompt-input .error-message {
package/dist/es/component/universal-playground/index.css CHANGED
@@ -344,7 +344,7 @@
344
344
  }
345
345
 
346
346
  [data-theme="dark"] .universal-playground .status-indicator {
347
- color: rgba(255, 255, 255, .85);
347
+ color: #f8fafd;
348
348
  }
349
349
 
350
350
  [data-theme="dark"] .universal-playground .status-indicator.error {
@@ -356,11 +356,11 @@
356
356
  }
357
357
 
358
358
  [data-theme="dark"] .universal-playground .operation-label {
359
- color: rgba(255, 255, 255, .85);
359
+ color: #f8fafd;
360
360
  }
361
361
 
362
362
  [data-theme="dark"] .universal-playground .alert-message {
363
- color: rgba(255, 255, 255, .85);
363
+ color: #f8fafd;
364
364
  background-color: rgba(82, 38, 7, .3);
365
365
  }
366
366
 
@@ -381,23 +381,15 @@
381
381
  }
382
382
 
383
383
  [data-theme="dark"] .universal-playground .playground-footer .status-text {
384
- color: rgba(255, 255, 255, .85);
384
+ color: #f8fafd;
385
385
  }
386
386
 
387
387
  [data-theme="dark"] .universal-playground .results-info {
388
388
  color: rgba(255, 255, 255, .45);
389
389
  }
390
390
 
391
- [data-theme="dark"] .universal-playground .result-section .result-title {
392
- color: rgba(255, 255, 255, .85);
393
- }
394
-
395
- [data-theme="dark"] .universal-playground .result-section .result-details {
396
- color: rgba(255, 255, 255, .65);
397
- }
398
-
399
- [data-theme="dark"] .universal-playground .result-section .result-value {
400
- color: rgba(255, 255, 255, .85);
391
+ [data-theme="dark"] .universal-playground .result-section .result-title, [data-theme="dark"] .universal-playground .result-section .result-details, [data-theme="dark"] .universal-playground .result-section .result-value {
392
+ color: #f8fafd;
401
393
  }
402
394
 
403
395
  [data-theme="dark"] .universal-playground .result-section .result-value.success {
package/dist/es/components/screenshot-viewer/index.css CHANGED
@@ -169,7 +169,7 @@
169
169
  }
170
170
 
171
171
  [data-theme="dark"] .screenshot-viewer.offline, [data-theme="dark"] .screenshot-viewer.loading, [data-theme="dark"] .screenshot-viewer.error {
172
- color: rgba(255, 255, 255, .65);
172
+ color: #f8fafd;
173
173
  }
174
174
 
175
175
  [data-theme="dark"] .screenshot-viewer.offline .screenshot-placeholder h3, [data-theme="dark"] .screenshot-viewer.loading .screenshot-placeholder h3, [data-theme="dark"] .screenshot-viewer.error .screenshot-placeholder h3 {
@@ -177,7 +177,7 @@
177
177
  }
178
178
 
179
179
  [data-theme="dark"] .screenshot-viewer.offline .screenshot-placeholder p, [data-theme="dark"] .screenshot-viewer.loading .screenshot-placeholder p, [data-theme="dark"] .screenshot-viewer.error .screenshot-placeholder p {
180
- color: rgba(255, 255, 255, .65);
180
+ color: #f8fafd;
181
181
  }
182
182
 
183
183
  [data-theme="dark"] .screenshot-viewer.offline .screenshot-placeholder p.error-message, [data-theme="dark"] .screenshot-viewer.loading .screenshot-placeholder p.error-message, [data-theme="dark"] .screenshot-viewer.error .screenshot-placeholder p.error-message {
@@ -185,7 +185,7 @@
185
185
  }
186
186
 
187
187
  [data-theme="dark"] .screenshot-viewer .screenshot-header .screenshot-title h3 {
188
- color: rgba(255, 255, 255, .85);
188
+ color: #f8fafd;
189
189
  }
190
190
 
191
191
  [data-theme="dark"] .screenshot-viewer .screenshot-header .screenshot-title .screenshot-subtitle {
@@ -196,12 +196,8 @@
196
196
  background: #141414;
197
197
  }
198
198
 
199
- [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .device-name-overlay {
200
- color: rgba(255, 255, 255, .85);
201
- }
202
-
203
- [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .last-update-time {
204
- color: rgba(255, 255, 255, .65);
199
+ [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .device-name-overlay, [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .last-update-time {
200
+ color: #f8fafd;
205
201
  }
206
202
 
207
203
  [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .ant-btn:hover {
@@ -209,7 +205,7 @@
209
205
  }
210
206
 
211
207
  [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .ant-btn .anticon {
212
- color: rgba(255, 255, 255, .65);
208
+ color: #f8fafd;
213
209
  }
214
210
 
215
211
  [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-content .screenshot-placeholder {
package/dist/es/utils/replay-scripts.mjs CHANGED
@@ -295,7 +295,6 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
295
295
  return;
296
296
  }
297
297
  });
298
- console.log("scripts", scripts);
299
298
  if (!errorStateFlag) scripts.push({
300
299
  title: 'Done',
301
300
  subTitle: initSubTitle,
package/dist/lib/component/env-config-reminder/index.css CHANGED
@@ -25,6 +25,6 @@
25
25
  }
26
26
 
27
27
  [data-theme="dark"] .env-config-reminder .reminder-text {
28
- color: rgba(255, 255, 255, .85);
28
+ color: #f8fafd;
29
29
  }
30
30
 
package/dist/lib/component/history-selector/index.css CHANGED
@@ -138,7 +138,7 @@
138
138
  }
139
139
 
140
140
  [data-theme="dark"] .history-selector .history-description {
141
- color: rgba(255, 255, 255, .65);
141
+ color: #f8fafd;
142
142
  }
143
143
 
144
144
  [data-theme="dark"] .history-selector .history-no-items {
package/dist/lib/component/nav-actions/style.css CHANGED
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  [data-theme="dark"] .nav-actions .nav-icon {
29
- color: rgba(255, 255, 255, .65);
29
+ color: #f8fafd;
30
30
  }
31
31
 
32
32
  [data-theme="dark"] .nav-actions .nav-icon:hover {
package/dist/lib/component/player/index.css CHANGED
@@ -185,11 +185,12 @@
185
185
 
186
186
  [data-theme="dark"] .player-container {
187
187
  background: #141414;
188
- border-color: #141414;
188
+ border-color: #292929;
189
189
  }
190
190
 
191
191
  [data-theme="dark"] .player-container[data-fit-mode="height"] {
192
- background: #1f1f1f;
192
+ background: #292929;
193
+ border-color: #292929;
193
194
  }
194
195
 
195
196
  [data-theme="dark"] .player-container[data-fit-mode="height"] .canvas-container {
@@ -201,7 +202,7 @@
201
202
  }
202
203
 
203
204
  [data-theme="dark"] .player-container .player-tools, [data-theme="dark"] .player-container .player-tools .ant-spin, [data-theme="dark"] .player-container .player-tools .status-icon svg {
204
- color: rgba(255, 255, 255, .85);
205
+ color: #f8fafd;
205
206
  }
206
207
 
207
208
  [data-theme="dark"] .player-container .player-tools .status-icon:hover {
package/dist/lib/component/playground/index.css CHANGED
@@ -33,11 +33,11 @@
33
33
  }
34
34
 
35
35
  [data-theme="dark"] .result-wrapper .loading-container .loading-progress-text {
36
- color: rgba(255, 255, 255, .65);
36
+ color: #f8fafd;
37
37
  }
38
38
 
39
39
  [data-theme="dark"] .result-wrapper pre {
40
- color: rgba(255, 255, 255, .85);
40
+ color: #f8fafd;
41
41
  background: #141414;
42
42
  }
43
43
 
@@ -433,7 +433,7 @@
433
433
  }
434
434
 
435
435
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper {
436
- color: rgba(255, 255, 255, .85) !important;
436
+ color: #f8fafd !important;
437
437
  background-color: rgba(255, 255, 255, .08) !important;
438
438
  }
439
439
 
@@ -444,7 +444,7 @@
444
444
  }
445
445
 
446
446
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button {
447
- color: rgba(255, 255, 255, .85) !important;
447
+ color: #f8fafd !important;
448
448
  background-color: rgba(255, 255, 255, .08) !important;
449
449
  }
450
450
 
@@ -462,7 +462,7 @@
462
462
  }
463
463
 
464
464
  [data-theme="dark"] .prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea {
465
- color: rgba(255, 255, 255, .85) !important;
465
+ color: #f8fafd !important;
466
466
  background: rgba(255, 255, 255, .04) !important;
467
467
  border-color: rgba(255, 255, 255, .12) !important;
468
468
  }
@@ -473,13 +473,13 @@
473
473
  }
474
474
 
475
475
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-input, [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content textarea.ant-input {
476
- color: rgba(255, 255, 255, .85) !important;
476
+ color: #f8fafd !important;
477
477
  background: rgba(255, 255, 255, .04) !important;
478
478
  border-color: rgba(255, 255, 255, .12) !important;
479
479
  }
480
480
 
481
481
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-btn {
482
- color: rgba(255, 255, 255, .85) !important;
482
+ color: #f8fafd !important;
483
483
  background-color: rgba(255, 255, 255, .08) !important;
484
484
  border-color: rgba(255, 255, 255, .12) !important;
485
485
  }
@@ -499,11 +499,11 @@
499
499
  }
500
500
 
501
501
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-form-item-label > label {
502
- color: rgba(255, 255, 255, .85) !important;
502
+ color: #f8fafd !important;
503
503
  }
504
504
 
505
505
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-select, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper {
506
- color: rgba(255, 255, 255, .85) !important;
506
+ color: #f8fafd !important;
507
507
  background-color: rgba(255, 255, 255, .04) !important;
508
508
  border-color: rgba(255, 255, 255, .12) !important;
509
509
  }
@@ -546,7 +546,7 @@
546
546
  }
547
547
 
548
548
  [data-theme="dark"] .prompt-input .param-label {
549
- color: rgba(255, 255, 255, .85);
549
+ color: #f8fafd;
550
550
  }
551
551
 
552
552
  [data-theme="dark"] .prompt-input .error-message {
package/dist/lib/component/playground-result/index.css CHANGED
@@ -33,11 +33,11 @@
33
33
  }
34
34
 
35
35
  [data-theme="dark"] .result-wrapper .loading-container .loading-progress-text {
36
- color: rgba(255, 255, 255, .65);
36
+ color: #f8fafd;
37
37
  }
38
38
 
39
39
  [data-theme="dark"] .result-wrapper pre {
40
- color: rgba(255, 255, 255, .85);
40
+ color: #f8fafd;
41
41
  background: #141414;
42
42
  }
43
43
 
package/dist/lib/component/prompt-input/index.css CHANGED
@@ -390,7 +390,7 @@
390
390
  }
391
391
 
392
392
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .ant-radio-button-wrapper {
393
- color: rgba(255, 255, 255, .85) !important;
393
+ color: #f8fafd !important;
394
394
  background-color: rgba(255, 255, 255, .08) !important;
395
395
  }
396
396
 
@@ -401,7 +401,7 @@
401
401
  }
402
402
 
403
403
  [data-theme="dark"] .prompt-input-wrapper .mode-radio-group-wrapper .mode-radio-group .more-apis-button {
404
- color: rgba(255, 255, 255, .85) !important;
404
+ color: #f8fafd !important;
405
405
  background-color: rgba(255, 255, 255, .08) !important;
406
406
  }
407
407
 
@@ -419,7 +419,7 @@
419
419
  }
420
420
 
421
421
  [data-theme="dark"] .prompt-input-wrapper .main-side-console-input .main-side-console-input-textarea {
422
- color: rgba(255, 255, 255, .85) !important;
422
+ color: #f8fafd !important;
423
423
  background: rgba(255, 255, 255, .04) !important;
424
424
  border-color: rgba(255, 255, 255, .12) !important;
425
425
  }
@@ -430,13 +430,13 @@
430
430
  }
431
431
 
432
432
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-input, [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content textarea.ant-input {
433
- color: rgba(255, 255, 255, .85) !important;
433
+ color: #f8fafd !important;
434
434
  background: rgba(255, 255, 255, .04) !important;
435
435
  border-color: rgba(255, 255, 255, .12) !important;
436
436
  }
437
437
 
438
438
  [data-theme="dark"] .prompt-input-wrapper .ant-form-item-control-input-content .ant-btn {
439
- color: rgba(255, 255, 255, .85) !important;
439
+ color: #f8fafd !important;
440
440
  background-color: rgba(255, 255, 255, .08) !important;
441
441
  border-color: rgba(255, 255, 255, .12) !important;
442
442
  }
@@ -456,11 +456,11 @@
456
456
  }
457
457
 
458
458
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-form-item-label > label {
459
- color: rgba(255, 255, 255, .85) !important;
459
+ color: #f8fafd !important;
460
460
  }
461
461
 
462
462
  [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-input-number, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-select, [data-theme="dark"] .prompt-input-wrapper .structured-params-container .structured-params .ant-radio-group .ant-radio-button-wrapper {
463
- color: rgba(255, 255, 255, .85) !important;
463
+ color: #f8fafd !important;
464
464
  background-color: rgba(255, 255, 255, .04) !important;
465
465
  border-color: rgba(255, 255, 255, .12) !important;
466
466
  }
@@ -503,7 +503,7 @@
503
503
  }
504
504
 
505
505
  [data-theme="dark"] .prompt-input .param-label {
506
- color: rgba(255, 255, 255, .85);
506
+ color: #f8fafd;
507
507
  }
508
508
 
509
509
  [data-theme="dark"] .prompt-input .error-message {
package/dist/lib/component/universal-playground/index.css CHANGED
@@ -344,7 +344,7 @@
344
344
  }
345
345
 
346
346
  [data-theme="dark"] .universal-playground .status-indicator {
347
- color: rgba(255, 255, 255, .85);
347
+ color: #f8fafd;
348
348
  }
349
349
 
350
350
  [data-theme="dark"] .universal-playground .status-indicator.error {
@@ -356,11 +356,11 @@
356
356
  }
357
357
 
358
358
  [data-theme="dark"] .universal-playground .operation-label {
359
- color: rgba(255, 255, 255, .85);
359
+ color: #f8fafd;
360
360
  }
361
361
 
362
362
  [data-theme="dark"] .universal-playground .alert-message {
363
- color: rgba(255, 255, 255, .85);
363
+ color: #f8fafd;
364
364
  background-color: rgba(82, 38, 7, .3);
365
365
  }
366
366
 
@@ -381,23 +381,15 @@
381
381
  }
382
382
 
383
383
  [data-theme="dark"] .universal-playground .playground-footer .status-text {
384
- color: rgba(255, 255, 255, .85);
384
+ color: #f8fafd;
385
385
  }
386
386
 
387
387
  [data-theme="dark"] .universal-playground .results-info {
388
388
  color: rgba(255, 255, 255, .45);
389
389
  }
390
390
 
391
- [data-theme="dark"] .universal-playground .result-section .result-title {
392
- color: rgba(255, 255, 255, .85);
393
- }
394
-
395
- [data-theme="dark"] .universal-playground .result-section .result-details {
396
- color: rgba(255, 255, 255, .65);
397
- }
398
-
399
- [data-theme="dark"] .universal-playground .result-section .result-value {
400
- color: rgba(255, 255, 255, .85);
391
+ [data-theme="dark"] .universal-playground .result-section .result-title, [data-theme="dark"] .universal-playground .result-section .result-details, [data-theme="dark"] .universal-playground .result-section .result-value {
392
+ color: #f8fafd;
401
393
  }
402
394
 
403
395
  [data-theme="dark"] .universal-playground .result-section .result-value.success {
package/dist/lib/components/screenshot-viewer/index.css CHANGED
@@ -169,7 +169,7 @@
169
169
  }
170
170
 
171
171
  [data-theme="dark"] .screenshot-viewer.offline, [data-theme="dark"] .screenshot-viewer.loading, [data-theme="dark"] .screenshot-viewer.error {
172
- color: rgba(255, 255, 255, .65);
172
+ color: #f8fafd;
173
173
  }
174
174
 
175
175
  [data-theme="dark"] .screenshot-viewer.offline .screenshot-placeholder h3, [data-theme="dark"] .screenshot-viewer.loading .screenshot-placeholder h3, [data-theme="dark"] .screenshot-viewer.error .screenshot-placeholder h3 {
@@ -177,7 +177,7 @@
177
177
  }
178
178
 
179
179
  [data-theme="dark"] .screenshot-viewer.offline .screenshot-placeholder p, [data-theme="dark"] .screenshot-viewer.loading .screenshot-placeholder p, [data-theme="dark"] .screenshot-viewer.error .screenshot-placeholder p {
180
- color: rgba(255, 255, 255, .65);
180
+ color: #f8fafd;
181
181
  }
182
182
 
183
183
  [data-theme="dark"] .screenshot-viewer.offline .screenshot-placeholder p.error-message, [data-theme="dark"] .screenshot-viewer.loading .screenshot-placeholder p.error-message, [data-theme="dark"] .screenshot-viewer.error .screenshot-placeholder p.error-message {
@@ -185,7 +185,7 @@
185
185
  }
186
186
 
187
187
  [data-theme="dark"] .screenshot-viewer .screenshot-header .screenshot-title h3 {
188
- color: rgba(255, 255, 255, .85);
188
+ color: #f8fafd;
189
189
  }
190
190
 
191
191
  [data-theme="dark"] .screenshot-viewer .screenshot-header .screenshot-title .screenshot-subtitle {
@@ -196,12 +196,8 @@
196
196
  background: #141414;
197
197
  }
198
198
 
199
- [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .device-name-overlay {
200
- color: rgba(255, 255, 255, .85);
201
- }
202
-
203
- [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .last-update-time {
204
- color: rgba(255, 255, 255, .65);
199
+ [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .device-name-overlay, [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .last-update-time {
200
+ color: #f8fafd;
205
201
  }
206
202
 
207
203
  [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .ant-btn:hover {
@@ -209,7 +205,7 @@
209
205
  }
210
206
 
211
207
  [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-overlay .screenshot-controls .ant-btn .anticon {
212
- color: rgba(255, 255, 255, .65);
208
+ color: #f8fafd;
213
209
  }
214
210
 
215
211
  [data-theme="dark"] .screenshot-viewer .screenshot-container .screenshot-content .screenshot-placeholder {
package/dist/lib/utils/replay-scripts.js CHANGED
@@ -326,7 +326,6 @@ const generateAnimationScripts = (execution, task, imageWidth, imageHeight)=>{
326
326
  return;
327
327
  }
328
328
  });
329
- console.log("scripts", scripts);
330
329
  if (!errorStateFlag) scripts.push({
331
330
  title: 'Done',
332
331
  subTitle: initSubTitle,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@midscene/visualizer",
3
- "version": "1.0.1-beta-20251118060105.0",
3
+ "version": "1.0.1-beta-20251119084156.0",
4
4
  "repository": "https://github.com/web-infra-dev/midscene",
5
5
  "homepage": "https://midscenejs.com/",
6
6
  "types": "./dist/types/index.d.ts",
@@ -60,10 +60,10 @@
60
60
  "antd": "^5.21.6",
61
61
  "buffer": "6.0.3",
62
62
  "dayjs": "^1.11.11",
63
- "@midscene/core": "1.0.1-beta-20251118060105.0",
64
- "@midscene/playground": "1.0.1-beta-20251118060105.0",
65
- "@midscene/shared": "1.0.1-beta-20251118060105.0",
66
- "@midscene/web": "1.0.1-beta-20251118060105.0"
63
+ "@midscene/playground": "1.0.1-beta-20251119084156.0",
64
+ "@midscene/shared": "1.0.1-beta-20251119084156.0",
65
+ "@midscene/web": "1.0.1-beta-20251119084156.0",
66
+ "@midscene/core": "1.0.1-beta-20251119084156.0"
67
67
  },
68
68
  "license": "MIT",
69
69
  "scripts": {