@almadar/std 16.241.0 → 16.242.0

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 (109) hide show
  1. package/behaviors/behaviors-registry.json +4650 -535
  2. package/behaviors/lolo/agent/atoms/std-agent-memory.lolo +38 -1
  3. package/behaviors/lolo/agent/atoms/std-agent-session.lolo +1074 -47
  4. package/behaviors/lolo/agent/atoms/std-agent-tool-loop.lolo +8 -7
  5. package/behaviors/lolo/agent/organisms/std-agent-assistant.lolo +56 -37
  6. package/behaviors/lolo/infra/atoms/std-page-open.lolo +59 -0
  7. package/behaviors/lolo/infra/atoms/std-page-search.lolo +134 -0
  8. package/behaviors/lolo/infra/atoms/std-page-treat.lolo +59 -0
  9. package/behaviors/lolo/infra/atoms/std-page-watch.lolo +86 -0
  10. package/behaviors/lolo/ui/core/atoms/std-book-reader.lolo +25 -1
  11. package/behaviors/lolo/ui/core/atoms/std-card-grid.lolo +9 -0
  12. package/behaviors/lolo/ui/core/atoms/std-doc-page.lolo +153 -0
  13. package/behaviors/lolo/ui/learning/atoms/std-learn-arrangement.lolo +124 -92
  14. package/behaviors/lolo/ui/learning/atoms/std-learn-classify.lolo +114 -55
  15. package/behaviors/lolo/ui/learning/atoms/std-learn-compare.lolo +40 -14
  16. package/behaviors/lolo/ui/learning/atoms/std-learn-coupled-sim.lolo +363 -123
  17. package/behaviors/lolo/ui/learning/atoms/std-learn-derivation.lolo +93 -48
  18. package/behaviors/lolo/ui/learning/atoms/std-learn-diagram.lolo +60 -28
  19. package/behaviors/lolo/ui/learning/atoms/std-learn-doser.lolo +193 -96
  20. package/behaviors/lolo/ui/learning/atoms/std-learn-estimate.lolo +75 -32
  21. package/behaviors/lolo/ui/learning/atoms/std-learn-goal-seek.lolo +142 -86
  22. package/behaviors/lolo/ui/learning/atoms/std-learn-grid-sim.lolo +266 -98
  23. package/behaviors/lolo/ui/learning/atoms/std-learn-hotspot.lolo +103 -65
  24. package/behaviors/lolo/ui/learning/atoms/std-learn-live-sim.lolo +223 -109
  25. package/behaviors/lolo/ui/learning/atoms/std-learn-measure.lolo +232 -64
  26. package/behaviors/lolo/ui/learning/atoms/std-learn-param-explorer.lolo +69 -29
  27. package/behaviors/lolo/ui/learning/atoms/std-learn-perturb.lolo +363 -123
  28. package/behaviors/lolo/ui/learning/atoms/std-learn-predict.lolo +73 -41
  29. package/behaviors/lolo/ui/learning/atoms/std-learn-sample-accumulator.lolo +96 -38
  30. package/behaviors/lolo/ui/learning/atoms/std-learn-sandbox.lolo +65 -45
  31. package/behaviors/lolo/ui/learning/atoms/std-learn-scatter-fit.lolo +243 -117
  32. package/behaviors/lolo/ui/learning/atoms/std-learn-scenario.lolo +76 -28
  33. package/behaviors/lolo/ui/learning/atoms/std-learn-sim-3d.lolo +228 -109
  34. package/behaviors/lolo/ui/learning/atoms/std-learn-speed-drill.lolo +95 -44
  35. package/behaviors/lolo/ui/learning/atoms/std-learn-stepper.lolo +199 -125
  36. package/behaviors/lolo/ui/learning/atoms/std-learn-tour-3d.lolo +92 -48
  37. package/behaviors/lolo/ui/learning/atoms/std-learn-trace-player.lolo +239 -78
  38. package/behaviors/lolo/ui/learning/atoms/std-learn-transport.lolo +147 -38
  39. package/behaviors/lolo/ui/learning/atoms/std-learn-tree.lolo +123 -58
  40. package/behaviors/lolo/ui/learning/atoms/ui-algo-graph-canvas.lolo +22 -0
  41. package/behaviors/lolo/ui/learning/atoms/ui-algorithm-canvas.lolo +26 -0
  42. package/behaviors/lolo/ui/learning/atoms/ui-biology-canvas.lolo +26 -0
  43. package/behaviors/lolo/ui/learning/atoms/ui-chemistry-canvas.lolo +27 -1
  44. package/behaviors/lolo/ui/learning/atoms/ui-learning-canvas.lolo +27 -1
  45. package/behaviors/lolo/ui/learning/atoms/ui-math-canvas.lolo +29 -9
  46. package/behaviors/lolo/ui/learning/atoms/ui-physics-canvas.lolo +26 -0
  47. package/behaviors/lolo-behavior-contracts.json +1 -1
  48. package/behaviors/registry/agent/atoms/std-agent-memory.orb +372 -2
  49. package/behaviors/registry/agent/atoms/std-agent-session.orb +4752 -348
  50. package/behaviors/registry/agent/atoms/std-agent-tool-loop.orb +54 -42
  51. package/behaviors/registry/agent/organisms/std-agent-assistant.orb +356 -122
  52. package/behaviors/registry/factory-signatures.json +1 -1
  53. package/behaviors/registry/infra/atoms/std-page-open.orb +435 -0
  54. package/behaviors/registry/infra/atoms/std-page-search.orb +867 -0
  55. package/behaviors/registry/infra/atoms/std-page-treat.orb +494 -0
  56. package/behaviors/registry/infra/atoms/std-page-watch.orb +554 -0
  57. package/behaviors/registry/ui/core/atoms/std-book-reader.orb +119 -0
  58. package/behaviors/registry/ui/core/atoms/std-card-grid.orb +61 -0
  59. package/behaviors/registry/ui/core/atoms/std-doc-page.orb +594 -0
  60. package/behaviors/registry/ui/learning/atoms/std-learn-arrangement.orb +903 -369
  61. package/behaviors/registry/ui/learning/atoms/std-learn-classify.orb +1002 -232
  62. package/behaviors/registry/ui/learning/atoms/std-learn-compare.orb +253 -74
  63. package/behaviors/registry/ui/learning/atoms/std-learn-coupled-sim.orb +3624 -921
  64. package/behaviors/registry/ui/learning/atoms/std-learn-derivation.orb +685 -144
  65. package/behaviors/registry/ui/learning/atoms/std-learn-diagram.orb +404 -52
  66. package/behaviors/registry/ui/learning/atoms/std-learn-doser.orb +1787 -210
  67. package/behaviors/registry/ui/learning/atoms/std-learn-estimate.orb +699 -71
  68. package/behaviors/registry/ui/learning/atoms/std-learn-goal-seek.orb +1102 -578
  69. package/behaviors/registry/ui/learning/atoms/std-learn-grid-sim.orb +2760 -872
  70. package/behaviors/registry/ui/learning/atoms/std-learn-hotspot.orb +689 -152
  71. package/behaviors/registry/ui/learning/atoms/std-learn-live-sim.orb +1431 -633
  72. package/behaviors/registry/ui/learning/atoms/std-learn-measure.orb +2485 -512
  73. package/behaviors/registry/ui/learning/atoms/std-learn-param-explorer.orb +501 -197
  74. package/behaviors/registry/ui/learning/atoms/std-learn-perturb.orb +3642 -928
  75. package/behaviors/registry/ui/learning/atoms/std-learn-predict.orb +705 -125
  76. package/behaviors/registry/ui/learning/atoms/std-learn-sample-accumulator.orb +624 -114
  77. package/behaviors/registry/ui/learning/atoms/std-learn-sandbox.orb +405 -153
  78. package/behaviors/registry/ui/learning/atoms/std-learn-scatter-fit.orb +1911 -611
  79. package/behaviors/registry/ui/learning/atoms/std-learn-scenario.orb +436 -128
  80. package/behaviors/registry/ui/learning/atoms/std-learn-sim-3d.orb +2482 -485
  81. package/behaviors/registry/ui/learning/atoms/std-learn-speed-drill.orb +896 -192
  82. package/behaviors/registry/ui/learning/atoms/std-learn-stepper.orb +2001 -759
  83. package/behaviors/registry/ui/learning/atoms/std-learn-tour-3d.orb +734 -228
  84. package/behaviors/registry/ui/learning/atoms/std-learn-trace-player.orb +2501 -764
  85. package/behaviors/registry/ui/learning/atoms/std-learn-transport.orb +1591 -173
  86. package/behaviors/registry/ui/learning/atoms/std-learn-tree.orb +883 -122
  87. package/behaviors/registry/ui/learning/atoms/ui-algo-graph-canvas.orb +176 -0
  88. package/behaviors/registry/ui/learning/atoms/ui-algorithm-canvas.orb +211 -0
  89. package/behaviors/registry/ui/learning/atoms/ui-biology-canvas.orb +211 -0
  90. package/behaviors/registry/ui/learning/atoms/ui-chemistry-canvas.orb +212 -1
  91. package/behaviors/registry/ui/learning/atoms/ui-learning-canvas.orb +212 -1
  92. package/behaviors/registry/ui/learning/atoms/ui-math-canvas.orb +203 -9
  93. package/behaviors/registry/ui/learning/atoms/ui-physics-canvas.orb +211 -0
  94. package/behaviors/signatures.lolo +325 -655
  95. package/dist/behaviors/exports-reader.js +16092 -9747
  96. package/dist/behaviors/functions/index.d.ts +1052 -136
  97. package/dist/behaviors/functions/index.js +16063 -9745
  98. package/dist/behaviors/index.d.ts +1 -1
  99. package/dist/behaviors/index.js +16093 -9748
  100. package/dist/behaviors/query.js +16092 -9747
  101. package/dist/behaviors-embeddings.hash.json +3 -3
  102. package/dist/behaviors-embeddings.json +45 -25
  103. package/dist/behaviors-registry.json +4650 -535
  104. package/dist/index.d.ts +1 -1
  105. package/dist/index.js +16093 -9748
  106. package/dist/knob-embeddings.hash.json +3 -3
  107. package/dist/knob-embeddings.json +607 -263
  108. package/dist/registry/factory-signatures.json +1 -1
  109. package/package.json +3 -3
