@truedat/ai 8.14.2 → 8.14.4

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 (22) hide show
  1. package/package.json +4 -4
  2. package/src/api.js +15 -0
  3. package/src/components/AiRoutes.js +8 -0
  4. package/src/components/__tests__/CustomInstructions.spec.js +263 -0
  5. package/src/components/constants.js +0 -4
  6. package/src/components/customInstructions/CustomInstructions.js +178 -0
  7. package/src/components/customInstructions/useLeaveConfirmation.js +50 -0
  8. package/src/components/providers/EmbeddingModels.js +336 -0
  9. package/src/components/providers/HelpIcon.js +38 -0
  10. package/src/components/providers/ProviderEditor.js +114 -34
  11. package/src/components/providers/Providers.js +73 -20
  12. package/src/components/providers/__tests__/EmbeddingModels.spec.js +455 -0
  13. package/src/components/providers/__tests__/ProviderEditor.spec.js +213 -1
  14. package/src/components/providers/__tests__/Providers.spec.js +251 -12
  15. package/src/components/providers/__tests__/__snapshots__/ProviderEditor.spec.js.snap +212 -342
  16. package/src/components/providers/__tests__/__snapshots__/Providers.spec.js.snap +11 -0
  17. package/src/hooks/__tests__/useIndices.spec.js +75 -0
  18. package/src/hooks/__tests__/useProviders.spec.js +14 -0
  19. package/src/hooks/useCustomInstructions.js +22 -0
  20. package/src/hooks/useIndices.js +37 -0
  21. package/src/hooks/useProviders.js +17 -1
  22. package/src/serverErrors.js +2 -0
