@smart-cloud/ai-kit-ui 1.1.11 → 1.1.13
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/ai-kit-ui.css +27 -7
- package/dist/index.cjs +9 -9
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +9 -9
- package/package.json +4 -2
- package/src/ShadowBoundary.tsx +1 -44
- package/src/ai-chatbot/AiChatbot.tsx +120 -33
- package/src/ai-chatbot/index.tsx +1 -1
- package/src/styles/ai-kit-ui.css +27 -7
- package/src/withAiKitShell.tsx +61 -5
package/dist/ai-kit-ui.css
CHANGED
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
/* Sizing */
|
|
130
130
|
--ai-kit-chat-launcher-size: 60px;
|
|
131
131
|
|
|
132
|
-
--ai-kit-chat-width:
|
|
132
|
+
--ai-kit-chat-width: 480px;
|
|
133
133
|
--ai-kit-chat-height-min: 360px;
|
|
134
134
|
--ai-kit-chat-height-max: 80vh;
|
|
135
135
|
--ai-kit-chat-height-cap: 1000px;
|
|
@@ -376,6 +376,16 @@
|
|
|
376
376
|
display: contents;
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
+
.ai-docs-ask[data-ai-kit-theme="dark"] {
|
|
380
|
+
--ai-kit-chat-status-fg: var(--ai-kit-color-text);
|
|
381
|
+
--ai-kit-chat-status-bg: transparent;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.ai-open-btn-icon {
|
|
385
|
+
width: 24px;
|
|
386
|
+
height: 24px;
|
|
387
|
+
}
|
|
388
|
+
|
|
379
389
|
.ai-docs-ask.ai-open-btn--bottom-right {
|
|
380
390
|
--ai-kit-pos-top: auto;
|
|
381
391
|
--ai-kit-pos-right: var(--ai-kit-open-button-offset-x);
|
|
@@ -428,8 +438,8 @@
|
|
|
428
438
|
|
|
429
439
|
z-index: var(--ai-kit-position-z-index);
|
|
430
440
|
|
|
431
|
-
width:
|
|
432
|
-
height:
|
|
441
|
+
width: auto;
|
|
442
|
+
height: auto;
|
|
433
443
|
|
|
434
444
|
/* Radius: apply both border-radius and Mantine variable */
|
|
435
445
|
border-radius: var(--ai-kit-launcher-radius) !important;
|
|
@@ -453,7 +463,7 @@
|
|
|
453
463
|
box-shadow 0.2s ease,
|
|
454
464
|
background 0.2s ease;
|
|
455
465
|
|
|
456
|
-
padding:
|
|
466
|
+
padding: var(--ai-kit-space-3);
|
|
457
467
|
pointer-events: auto;
|
|
458
468
|
}
|
|
459
469
|
|
|
@@ -541,6 +551,7 @@
|
|
|
541
551
|
margin-right: auto;
|
|
542
552
|
margin-left: auto;
|
|
543
553
|
flex-direction: column;
|
|
554
|
+
padding: 0 var(--ai-kit-space-3) var(--ai-kit-space-3) var(--ai-kit-space-3);
|
|
544
555
|
}
|
|
545
556
|
|
|
546
557
|
/* Input Box */
|
|
@@ -598,11 +609,14 @@
|
|
|
598
609
|
|
|
599
610
|
/* Header / status */
|
|
600
611
|
.ai-chat-header-bar {
|
|
612
|
+
background: var(--ai-kit-chat-surface);
|
|
601
613
|
display: flex;
|
|
602
614
|
align-items: center;
|
|
603
615
|
justify-content: space-between;
|
|
604
|
-
padding: 0 var(--ai-kit-space-3)
|
|
616
|
+
padding: 0 var(--ai-kit-space-3);
|
|
605
617
|
border-bottom: 1px solid var(--ai-kit-chat-border-color);
|
|
618
|
+
margin-left: calc(-1 * var(--ai-kit-button-padding-x));
|
|
619
|
+
margin-right: calc(-1 * var(--ai-kit-button-padding-x));
|
|
606
620
|
}
|
|
607
621
|
|
|
608
622
|
.ai-status-line {
|
|
@@ -655,6 +669,11 @@
|
|
|
655
669
|
flex: 1;
|
|
656
670
|
overflow-y: auto;
|
|
657
671
|
padding: var(--ai-kit-space-4);
|
|
672
|
+
overscroll-behavior: auto;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.ai-chat-scroll[data-scrollable="true"] {
|
|
676
|
+
overscroll-behavior: contain;
|
|
658
677
|
}
|
|
659
678
|
|
|
660
679
|
.ai-chat-placeholder {
|
|
@@ -676,7 +695,6 @@
|
|
|
676
695
|
}
|
|
677
696
|
|
|
678
697
|
.ai-chat-bubble {
|
|
679
|
-
max-width: 85%;
|
|
680
698
|
padding: 10px 12px;
|
|
681
699
|
border-radius: var(--ai-kit-radius-sm);
|
|
682
700
|
background: var(--ai-kit-assistant-bubble-bg);
|
|
@@ -687,6 +705,8 @@
|
|
|
687
705
|
word-break: break-word;
|
|
688
706
|
hyphens: auto;
|
|
689
707
|
line-height: var(--ai-kit-line-height);
|
|
708
|
+
width: fit-content;
|
|
709
|
+
max-width: 80%;
|
|
690
710
|
}
|
|
691
711
|
|
|
692
712
|
.ai-chat-row.user .ai-chat-bubble {
|
|
@@ -781,7 +801,7 @@
|
|
|
781
801
|
|
|
782
802
|
.ai-status-text {
|
|
783
803
|
font-size: 0.85rem;
|
|
784
|
-
color: var(--ai-kit-color-text
|
|
804
|
+
color: var(--ai-kit-color-text);
|
|
785
805
|
}
|
|
786
806
|
|
|
787
807
|
.ai-feedback {
|