package/behaviors/registry/ui/learning/atoms/std-learn-sample-accumulator.orb CHANGED
@@ -178,6 +178,16 @@
178
178
  "required": false,
179
179
  "type": "string"
180
180
  },
181
+ "fillStyle": {
182
+ "name": "fillStyle",
183
+ "required": false,
184
+ "type": "string"
185
+ },
186
+ "fillTone": {
187
+ "name": "fillTone",
188
+ "required": false,
189
+ "type": "string"
190
+ },
181
191
  "fontSize": {
182
192
  "name": "fontSize",
183
193
  "required": false,
@@ -253,11 +263,26 @@
253
263
  "required": false,
254
264
  "type": "number"
255
265
  },
266
+ "stroke": {
267
+ "name": "stroke",
268
+ "required": false,
269
+ "type": "string"
270
+ },
256
271
  "text": {
257
272
  "name": "text",
258
273
  "required": false,
259
274
  "type": "string"
260
275
  },
276
+ "textSize": {
277
+ "name": "textSize",
278
+ "required": false,
279
+ "type": "string"
280
+ },
281
+ "tone": {
282
+ "name": "tone",
283
+ "required": false,
284
+ "type": "string"
285
+ },
261
286
  "type": {
262
287
  "name": "type",
263
288
  "required": true,
@@ -363,7 +388,7 @@
363
388
  "type": "number"
364
389
  },