package/src/components/providers/__tests__/__snapshots__/ProviderEditor.spec.js.snap CHANGED
@@ -139,70 +139,30 @@ exports[`<ProviderEditor /> LLM gateway offers the translated LLM gateway option
139
139
  <div
140
140
  class="field"
141
141
  >
142
- <label>
143
- providers.form.agents
144
- </label>
145
142
  <div
146
- aria-disabled="false"
147
- aria-expanded="false"
148
- class="ui selection dropdown"
149
- role="listbox"
150
- tabindex="0"
143
+ class="field"
151
144
  >
152
145
  <div
153
- aria-atomic="true"
154
- aria-live="polite"
155
- class="divider default text"
156
- role="alert"
146
+ class="ui toggle checkbox"
157
147
  >
158
- providers.form.agents.placeholder
159
- </div>
160
- <i
161
- aria-hidden="true"
162
- class="dropdown icon"
163
- />
164
- <div
165
- class="menu transition"
166
- >
167
- <div
168
- aria-checked="false"
169
- aria-selected="true"
170
- class="selected item"
171
- role="option"
172
- style="pointer-events: all;"
173
- >
148
+ <input
149
+ class="hidden"
150
+ readonly=""
151
+ tabindex="0"
152
+ type="checkbox"
153
+ />
154
+ <label>
155
+ providers.form.enabled
174
156
  <span
175
- class="text"
157
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
176
158
  >
177
- providers.agent.fast
159
+ <i
160
+ aria-hidden="true"
161
+ class="grey question circle outline fitted icon field-label-popup"
162
+ data-testid="help-provider-enabled"
163
+ />
178
164
  </span>
179
- </div>
180
- <div
181
- aria-checked="false"
182
- aria-selected="false"
183
- class="item"
184
- role="option"
185
- style="pointer-events: all;"
186
- >
187
- <span
188
- class="text"
189
- >
190
- providers.agent.high
191
- </span>
192
- </div>
193
- <div
194
- aria-checked="false"
195
- aria-selected="false"
196
- class="item"
197
- role="option"
198
- style="pointer-events: all;"
199
- >
200
- <span
201
- class="text"
202
- >
203
- providers.agent.thinking
204
- </span>
205
- </div>
165
+ </label>
206
166
  </div>
207
167
  </div>
208
168
  </div>
@@ -460,70 +420,30 @@ exports[`<ProviderEditor /> LLM gateway renders the saved LLM gateway properties
460
420
  <div
461
421
  class="field"
462
422
  >
463
- <label>
464
- providers.form.agents
465
- </label>
466
423
  <div
467
- aria-disabled="false"
468
- aria-expanded="false"
469
- class="ui selection dropdown"
470
- role="listbox"
471
- tabindex="0"
424
+ class="field"
472
425
  >
473
426
  <div
474
- aria-atomic="true"
475
- aria-live="polite"
476
- class="divider default text"
477
- role="alert"
427
+ class="ui toggle checkbox"
478
428
  >
479
- providers.form.agents.placeholder
480
- </div>
481
- <i
482
- aria-hidden="true"
483
- class="dropdown icon"
484
- />
485
- <div
486
- class="menu transition"
487
- >
488
- <div
489
- aria-checked="false"
490
- aria-selected="true"
491
- class="selected item"
492
- role="option"
493
- style="pointer-events: all;"
494
- >
429
+ <input
430
+ class="hidden"
431
+ readonly=""
432
+ tabindex="0"
433
+ type="checkbox"
434
+ />
435
+ <label>
436
+ providers.form.enabled
495
437
  <span
496
- class="text"
438
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
497
439
  >
498
- providers.agent.fast
440
+ <i
441
+ aria-hidden="true"
442
+ class="grey question circle outline fitted icon field-label-popup"
443
+ data-testid="help-provider-enabled"
444
+ />
499
445
  </span>
500
- </div>
501
- <div
502
- aria-checked="false"
503
- aria-selected="false"
504
- class="item"
505
- role="option"
506
- style="pointer-events: all;"
507
- >
508
- <span
509
- class="text"
510
- >
511
- providers.agent.high
512
- </span>
513
- </div>
514
- <div
515
- aria-checked="false"
516
- aria-selected="false"
517
- class="item"
518
- role="option"
519
- style="pointer-events: all;"
520
- >
521
- <span
522
- class="text"
523
- >
524
- providers.agent.thinking
525
- </span>
526
- </div>
446
+ </label>
527
447
  </div>
528
448
  </div>
529
449
  </div>
@@ -614,6 +534,28 @@ exports[`<ProviderEditor /> LLM gateway renders the saved LLM gateway properties
614
534
  />
615
535
  </div>
616
536
  </div>
537
+ <h4
538
+ class="ui dividing header"
539
+ >
540
+ providers.embeddingModels.title
541
+ <span
542
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
543
+ >
544
+ <i
545
+ aria-hidden="true"
546
+ class="grey question circle outline fitted icon field-label-popup"
547
+ data-testid="help-locked"
548
+ />
549
+ </span>
550
+ </h4>
551
+ <p>
552
+ providers.embeddingModels.empty
553
+ </p>
554
+ <button
555
+ class="ui button"
556
+ >
557
+ providers.embeddingModels.add
558
+ </button>
617
559
  <div
618
560
  class="ui hidden divider"
619
561
  />
@@ -781,70 +723,30 @@ exports[`<ProviderEditor /> matches snapshot without onDelete 1`] = `
781
723
  <div
782
724
  class="field"
783
725
  >
784
- <label>
785
- providers.form.agents
786
- </label>
787
726
  <div
788
- aria-disabled="false"
789
- aria-expanded="false"
790
- class="ui selection dropdown"
791
- role="listbox"
792
- tabindex="0"
727
+ class="field"
793
728
  >
794
729
  <div
795
- aria-atomic="true"
796
- aria-live="polite"
797
- class="divider default text"
798
- role="alert"
799
- >
800
- providers.form.agents.placeholder
801
- </div>
802
- <i
803
- aria-hidden="true"
804
- class="dropdown icon"
805
- />
806
- <div
807
- class="menu transition"
730
+ class="ui toggle checkbox"
808
731
  >
809
- <div
810
- aria-checked="false"
811
- aria-selected="true"
812
- class="selected item"
813
- role="option"
814
- style="pointer-events: all;"
815
- >
732
+ <input
733
+ class="hidden"
734
+ readonly=""
735
+ tabindex="0"
736
+ type="checkbox"
737
+ />
738
+ <label>
739
+ providers.form.enabled
816
740
  <span
817
- class="text"
741
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
818
742
  >
819
- providers.agent.fast
743
+ <i
744
+ aria-hidden="true"
745
+ class="grey question circle outline fitted icon field-label-popup"
746
+ data-testid="help-provider-enabled"
747
+ />
820
748
  </span>
821
- </div>
822
- <div
823
- aria-checked="false"
824
- aria-selected="false"
825
- class="item"
826
- role="option"
827
- style="pointer-events: all;"
828
- >
829
- <span
830
- class="text"
831
- >
832
- providers.agent.high
833
- </span>
834
- </div>
835
- <div
836
- aria-checked="false"
837
- aria-selected="false"
838
- class="item"
839
- role="option"
840
- style="pointer-events: all;"
841
- >
842
- <span
843
- class="text"
844
- >
845
- providers.agent.thinking
846
- </span>
847
- </div>
749
+ </label>
848
750
  </div>
849
751
  </div>
850
752
  </div>
@@ -900,6 +802,28 @@ exports[`<ProviderEditor /> matches snapshot without onDelete 1`] = `
900
802
  />
901
803
  </div>
902
804
  </div>
805
+ <h4
806
+ class="ui dividing header"
807
+ >
808
+ providers.embeddingModels.title
809
+ <span
810
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
811
+ >
812
+ <i
813
+ aria-hidden="true"
814
+ class="grey question circle outline fitted icon field-label-popup"
815
+ data-testid="help-locked"
816
+ />
817
+ </span>
818
+ </h4>
819
+ <p>
820
+ providers.embeddingModels.empty
821
+ </p>
822
+ <button
823
+ class="ui button"
824
+ >
825
+ providers.embeddingModels.add
826
+ </button>
903
827
  <div
904
828
  class="ui hidden divider"
905
829
  />
@@ -1064,70 +988,30 @@ exports[`<ProviderEditor /> matches the latest snapshot 1`] = `
1064
988
  <div
1065
989
  class="field"
1066
990
  >
1067
- <label>
1068
- providers.form.agents
1069
- </label>
1070
991
  <div
1071
- aria-disabled="false"
1072
- aria-expanded="false"
1073
- class="ui selection dropdown"
1074
- role="listbox"
1075
- tabindex="0"
992
+ class="field"
1076
993
  >
1077
994
  <div
1078
- aria-atomic="true"
1079
- aria-live="polite"
1080
- class="divider default text"
1081
- role="alert"
995
+ class="ui toggle checkbox"
1082
996
  >
1083
- providers.form.agents.placeholder
1084
- </div>
1085
- <i
1086
- aria-hidden="true"
1087
- class="dropdown icon"
1088
- />
1089
- <div
1090
- class="menu transition"
1091
- >
1092
- <div
1093
- aria-checked="false"
1094
- aria-selected="true"
1095
- class="selected item"
1096
- role="option"
1097
- style="pointer-events: all;"
1098
- >
1099
- <span
1100
- class="text"
1101
- >
1102
- providers.agent.fast
1103
- </span>
1104
- </div>
1105
- <div
1106
- aria-checked="false"
1107
- aria-selected="false"
1108
- class="item"
1109
- role="option"
1110
- style="pointer-events: all;"
1111
- >
1112
- <span
1113
- class="text"
1114
- >
1115
- providers.agent.high
1116
- </span>
1117
- </div>
1118
- <div
1119
- aria-checked="false"
1120
- aria-selected="false"
1121
- class="item"
1122
- role="option"
1123
- style="pointer-events: all;"
1124
- >
997
+ <input
998
+ class="hidden"
999
+ readonly=""
1000
+ tabindex="0"
1001
+ type="checkbox"
1002
+ />
1003
+ <label>
1004
+ providers.form.enabled
1125
1005
  <span
1126
- class="text"
1006
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
1127
1007
  >
1128
- providers.agent.thinking
1008
+ <i
1009
+ aria-hidden="true"
1010
+ class="grey question circle outline fitted icon field-label-popup"
1011
+ data-testid="help-provider-enabled"
1012
+ />
1129
1013
  </span>
1130
- </div>
1014
+ </label>
1131
1015
  </div>
1132
1016
  </div>
1133
1017
  </div>
@@ -1183,6 +1067,28 @@ exports[`<ProviderEditor /> matches the latest snapshot 1`] = `
1183
1067
  />
1184
1068
  </div>
1185
1069
  </div>
1070
+ <h4
1071
+ class="ui dividing header"
1072
+ >
1073
+ providers.embeddingModels.title
1074
+ <span
1075
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
1076
+ >
1077
+ <i
1078
+ aria-hidden="true"
1079
+ class="grey question circle outline fitted icon field-label-popup"
1080
+ data-testid="help-locked"
1081
+ />
1082
+ </span>
1083
+ </h4>
1084
+ <p>
1085
+ providers.embeddingModels.empty
1086
+ </p>
1087
+ <button
1088
+ class="ui button"
1089
+ >
1090
+ providers.embeddingModels.add
1091
+ </button>
1186
1092
  <div
1187
1093
  class="ui hidden divider"
1188
1094
  />
@@ -1350,70 +1256,30 @@ exports[`<ProviderEditor /> test cancel button with confirm 1`] = `
1350
1256
  <div
1351
1257
  class="field"
1352
1258
  >
1353
- <label>
1354
- providers.form.agents
1355
- </label>
1356
1259
  <div
1357
- aria-disabled="false"
1358
- aria-expanded="false"
1359
- class="ui selection dropdown"
1360
- role="listbox"
1361
- tabindex="0"
1260
+ class="field"
1362
1261
  >
1363
1262
  <div
1364
- aria-atomic="true"
1365
- aria-live="polite"
1366
- class="divider default text"
1367
- role="alert"
1263
+ class="ui toggle checkbox"
1368
1264
  >
1369
- providers.form.agents.placeholder
1370
- </div>
1371
- <i
1372
- aria-hidden="true"
1373
- class="dropdown icon"
1374
- />
1375
- <div
1376
- class="menu transition"
1377
- >
1378
- <div
1379
- aria-checked="false"
1380
- aria-selected="true"
1381
- class="selected item"
1382
- role="option"
1383
- style="pointer-events: all;"
1384
- >
1385
- <span
1386
- class="text"
1387
- >
1388
- providers.agent.fast
1389
- </span>
1390
- </div>
1391
- <div
1392
- aria-checked="false"
1393
- aria-selected="false"
1394
- class="item"
1395
- role="option"
1396
- style="pointer-events: all;"
1397
- >
1265
+ <input
1266
+ class="hidden"
1267
+ readonly=""
1268
+ tabindex="0"
1269
+ type="checkbox"
1270
+ />
1271
+ <label>
1272
+ providers.form.enabled
1398
1273
  <span
1399
- class="text"
1274
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
1400
1275
  >
1401
- providers.agent.high
1276
+ <i
1277
+ aria-hidden="true"
1278
+ class="grey question circle outline fitted icon field-label-popup"
1279
+ data-testid="help-provider-enabled"
1280
+ />
1402
1281
  </span>
1403
- </div>
1404
- <div
1405
- aria-checked="false"
1406
- aria-selected="false"
1407
- class="item"
1408
- role="option"
1409
- style="pointer-events: all;"
1410
- >
1411
- <span
1412
- class="text"
1413
- >
1414
- providers.agent.thinking
1415
- </span>
1416
- </div>
1282
+ </label>
1417
1283
  </div>
1418
1284
  </div>
1419
1285
  </div>
@@ -1469,6 +1335,28 @@ exports[`<ProviderEditor /> test cancel button with confirm 1`] = `
1469
1335
  />
1470
1336
  </div>
1471
1337
  </div>
1338
+ <h4
1339
+ class="ui dividing header"
1340
+ >
1341
+ providers.embeddingModels.title
1342
+ <span
1343
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
1344
+ >
1345
+ <i
1346
+ aria-hidden="true"
1347
+ class="grey question circle outline fitted icon field-label-popup"
1348
+ data-testid="help-locked"
1349
+ />
1350
+ </span>
1351
+ </h4>
1352
+ <p>
1353
+ providers.embeddingModels.empty
1354
+ </p>
1355
+ <button
1356
+ class="ui button"
1357
+ >
1358
+ providers.embeddingModels.add
1359
+ </button>
1472
1360
  <div
1473
1361
  class="ui hidden divider"
1474
1362
  />
@@ -1634,70 +1522,30 @@ exports[`<ProviderEditor /> test delete button 1`] = `
1634
1522
  <div
1635
1523
  class="field"
1636
1524
  >
1637
- <label>
1638
- providers.form.agents
1639
- </label>
1640
1525
  <div
1641
- aria-disabled="false"
1642
- aria-expanded="false"
1643
- class="ui selection dropdown"
1644
- role="listbox"
1645
- tabindex="0"
1526
+ class="field"
1646
1527
  >
1647
1528
  <div
1648
- aria-atomic="true"
1649
- aria-live="polite"
1650
- class="divider default text"
1651
- role="alert"
1652
- >
1653
- providers.form.agents.placeholder
1654
- </div>
1655
- <i
1656
- aria-hidden="true"
1657
- class="dropdown icon"
1658
- />
1659
- <div
1660
- class="menu transition"
1529
+ class="ui toggle checkbox"
1661
1530
  >
1662
- <div
1663
- aria-checked="false"
1664
- aria-selected="true"
1665
- class="selected item"
1666
- role="option"
1667
- style="pointer-events: all;"
1668
- >
1531
+ <input
1532
+ class="hidden"
1533
+ readonly=""
1534
+ tabindex="0"
1535
+ type="checkbox"
1536
+ />
1537
+ <label>
1538
+ providers.form.enabled
1669
1539
  <span
1670
- class="text"
1671
- >
1672
- providers.agent.fast
1673
- </span>
1674
- </div>
1675
- <div
1676
- aria-checked="false"
1677
- aria-selected="false"
1678
- class="item"
1679
- role="option"
1680
- style="pointer-events: all;"
1681
- >
1682
- <span
1683
- class="text"
1540
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
1684
1541
  >
1685
- providers.agent.high
1542
+ <i
1543
+ aria-hidden="true"
1544
+ class="grey question circle outline fitted icon field-label-popup"
1545
+ data-testid="help-provider-enabled"
1546
+ />
1686
1547
  </span>
1687
- </div>
1688
- <div
1689
- aria-checked="false"
1690
- aria-selected="false"
1691
- class="item"
1692
- role="option"
1693
- style="pointer-events: all;"
1694
- >
1695
- <span
1696
- class="text"
1697
- >
1698
- providers.agent.thinking
1699
- </span>
1700
- </div>
1548
+ </label>
1701
1549
  </div>
1702
1550
  </div>
1703
1551
  </div>
@@ -1753,6 +1601,28 @@ exports[`<ProviderEditor /> test delete button 1`] = `
1753
1601
  />
1754
1602
  </div>
1755
1603
  </div>
1604
+ <h4
1605
+ class="ui dividing header"
1606
+ >
1607
+ providers.embeddingModels.title
1608
+ <span
1609
+ style="display: inline-block; margin-left: 0.4em; font-size: 0.85rem; font-weight: normal; line-height: 1; vertical-align: middle; cursor: help;"
1610
+ >
1611
+ <i
1612
+ aria-hidden="true"
1613
+ class="grey question circle outline fitted icon field-label-popup"
1614
+ data-testid="help-locked"
1615
+ />
1616
+ </span>
1617
+ </h4>
1618
+ <p>
1619
+ providers.embeddingModels.empty
1620
+ </p>
1621
+ <button
1622
+ class="ui button"
1623
+ >
1624
+ providers.embeddingModels.add
1625
+ </button>
1756
1626
  <div
1757
1627
  class="ui hidden divider"
1758
1628
  />
package/src/components/providers/__tests__/__snapshots__/Providers.spec.js.snap CHANGED
@@ -23,6 +23,17 @@ exports[`<Providers /> matches the latest snapshot 1`] = `
23
23
  </div>
24
24
  </div>
25
25
  </h2>
26
+ <div
27
+ class="ui warning message"
28
+ >
29
+ <div
30
+ class="content"
31
+ >
32
+ <p>
33
+ providers.enabled.banner
34
+ </p>
35
+ </div>
36
+ </div>
26
37
  <div
27
38
  class="ui grid"
28
39
  >