@siact/sime-x-vue 0.0.14 → 0.0.16
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.
- package/dist/sime-x-vue.mjs +1377 -1131
- package/dist/sime-x-vue.mjs.map +1 -1
- package/dist/sime-x-vue.umd.js +1376 -1129
- package/dist/sime-x-vue.umd.js.map +1 -1
- package/dist/style.css +327 -60
- package/package.json +1 -1
- package/types/components/command-test.vue.d.ts +12 -0
- package/types/components/sime-provider.vue.d.ts +2 -12
- package/types/components/voice-assistant.vue.d.ts +1 -0
- package/types/index.d.ts +1 -0
- package/types/types.d.ts +1 -3
package/dist/style.css
CHANGED
|
@@ -423,7 +423,274 @@ to {
|
|
|
423
423
|
.fade-leave-to[data-v-958fd919] {
|
|
424
424
|
opacity: 0;
|
|
425
425
|
}
|
|
426
|
-
.
|
|
426
|
+
.command-test[data-v-5c7468c4] {
|
|
427
|
+
--text-primary: #e6edf7;
|
|
428
|
+
--text-secondary: #95a8c8;
|
|
429
|
+
--glass-bg: rgba(8, 16, 32, 0.72);
|
|
430
|
+
--glass-border: rgba(125, 160, 220, 0.28);
|
|
431
|
+
--shadow-md: 0 18px 36px rgba(1, 6, 20, 0.56);
|
|
432
|
+
--color-success: #4ade80;
|
|
433
|
+
--color-error: #f87171;
|
|
434
|
+
--color-accent: #818cf8;
|
|
435
|
+
position: relative;
|
|
436
|
+
display: inline-flex;
|
|
437
|
+
flex-direction: column;
|
|
438
|
+
align-items: flex-end;
|
|
439
|
+
gap: 12px;
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
/* ── 输入栏 ── */
|
|
443
|
+
.input-bar[data-v-5c7468c4] {
|
|
444
|
+
display: flex;
|
|
445
|
+
align-items: center;
|
|
446
|
+
gap: 8px;
|
|
447
|
+
width: 100%;
|
|
448
|
+
min-width: 320px;
|
|
449
|
+
}
|
|
450
|
+
.input-field[data-v-5c7468c4] {
|
|
451
|
+
flex: 1;
|
|
452
|
+
padding: 10px 14px;
|
|
453
|
+
border-radius: 12px;
|
|
454
|
+
border: 1px solid var(--glass-border);
|
|
455
|
+
background: var(--glass-bg);
|
|
456
|
+
color: var(--text-primary);
|
|
457
|
+
font-size: 14px;
|
|
458
|
+
outline: none;
|
|
459
|
+
backdrop-filter: blur(10px);
|
|
460
|
+
transition: border-color 0.2s ease;
|
|
461
|
+
}
|
|
462
|
+
.input-field[data-v-5c7468c4]::placeholder {
|
|
463
|
+
color: var(--text-secondary);
|
|
464
|
+
}
|
|
465
|
+
.input-field[data-v-5c7468c4]:focus {
|
|
466
|
+
border-color: var(--color-accent);
|
|
467
|
+
}
|
|
468
|
+
.input-field[data-v-5c7468c4]:disabled {
|
|
469
|
+
opacity: 0.5;
|
|
470
|
+
cursor: not-allowed;
|
|
471
|
+
}
|
|
472
|
+
.submit-btn[data-v-5c7468c4] {
|
|
473
|
+
display: flex;
|
|
474
|
+
align-items: center;
|
|
475
|
+
justify-content: center;
|
|
476
|
+
width: 40px;
|
|
477
|
+
height: 40px;
|
|
478
|
+
border-radius: 12px;
|
|
479
|
+
border: 1px solid var(--glass-border);
|
|
480
|
+
background: var(--glass-bg);
|
|
481
|
+
color: var(--color-accent);
|
|
482
|
+
cursor: pointer;
|
|
483
|
+
backdrop-filter: blur(10px);
|
|
484
|
+
transition: background 0.2s ease, transform 0.15s ease, opacity 0.2s ease;
|
|
485
|
+
}
|
|
486
|
+
.submit-btn[data-v-5c7468c4]:hover:not(:disabled) {
|
|
487
|
+
background: rgba(129, 140, 248, 0.12);
|
|
488
|
+
transform: scale(1.05);
|
|
489
|
+
}
|
|
490
|
+
.submit-btn[data-v-5c7468c4]:disabled {
|
|
491
|
+
opacity: 0.4;
|
|
492
|
+
cursor: not-allowed;
|
|
493
|
+
}
|
|
494
|
+
.btn-spinner[data-v-5c7468c4] {
|
|
495
|
+
animation: tool-spin-5c7468c4 0.8s linear infinite;
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
/* ── 气泡容器 ── */
|
|
499
|
+
.bubble-stack[data-v-5c7468c4] {
|
|
500
|
+
position: absolute;
|
|
501
|
+
right: 0;
|
|
502
|
+
bottom: calc(100% + 12px);
|
|
503
|
+
width: min(380px, 86vw);
|
|
504
|
+
max-height: min(58vh, 520px);
|
|
505
|
+
overflow: auto;
|
|
506
|
+
}
|
|
507
|
+
.bubble-stack[data-v-5c7468c4]::-webkit-scrollbar {
|
|
508
|
+
width: 4px;
|
|
509
|
+
}
|
|
510
|
+
.bubble-stack[data-v-5c7468c4]::-webkit-scrollbar-thumb {
|
|
511
|
+
background: rgba(126, 155, 204, 0.3);
|
|
512
|
+
border-radius: 999px;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
/* ── Agent 气泡 ── */
|
|
516
|
+
.agent-bubble[data-v-5c7468c4] {
|
|
517
|
+
border-radius: 16px;
|
|
518
|
+
padding: 12px 14px;
|
|
519
|
+
background: radial-gradient(circle at 12% 10%, rgba(80, 122, 255, 0.14), transparent 50%), linear-gradient(155deg, rgba(24, 42, 72, 0.96), rgba(14, 24, 46, 0.97));
|
|
520
|
+
border: 1px solid rgba(108, 141, 204, 0.2);
|
|
521
|
+
box-shadow: 0 12px 32px rgba(1, 6, 20, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.04);
|
|
522
|
+
backdrop-filter: blur(16px);
|
|
523
|
+
display: flex;
|
|
524
|
+
flex-direction: column;
|
|
525
|
+
gap: 0;
|
|
526
|
+
animation: bubble-appear-5c7468c4 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
527
|
+
}
|
|
528
|
+
@keyframes bubble-appear-5c7468c4 {
|
|
529
|
+
from {
|
|
530
|
+
opacity: 0;
|
|
531
|
+
transform: translateY(8px) scale(0.97);
|
|
532
|
+
}
|
|
533
|
+
to {
|
|
534
|
+
opacity: 1;
|
|
535
|
+
transform: translateY(0) scale(1);
|
|
536
|
+
}
|
|
537
|
+
}
|
|
538
|
+
/* ── 工具执行步骤 ── */
|
|
539
|
+
.tool-steps[data-v-5c7468c4] {
|
|
540
|
+
display: flex;
|
|
541
|
+
flex-direction: column;
|
|
542
|
+
gap: 2px;
|
|
543
|
+
margin-bottom: 6px;
|
|
544
|
+
padding-bottom: 8px;
|
|
545
|
+
border-bottom: 1px solid rgba(125, 160, 220, 0.1);
|
|
546
|
+
}
|
|
547
|
+
.tool-step[data-v-5c7468c4] {
|
|
548
|
+
display: flex;
|
|
549
|
+
align-items: center;
|
|
550
|
+
gap: 7px;
|
|
551
|
+
padding: 4px 6px;
|
|
552
|
+
border-radius: 8px;
|
|
553
|
+
transition: background 0.2s ease;
|
|
554
|
+
animation: step-in-5c7468c4 0.25s cubic-bezier(0.16, 1, 0.3, 1);
|
|
555
|
+
}
|
|
556
|
+
.tool-step--loading .tool-step__icon[data-v-5c7468c4] {
|
|
557
|
+
color: var(--color-accent);
|
|
558
|
+
}
|
|
559
|
+
.tool-step--loading .tool-step__name[data-v-5c7468c4] {
|
|
560
|
+
color: rgba(200, 215, 240, 0.85);
|
|
561
|
+
}
|
|
562
|
+
.tool-step--done .tool-step__icon[data-v-5c7468c4] {
|
|
563
|
+
color: var(--color-success);
|
|
564
|
+
}
|
|
565
|
+
.tool-step--done .tool-step__name[data-v-5c7468c4] {
|
|
566
|
+
color: rgba(200, 215, 240, 0.55);
|
|
567
|
+
}
|
|
568
|
+
.tool-step--error .tool-step__icon[data-v-5c7468c4] {
|
|
569
|
+
color: var(--color-error);
|
|
570
|
+
}
|
|
571
|
+
.tool-step--error .tool-step__name[data-v-5c7468c4] {
|
|
572
|
+
color: rgba(248, 113, 113, 0.8);
|
|
573
|
+
}
|
|
574
|
+
.tool-step--executing[data-v-5c7468c4] {
|
|
575
|
+
background: rgba(129, 140, 248, 0.06);
|
|
576
|
+
}
|
|
577
|
+
.tool-step--executing .tool-step__icon[data-v-5c7468c4] {
|
|
578
|
+
color: var(--color-accent);
|
|
579
|
+
}
|
|
580
|
+
@keyframes step-in-5c7468c4 {
|
|
581
|
+
from {
|
|
582
|
+
opacity: 0;
|
|
583
|
+
transform: translateX(-6px);
|
|
584
|
+
}
|
|
585
|
+
to {
|
|
586
|
+
opacity: 1;
|
|
587
|
+
transform: translateX(0);
|
|
588
|
+
}
|
|
589
|
+
}
|
|
590
|
+
.tool-step__icon[data-v-5c7468c4] {
|
|
591
|
+
display: flex;
|
|
592
|
+
align-items: center;
|
|
593
|
+
justify-content: center;
|
|
594
|
+
width: 18px;
|
|
595
|
+
height: 18px;
|
|
596
|
+
flex-shrink: 0;
|
|
597
|
+
}
|
|
598
|
+
.tool-step__spinner[data-v-5c7468c4] {
|
|
599
|
+
animation: tool-spin-5c7468c4 0.8s linear infinite;
|
|
600
|
+
}
|
|
601
|
+
@keyframes tool-spin-5c7468c4 {
|
|
602
|
+
from {
|
|
603
|
+
transform: rotate(0deg);
|
|
604
|
+
}
|
|
605
|
+
to {
|
|
606
|
+
transform: rotate(360deg);
|
|
607
|
+
}
|
|
608
|
+
}
|
|
609
|
+
.tool-step__name[data-v-5c7468c4] {
|
|
610
|
+
font-size: 12px;
|
|
611
|
+
font-weight: 500;
|
|
612
|
+
white-space: nowrap;
|
|
613
|
+
overflow: hidden;
|
|
614
|
+
text-overflow: ellipsis;
|
|
615
|
+
transition: color 0.2s ease;
|
|
616
|
+
}
|
|
617
|
+
.tool-step__tag[data-v-5c7468c4] {
|
|
618
|
+
font-size: 10px;
|
|
619
|
+
font-weight: 500;
|
|
620
|
+
padding: 1px 6px;
|
|
621
|
+
border-radius: 4px;
|
|
622
|
+
white-space: nowrap;
|
|
623
|
+
flex-shrink: 0;
|
|
624
|
+
}
|
|
625
|
+
.tool-step__tag--exec[data-v-5c7468c4] {
|
|
626
|
+
background: rgba(129, 140, 248, 0.12);
|
|
627
|
+
color: var(--color-accent);
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
/* ── 思考中动画 ── */
|
|
631
|
+
.thinking-dots[data-v-5c7468c4] {
|
|
632
|
+
display: inline-flex;
|
|
633
|
+
align-items: center;
|
|
634
|
+
gap: 5px;
|
|
635
|
+
padding: 2px 0;
|
|
636
|
+
}
|
|
637
|
+
.thinking-dots span[data-v-5c7468c4] {
|
|
638
|
+
width: 5px;
|
|
639
|
+
height: 5px;
|
|
640
|
+
border-radius: 50%;
|
|
641
|
+
background: var(--text-secondary);
|
|
642
|
+
animation: thinking-bounce-5c7468c4 1s infinite ease-in-out;
|
|
643
|
+
}
|
|
644
|
+
.thinking-dots span[data-v-5c7468c4]:nth-child(2) {
|
|
645
|
+
animation-delay: 0.15s;
|
|
646
|
+
}
|
|
647
|
+
.thinking-dots span[data-v-5c7468c4]:nth-child(3) {
|
|
648
|
+
animation-delay: 0.3s;
|
|
649
|
+
}
|
|
650
|
+
@keyframes thinking-bounce-5c7468c4 {
|
|
651
|
+
0%, 100% {
|
|
652
|
+
transform: translateY(0);
|
|
653
|
+
opacity: 0.3;
|
|
654
|
+
}
|
|
655
|
+
50% {
|
|
656
|
+
transform: translateY(-3px);
|
|
657
|
+
opacity: 1;
|
|
658
|
+
}
|
|
659
|
+
}
|
|
660
|
+
/* ── 文本内容 ── */
|
|
661
|
+
.agent-text[data-v-5c7468c4] {
|
|
662
|
+
font-size: 14px;
|
|
663
|
+
line-height: 1.55;
|
|
664
|
+
color: var(--text-primary);
|
|
665
|
+
white-space: pre-wrap;
|
|
666
|
+
word-break: break-word;
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
/* ── 气泡过渡 ── */
|
|
670
|
+
.bubble-fade-enter-active[data-v-5c7468c4] {
|
|
671
|
+
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
|
672
|
+
}
|
|
673
|
+
.bubble-fade-leave-active[data-v-5c7468c4] {
|
|
674
|
+
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
675
|
+
}
|
|
676
|
+
.bubble-fade-enter-from[data-v-5c7468c4] {
|
|
677
|
+
opacity: 0;
|
|
678
|
+
transform: translateY(12px) scale(0.95);
|
|
679
|
+
}
|
|
680
|
+
.bubble-fade-leave-to[data-v-5c7468c4] {
|
|
681
|
+
opacity: 0;
|
|
682
|
+
transform: translateY(8px) scale(0.97);
|
|
683
|
+
}
|
|
684
|
+
@media (max-width: 768px) {
|
|
685
|
+
.bubble-stack[data-v-5c7468c4] {
|
|
686
|
+
width: min(320px, 88vw);
|
|
687
|
+
max-height: min(54vh, 420px);
|
|
688
|
+
}
|
|
689
|
+
.input-bar[data-v-5c7468c4] {
|
|
690
|
+
min-width: 260px;
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
.voice-assistant[data-v-59d72f34] {
|
|
427
694
|
--text-primary: #e6edf7;
|
|
428
695
|
--text-secondary: #95a8c8;
|
|
429
696
|
--glass-bg: rgba(8, 16, 32, 0.72);
|
|
@@ -440,16 +707,16 @@ to {
|
|
|
440
707
|
}
|
|
441
708
|
|
|
442
709
|
/* ── FAB 按钮 ── */
|
|
443
|
-
.assistant-fab[data-v-
|
|
710
|
+
.assistant-fab[data-v-59d72f34] {
|
|
444
711
|
position: relative;
|
|
445
712
|
cursor: pointer;
|
|
446
713
|
transition: transform 0.2s ease, filter 0.2s ease;
|
|
447
714
|
}
|
|
448
|
-
.assistant-fab[data-v-
|
|
715
|
+
.assistant-fab[data-v-59d72f34]:hover {
|
|
449
716
|
transform: translateY(-1px) scale(1.03);
|
|
450
717
|
filter: brightness(1.06);
|
|
451
718
|
}
|
|
452
|
-
.status-pill[data-v-
|
|
719
|
+
.status-pill[data-v-59d72f34] {
|
|
453
720
|
position: absolute;
|
|
454
721
|
right: calc(100% + 12px);
|
|
455
722
|
top: 50%;
|
|
@@ -468,13 +735,13 @@ to {
|
|
|
468
735
|
text-overflow: ellipsis;
|
|
469
736
|
box-shadow: 0 10px 20px rgba(2, 8, 24, 0.38);
|
|
470
737
|
}
|
|
471
|
-
.fab-avatar-wrapper[data-v-
|
|
738
|
+
.fab-avatar-wrapper[data-v-59d72f34] {
|
|
472
739
|
position: relative;
|
|
473
740
|
display: flex;
|
|
474
741
|
align-items: center;
|
|
475
742
|
justify-content: center;
|
|
476
743
|
}
|
|
477
|
-
.fab-avatar-wrapper img[data-v-
|
|
744
|
+
.fab-avatar-wrapper img[data-v-59d72f34] {
|
|
478
745
|
display: block;
|
|
479
746
|
height: auto;
|
|
480
747
|
object-fit: contain;
|
|
@@ -482,7 +749,7 @@ to {
|
|
|
482
749
|
}
|
|
483
750
|
|
|
484
751
|
/* ── 气泡容器 ── */
|
|
485
|
-
.bubble-stack[data-v-
|
|
752
|
+
.bubble-stack[data-v-59d72f34] {
|
|
486
753
|
position: absolute;
|
|
487
754
|
right: 0;
|
|
488
755
|
bottom: calc(100% + 16px);
|
|
@@ -490,16 +757,16 @@ to {
|
|
|
490
757
|
max-height: min(58vh, 520px);
|
|
491
758
|
overflow: auto;
|
|
492
759
|
}
|
|
493
|
-
.bubble-stack[data-v-
|
|
760
|
+
.bubble-stack[data-v-59d72f34]::-webkit-scrollbar {
|
|
494
761
|
width: 4px;
|
|
495
762
|
}
|
|
496
|
-
.bubble-stack[data-v-
|
|
763
|
+
.bubble-stack[data-v-59d72f34]::-webkit-scrollbar-thumb {
|
|
497
764
|
background: rgba(126, 155, 204, 0.3);
|
|
498
765
|
border-radius: 999px;
|
|
499
766
|
}
|
|
500
767
|
|
|
501
768
|
/* ── 统一 agent 气泡 ── */
|
|
502
|
-
.agent-bubble[data-v-
|
|
769
|
+
.agent-bubble[data-v-59d72f34] {
|
|
503
770
|
border-radius: 16px;
|
|
504
771
|
padding: 12px 14px;
|
|
505
772
|
background: radial-gradient(circle at 12% 10%, rgba(80, 122, 255, 0.14), transparent 50%), linear-gradient(155deg, rgba(24, 42, 72, 0.96), rgba(14, 24, 46, 0.97));
|
|
@@ -509,9 +776,9 @@ to {
|
|
|
509
776
|
display: flex;
|
|
510
777
|
flex-direction: column;
|
|
511
778
|
gap: 0;
|
|
512
|
-
animation: bubble-appear-
|
|
779
|
+
animation: bubble-appear-59d72f34 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
513
780
|
}
|
|
514
|
-
@keyframes bubble-appear-
|
|
781
|
+
@keyframes bubble-appear-59d72f34 {
|
|
515
782
|
from {
|
|
516
783
|
opacity: 0;
|
|
517
784
|
transform: translateY(8px) scale(0.97);
|
|
@@ -522,7 +789,7 @@ to {
|
|
|
522
789
|
}
|
|
523
790
|
}
|
|
524
791
|
/* ── 工具执行步骤(内联紧凑) ── */
|
|
525
|
-
.tool-steps[data-v-
|
|
792
|
+
.tool-steps[data-v-59d72f34] {
|
|
526
793
|
display: flex;
|
|
527
794
|
flex-direction: column;
|
|
528
795
|
gap: 2px;
|
|
@@ -530,40 +797,40 @@ to {
|
|
|
530
797
|
padding-bottom: 8px;
|
|
531
798
|
border-bottom: 1px solid rgba(125, 160, 220, 0.1);
|
|
532
799
|
}
|
|
533
|
-
.tool-step[data-v-
|
|
800
|
+
.tool-step[data-v-59d72f34] {
|
|
534
801
|
display: flex;
|
|
535
802
|
align-items: center;
|
|
536
803
|
gap: 7px;
|
|
537
804
|
padding: 4px 6px;
|
|
538
805
|
border-radius: 8px;
|
|
539
806
|
transition: background 0.2s ease;
|
|
540
|
-
animation: step-in-
|
|
807
|
+
animation: step-in-59d72f34 0.25s cubic-bezier(0.16, 1, 0.3, 1);
|
|
541
808
|
}
|
|
542
|
-
.tool-step--loading .tool-step__icon[data-v-
|
|
809
|
+
.tool-step--loading .tool-step__icon[data-v-59d72f34] {
|
|
543
810
|
color: var(--color-accent);
|
|
544
811
|
}
|
|
545
|
-
.tool-step--loading .tool-step__name[data-v-
|
|
812
|
+
.tool-step--loading .tool-step__name[data-v-59d72f34] {
|
|
546
813
|
color: rgba(200, 215, 240, 0.85);
|
|
547
814
|
}
|
|
548
|
-
.tool-step--done .tool-step__icon[data-v-
|
|
815
|
+
.tool-step--done .tool-step__icon[data-v-59d72f34] {
|
|
549
816
|
color: var(--color-success);
|
|
550
817
|
}
|
|
551
|
-
.tool-step--done .tool-step__name[data-v-
|
|
818
|
+
.tool-step--done .tool-step__name[data-v-59d72f34] {
|
|
552
819
|
color: rgba(200, 215, 240, 0.55);
|
|
553
820
|
}
|
|
554
|
-
.tool-step--error .tool-step__icon[data-v-
|
|
821
|
+
.tool-step--error .tool-step__icon[data-v-59d72f34] {
|
|
555
822
|
color: var(--color-error);
|
|
556
823
|
}
|
|
557
|
-
.tool-step--error .tool-step__name[data-v-
|
|
824
|
+
.tool-step--error .tool-step__name[data-v-59d72f34] {
|
|
558
825
|
color: rgba(248, 113, 113, 0.8);
|
|
559
826
|
}
|
|
560
|
-
.tool-step--executing[data-v-
|
|
827
|
+
.tool-step--executing[data-v-59d72f34] {
|
|
561
828
|
background: rgba(129, 140, 248, 0.06);
|
|
562
829
|
}
|
|
563
|
-
.tool-step--executing .tool-step__icon[data-v-
|
|
830
|
+
.tool-step--executing .tool-step__icon[data-v-59d72f34] {
|
|
564
831
|
color: var(--color-accent);
|
|
565
832
|
}
|
|
566
|
-
@keyframes step-in-
|
|
833
|
+
@keyframes step-in-59d72f34 {
|
|
567
834
|
from {
|
|
568
835
|
opacity: 0;
|
|
569
836
|
transform: translateX(-6px);
|
|
@@ -573,7 +840,7 @@ to {
|
|
|
573
840
|
transform: translateX(0);
|
|
574
841
|
}
|
|
575
842
|
}
|
|
576
|
-
.tool-step__icon[data-v-
|
|
843
|
+
.tool-step__icon[data-v-59d72f34] {
|
|
577
844
|
display: flex;
|
|
578
845
|
align-items: center;
|
|
579
846
|
justify-content: center;
|
|
@@ -581,10 +848,10 @@ to {
|
|
|
581
848
|
height: 18px;
|
|
582
849
|
flex-shrink: 0;
|
|
583
850
|
}
|
|
584
|
-
.tool-step__spinner[data-v-
|
|
585
|
-
animation: tool-spin-
|
|
851
|
+
.tool-step__spinner[data-v-59d72f34] {
|
|
852
|
+
animation: tool-spin-59d72f34 0.8s linear infinite;
|
|
586
853
|
}
|
|
587
|
-
@keyframes tool-spin-
|
|
854
|
+
@keyframes tool-spin-59d72f34 {
|
|
588
855
|
from {
|
|
589
856
|
transform: rotate(0deg);
|
|
590
857
|
}
|
|
@@ -592,7 +859,7 @@ to {
|
|
|
592
859
|
transform: rotate(360deg);
|
|
593
860
|
}
|
|
594
861
|
}
|
|
595
|
-
.tool-step__name[data-v-
|
|
862
|
+
.tool-step__name[data-v-59d72f34] {
|
|
596
863
|
font-size: 12px;
|
|
597
864
|
font-weight: 500;
|
|
598
865
|
white-space: nowrap;
|
|
@@ -600,7 +867,7 @@ to {
|
|
|
600
867
|
text-overflow: ellipsis;
|
|
601
868
|
transition: color 0.2s ease;
|
|
602
869
|
}
|
|
603
|
-
.tool-step__tag[data-v-
|
|
870
|
+
.tool-step__tag[data-v-59d72f34] {
|
|
604
871
|
font-size: 10px;
|
|
605
872
|
font-weight: 500;
|
|
606
873
|
padding: 1px 6px;
|
|
@@ -608,32 +875,32 @@ to {
|
|
|
608
875
|
white-space: nowrap;
|
|
609
876
|
flex-shrink: 0;
|
|
610
877
|
}
|
|
611
|
-
.tool-step__tag--exec[data-v-
|
|
878
|
+
.tool-step__tag--exec[data-v-59d72f34] {
|
|
612
879
|
background: rgba(129, 140, 248, 0.12);
|
|
613
880
|
color: var(--color-accent);
|
|
614
881
|
}
|
|
615
882
|
|
|
616
883
|
/* ── 思考中动画 ── */
|
|
617
|
-
.thinking-dots[data-v-
|
|
884
|
+
.thinking-dots[data-v-59d72f34] {
|
|
618
885
|
display: inline-flex;
|
|
619
886
|
align-items: center;
|
|
620
887
|
gap: 5px;
|
|
621
888
|
padding: 2px 0;
|
|
622
889
|
}
|
|
623
|
-
.thinking-dots span[data-v-
|
|
890
|
+
.thinking-dots span[data-v-59d72f34] {
|
|
624
891
|
width: 5px;
|
|
625
892
|
height: 5px;
|
|
626
893
|
border-radius: 50%;
|
|
627
894
|
background: var(--text-secondary);
|
|
628
|
-
animation: thinking-bounce-
|
|
895
|
+
animation: thinking-bounce-59d72f34 1s infinite ease-in-out;
|
|
629
896
|
}
|
|
630
|
-
.thinking-dots span[data-v-
|
|
897
|
+
.thinking-dots span[data-v-59d72f34]:nth-child(2) {
|
|
631
898
|
animation-delay: 0.15s;
|
|
632
899
|
}
|
|
633
|
-
.thinking-dots span[data-v-
|
|
900
|
+
.thinking-dots span[data-v-59d72f34]:nth-child(3) {
|
|
634
901
|
animation-delay: 0.3s;
|
|
635
902
|
}
|
|
636
|
-
@keyframes thinking-bounce-
|
|
903
|
+
@keyframes thinking-bounce-59d72f34 {
|
|
637
904
|
0%, 100% {
|
|
638
905
|
transform: translateY(0);
|
|
639
906
|
opacity: 0.3;
|
|
@@ -644,7 +911,7 @@ to {
|
|
|
644
911
|
}
|
|
645
912
|
}
|
|
646
913
|
/* ── 文本内容 ── */
|
|
647
|
-
.agent-text[data-v-
|
|
914
|
+
.agent-text[data-v-59d72f34] {
|
|
648
915
|
font-size: 14px;
|
|
649
916
|
line-height: 1.55;
|
|
650
917
|
color: var(--text-primary);
|
|
@@ -653,23 +920,23 @@ to {
|
|
|
653
920
|
}
|
|
654
921
|
|
|
655
922
|
/* ── 气泡淡入淡出过渡 ── */
|
|
656
|
-
.bubble-fade-enter-active[data-v-
|
|
923
|
+
.bubble-fade-enter-active[data-v-59d72f34] {
|
|
657
924
|
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
|
658
925
|
}
|
|
659
|
-
.bubble-fade-leave-active[data-v-
|
|
926
|
+
.bubble-fade-leave-active[data-v-59d72f34] {
|
|
660
927
|
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
661
928
|
}
|
|
662
|
-
.bubble-fade-enter-from[data-v-
|
|
929
|
+
.bubble-fade-enter-from[data-v-59d72f34] {
|
|
663
930
|
opacity: 0;
|
|
664
931
|
transform: translateY(12px) scale(0.95);
|
|
665
932
|
}
|
|
666
|
-
.bubble-fade-leave-to[data-v-
|
|
933
|
+
.bubble-fade-leave-to[data-v-59d72f34] {
|
|
667
934
|
opacity: 0;
|
|
668
935
|
transform: translateY(8px) scale(0.97);
|
|
669
936
|
}
|
|
670
937
|
|
|
671
938
|
/* ── 监听状态指示器 ── */
|
|
672
|
-
.listening-badge[data-v-
|
|
939
|
+
.listening-badge[data-v-59d72f34] {
|
|
673
940
|
position: absolute;
|
|
674
941
|
top: -8px;
|
|
675
942
|
right: -8px;
|
|
@@ -681,57 +948,57 @@ to {
|
|
|
681
948
|
align-items: center;
|
|
682
949
|
justify-content: center;
|
|
683
950
|
}
|
|
684
|
-
.listening-waves[data-v-
|
|
951
|
+
.listening-waves[data-v-59d72f34] {
|
|
685
952
|
position: absolute;
|
|
686
953
|
inset: 0;
|
|
687
954
|
display: flex;
|
|
688
955
|
align-items: center;
|
|
689
956
|
justify-content: center;
|
|
690
957
|
}
|
|
691
|
-
.wave[data-v-
|
|
958
|
+
.wave[data-v-59d72f34] {
|
|
692
959
|
position: absolute;
|
|
693
960
|
width: 100%;
|
|
694
961
|
height: 100%;
|
|
695
962
|
border-radius: 50%;
|
|
696
963
|
border: 2px solid rgba(255, 255, 255, 0.65);
|
|
697
|
-
animation: wave-expand-
|
|
964
|
+
animation: wave-expand-59d72f34 3s ease-out infinite;
|
|
698
965
|
}
|
|
699
|
-
.wave-1[data-v-
|
|
966
|
+
.wave-1[data-v-59d72f34] {
|
|
700
967
|
animation-delay: 0s;
|
|
701
968
|
}
|
|
702
|
-
.wave-2[data-v-
|
|
969
|
+
.wave-2[data-v-59d72f34] {
|
|
703
970
|
animation-delay: 0.6s;
|
|
704
971
|
}
|
|
705
|
-
.wave-3[data-v-
|
|
972
|
+
.wave-3[data-v-59d72f34] {
|
|
706
973
|
animation-delay: 1.2s;
|
|
707
974
|
}
|
|
708
|
-
.listening-icon[data-v-
|
|
975
|
+
.listening-icon[data-v-59d72f34] {
|
|
709
976
|
position: relative;
|
|
710
977
|
color: #fff;
|
|
711
978
|
}
|
|
712
|
-
.listening-badge.wake-active[data-v-
|
|
979
|
+
.listening-badge.wake-active[data-v-59d72f34] {
|
|
713
980
|
background-color: rgba(34, 197, 94, 0.9);
|
|
714
|
-
animation: wake-badge-pop-
|
|
981
|
+
animation: wake-badge-pop-59d72f34 0.35s ease;
|
|
715
982
|
}
|
|
716
|
-
.indicator-fade-enter-active[data-v-
|
|
717
|
-
.indicator-fade-leave-active[data-v-
|
|
983
|
+
.indicator-fade-enter-active[data-v-59d72f34],
|
|
984
|
+
.indicator-fade-leave-active[data-v-59d72f34] {
|
|
718
985
|
transition: all 0.2s ease;
|
|
719
986
|
}
|
|
720
|
-
.indicator-fade-enter-from[data-v-
|
|
721
|
-
.indicator-fade-leave-to[data-v-
|
|
987
|
+
.indicator-fade-enter-from[data-v-59d72f34],
|
|
988
|
+
.indicator-fade-leave-to[data-v-59d72f34] {
|
|
722
989
|
opacity: 0;
|
|
723
990
|
transform: translateY(6px);
|
|
724
991
|
}
|
|
725
992
|
@media (max-width: 768px) {
|
|
726
|
-
.bubble-stack[data-v-
|
|
993
|
+
.bubble-stack[data-v-59d72f34] {
|
|
727
994
|
width: min(320px, 88vw);
|
|
728
995
|
max-height: min(54vh, 420px);
|
|
729
996
|
}
|
|
730
|
-
.status-pill[data-v-
|
|
997
|
+
.status-pill[data-v-59d72f34] {
|
|
731
998
|
max-width: 220px;
|
|
732
999
|
}
|
|
733
1000
|
}
|
|
734
|
-
@keyframes wave-expand-
|
|
1001
|
+
@keyframes wave-expand-59d72f34 {
|
|
735
1002
|
0% {
|
|
736
1003
|
transform: scale(0.8);
|
|
737
1004
|
opacity: 0.8;
|
|
@@ -741,7 +1008,7 @@ to {
|
|
|
741
1008
|
opacity: 0;
|
|
742
1009
|
}
|
|
743
1010
|
}
|
|
744
|
-
@keyframes wake-badge-pop-
|
|
1011
|
+
@keyframes wake-badge-pop-59d72f34 {
|
|
745
1012
|
0% {
|
|
746
1013
|
transform: scale(1);
|
|
747
1014
|
}
|
package/package.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface BubbleSize {
|
|
2
|
+
width?: string;
|
|
3
|
+
maxHeight?: string;
|
|
4
|
+
}
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
agentId?: string;
|
|
7
|
+
projectId?: string;
|
|
8
|
+
bubbleSize?: BubbleSize;
|
|
9
|
+
bubbleDismissDelay?: number;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -1,18 +1,8 @@
|
|
|
1
1
|
type __VLS_Props = {
|
|
2
|
-
/** 项目名称 */
|
|
3
|
-
project: string;
|
|
4
|
-
/** 项目描述 */
|
|
5
|
-
description?: string;
|
|
6
|
-
/** 是否开启调试模式 */
|
|
7
|
-
debug?: boolean;
|
|
8
|
-
/** iframeUrl */
|
|
9
|
-
chatbotUrl: string;
|
|
10
|
-
/** appId */
|
|
11
|
-
appId: string;
|
|
12
2
|
/** appToken */
|
|
13
3
|
appToken: string;
|
|
14
|
-
/**
|
|
15
|
-
|
|
4
|
+
/** organizationId */
|
|
5
|
+
organizationId: string;
|
|
16
6
|
};
|
|
17
7
|
declare var __VLS_1: {};
|
|
18
8
|
type __VLS_Slots = {} & {
|
package/types/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as AiChat } from './components/ai-chat.vue';
|
|
2
|
+
export { default as AiChatbotCommandTest } from './components/command-test.vue';
|
|
2
3
|
export { default as AiChatbotProvider } from './components/sime-provider.vue';
|
|
3
4
|
export { default as AiChatbotVoiceAssistant } from './components/voice-assistant.vue';
|
|
4
5
|
export * from './injection-key';
|
package/types/types.d.ts
CHANGED
|
@@ -30,10 +30,8 @@ export interface VoiceConfig {
|
|
|
30
30
|
pitch?: number;
|
|
31
31
|
}
|
|
32
32
|
export interface AiChatbotXContext {
|
|
33
|
-
chatbotUrl: () => string;
|
|
34
|
-
appId: () => string;
|
|
35
33
|
appToken: () => string;
|
|
36
|
-
|
|
34
|
+
organizationId: () => string;
|
|
37
35
|
registerCommand: (cmd: CommandDefinition) => void;
|
|
38
36
|
unregisterCommand: (name: string) => void;
|
|
39
37
|
getCommads: () => Promise<DiscoveredCommand[]>;
|