365
390
  "color": {
366
- "default": "#2563eb",
391
+ "default": "series-1",
367
392
  "label": "Bar Color",
368
393
  "tier": "presentation",
369
394
  "type": "string"
@@ -389,9 +414,16 @@
389
414
  "tier": "domain",
390
415
  "type": "string"
391
416
  },
417
+ "summary": {
418
+ "default": "",
419
+ "description": "One line under the title saying what the learner is looking at (keep it under ~65 characters). Empty shows no line.",
420
+ "label": "Concept",
421
+ "tier": "presentation",
422
+ "type": "string"
423
+ },
392
424
  "title": {
393
425
  "default": "Sample Accumulator",
394
- "description": "Title shown above the canvas.",
426
+ "description": "The instrument's name, the header's one hero.",
395
427
  "label": "Title",
396
428
  "tier": "presentation",
397
429
  "type": "string"
@@ -646,46 +678,100 @@
646
678
  {
647
679
  "children": [
648
680
  {
649
- "content": "@entity.title",
650
- "type": "typography",
651
- "variant": "h4"
681
+ "align": "start",
682
+ "children": [
683
+ {
684
+ "children": [
685
+ {
686
+ "content": "@entity.title",
687
+ "type": "typography",
688
+ "variant": "h4"
689
+ },
690
+ [
691
+ "if",
692
+ [
693
+ "==",
694
+ "@config.summary",
695
+ ""
696
+ ],
697
+ null,
698
+ {
699
+ "color": "muted",
700
+ "content": "@config.summary",
701
+ "type": "typography",
702
+ "variant": "body2"
703
+ }
704
+ ]
705
+ ],
706
+ "direction": "vertical",
707
+ "gap": "xs",
708
+ "type": "stack"
709
+ },
710
+ {
711
+ "label": [
712
+ "if",
713
+ [
714
+ ">",
715
+ "@entity.sampleCount",
716
+ 0.0
717
+ ],
718
+ [
719
+ "str/concat",
720
+ "@entity.sampleCount",
721
+ " samples"
722
+ ],
723
+ "No samples"
724
+ ],
725
+ "type": "badge",
726
+ "variant": [
727
+ "if",
728
+ [
729
+ ">",
730
+ "@entity.sampleCount",
731
+ 0.0
732
+ ],
733
+ "primary",
734
+ "neutral"
735
+ ]
736
+ }
737
+ ],
738
+ "direction": "horizontal",
739
+ "gap": "md",
740
+ "justify": "between",
741
+ "type": "stack"
652
742
  },
653
743
  {
744
+ "align": "center",
654
745
  "children": [
655
746
  {
656
747
  "action": "DRAW",
748
+ "icon": "plus",
657
749
  "label": "Draw",
658
750
  "type": "button",
659
751
  "variant": "primary"
660
752
  },
661
753
  {
662
754
  "action": "RESET",
755
+ "icon": "rotate-ccw",
663
756
  "label": "Reset",
664
757
  "type": "button",
665
758
  "variant": "ghost"
759
+ },
760
+ {
761
+ "color": "muted",
762
+ "content": [
763
+ "str/concat",
764
+ "Batch of ",
765
+ "@entity.batchSize"
766
+ ],
767
+ "type": "typography",
768
+ "variant": "caption"
666
769
  }
667
770
  ],
668
771
  "direction": "horizontal",
669
772
  "gap": "sm",
670
- "type": "stack"
671
- },
672
- {
673
- "content": [
674
- "str/concat",
675
- "Batch size: ",
676
- "@entity.batchSize"
677
- ],
678
- "type": "typography",
679
- "variant": "caption"
680
- },
681
- {
682
- "action": "SET_BATCH_SIZE",
683
- "max": 200.0,
684
- "min": 1.0,
685
- "showTooltip": true,
686
- "step": 1.0,
687
- "type": "range-slider",
688
- "value": "@entity.batchSize"
773
+ "type": "stack",
774
+ "wrap": true
689
775
  },
690
776
  {
691
777
  "animate": false,
@@ -693,6 +779,10 @@
693
779
  "gridStep": 0.1,
694
780
  "height": "@config.height",
695
781
  "interactive": false,
782
+ "keyMap": {
783
+ "KeyR": "RESET",
784
+ "Space": "DRAW"
785
+ },
696
786
  "points": [],
697
787
  "shapes": "@entity.shapes",
698
788
  "showAxes": false,
@@ -705,6 +795,32 @@
705
795
  "yMax": 1.0,
706
796
  "yMin": 0.0
707
797
  },
798
+ {
799
+ "children": [
800
+ {
801
+ "color": "muted",
802
+ "content": [
803
+ "str/concat",
804
+ "Batch size: ",
805
+ "@entity.batchSize"
806
+ ],
807
+ "type": "typography",
808
+ "variant": "caption"
809
+ },
810
+ {
811
+ "action": "SET_BATCH_SIZE",
812
+ "max": 200.0,
813
+ "min": 1.0,
814
+ "showTooltip": true,
815
+ "step": 1.0,
816
+ "type": "range-slider",
817
+ "value": "@entity.batchSize"
818
+ }
819
+ ],
820
+ "direction": "vertical",
821
+ "gap": "xs",
822
+ "type": "stack"
823
+ },
708
824
  {
709
825
  "content": [
710
826
  "if",
@@ -767,6 +883,43 @@
767
883
  ],
768
884
  "to": "idle"
769
885
  },
886
+ {
887
+ "effects": [
888
+ [
889
+ "set",
890
+ "@entity.active",
891
+ false
892
+ ],
893
+ [
894
+ "render-ui",
895
+ "main",
896
+ null
897
+ ]
898
+ ],
899
+ "event": "MODE_SELECTED",
900
+ "eventId": "evt_01M055GQ4DXV0ZNCQCEQFZNF1D",
901
+ "from": "idle",
902
+ "guard": [
903
+ "and",
904
+ [
905
+ "not",
906
+ [
907
+ "==",
908
+ "@config.matchMode",
909
+ ""
910
+ ]
911
+ ],
912
+ [
913
+ "not",
914
+ [
915
+ "==",
916
+ "@payload.mode",
917
+ "@config.matchMode"
918
+ ]
919
+ ]
920
+ ],
921
+ "to": "idle"
922
+ },
770
923
  {
771
924
  "effects": [
772
925
  [
@@ -822,46 +975,100 @@
822
975
  {
823
976
  "children": [
824
977
  {
825
- "content": "@entity.title",
826
- "type": "typography",
827
- "variant": "h4"
978
+ "align": "start",
979
+ "children": [
980
+ {
981
+ "children": [
982
+ {
983
+ "content": "@entity.title",
984
+ "type": "typography",
985
+ "variant": "h4"
986
+ },
987
+ [
988
+ "if",
989
+ [
990
+ "==",
991
+ "@config.summary",
992
+ ""
993
+ ],
994
+ null,
995
+ {
996
+ "color": "muted",
997
+ "content": "@config.summary",
998
+ "type": "typography",
999
+ "variant": "body2"
1000
+ }
1001
+ ]
1002
+ ],
1003
+ "direction": "vertical",
1004
+ "gap": "xs",
1005
+ "type": "stack"
1006
+ },
1007
+ {
1008
+ "label": [
1009
+ "if",
1010
+ [
1011
+ ">",
1012
+ "@entity.sampleCount",
1013
+ 0.0
1014
+ ],
1015
+ [
1016
+ "str/concat",
1017
+ "@entity.sampleCount",
1018
+ " samples"
1019
+ ],
1020
+ "No samples"
1021
+ ],
1022
+ "type": "badge",
1023
+ "variant": [
1024
+ "if",
1025
+ [
1026
+ ">",
1027
+ "@entity.sampleCount",
1028
+ 0.0
1029
+ ],
1030
+ "primary",
1031
+ "neutral"
1032
+ ]
1033
+ }
1034
+ ],
1035
+ "direction": "horizontal",
1036
+ "gap": "md",
1037
+ "justify": "between",
1038
+ "type": "stack"
828
1039
  },
829
1040
  {
1041
+ "align": "center",
830
1042
  "children": [
831
1043
  {
832
1044
  "action": "DRAW",
1045
+ "icon": "plus",
833
1046
  "label": "Draw",
834
1047
  "type": "button",
835
1048
  "variant": "primary"
836
1049
  },
837
1050
  {
838
1051
  "action": "RESET",
1052
+ "icon": "rotate-ccw",
839
1053
  "label": "Reset",
840
1054
  "type": "button",
841
1055
  "variant": "ghost"
1056
+ },
1057
+ {
1058
+ "color": "muted",
1059
+ "content": [
1060
+ "str/concat",
1061
+ "Batch of ",
1062
+ "@entity.batchSize"
1063
+ ],
1064
+ "type": "typography",
1065
+ "variant": "caption"
842
1066
  }
843
1067
  ],
844
1068
  "direction": "horizontal",
845
1069
  "gap": "sm",
846
- "type": "stack"
847
- },
848
- {
849
- "content": [
850
- "str/concat",
851
- "Batch size: ",
852
- "@entity.batchSize"
853
- ],
854
- "type": "typography",
855
- "variant": "caption"
856
- },
857
- {
858
- "action": "SET_BATCH_SIZE",
859
- "max": 200.0,
860
- "min": 1.0,
861
- "showTooltip": true,
862
- "step": 1.0,
863
- "type": "range-slider",
864
- "value": "@entity.batchSize"
1070
+ "type": "stack",
1071
+ "wrap": true
865
1072
  },
866
1073
  {
867
1074
  "animate": false,
@@ -869,6 +1076,10 @@
869
1076
  "gridStep": 0.1,
870
1077
  "height": "@config.height",
871
1078
  "interactive": false,
1079
+ "keyMap": {
1080
+ "KeyR": "RESET",
1081
+ "Space": "DRAW"
1082
+ },
872
1083
  "points": [],
873
1084
  "shapes": "@entity.shapes",
874
1085
  "showAxes": false,
@@ -881,6 +1092,32 @@
881
1092
  "yMax": 1.0,
882
1093
  "yMin": 0.0
883
1094
  },
1095
+ {
1096
+ "children": [
1097
+ {
1098
+ "color": "muted",
1099
+ "content": [
1100
+ "str/concat",
1101
+ "Batch size: ",
1102
+ "@entity.batchSize"
1103
+ ],
1104
+ "type": "typography",
1105
+ "variant": "caption"
1106
+ },
1107
+ {
1108
+ "action": "SET_BATCH_SIZE",
1109
+ "max": 200.0,
1110
+ "min": 1.0,
1111
+ "showTooltip": true,
1112
+ "step": 1.0,
1113
+ "type": "range-slider",
1114
+ "value": "@entity.batchSize"
1115
+ }
1116
+ ],
1117
+ "direction": "vertical",
1118
+ "gap": "xs",
1119
+ "type": "stack"
1120
+ },
884
1121
  {
885
1122
  "content": [
886
1123
  "if",
@@ -1222,9 +1459,10 @@
1222
1459
  ]
1223
1460
  ],
1224
1461
  {
1225
- "fill": "@config.color",
1462
+ "fillStyle": "solid",
1463
+ "fillTone": "@config.color",
1226
1464
  "height": "@barH",
1227
- "lineWidth": 0.0,
1465
+ "tone": "@config.color",
1228
1466
  "type": "rect",
1229
1467
  "width": [
1230
1468
  "*",
@@ -1300,46 +1538,100 @@
1300
1538
  {
1301
1539
  "children": [
1302
1540
  {
1303
- "content": "@entity.title",
1304
- "type": "typography",
1305
- "variant": "h4"
1541
+ "align": "start",
1542
+ "children": [
1543
+ {
1544
+ "children": [
1545
+ {
1546
+ "content": "@entity.title",
1547
+ "type": "typography",
1548
+ "variant": "h4"
1549
+ },
1550
+ [
1551
+ "if",
1552
+ [
1553
+ "==",
1554
+ "@config.summary",
1555
+ ""
1556
+ ],
1557
+ null,
1558
+ {
1559
+ "color": "muted",
1560
+ "content": "@config.summary",
1561
+ "type": "typography",
1562
+ "variant": "body2"
1563
+ }
1564
+ ]
1565
+ ],
1566
+ "direction": "vertical",
1567
+ "gap": "xs",
1568
+ "type": "stack"
1569
+ },
1570
+ {
1571
+ "label": [
1572
+ "if",
1573
+ [
1574
+ ">",
1575
+ "@entity.sampleCount",
1576
+ 0.0
1577
+ ],
1578
+ [
1579
+ "str/concat",
1580
+ "@entity.sampleCount",
1581
+ " samples"
1582
+ ],
1583
+ "No samples"
1584
+ ],
1585
+ "type": "badge",
1586
+ "variant": [
1587
+ "if",
1588
+ [
1589
+ ">",
1590
+ "@entity.sampleCount",
1591
+ 0.0
1592
+ ],
1593
+ "primary",
1594
+ "neutral"
1595
+ ]
1596
+ }
1597
+ ],
1598
+ "direction": "horizontal",
1599
+ "gap": "md",
1600
+ "justify": "between",
1601
+ "type": "stack"
1306
1602
  },
1307
1603
  {
1604
+ "align": "center",
1308
1605
  "children": [
1309
1606
  {
1310
1607
  "action": "DRAW",
1608
+ "icon": "plus",
1311
1609
  "label": "Draw",
1312
1610
  "type": "button",
1313
1611
  "variant": "primary"
1314
1612
  },
1315
1613
  {
1316
1614
  "action": "RESET",
1615
+ "icon": "rotate-ccw",
1317
1616
  "label": "Reset",
1318
1617
  "type": "button",
1319
1618
  "variant": "ghost"
1619
+ },
1620
+ {
1621
+ "color": "muted",
1622
+ "content": [
1623
+ "str/concat",
1624
+ "Batch of ",
1625
+ "@entity.batchSize"
1626
+ ],
1627
+ "type": "typography",
1628
+ "variant": "caption"
1320
1629
  }
1321
1630
  ],
1322
1631
  "direction": "horizontal",
1323
1632
  "gap": "sm",
1324
- "type": "stack"
1325
- },
1326
- {
1327
- "content": [
1328
- "str/concat",
1329
- "Batch size: ",
1330
- "@entity.batchSize"
1331
- ],
1332
- "type": "typography",
1333
- "variant": "caption"
1334
- },
1335
- {
1336
- "action": "SET_BATCH_SIZE",
1337
- "max": 200.0,
1338
- "min": 1.0,
1339
- "showTooltip": true,
1340
- "step": 1.0,
1341
- "type": "range-slider",
1342
- "value": "@entity.batchSize"
1633
+ "type": "stack",
1634
+ "wrap": true
1343
1635
  },
1344
1636
  {
1345
1637
  "animate": false,
@@ -1347,6 +1639,10 @@
1347
1639
  "gridStep": 0.1,
1348
1640
  "height": "@config.height",
1349
1641
  "interactive": false,
1642
+ "keyMap": {
1643
+ "KeyR": "RESET",
1644
+ "Space": "DRAW"
1645
+ },
1350
1646
  "points": [],
1351
1647
  "shapes": "@entity.shapes",
1352
1648
  "showAxes": false,
@@ -1359,6 +1655,32 @@
1359
1655
  "yMax": 1.0,
1360
1656
  "yMin": 0.0
1361
1657
  },
1658
+ {
1659
+ "children": [
1660
+ {
1661
+ "color": "muted",
1662
+ "content": [
1663
+ "str/concat",
1664
+ "Batch size: ",
1665
+ "@entity.batchSize"
1666
+ ],
1667
+ "type": "typography",
1668
+ "variant": "caption"
1669
+ },
1670
+ {
1671
+ "action": "SET_BATCH_SIZE",
1672
+ "max": 200.0,
1673
+ "min": 1.0,
1674
+ "showTooltip": true,
1675
+ "step": 1.0,
1676
+ "type": "range-slider",
1677
+ "value": "@entity.batchSize"
1678
+ }
1679
+ ],
1680
+ "direction": "vertical",
1681
+ "gap": "xs",
1682
+ "type": "stack"
1683
+ },
1362
1684
  {
1363
1685
  "content": [
1364
1686
  "if",
@@ -1447,46 +1769,100 @@
1447
1769
  {
1448
1770
  "children": [
1449
1771
  {
1450
- "content": "@entity.title",
1451
- "type": "typography",
1452
- "variant": "h4"
1772
+ "align": "start",
1773
+ "children": [
1774
+ {
1775
+ "children": [
1776
+ {
1777
+ "content": "@entity.title",
1778
+ "type": "typography",
1779
+ "variant": "h4"
1780
+ },
1781
+ [
1782
+ "if",
1783
+ [
1784
+ "==",
1785
+ "@config.summary",
1786
+ ""
1787
+ ],
1788
+ null,
1789
+ {
1790
+ "color": "muted",
1791
+ "content": "@config.summary",
1792
+ "type": "typography",
1793
+ "variant": "body2"
1794
+ }
1795
+ ]
1796
+ ],
1797
+ "direction": "vertical",
1798
+ "gap": "xs",
1799
+ "type": "stack"
1800
+ },
1801
+ {
1802
+ "label": [
1803
+ "if",
1804
+ [
1805
+ ">",
1806
+ "@entity.sampleCount",
1807
+ 0.0
1808
+ ],
1809
+ [
1810
+ "str/concat",
1811
+ "@entity.sampleCount",
1812
+ " samples"
1813
+ ],
1814
+ "No samples"
1815
+ ],
1816
+ "type": "badge",
1817
+ "variant": [
1818
+ "if",
1819
+ [
1820
+ ">",
1821
+ "@entity.sampleCount",
1822
+ 0.0
1823
+ ],
1824
+ "primary",
1825
+ "neutral"
1826
+ ]
1827
+ }
1828
+ ],
1829
+ "direction": "horizontal",
1830
+ "gap": "md",
1831
+ "justify": "between",
1832
+ "type": "stack"
1453
1833
  },
1454
1834
  {
1835
+ "align": "center",
1455
1836
  "children": [
1456
1837
  {
1457
1838
  "action": "DRAW",
1839
+ "icon": "plus",
1458
1840
  "label": "Draw",
1459
1841
  "type": "button",
1460
1842
  "variant": "primary"
1461
1843
  },
1462
1844
  {
1463
1845
  "action": "RESET",
1846
+ "icon": "rotate-ccw",
1464
1847
  "label": "Reset",
1465
1848
  "type": "button",
1466
1849
  "variant": "ghost"
1850
+ },
1851
+ {
1852
+ "color": "muted",
1853
+ "content": [
1854
+ "str/concat",
1855
+ "Batch of ",
1856
+ "@entity.batchSize"
1857
+ ],
1858
+ "type": "typography",
1859
+ "variant": "caption"
1467
1860
  }
1468
1861
  ],
1469
1862
  "direction": "horizontal",
1470
1863
  "gap": "sm",
1471
- "type": "stack"
1472
- },
1473
- {
1474
- "content": [
1475
- "str/concat",
1476
- "Batch size: ",
1477
- "@entity.batchSize"
1478
- ],
1479
- "type": "typography",
1480
- "variant": "caption"
1481
- },
1482
- {
1483
- "action": "SET_BATCH_SIZE",
1484
- "max": 200.0,
1485
- "min": 1.0,
1486
- "showTooltip": true,
1487
- "step": 1.0,
1488
- "type": "range-slider",
1489
- "value": "@entity.batchSize"
1864
+ "type": "stack",
1865
+ "wrap": true
1490
1866
  },
1491
1867
  {
1492
1868
  "animate": false,
@@ -1494,6 +1870,10 @@
1494
1870
  "gridStep": 0.1,
1495
1871
  "height": "@config.height",
1496
1872
  "interactive": false,
1873
+ "keyMap": {
1874
+ "KeyR": "RESET",
1875
+ "Space": "DRAW"
1876
+ },
1497
1877
  "points": [],
1498
1878
  "shapes": "@entity.shapes",
1499
1879
  "showAxes": false,
@@ -1506,6 +1886,32 @@
1506
1886
  "yMax": 1.0,
1507
1887
  "yMin": 0.0
1508
1888
  },
1889
+ {
1890
+ "children": [
1891
+ {
1892
+ "color": "muted",
1893
+ "content": [
1894
+ "str/concat",
1895
+ "Batch size: ",
1896
+ "@entity.batchSize"
1897
+ ],
1898
+ "type": "typography",
1899
+ "variant": "caption"
1900
+ },
1901
+ {
1902
+ "action": "SET_BATCH_SIZE",
1903
+ "max": 200.0,
1904
+ "min": 1.0,
1905
+ "showTooltip": true,
1906
+ "step": 1.0,
1907
+ "type": "range-slider",
1908
+ "value": "@entity.batchSize"
1909
+ }
1910
+ ],
1911
+ "direction": "vertical",
1912
+ "gap": "xs",
1913
+ "type": "stack"
1914
+ },
1509
1915
  {
1510
1916
  "content": [
1511
1917
  "if",
@@ -1603,46 +2009,100 @@
1603
2009
  {
1604
2010
  "children": [
1605
2011
  {
1606
- "content": "@entity.title",
1607
- "type": "typography",
1608
- "variant": "h4"
2012
+ "align": "start",
2013
+ "children": [
2014
+ {
2015
+ "children": [
2016
+ {
2017
+ "content": "@entity.title",
2018
+ "type": "typography",
2019
+ "variant": "h4"
2020
+ },
2021
+ [
2022
+ "if",
2023
+ [
2024
+ "==",
2025
+ "@config.summary",
2026
+ ""
2027
+ ],
2028
+ null,
2029
+ {
2030
+ "color": "muted",
2031
+ "content": "@config.summary",
2032
+ "type": "typography",
2033
+ "variant": "body2"
2034
+ }
2035
+ ]
2036
+ ],
2037
+ "direction": "vertical",
2038
+ "gap": "xs",
2039
+ "type": "stack"
2040
+ },
2041
+ {
2042
+ "label": [
2043
+ "if",
2044
+ [
2045
+ ">",
2046
+ "@entity.sampleCount",
2047
+ 0.0
2048
+ ],
2049
+ [
2050
+ "str/concat",
2051
+ "@entity.sampleCount",
2052
+ " samples"
2053
+ ],
2054
+ "No samples"
2055
+ ],
2056
+ "type": "badge",
2057
+ "variant": [
2058
+ "if",
2059
+ [
2060
+ ">",
2061
+ "@entity.sampleCount",
2062
+ 0.0
2063
+ ],
2064
+ "primary",
2065
+ "neutral"
2066
+ ]
2067
+ }
2068
+ ],
2069
+ "direction": "horizontal",
2070
+ "gap": "md",
2071
+ "justify": "between",
2072
+ "type": "stack"
1609
2073
  },
1610
2074
  {
2075
+ "align": "center",
1611
2076
  "children": [
1612
2077
  {
1613
2078
  "action": "DRAW",
2079
+ "icon": "plus",
1614
2080
  "label": "Draw",
1615
2081
  "type": "button",
1616
2082
  "variant": "primary"
1617
2083
  },
1618
2084
  {
1619
2085
  "action": "RESET",
2086
+ "icon": "rotate-ccw",
1620
2087
  "label": "Reset",
1621
2088
  "type": "button",
1622
2089
  "variant": "ghost"
2090
+ },
2091
+ {
2092
+ "color": "muted",
2093
+ "content": [
2094
+ "str/concat",
2095
+ "Batch of ",
2096
+ "@entity.batchSize"
2097
+ ],
2098
+ "type": "typography",
2099
+ "variant": "caption"
1623
2100
  }
1624
2101
  ],
1625
2102
  "direction": "horizontal",
1626
2103
  "gap": "sm",
1627
- "type": "stack"
1628
- },
1629
- {
1630
- "content": [
1631
- "str/concat",
1632
- "Batch size: ",
1633
- "@entity.batchSize"
1634
- ],
1635
- "type": "typography",
1636
- "variant": "caption"
1637
- },
1638
- {
1639
- "action": "SET_BATCH_SIZE",
1640
- "max": 200.0,
1641
- "min": 1.0,
1642
- "showTooltip": true,
1643
- "step": 1.0,
1644
- "type": "range-slider",
1645
- "value": "@entity.batchSize"
2104
+ "type": "stack",
2105
+ "wrap": true
1646
2106
  },
1647
2107
  {
1648
2108
  "animate": false,
@@ -1650,6 +2110,10 @@
1650
2110
  "gridStep": 0.1,
1651
2111
  "height": "@config.height",
1652
2112
  "interactive": false,
2113
+ "keyMap": {
2114
+ "KeyR": "RESET",
2115
+ "Space": "DRAW"
2116
+ },
1653
2117
  "points": [],
1654
2118
  "shapes": "@entity.shapes",
1655
2119
  "showAxes": false,
@@ -1662,6 +2126,32 @@
1662
2126
  "yMax": 1.0,
1663
2127
  "yMin": 0.0
1664
2128
  },
2129
+ {
2130
+ "children": [
2131
+ {
2132
+ "color": "muted",
2133
+ "content": [
2134
+ "str/concat",
2135
+ "Batch size: ",
2136
+ "@entity.batchSize"
2137
+ ],
2138
+ "type": "typography",
2139
+ "variant": "caption"
2140
+ },
2141
+ {
2142
+ "action": "SET_BATCH_SIZE",
2143
+ "max": 200.0,
2144
+ "min": 1.0,
2145
+ "showTooltip": true,
2146
+ "step": 1.0,
2147
+ "type": "range-slider",
2148
+ "value": "@entity.batchSize"
2149
+ }
2150
+ ],
2151
+ "direction": "vertical",
2152
+ "gap": "xs",
2153
+ "type": "stack"
2154
+ },
1665
2155
  {
1666
2156
  "content": [
1667
2157
  "if",
@@ -1847,6 +2337,26 @@
1847
2337
  {
1848
2338
  "name": "opacity",
1849
2339
  "type": "number"
2340
+ },
2341
+ {
2342
+ "name": "tone",
2343
+ "type": "string"
2344
+ },
2345
+ {
2346
+ "name": "fillTone",
2347
+ "type": "string"
2348
+ },
2349
+ {
2350
+ "name": "stroke",
2351
+ "type": "string"
2352
+ },
2353
+ {
2354
+ "name": "textSize",
2355
+ "type": "string"
2356
+ },
2357
+ {
2358
+ "name": "fillStyle",
2359
+ "type": "string"
1850
2360
  }
1851
2361
  ],
1852
2362
  "SampleAccShapePoint": [