@inkeep/agents-ui 0.0.0-dev-20260401193828 → 0.0.0-dev-20260402200940
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/index.cjs +1 -1
- package/dist/index.js +78 -77
- package/dist/primitives/atoms/dialog.cjs +1 -1
- package/dist/primitives/atoms/dialog.js +110 -106
- package/dist/primitives/atoms/file-upload.cjs +1 -0
- package/dist/primitives/atoms/file-upload.d.ts +35 -0
- package/dist/primitives/atoms/file-upload.js +45 -0
- package/dist/primitives/atoms/icons/built-in-icons.cjs +1 -1
- package/dist/primitives/atoms/icons/built-in-icons.d.ts +8 -1
- package/dist/primitives/atoms/icons/built-in-icons.js +86 -79
- package/dist/primitives/atoms/icons/collections/pi.cjs +1 -1
- package/dist/primitives/atoms/icons/collections/pi.d.ts +6 -0
- package/dist/primitives/atoms/icons/collections/pi.js +103 -13
- package/dist/primitives/atoms/icons/inkeep-default-icons.cjs +1 -1
- package/dist/primitives/atoms/icons/inkeep-default-icons.js +9 -1
- package/dist/primitives/components/embedded-chat/file-upload-input.cjs +1 -0
- package/dist/primitives/components/embedded-chat/file-upload-input.d.ts +68 -0
- package/dist/primitives/components/embedded-chat/file-upload-input.js +328 -0
- package/dist/primitives/components/embedded-chat/image-preview-modal.cjs +1 -0
- package/dist/primitives/components/embedded-chat/image-preview-modal.d.ts +15 -0
- package/dist/primitives/components/embedded-chat/image-preview-modal.js +71 -0
- package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs +3 -3
- package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts +6 -0
- package/dist/primitives/components/embedded-chat/use-inkeep-chat.js +282 -237
- package/dist/primitives/components/embedded-chat.cjs +5 -5
- package/dist/primitives/components/embedded-chat.d.ts +6 -5
- package/dist/primitives/components/embedded-chat.js +934 -907
- package/dist/primitives/components/embedded-search.d.ts +1 -1
- package/dist/primitives/hooks/index.cjs +1 -1
- package/dist/primitives/hooks/index.js +15 -14
- package/dist/primitives/hooks/use-input-notification.cjs +1 -0
- package/dist/primitives/hooks/use-input-notification.d.ts +9 -0
- package/dist/primitives/hooks/use-input-notification.js +18 -0
- package/dist/primitives/hooks/use-scrolling-fades.cjs +1 -1
- package/dist/primitives/hooks/use-scrolling-fades.d.ts +1 -0
- package/dist/primitives/hooks/use-scrolling-fades.js +21 -5
- package/dist/primitives/index.cjs +1 -1
- package/dist/primitives/index.js +69 -68
- package/dist/primitives/providers/base-events-provider.cjs +1 -1
- package/dist/primitives/providers/base-events-provider.js +1 -1
- package/dist/primitives/providers/image-preview-provider.cjs +1 -0
- package/dist/primitives/providers/image-preview-provider.d.ts +15 -0
- package/dist/primitives/providers/image-preview-provider.js +23 -0
- package/dist/primitives/utils/component-ids.cjs +1 -1
- package/dist/primitives/utils/component-ids.d.ts +54 -0
- package/dist/primitives/utils/component-ids.js +37 -10
- package/dist/react/embedded-chat.cjs +1 -1
- package/dist/react/embedded-chat.js +305 -260
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.js +78 -77
- package/dist/styled/components/chat-history.cjs +1 -1
- package/dist/styled/components/chat-history.d.ts +1 -1
- package/dist/styled/components/chat-history.js +31 -29
- package/dist/styled/components/embedded-chat/file-upload-input.cjs +1 -0
- package/dist/styled/components/embedded-chat/file-upload-input.d.ts +20 -0
- package/dist/styled/components/embedded-chat/file-upload-input.js +300 -0
- package/dist/styled/components/embedded-chat/image-preview-modal.cjs +1 -0
- package/dist/styled/components/embedded-chat/image-preview-modal.d.ts +11 -0
- package/dist/styled/components/embedded-chat/image-preview-modal.js +77 -0
- package/dist/styled/components/embedded-chat.cjs +1 -1
- package/dist/styled/components/embedded-chat.d.ts +2 -0
- package/dist/styled/components/embedded-chat.js +479 -449
- package/dist/styled/components/message.cjs +1 -1
- package/dist/styled/components/message.js +89 -88
- package/dist/styled/index.cjs +1 -1
- package/dist/styled/index.js +77 -76
- package/dist/styled/inkeep.css.cjs +253 -7
- package/dist/styled/inkeep.css.js +253 -7
- package/dist/types/icons/built-in.d.ts +1 -1
- package/dist/types/icons/custom.d.ts +8 -0
- package/package.json +7 -6
|
@@ -566,6 +566,17 @@ video {
|
|
|
566
566
|
max-width: 1536px;
|
|
567
567
|
}
|
|
568
568
|
}
|
|
569
|
+
.sr-only {
|
|
570
|
+
position: absolute;
|
|
571
|
+
width: 1px;
|
|
572
|
+
height: 1px;
|
|
573
|
+
padding: 0;
|
|
574
|
+
margin: -1px;
|
|
575
|
+
overflow: hidden;
|
|
576
|
+
clip: rect(0, 0, 0, 0);
|
|
577
|
+
white-space: nowrap;
|
|
578
|
+
border-width: 0;
|
|
579
|
+
}
|
|
569
580
|
.pointer-events-none {
|
|
570
581
|
pointer-events: none;
|
|
571
582
|
}
|
|
@@ -596,6 +607,9 @@ video {
|
|
|
596
607
|
.bottom-6 {
|
|
597
608
|
bottom: 1.5rem;
|
|
598
609
|
}
|
|
610
|
+
.bottom-full {
|
|
611
|
+
bottom: 100%;
|
|
612
|
+
}
|
|
599
613
|
.left-0 {
|
|
600
614
|
left: 0px;
|
|
601
615
|
}
|
|
@@ -721,6 +735,9 @@ video {
|
|
|
721
735
|
.mb-1 {
|
|
722
736
|
margin-bottom: 0.25rem;
|
|
723
737
|
}
|
|
738
|
+
.mb-1\\.5 {
|
|
739
|
+
margin-bottom: 0.375rem;
|
|
740
|
+
}
|
|
724
741
|
.mb-2 {
|
|
725
742
|
margin-bottom: 0.5rem;
|
|
726
743
|
}
|
|
@@ -832,13 +849,21 @@ video {
|
|
|
832
849
|
.hidden {
|
|
833
850
|
display: none;
|
|
834
851
|
}
|
|
852
|
+
.size-2\\.5 {
|
|
853
|
+
width: 0.625rem;
|
|
854
|
+
height: 0.625rem;
|
|
855
|
+
}
|
|
835
856
|
.size-4 {
|
|
836
857
|
width: 1rem;
|
|
837
858
|
height: 1rem;
|
|
838
859
|
}
|
|
839
|
-
.size-
|
|
840
|
-
width:
|
|
841
|
-
height:
|
|
860
|
+
.size-5 {
|
|
861
|
+
width: 1.25rem;
|
|
862
|
+
height: 1.25rem;
|
|
863
|
+
}
|
|
864
|
+
.size-8 {
|
|
865
|
+
width: 2rem;
|
|
866
|
+
height: 2rem;
|
|
842
867
|
}
|
|
843
868
|
.\\!h-auto {
|
|
844
869
|
height: auto !important;
|
|
@@ -873,6 +898,9 @@ video {
|
|
|
873
898
|
.h-6 {
|
|
874
899
|
height: 1.5rem;
|
|
875
900
|
}
|
|
901
|
+
.h-7 {
|
|
902
|
+
height: 1.75rem;
|
|
903
|
+
}
|
|
876
904
|
.h-8 {
|
|
877
905
|
height: 2rem;
|
|
878
906
|
}
|
|
@@ -900,6 +928,10 @@ video {
|
|
|
900
928
|
.h-auto {
|
|
901
929
|
height: auto;
|
|
902
930
|
}
|
|
931
|
+
.h-fit {
|
|
932
|
+
height: -moz-fit-content;
|
|
933
|
+
height: fit-content;
|
|
934
|
+
}
|
|
903
935
|
.h-full {
|
|
904
936
|
height: 100%;
|
|
905
937
|
}
|
|
@@ -918,6 +950,9 @@ video {
|
|
|
918
950
|
.max-h-\\[200px\\] {
|
|
919
951
|
max-height: 200px;
|
|
920
952
|
}
|
|
953
|
+
.max-h-\\[calc\\(100vh_-_theme\\(spacing\\.20\\)\\)\\] {
|
|
954
|
+
max-height: calc(100vh - 5rem);
|
|
955
|
+
}
|
|
921
956
|
.max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
|
|
922
957
|
max-height: min(24rem,var(--available-height));
|
|
923
958
|
}
|
|
@@ -1054,12 +1089,18 @@ video {
|
|
|
1054
1089
|
.max-w-2xl {
|
|
1055
1090
|
max-width: 42rem;
|
|
1056
1091
|
}
|
|
1092
|
+
.max-w-\\[100vw\\] {
|
|
1093
|
+
max-width: 100vw;
|
|
1094
|
+
}
|
|
1057
1095
|
.max-w-\\[200px\\] {
|
|
1058
1096
|
max-width: 200px;
|
|
1059
1097
|
}
|
|
1060
1098
|
.max-w-\\[480px\\] {
|
|
1061
1099
|
max-width: 480px;
|
|
1062
1100
|
}
|
|
1101
|
+
.max-w-\\[calc\\(100vw_-_theme\\(spacing\\.20\\)\\)\\] {
|
|
1102
|
+
max-width: calc(100vw - 5rem);
|
|
1103
|
+
}
|
|
1063
1104
|
.max-w-full {
|
|
1064
1105
|
max-width: 100%;
|
|
1065
1106
|
}
|
|
@@ -1156,6 +1197,21 @@ video {
|
|
|
1156
1197
|
.animate-checkbox-check {
|
|
1157
1198
|
animation: checkbox-check 200ms linear;
|
|
1158
1199
|
}
|
|
1200
|
+
@keyframes notification-in {
|
|
1201
|
+
|
|
1202
|
+
0% {
|
|
1203
|
+
opacity: 0;
|
|
1204
|
+
transform: translateY(8px) scale(0.96);
|
|
1205
|
+
}
|
|
1206
|
+
|
|
1207
|
+
100% {
|
|
1208
|
+
opacity: 1;
|
|
1209
|
+
transform: translateY(0) scale(1);
|
|
1210
|
+
}
|
|
1211
|
+
}
|
|
1212
|
+
.animate-notification-in {
|
|
1213
|
+
animation: notification-in 400ms cubic-bezier(0.21, 1.02, 0.73, 1) both;
|
|
1214
|
+
}
|
|
1159
1215
|
@keyframes pulse {
|
|
1160
1216
|
|
|
1161
1217
|
50% {
|
|
@@ -1272,6 +1328,9 @@ video {
|
|
|
1272
1328
|
.items-start {
|
|
1273
1329
|
align-items: flex-start;
|
|
1274
1330
|
}
|
|
1331
|
+
.items-end {
|
|
1332
|
+
align-items: flex-end;
|
|
1333
|
+
}
|
|
1275
1334
|
.items-center {
|
|
1276
1335
|
align-items: center;
|
|
1277
1336
|
}
|
|
@@ -1438,6 +1497,10 @@ video {
|
|
|
1438
1497
|
.rounded-sm {
|
|
1439
1498
|
border-radius: 0.125rem;
|
|
1440
1499
|
}
|
|
1500
|
+
.rounded-r-lg {
|
|
1501
|
+
border-top-right-radius: 0.5rem;
|
|
1502
|
+
border-bottom-right-radius: 0.5rem;
|
|
1503
|
+
}
|
|
1441
1504
|
.rounded-br-sm {
|
|
1442
1505
|
border-bottom-right-radius: 0.125rem;
|
|
1443
1506
|
}
|
|
@@ -1459,6 +1522,9 @@ video {
|
|
|
1459
1522
|
.border-solid {
|
|
1460
1523
|
border-style: solid;
|
|
1461
1524
|
}
|
|
1525
|
+
.border-dashed {
|
|
1526
|
+
border-style: dashed;
|
|
1527
|
+
}
|
|
1462
1528
|
.border-none {
|
|
1463
1529
|
border-style: none;
|
|
1464
1530
|
}
|
|
@@ -1480,6 +1546,9 @@ video {
|
|
|
1480
1546
|
.border-inkeep-expanded-primary-200 {
|
|
1481
1547
|
border-color: var(--ikp-color-inkeep-expanded-primary-200);
|
|
1482
1548
|
}
|
|
1549
|
+
.border-inkeep-expanded-primary-500 {
|
|
1550
|
+
border-color: var(--ikp-color-inkeep-expanded-primary-500);
|
|
1551
|
+
}
|
|
1483
1552
|
.border-transparent {
|
|
1484
1553
|
border-color: transparent;
|
|
1485
1554
|
}
|
|
@@ -1489,6 +1558,9 @@ video {
|
|
|
1489
1558
|
.border-l-transparent {
|
|
1490
1559
|
border-left-color: transparent;
|
|
1491
1560
|
}
|
|
1561
|
+
.bg-\\[--chip-bg\\] {
|
|
1562
|
+
background-color: var(--chip-bg);
|
|
1563
|
+
}
|
|
1492
1564
|
.bg-\\[--start-color\\] {
|
|
1493
1565
|
background-color: var(--start-color);
|
|
1494
1566
|
}
|
|
@@ -1549,6 +1621,14 @@ video {
|
|
|
1549
1621
|
.fill-white {
|
|
1550
1622
|
fill: #fff;
|
|
1551
1623
|
}
|
|
1624
|
+
.object-contain {
|
|
1625
|
+
-o-object-fit: contain;
|
|
1626
|
+
object-fit: contain;
|
|
1627
|
+
}
|
|
1628
|
+
.object-cover {
|
|
1629
|
+
-o-object-fit: cover;
|
|
1630
|
+
object-fit: cover;
|
|
1631
|
+
}
|
|
1552
1632
|
.p-0 {
|
|
1553
1633
|
padding: 0px;
|
|
1554
1634
|
}
|
|
@@ -1650,6 +1730,9 @@ video {
|
|
|
1650
1730
|
.pb-1 {
|
|
1651
1731
|
padding-bottom: 0.25rem;
|
|
1652
1732
|
}
|
|
1733
|
+
.pb-1\\.5 {
|
|
1734
|
+
padding-bottom: 0.375rem;
|
|
1735
|
+
}
|
|
1653
1736
|
.pb-2 {
|
|
1654
1737
|
padding-bottom: 0.5rem;
|
|
1655
1738
|
}
|
|
@@ -1686,6 +1769,9 @@ video {
|
|
|
1686
1769
|
.pt-0 {
|
|
1687
1770
|
padding-top: 0px;
|
|
1688
1771
|
}
|
|
1772
|
+
.pt-0\\.5 {
|
|
1773
|
+
padding-top: 0.125rem;
|
|
1774
|
+
}
|
|
1689
1775
|
.pt-1 {
|
|
1690
1776
|
padding-top: 0.25rem;
|
|
1691
1777
|
}
|
|
@@ -1821,6 +1907,9 @@ video {
|
|
|
1821
1907
|
.text-gray-800 {
|
|
1822
1908
|
color: var(--ikp-color-gray-800);
|
|
1823
1909
|
}
|
|
1910
|
+
.text-gray-900 {
|
|
1911
|
+
color: var(--ikp-color-gray-900);
|
|
1912
|
+
}
|
|
1824
1913
|
.text-green-500 {
|
|
1825
1914
|
--tw-text-opacity: 1;
|
|
1826
1915
|
color: rgb(34 197 94 / var(--tw-text-opacity, 1));
|
|
@@ -2012,6 +2101,9 @@ video {
|
|
|
2012
2101
|
.\\[--chat-bubble-margin\\:theme\\(spacing\\.5\\)\\] {
|
|
2013
2102
|
--chat-bubble-margin: 1.25rem;
|
|
2014
2103
|
}
|
|
2104
|
+
.\\[--chip-bg\\:theme\\(colors\\.gray\\.200\\)\\] {
|
|
2105
|
+
--chip-bg: var(--ikp-color-gray-200);
|
|
2106
|
+
}
|
|
2015
2107
|
.\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
|
|
2016
2108
|
--end-color: var(--ikp-color-gray-300);
|
|
2017
2109
|
}
|
|
@@ -2027,6 +2119,9 @@ video {
|
|
|
2027
2119
|
.\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
|
|
2028
2120
|
--footer-height: 2.25rem;
|
|
2029
2121
|
}
|
|
2122
|
+
.\\[--scroll-fade-color\\:var\\(--ikp-color-gray-50\\)\\] {
|
|
2123
|
+
--scroll-fade-color: var(--ikp-color-gray-50);
|
|
2124
|
+
}
|
|
2030
2125
|
.\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
|
|
2031
2126
|
--scrollbar-color: var(--color-gray-300);
|
|
2032
2127
|
}
|
|
@@ -2081,6 +2176,9 @@ video {
|
|
|
2081
2176
|
.\\[scrollbar-color\\:var\\(--scrollbar-color\\)_transparent\\] {
|
|
2082
2177
|
scrollbar-color: var(--scrollbar-color) transparent;
|
|
2083
2178
|
}
|
|
2179
|
+
.\\[scrollbar-width\\:none\\] {
|
|
2180
|
+
scrollbar-width: none;
|
|
2181
|
+
}
|
|
2084
2182
|
.\\[scrollbar-width\\:thin\\] {
|
|
2085
2183
|
scrollbar-width: thin;
|
|
2086
2184
|
}
|
|
@@ -2243,6 +2341,11 @@ slot {
|
|
|
2243
2341
|
right: 0px;
|
|
2244
2342
|
}
|
|
2245
2343
|
|
|
2344
|
+
.before\\:-left-1::before {
|
|
2345
|
+
content: var(--tw-content);
|
|
2346
|
+
left: -0.25rem;
|
|
2347
|
+
}
|
|
2348
|
+
|
|
2246
2349
|
.before\\:-top-px::before {
|
|
2247
2350
|
content: var(--tw-content);
|
|
2248
2351
|
top: -1px;
|
|
@@ -2288,6 +2391,16 @@ slot {
|
|
|
2288
2391
|
height: var(--before-size);
|
|
2289
2392
|
}
|
|
2290
2393
|
|
|
2394
|
+
.before\\:h-full::before {
|
|
2395
|
+
content: var(--tw-content);
|
|
2396
|
+
height: 100%;
|
|
2397
|
+
}
|
|
2398
|
+
|
|
2399
|
+
.before\\:w-1::before {
|
|
2400
|
+
content: var(--tw-content);
|
|
2401
|
+
width: 0.25rem;
|
|
2402
|
+
}
|
|
2403
|
+
|
|
2291
2404
|
.before\\:w-\\[--before-size\\]::before {
|
|
2292
2405
|
content: var(--tw-content);
|
|
2293
2406
|
width: var(--before-size);
|
|
@@ -2309,6 +2422,11 @@ slot {
|
|
|
2309
2422
|
background-color: var(--ikp-color-gray-300);
|
|
2310
2423
|
}
|
|
2311
2424
|
|
|
2425
|
+
.before\\:bg-\\[linear-gradient\\(to_right\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::before {
|
|
2426
|
+
content: var(--tw-content);
|
|
2427
|
+
background-image: linear-gradient(to right,var(--scroll-fade-color),transparent);
|
|
2428
|
+
}
|
|
2429
|
+
|
|
2312
2430
|
.before\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::before {
|
|
2313
2431
|
content: var(--tw-content);
|
|
2314
2432
|
background-image: linear-gradient(transparent, white);
|
|
@@ -2319,6 +2437,18 @@ slot {
|
|
|
2319
2437
|
background-image: linear-gradient(white, transparent);
|
|
2320
2438
|
}
|
|
2321
2439
|
|
|
2440
|
+
.before\\:bg-gradient-to-l::before {
|
|
2441
|
+
content: var(--tw-content);
|
|
2442
|
+
background-image: linear-gradient(to left, var(--tw-gradient-stops));
|
|
2443
|
+
}
|
|
2444
|
+
|
|
2445
|
+
.before\\:from-\\[--chip-bg\\]::before {
|
|
2446
|
+
content: var(--tw-content);
|
|
2447
|
+
--tw-gradient-from: var(--chip-bg) var(--tw-gradient-from-position);
|
|
2448
|
+
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
|
2449
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2450
|
+
}
|
|
2451
|
+
|
|
2322
2452
|
.before\\:bg-no-repeat::before {
|
|
2323
2453
|
content: var(--tw-content);
|
|
2324
2454
|
background-repeat: no-repeat;
|
|
@@ -2375,6 +2505,11 @@ slot {
|
|
|
2375
2505
|
left: 1px;
|
|
2376
2506
|
}
|
|
2377
2507
|
|
|
2508
|
+
.after\\:right-0::after {
|
|
2509
|
+
content: var(--tw-content);
|
|
2510
|
+
right: 0px;
|
|
2511
|
+
}
|
|
2512
|
+
|
|
2378
2513
|
.after\\:top-0::after {
|
|
2379
2514
|
content: var(--tw-content);
|
|
2380
2515
|
top: 0px;
|
|
@@ -2451,6 +2586,11 @@ slot {
|
|
|
2451
2586
|
background-image: linear-gradient(currentColor, transparent);
|
|
2452
2587
|
}
|
|
2453
2588
|
|
|
2589
|
+
.after\\:bg-\\[linear-gradient\\(to_left\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::after {
|
|
2590
|
+
content: var(--tw-content);
|
|
2591
|
+
background-image: linear-gradient(to left,var(--scroll-fade-color),transparent);
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2454
2594
|
.after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
|
|
2455
2595
|
content: var(--tw-content);
|
|
2456
2596
|
background-image: linear-gradient(transparent, white);
|
|
@@ -2504,10 +2644,18 @@ slot {
|
|
|
2504
2644
|
--shadow-color: #3b82f6;
|
|
2505
2645
|
}
|
|
2506
2646
|
|
|
2647
|
+
.focus-visible\\:rounded:focus-visible {
|
|
2648
|
+
border-radius: 0.25rem;
|
|
2649
|
+
}
|
|
2650
|
+
|
|
2507
2651
|
.focus-visible\\:bg-gray-50:focus-visible {
|
|
2508
2652
|
background-color: var(--ikp-color-gray-50);
|
|
2509
2653
|
}
|
|
2510
2654
|
|
|
2655
|
+
.focus-visible\\:opacity-100:focus-visible {
|
|
2656
|
+
opacity: 1;
|
|
2657
|
+
}
|
|
2658
|
+
|
|
2511
2659
|
.focus-visible\\:outline-none:focus-visible {
|
|
2512
2660
|
outline: 2px solid transparent;
|
|
2513
2661
|
outline-offset: 2px;
|
|
@@ -2599,6 +2747,10 @@ slot {
|
|
|
2599
2747
|
color: var(--ikp-color-gray-600);
|
|
2600
2748
|
}
|
|
2601
2749
|
|
|
2750
|
+
.group\\/chip:hover .group-hover\\/chip\\:opacity-100 {
|
|
2751
|
+
opacity: 1;
|
|
2752
|
+
}
|
|
2753
|
+
|
|
2602
2754
|
.group:hover .group-hover\\:opacity-0 {
|
|
2603
2755
|
opacity: 0;
|
|
2604
2756
|
}
|
|
@@ -2615,6 +2767,11 @@ slot {
|
|
|
2615
2767
|
width: min(90vw,1000px);
|
|
2616
2768
|
}
|
|
2617
2769
|
|
|
2770
|
+
.has-\\[\\[data-scroll-left\\]\\]\\:before\\:opacity-0:has([data-scroll-left])::before {
|
|
2771
|
+
content: var(--tw-content);
|
|
2772
|
+
opacity: 0;
|
|
2773
|
+
}
|
|
2774
|
+
|
|
2618
2775
|
.has-\\[\\[data-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
|
|
2619
2776
|
content: var(--tw-content);
|
|
2620
2777
|
opacity: 0;
|
|
@@ -2625,6 +2782,11 @@ slot {
|
|
|
2625
2782
|
opacity: 0;
|
|
2626
2783
|
}
|
|
2627
2784
|
|
|
2785
|
+
.has-\\[\\[data-scroll-right\\]\\]\\:after\\:opacity-0:has([data-scroll-right])::after {
|
|
2786
|
+
content: var(--tw-content);
|
|
2787
|
+
opacity: 0;
|
|
2788
|
+
}
|
|
2789
|
+
|
|
2628
2790
|
.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {
|
|
2629
2791
|
pointer-events: none;
|
|
2630
2792
|
}
|
|
@@ -3258,6 +3420,17 @@ slot {
|
|
|
3258
3420
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
3259
3421
|
}
|
|
3260
3422
|
|
|
3423
|
+
@keyframes pulse {
|
|
3424
|
+
|
|
3425
|
+
50% {
|
|
3426
|
+
opacity: .5;
|
|
3427
|
+
}
|
|
3428
|
+
}
|
|
3429
|
+
|
|
3430
|
+
.group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:animate-pulse {
|
|
3431
|
+
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
3432
|
+
}
|
|
3433
|
+
|
|
3261
3434
|
.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
|
|
3262
3435
|
border-right-width: 1px;
|
|
3263
3436
|
}
|
|
@@ -3266,6 +3439,14 @@ slot {
|
|
|
3266
3439
|
border-color: var(--ikp-color-gray-200);
|
|
3267
3440
|
}
|
|
3268
3441
|
|
|
3442
|
+
.group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:bg-gray-200 {
|
|
3443
|
+
background-color: var(--ikp-color-gray-200);
|
|
3444
|
+
}
|
|
3445
|
+
|
|
3446
|
+
.group\\/fieldset[data-drag-over] .group-data-\\[drag-over\\]\\/fieldset\\:opacity-100 {
|
|
3447
|
+
opacity: 1;
|
|
3448
|
+
}
|
|
3449
|
+
|
|
3269
3450
|
.group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
|
|
3270
3451
|
opacity: 0;
|
|
3271
3452
|
}
|
|
@@ -3361,6 +3542,10 @@ slot {
|
|
|
3361
3542
|
background-color: transparent;
|
|
3362
3543
|
}
|
|
3363
3544
|
|
|
3545
|
+
.hover\\:bg-white-alpha-100:hover:not(:disabled) {
|
|
3546
|
+
background-color: var(--ikp-color-white-alpha-100);
|
|
3547
|
+
}
|
|
3548
|
+
|
|
3364
3549
|
.hover\\:text-gray-700:hover:not(:disabled) {
|
|
3365
3550
|
color: var(--ikp-color-gray-700);
|
|
3366
3551
|
}
|
|
@@ -3414,10 +3599,23 @@ slot {
|
|
|
3414
3599
|
right: 0px;
|
|
3415
3600
|
}
|
|
3416
3601
|
|
|
3602
|
+
.befter\\:inset-y-0::before {
|
|
3603
|
+
top: 0px;
|
|
3604
|
+
bottom: 0px;
|
|
3605
|
+
}
|
|
3606
|
+
|
|
3607
|
+
.befter\\:z-10::before {
|
|
3608
|
+
z-index: 10;
|
|
3609
|
+
}
|
|
3610
|
+
|
|
3417
3611
|
.befter\\:h-10::before {
|
|
3418
3612
|
height: 2.5rem;
|
|
3419
3613
|
}
|
|
3420
3614
|
|
|
3615
|
+
.befter\\:w-10::before {
|
|
3616
|
+
width: 2.5rem;
|
|
3617
|
+
}
|
|
3618
|
+
|
|
3421
3619
|
.befter\\:transition-opacity::before {
|
|
3422
3620
|
transition-property: opacity;
|
|
3423
3621
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -3450,10 +3648,23 @@ slot {
|
|
|
3450
3648
|
right: 0px;
|
|
3451
3649
|
}
|
|
3452
3650
|
|
|
3651
|
+
.befter\\:inset-y-0::after {
|
|
3652
|
+
top: 0px;
|
|
3653
|
+
bottom: 0px;
|
|
3654
|
+
}
|
|
3655
|
+
|
|
3656
|
+
.befter\\:z-10::after {
|
|
3657
|
+
z-index: 10;
|
|
3658
|
+
}
|
|
3659
|
+
|
|
3453
3660
|
.befter\\:h-10::after {
|
|
3454
3661
|
height: 2.5rem;
|
|
3455
3662
|
}
|
|
3456
3663
|
|
|
3664
|
+
.befter\\:w-10::after {
|
|
3665
|
+
width: 2.5rem;
|
|
3666
|
+
}
|
|
3667
|
+
|
|
3457
3668
|
.befter\\:transition-opacity::after {
|
|
3458
3669
|
transition-property: opacity;
|
|
3459
3670
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -3537,6 +3748,10 @@ slot {
|
|
|
3537
3748
|
border-color: var(--ikp-color-gray-dark-500);
|
|
3538
3749
|
}
|
|
3539
3750
|
|
|
3751
|
+
.dark\\:border-gray-dark-600:is([data-theme="dark"] *) {
|
|
3752
|
+
border-color: var(--ikp-color-gray-dark-600);
|
|
3753
|
+
}
|
|
3754
|
+
|
|
3540
3755
|
.dark\\:border-gray-dark-700:is([data-theme="dark"] *) {
|
|
3541
3756
|
border-color: var(--ikp-color-gray-dark-700);
|
|
3542
3757
|
}
|
|
@@ -3545,6 +3760,10 @@ slot {
|
|
|
3545
3760
|
border-color: var(--ikp-color-inkeep-expanded-primary-200);
|
|
3546
3761
|
}
|
|
3547
3762
|
|
|
3763
|
+
.dark\\:border-inkeep-expanded-primary-400:is([data-theme="dark"] *) {
|
|
3764
|
+
border-color: var(--ikp-color-inkeep-expanded-primary-400);
|
|
3765
|
+
}
|
|
3766
|
+
|
|
3548
3767
|
.dark\\:border-white-alpha-200:is([data-theme="dark"] *) {
|
|
3549
3768
|
border-color: var(--ikp-color-white-alpha-200);
|
|
3550
3769
|
}
|
|
@@ -3585,10 +3804,6 @@ slot {
|
|
|
3585
3804
|
background-color: var(--ikp-color-white-alpha-200);
|
|
3586
3805
|
}
|
|
3587
3806
|
|
|
3588
|
-
.dark\\:bg-white-alpha-50:is([data-theme="dark"] *) {
|
|
3589
|
-
background-color: var(--ikp-color-white-alpha-50);
|
|
3590
|
-
}
|
|
3591
|
-
|
|
3592
3807
|
.dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
|
|
3593
3808
|
background-color: var(--ikp-color-white-alpha-800);
|
|
3594
3809
|
}
|
|
@@ -3609,6 +3824,10 @@ slot {
|
|
|
3609
3824
|
color: var(--ikp-color-gray-400);
|
|
3610
3825
|
}
|
|
3611
3826
|
|
|
3827
|
+
.dark\\:text-gray-50:is([data-theme="dark"] *) {
|
|
3828
|
+
color: var(--ikp-color-gray-50);
|
|
3829
|
+
}
|
|
3830
|
+
|
|
3612
3831
|
.dark\\:text-gray-dark-100:is([data-theme="dark"] *) {
|
|
3613
3832
|
color: var(--ikp-color-gray-dark-100);
|
|
3614
3833
|
}
|
|
@@ -3625,6 +3844,10 @@ slot {
|
|
|
3625
3844
|
color: var(--ikp-color-gray-dark-400);
|
|
3626
3845
|
}
|
|
3627
3846
|
|
|
3847
|
+
.dark\\:text-gray-dark-50:is([data-theme="dark"] *) {
|
|
3848
|
+
color: var(--ikp-color-gray-dark-50);
|
|
3849
|
+
}
|
|
3850
|
+
|
|
3628
3851
|
.dark\\:text-gray-dark-950:is([data-theme="dark"] *) {
|
|
3629
3852
|
color: var(--ikp-color-gray-dark-950);
|
|
3630
3853
|
}
|
|
@@ -3686,6 +3909,10 @@ slot {
|
|
|
3686
3909
|
--tw-shadow: var(--tw-shadow-colored);
|
|
3687
3910
|
}
|
|
3688
3911
|
|
|
3912
|
+
.dark\\:\\[--chip-bg\\:theme\\(colors\\.gray-dark\\.700\\)\\]:is([data-theme="dark"] *) {
|
|
3913
|
+
--chip-bg: var(--ikp-color-gray-dark-700);
|
|
3914
|
+
}
|
|
3915
|
+
|
|
3689
3916
|
.dark\\:\\[--end-color\\:theme\\(colors\\.gray-dark\\.600\\)\\]:is([data-theme="dark"] *) {
|
|
3690
3917
|
--end-color: var(--ikp-color-gray-dark-600);
|
|
3691
3918
|
}
|
|
@@ -3702,6 +3929,10 @@ slot {
|
|
|
3702
3929
|
--focus-border-color: #93c5fd;
|
|
3703
3930
|
}
|
|
3704
3931
|
|
|
3932
|
+
.dark\\:\\[--scroll-fade-color\\:var\\(--ikp-color-gray-dark-900\\)\\]:is([data-theme="dark"] *) {
|
|
3933
|
+
--scroll-fade-color: var(--ikp-color-gray-dark-900);
|
|
3934
|
+
}
|
|
3935
|
+
|
|
3705
3936
|
.dark\\:\\[--scrollbar-color\\:var\\(--color-gray-dark-600\\)\\]:is([data-theme="dark"] *) {
|
|
3706
3937
|
--scrollbar-color: var(--color-gray-dark-600);
|
|
3707
3938
|
}
|
|
@@ -3922,6 +4153,10 @@ slot {
|
|
|
3922
4153
|
border-color: var(--ikp-color-gray-dark-800);
|
|
3923
4154
|
}
|
|
3924
4155
|
|
|
4156
|
+
.group\\/chip[data-loading] .dark\\:group-data-\\[loading\\]\\/chip\\:bg-gray-dark-600:is([data-theme="dark"] *) {
|
|
4157
|
+
background-color: var(--ikp-color-gray-dark-600);
|
|
4158
|
+
}
|
|
4159
|
+
|
|
3925
4160
|
.dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
|
|
3926
4161
|
border-color: var(--ikp-color-white-alpha-300);
|
|
3927
4162
|
}
|
|
@@ -3954,6 +4189,10 @@ slot {
|
|
|
3954
4189
|
background-color: var(--ikp-color-white-alpha-50);
|
|
3955
4190
|
}
|
|
3956
4191
|
|
|
4192
|
+
.dark\\:hover\\:text-gray-dark-50:hover:not(:disabled):is([data-theme="dark"] *) {
|
|
4193
|
+
color: var(--ikp-color-gray-dark-50);
|
|
4194
|
+
}
|
|
4195
|
+
|
|
3957
4196
|
.dark\\:hover\\:text-inkeep-expanded-primary-100:hover:not(:disabled):is([data-theme="dark"] *) {
|
|
3958
4197
|
color: var(--ikp-color-inkeep-expanded-primary-100);
|
|
3959
4198
|
}
|
|
@@ -4464,6 +4703,13 @@ slot {
|
|
|
4464
4703
|
width: 1rem;
|
|
4465
4704
|
}
|
|
4466
4705
|
|
|
4706
|
+
@media(hover:none) {
|
|
4707
|
+
|
|
4708
|
+
.\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100 {
|
|
4709
|
+
opacity: 1;
|
|
4710
|
+
}
|
|
4711
|
+
}
|
|
4712
|
+
|
|
4467
4713
|
[data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:h-full {
|
|
4468
4714
|
height: 100%;
|
|
4469
4715
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type AvailableBuiltInIcons = 'FaBook' | 'FaGithub' | 'FaDatabase' | 'FaStackOverflow' | 'FaChrome' | 'FaPhone' | 'FaEnvelope' | 'FaPencil' | 'FaBlog' | 'FaSort' | 'FaPenSquare' | 'FaChevronRight' | 'FaChevronUp' | 'FaFilePdf' | 'FaDiscourse' | 'FaDiscord' | 'FaSlack' | 'IoDocumentTextSharp' | 'IoDocumentSharp' | 'IoSend' | 'IoInformationCircleOutline' | 'IoLinkOutline' | 'IoThumbsUpSharp' | 'IoThumbsDownSharp' | 'IoSearch' | 'IoCopyOutline' | 'IoCopy' | 'IoReturnDownBackOutline' | 'IoChevronForwardOutline' | 'IoReturnDownForward' | 'IoCloseOutline' | 'IoCheckmarkOutline' | 'IoBookOutline' | 'IoReaderOutline' | 'IoHelpBuoyOutline' | 'IoPeopleOutline' | 'IoDocumentTextOutline' | 'IoChatbubblesOutline' | 'FaRegFilePdf' | 'IoLogoDiscord' | 'IoLogoGithub' | 'IoTerminal' | 'FaBriefcase' | 'IoPlayCircleOutline' | 'IoPencilOutline' | 'IoCheckmarkDoneOutline' | 'IoHomeOutline' | 'IoMail' | 'IoOpenOutline' | 'FaTelegram' | 'FaTable' | 'FaMagnifyingGlass' | 'LuArrowLeft' | 'LuCircleCheck' | 'LuCommand' | 'LuCopy' | 'LuCheck' | 'LuCornerDownLeft' | 'LuGlobe' | 'LuHistory' | 'LuPanelLeft' | 'LuLink' | 'LuRepeat' | 'LuThumbsDown' | 'LuThumbsUp' | 'LuUsers' | 'LuUser' | 'LuArrowUpRight' | 'LuBookOpen' | 'LuChevronDown' | 'LuLoaderCircle' | 'FiEdit' | 'LuSparkles' | 'LuCornerDownRight' | 'LuCalendar' | 'LuHeadset' | 'LuSend';
|
|
1
|
+
export type AvailableBuiltInIcons = 'FaBook' | 'FaGithub' | 'FaDatabase' | 'FaStackOverflow' | 'FaChrome' | 'FaPhone' | 'FaEnvelope' | 'FaPencil' | 'FaBlog' | 'FaSort' | 'FaPenSquare' | 'FaChevronRight' | 'FaChevronUp' | 'FaFilePdf' | 'FaDiscourse' | 'FaDiscord' | 'FaSlack' | 'IoDocumentTextSharp' | 'IoDocumentSharp' | 'IoSend' | 'IoInformationCircleOutline' | 'IoLinkOutline' | 'IoThumbsUpSharp' | 'IoThumbsDownSharp' | 'IoSearch' | 'IoCopyOutline' | 'IoCopy' | 'IoReturnDownBackOutline' | 'IoChevronForwardOutline' | 'IoReturnDownForward' | 'IoCloseOutline' | 'IoCheckmarkOutline' | 'IoBookOutline' | 'IoReaderOutline' | 'IoHelpBuoyOutline' | 'IoPeopleOutline' | 'IoDocumentTextOutline' | 'IoChatbubblesOutline' | 'FaRegFilePdf' | 'IoLogoDiscord' | 'IoLogoGithub' | 'IoTerminal' | 'FaBriefcase' | 'IoPlayCircleOutline' | 'IoPencilOutline' | 'IoCheckmarkDoneOutline' | 'IoHomeOutline' | 'IoMail' | 'IoOpenOutline' | 'FaTelegram' | 'FaTable' | 'FaMagnifyingGlass' | 'LuArrowLeft' | 'LuCircleCheck' | 'LuCommand' | 'LuCopy' | 'LuCheck' | 'LuCornerDownLeft' | 'LuGlobe' | 'LuHistory' | 'LuPanelLeft' | 'LuLink' | 'LuRepeat' | 'LuThumbsDown' | 'LuThumbsUp' | 'LuUsers' | 'LuUser' | 'LuArrowUpRight' | 'LuBookOpen' | 'LuChevronDown' | 'LuLoaderCircle' | 'FiEdit' | 'LuSparkles' | 'LuCornerDownRight' | 'LuCalendar' | 'LuHeadset' | 'LuSend' | 'LuPaperclip' | 'PiFileCsv' | 'PiFileText' | 'PiFileHtml' | 'PiFileMarkdown' | 'PiFileLog' | 'PiFileJson';
|
|
@@ -27,6 +27,14 @@ export interface CustomIcons {
|
|
|
27
27
|
chatHistory: string;
|
|
28
28
|
chatHistoryPanel: string;
|
|
29
29
|
backToChat: string;
|
|
30
|
+
fileUpload: string;
|
|
31
|
+
filePdf: string;
|
|
32
|
+
fileText: string;
|
|
33
|
+
fileMarkdown: string;
|
|
34
|
+
fileHtml: string;
|
|
35
|
+
fileCsv: string;
|
|
36
|
+
fileLog: string;
|
|
37
|
+
fileJson: string;
|
|
30
38
|
}
|
|
31
39
|
export type CustomIconMap = {
|
|
32
40
|
[K in keyof CustomIcons]?: InkeepCustomIcon;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inkeep/agents-ui",
|
|
3
|
-
"version": "0.0.0-dev-
|
|
3
|
+
"version": "0.0.0-dev-20260402200940",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"repository": {
|
|
@@ -65,11 +65,12 @@
|
|
|
65
65
|
"@radix-ui/react-use-callback-ref": "^1.1.0",
|
|
66
66
|
"@radix-ui/react-use-controllable-state": "^1.1.0",
|
|
67
67
|
"@radix-ui/react-use-layout-effect": "^1.1.1",
|
|
68
|
-
"@zag-js/combobox": "^1.
|
|
69
|
-
"@zag-js/
|
|
70
|
-
"@zag-js/
|
|
71
|
-
"@zag-js/
|
|
72
|
-
"@zag-js/
|
|
68
|
+
"@zag-js/combobox": "^1.38.1",
|
|
69
|
+
"@zag-js/file-upload": "^1.38.1",
|
|
70
|
+
"@zag-js/focus-trap": "^1.38.1",
|
|
71
|
+
"@zag-js/presence": "^1.38.1",
|
|
72
|
+
"@zag-js/react": "^1.38.1",
|
|
73
|
+
"@zag-js/remove-scroll": "^1.38.1",
|
|
73
74
|
"ai": "6.0.44",
|
|
74
75
|
"altcha-lib": "^1.2.0",
|
|
75
76
|
"aria-hidden": "^1.2.4",
|