@smart-cloud/ai-kit-ui 1.1.11 → 1.1.12
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 +24 -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 +2 -2
- package/src/ai-chatbot/AiChatbot.tsx +98 -29
- package/src/ai-chatbot/index.tsx +1 -1
- package/src/styles/ai-kit-ui.css +24 -7
- package/src/withAiKitShell.tsx +9 -1
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 */
|
|
@@ -601,8 +612,10 @@
|
|
|
601
612
|
display: flex;
|
|
602
613
|
align-items: center;
|
|
603
614
|
justify-content: space-between;
|
|
604
|
-
padding: 0 var(--ai-kit-space-3)
|
|
615
|
+
padding: 0 var(--ai-kit-space-3);
|
|
605
616
|
border-bottom: 1px solid var(--ai-kit-chat-border-color);
|
|
617
|
+
margin-left: calc(-1 * var(--ai-kit-button-padding-x));
|
|
618
|
+
margin-right: calc(-1 * var(--ai-kit-button-padding-x));
|
|
606
619
|
}
|
|
607
620
|
|
|
608
621
|
.ai-status-line {
|
|
@@ -655,6 +668,11 @@
|
|
|
655
668
|
flex: 1;
|
|
656
669
|
overflow-y: auto;
|
|
657
670
|
padding: var(--ai-kit-space-4);
|
|
671
|
+
overscroll-behavior: auto;
|
|
672
|
+
}
|
|
673
|
+
|
|
674
|
+
.ai-chat-scroll[data-scrollable="true"] {
|
|
675
|
+
overscroll-behavior: contain;
|
|
658
676
|
}
|
|
659
677
|
|
|
660
678
|
.ai-chat-placeholder {
|
|
@@ -676,7 +694,6 @@
|
|
|
676
694
|
}
|
|
677
695
|
|
|
678
696
|
.ai-chat-bubble {
|
|
679
|
-
max-width: 85%;
|
|
680
697
|
padding: 10px 12px;
|
|
681
698
|
border-radius: var(--ai-kit-radius-sm);
|
|
682
699
|
background: var(--ai-kit-assistant-bubble-bg);
|
|
@@ -781,7 +798,7 @@
|
|
|
781
798
|
|
|
782
799
|
.ai-status-text {
|
|
783
800
|
font-size: 0.85rem;
|
|
784
|
-
color: var(--ai-kit-color-text
|
|
801
|
+
color: var(--ai-kit-color-text);
|
|
785
802
|
}
|
|
786
803
|
|
|
787
804
|
.ai-feedback {
|