@almadar/std 8.4.1 → 8.4.2
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.
|
@@ -302,16 +302,16 @@
|
|
|
302
302
|
{
|
|
303
303
|
"type": "stack",
|
|
304
304
|
"direction": "vertical",
|
|
305
|
+
"gap": "lg",
|
|
305
306
|
"children": [
|
|
306
307
|
{
|
|
307
|
-
"gap": "sm",
|
|
308
|
-
"type": "stack",
|
|
309
308
|
"direction": "horizontal",
|
|
309
|
+
"type": "stack",
|
|
310
310
|
"align": "center",
|
|
311
311
|
"children": [
|
|
312
312
|
{
|
|
313
|
-
"
|
|
314
|
-
"
|
|
313
|
+
"type": "icon",
|
|
314
|
+
"name": "gauge"
|
|
315
315
|
},
|
|
316
316
|
{
|
|
317
317
|
"variant": "h2",
|
|
@@ -319,11 +319,12 @@
|
|
|
319
319
|
"content": "Token Usage"
|
|
320
320
|
},
|
|
321
321
|
{
|
|
322
|
-
"
|
|
322
|
+
"type": "badge",
|
|
323
323
|
"variant": "default",
|
|
324
|
-
"
|
|
324
|
+
"label": "Normal"
|
|
325
325
|
}
|
|
326
|
-
]
|
|
326
|
+
],
|
|
327
|
+
"gap": "sm"
|
|
327
328
|
},
|
|
328
329
|
{
|
|
329
330
|
"type": "divider"
|
|
@@ -334,31 +335,30 @@
|
|
|
334
335
|
"value": "@entity.current"
|
|
335
336
|
},
|
|
336
337
|
{
|
|
338
|
+
"direction": "horizontal",
|
|
337
339
|
"type": "stack",
|
|
338
|
-
"gap": "md",
|
|
339
340
|
"children": [
|
|
340
341
|
{
|
|
341
|
-
"value": "@entity.current",
|
|
342
342
|
"type": "stat-display",
|
|
343
|
-
"label": "Tokens Used"
|
|
343
|
+
"label": "Tokens Used",
|
|
344
|
+
"value": "@entity.current"
|
|
344
345
|
},
|
|
345
346
|
{
|
|
346
|
-
"
|
|
347
|
+
"type": "stat-display",
|
|
347
348
|
"label": "Max Tokens",
|
|
348
|
-
"
|
|
349
|
+
"value": "@entity.max"
|
|
349
350
|
}
|
|
350
351
|
],
|
|
351
|
-
"
|
|
352
|
+
"gap": "md"
|
|
352
353
|
},
|
|
353
354
|
{
|
|
354
|
-
"label": "Reset",
|
|
355
|
-
"type": "button",
|
|
356
355
|
"icon": "rotate-ccw",
|
|
356
|
+
"type": "button",
|
|
357
|
+
"variant": "ghost",
|
|
357
358
|
"action": "RESET",
|
|
358
|
-
"
|
|
359
|
+
"label": "Reset"
|
|
359
360
|
}
|
|
360
|
-
]
|
|
361
|
-
"gap": "lg"
|
|
361
|
+
]
|
|
362
362
|
}
|
|
363
363
|
]
|
|
364
364
|
]
|
|
@@ -388,10 +388,6 @@
|
|
|
388
388
|
{
|
|
389
389
|
"children": [
|
|
390
390
|
{
|
|
391
|
-
"direction": "horizontal",
|
|
392
|
-
"align": "center",
|
|
393
|
-
"type": "stack",
|
|
394
|
-
"gap": "sm",
|
|
395
391
|
"children": [
|
|
396
392
|
{
|
|
397
393
|
"name": "gauge",
|
|
@@ -399,52 +395,56 @@
|
|
|
399
395
|
},
|
|
400
396
|
{
|
|
401
397
|
"type": "typography",
|
|
402
|
-
"
|
|
403
|
-
"
|
|
398
|
+
"variant": "h2",
|
|
399
|
+
"content": "Token Usage"
|
|
404
400
|
},
|
|
405
401
|
{
|
|
406
|
-
"type": "badge",
|
|
407
402
|
"label": "Normal",
|
|
403
|
+
"type": "badge",
|
|
408
404
|
"variant": "default"
|
|
409
405
|
}
|
|
410
|
-
]
|
|
406
|
+
],
|
|
407
|
+
"gap": "sm",
|
|
408
|
+
"direction": "horizontal",
|
|
409
|
+
"type": "stack",
|
|
410
|
+
"align": "center"
|
|
411
411
|
},
|
|
412
412
|
{
|
|
413
413
|
"type": "divider"
|
|
414
414
|
},
|
|
415
415
|
{
|
|
416
|
-
"type": "progress-bar",
|
|
417
416
|
"max": "@entity.max",
|
|
417
|
+
"type": "progress-bar",
|
|
418
418
|
"value": "@entity.current"
|
|
419
419
|
},
|
|
420
420
|
{
|
|
421
421
|
"type": "stack",
|
|
422
|
-
"direction": "horizontal",
|
|
423
|
-
"gap": "md",
|
|
424
422
|
"children": [
|
|
425
423
|
{
|
|
426
|
-
"
|
|
424
|
+
"value": "@entity.current",
|
|
427
425
|
"label": "Tokens Used",
|
|
428
|
-
"
|
|
426
|
+
"type": "stat-display"
|
|
429
427
|
},
|
|
430
428
|
{
|
|
431
|
-
"label": "Max Tokens",
|
|
432
429
|
"type": "stat-display",
|
|
430
|
+
"label": "Max Tokens",
|
|
433
431
|
"value": "@entity.max"
|
|
434
432
|
}
|
|
435
|
-
]
|
|
433
|
+
],
|
|
434
|
+
"gap": "md",
|
|
435
|
+
"direction": "horizontal"
|
|
436
436
|
},
|
|
437
437
|
{
|
|
438
438
|
"variant": "ghost",
|
|
439
439
|
"icon": "rotate-ccw",
|
|
440
440
|
"action": "RESET",
|
|
441
|
-
"
|
|
442
|
-
"
|
|
441
|
+
"type": "button",
|
|
442
|
+
"label": "Reset"
|
|
443
443
|
}
|
|
444
444
|
],
|
|
445
|
+
"direction": "vertical",
|
|
445
446
|
"type": "stack",
|
|
446
|
-
"gap": "lg"
|
|
447
|
-
"direction": "vertical"
|
|
447
|
+
"gap": "lg"
|
|
448
448
|
}
|
|
449
449
|
]
|
|
450
450
|
]
|
|
@@ -484,42 +484,43 @@
|
|
|
484
484
|
"render-ui",
|
|
485
485
|
"main",
|
|
486
486
|
{
|
|
487
|
-
"
|
|
487
|
+
"direction": "vertical",
|
|
488
488
|
"gap": "lg",
|
|
489
|
+
"type": "stack",
|
|
489
490
|
"children": [
|
|
490
491
|
{
|
|
491
492
|
"type": "stack",
|
|
492
493
|
"align": "center",
|
|
493
494
|
"children": [
|
|
494
495
|
{
|
|
495
|
-
"
|
|
496
|
-
"
|
|
496
|
+
"type": "icon",
|
|
497
|
+
"name": "alert-triangle"
|
|
497
498
|
},
|
|
498
499
|
{
|
|
499
|
-
"type": "typography",
|
|
500
500
|
"variant": "h2",
|
|
501
|
-
"content": "Token Usage"
|
|
501
|
+
"content": "Token Usage",
|
|
502
|
+
"type": "typography"
|
|
502
503
|
},
|
|
503
504
|
{
|
|
505
|
+
"label": "Warning",
|
|
504
506
|
"variant": "warning",
|
|
505
|
-
"type": "badge"
|
|
506
|
-
"label": "Warning"
|
|
507
|
+
"type": "badge"
|
|
507
508
|
}
|
|
508
509
|
],
|
|
509
|
-
"
|
|
510
|
-
"
|
|
510
|
+
"direction": "horizontal",
|
|
511
|
+
"gap": "sm"
|
|
511
512
|
},
|
|
512
513
|
{
|
|
513
514
|
"type": "divider"
|
|
514
515
|
},
|
|
515
516
|
{
|
|
517
|
+
"type": "alert",
|
|
516
518
|
"variant": "warning",
|
|
517
|
-
"message": "Token usage approaching limit. Consider compacting."
|
|
518
|
-
"type": "alert"
|
|
519
|
+
"message": "Token usage approaching limit. Consider compacting."
|
|
519
520
|
},
|
|
520
521
|
{
|
|
521
|
-
"value": "@entity.current",
|
|
522
522
|
"type": "progress-bar",
|
|
523
|
+
"value": "@entity.current",
|
|
523
524
|
"max": "@entity.max"
|
|
524
525
|
},
|
|
525
526
|
{
|
|
@@ -531,37 +532,36 @@
|
|
|
531
532
|
},
|
|
532
533
|
{
|
|
533
534
|
"type": "stat-display",
|
|
534
|
-
"
|
|
535
|
-
"
|
|
535
|
+
"value": "@entity.max",
|
|
536
|
+
"label": "Max Tokens"
|
|
536
537
|
}
|
|
537
538
|
],
|
|
538
|
-
"gap": "md",
|
|
539
539
|
"type": "stack",
|
|
540
|
+
"gap": "md",
|
|
540
541
|
"direction": "horizontal"
|
|
541
542
|
},
|
|
542
543
|
{
|
|
543
|
-
"type": "stack",
|
|
544
|
-
"direction": "horizontal",
|
|
545
544
|
"children": [
|
|
546
545
|
{
|
|
547
|
-
"label": "Compact",
|
|
548
546
|
"action": "COMPACT",
|
|
549
|
-
"icon": "minimize-2",
|
|
550
547
|
"type": "button",
|
|
551
|
-
"
|
|
548
|
+
"icon": "minimize-2",
|
|
549
|
+
"variant": "primary",
|
|
550
|
+
"label": "Compact"
|
|
552
551
|
},
|
|
553
552
|
{
|
|
554
553
|
"label": "Reset",
|
|
554
|
+
"type": "button",
|
|
555
555
|
"action": "RESET",
|
|
556
556
|
"variant": "ghost",
|
|
557
|
-
"icon": "rotate-ccw"
|
|
558
|
-
"type": "button"
|
|
557
|
+
"icon": "rotate-ccw"
|
|
559
558
|
}
|
|
560
559
|
],
|
|
560
|
+
"type": "stack",
|
|
561
|
+
"direction": "horizontal",
|
|
561
562
|
"gap": "sm"
|
|
562
563
|
}
|
|
563
|
-
]
|
|
564
|
-
"direction": "vertical"
|
|
564
|
+
]
|
|
565
565
|
}
|
|
566
566
|
]
|
|
567
567
|
]
|
|
@@ -590,29 +590,28 @@
|
|
|
590
590
|
"main",
|
|
591
591
|
{
|
|
592
592
|
"direction": "vertical",
|
|
593
|
-
"type": "stack",
|
|
594
593
|
"children": [
|
|
595
594
|
{
|
|
596
|
-
"direction": "horizontal",
|
|
597
|
-
"gap": "sm",
|
|
598
595
|
"align": "center",
|
|
599
|
-
"
|
|
596
|
+
"gap": "sm",
|
|
600
597
|
"children": [
|
|
601
598
|
{
|
|
602
|
-
"
|
|
603
|
-
"
|
|
599
|
+
"name": "alert-octagon",
|
|
600
|
+
"type": "icon"
|
|
604
601
|
},
|
|
605
602
|
{
|
|
606
|
-
"variant": "h2",
|
|
607
603
|
"content": "Token Usage",
|
|
604
|
+
"variant": "h2",
|
|
608
605
|
"type": "typography"
|
|
609
606
|
},
|
|
610
607
|
{
|
|
611
608
|
"label": "Critical",
|
|
612
|
-
"
|
|
613
|
-
"
|
|
609
|
+
"variant": "danger",
|
|
610
|
+
"type": "badge"
|
|
614
611
|
}
|
|
615
|
-
]
|
|
612
|
+
],
|
|
613
|
+
"type": "stack",
|
|
614
|
+
"direction": "horizontal"
|
|
616
615
|
},
|
|
617
616
|
{
|
|
618
617
|
"type": "divider"
|
|
@@ -623,49 +622,50 @@
|
|
|
623
622
|
"variant": "error"
|
|
624
623
|
},
|
|
625
624
|
{
|
|
626
|
-
"
|
|
625
|
+
"value": "@entity.current",
|
|
627
626
|
"type": "progress-bar",
|
|
628
|
-
"
|
|
627
|
+
"max": "@entity.max"
|
|
629
628
|
},
|
|
630
629
|
{
|
|
631
|
-
"direction": "horizontal",
|
|
632
630
|
"gap": "md",
|
|
633
|
-
"type": "stack",
|
|
634
631
|
"children": [
|
|
635
632
|
{
|
|
636
|
-
"label": "Tokens Used",
|
|
637
633
|
"type": "stat-display",
|
|
634
|
+
"label": "Tokens Used",
|
|
638
635
|
"value": "@entity.current"
|
|
639
636
|
},
|
|
640
637
|
{
|
|
641
|
-
"
|
|
638
|
+
"type": "stat-display",
|
|
642
639
|
"value": "@entity.max",
|
|
643
|
-
"
|
|
640
|
+
"label": "Max Tokens"
|
|
644
641
|
}
|
|
645
|
-
]
|
|
642
|
+
],
|
|
643
|
+
"direction": "horizontal",
|
|
644
|
+
"type": "stack"
|
|
646
645
|
},
|
|
647
646
|
{
|
|
648
647
|
"type": "stack",
|
|
648
|
+
"direction": "horizontal",
|
|
649
649
|
"children": [
|
|
650
650
|
{
|
|
651
|
-
"
|
|
651
|
+
"icon": "minimize-2",
|
|
652
652
|
"type": "button",
|
|
653
|
+
"action": "COMPACT",
|
|
653
654
|
"label": "Compact Now",
|
|
654
|
-
"variant": "primary"
|
|
655
|
-
"icon": "minimize-2"
|
|
655
|
+
"variant": "primary"
|
|
656
656
|
},
|
|
657
657
|
{
|
|
658
|
-
"label": "Reset",
|
|
659
|
-
"icon": "rotate-ccw",
|
|
660
|
-
"type": "button",
|
|
661
658
|
"action": "RESET",
|
|
662
|
-
"variant": "ghost"
|
|
659
|
+
"variant": "ghost",
|
|
660
|
+
"type": "button",
|
|
661
|
+
"label": "Reset",
|
|
662
|
+
"icon": "rotate-ccw"
|
|
663
663
|
}
|
|
664
664
|
],
|
|
665
|
-
"direction": "horizontal",
|
|
666
665
|
"gap": "sm"
|
|
667
666
|
}
|
|
668
667
|
],
|
|
668
|
+
"type": "stack",
|
|
669
669
|
"gap": "lg"
|
|
670
670
|
}
|
|
671
671
|
]
|
|
@@ -693,9 +693,12 @@
|
|
|
693
693
|
{
|
|
694
694
|
"type": "stack",
|
|
695
695
|
"direction": "vertical",
|
|
696
|
+
"gap": "lg",
|
|
696
697
|
"children": [
|
|
697
698
|
{
|
|
698
|
-
"
|
|
699
|
+
"gap": "sm",
|
|
700
|
+
"type": "stack",
|
|
701
|
+
"direction": "horizontal",
|
|
699
702
|
"children": [
|
|
700
703
|
{
|
|
701
704
|
"name": "gauge",
|
|
@@ -712,44 +715,41 @@
|
|
|
712
715
|
"type": "badge"
|
|
713
716
|
}
|
|
714
717
|
],
|
|
715
|
-
"
|
|
716
|
-
"type": "stack",
|
|
717
|
-
"gap": "sm"
|
|
718
|
+
"align": "center"
|
|
718
719
|
},
|
|
719
720
|
{
|
|
720
721
|
"type": "divider"
|
|
721
722
|
},
|
|
722
723
|
{
|
|
723
|
-
"
|
|
724
|
+
"value": "@entity.current",
|
|
724
725
|
"max": "@entity.max",
|
|
725
|
-
"
|
|
726
|
+
"type": "progress-bar"
|
|
726
727
|
},
|
|
727
728
|
{
|
|
728
|
-
"type": "stack",
|
|
729
|
-
"gap": "md",
|
|
730
729
|
"children": [
|
|
731
730
|
{
|
|
732
|
-
"value": "@entity.current",
|
|
733
731
|
"type": "stat-display",
|
|
734
|
-
"label": "Tokens Used"
|
|
732
|
+
"label": "Tokens Used",
|
|
733
|
+
"value": "@entity.current"
|
|
735
734
|
},
|
|
736
735
|
{
|
|
737
|
-
"label": "Max Tokens",
|
|
738
736
|
"value": "@entity.max",
|
|
739
|
-
"type": "stat-display"
|
|
737
|
+
"type": "stat-display",
|
|
738
|
+
"label": "Max Tokens"
|
|
740
739
|
}
|
|
741
740
|
],
|
|
742
|
-
"direction": "horizontal"
|
|
741
|
+
"direction": "horizontal",
|
|
742
|
+
"gap": "md",
|
|
743
|
+
"type": "stack"
|
|
743
744
|
},
|
|
744
745
|
{
|
|
745
746
|
"action": "RESET",
|
|
746
|
-
"label": "Reset",
|
|
747
|
-
"icon": "rotate-ccw",
|
|
748
747
|
"type": "button",
|
|
748
|
+
"icon": "rotate-ccw",
|
|
749
|
+
"label": "Reset",
|
|
749
750
|
"variant": "ghost"
|
|
750
751
|
}
|
|
751
|
-
]
|
|
752
|
-
"gap": "lg"
|
|
752
|
+
]
|
|
753
753
|
}
|
|
754
754
|
]
|
|
755
755
|
]
|
|
@@ -768,28 +768,28 @@
|
|
|
768
768
|
"render-ui",
|
|
769
769
|
"main",
|
|
770
770
|
{
|
|
771
|
-
"gap": "lg",
|
|
772
|
-
"type": "stack",
|
|
773
771
|
"direction": "vertical",
|
|
772
|
+
"type": "stack",
|
|
773
|
+
"gap": "lg",
|
|
774
774
|
"children": [
|
|
775
775
|
{
|
|
776
776
|
"direction": "horizontal",
|
|
777
|
-
"align": "center",
|
|
778
777
|
"gap": "sm",
|
|
778
|
+
"align": "center",
|
|
779
779
|
"children": [
|
|
780
780
|
{
|
|
781
781
|
"type": "icon",
|
|
782
782
|
"name": "gauge"
|
|
783
783
|
},
|
|
784
784
|
{
|
|
785
|
-
"variant": "h2",
|
|
786
785
|
"content": "Token Usage",
|
|
787
|
-
"type": "typography"
|
|
786
|
+
"type": "typography",
|
|
787
|
+
"variant": "h2"
|
|
788
788
|
},
|
|
789
789
|
{
|
|
790
|
-
"label": "Normal",
|
|
791
790
|
"variant": "default",
|
|
792
|
-
"type": "badge"
|
|
791
|
+
"type": "badge",
|
|
792
|
+
"label": "Normal"
|
|
793
793
|
}
|
|
794
794
|
],
|
|
795
795
|
"type": "stack"
|
|
@@ -803,8 +803,7 @@
|
|
|
803
803
|
"max": "@entity.max"
|
|
804
804
|
},
|
|
805
805
|
{
|
|
806
|
-
"
|
|
807
|
-
"gap": "md",
|
|
806
|
+
"direction": "horizontal",
|
|
808
807
|
"children": [
|
|
809
808
|
{
|
|
810
809
|
"value": "@entity.current",
|
|
@@ -817,14 +816,15 @@
|
|
|
817
816
|
"value": "@entity.max"
|
|
818
817
|
}
|
|
819
818
|
],
|
|
820
|
-
"
|
|
819
|
+
"type": "stack",
|
|
820
|
+
"gap": "md"
|
|
821
821
|
},
|
|
822
822
|
{
|
|
823
|
-
"action": "RESET",
|
|
824
|
-
"icon": "rotate-ccw",
|
|
825
823
|
"type": "button",
|
|
824
|
+
"action": "RESET",
|
|
825
|
+
"variant": "ghost",
|
|
826
826
|
"label": "Reset",
|
|
827
|
-
"
|
|
827
|
+
"icon": "rotate-ccw"
|
|
828
828
|
}
|
|
829
829
|
]
|
|
830
830
|
}
|
|
@@ -868,29 +868,28 @@
|
|
|
868
868
|
{
|
|
869
869
|
"type": "stack",
|
|
870
870
|
"gap": "lg",
|
|
871
|
-
"direction": "vertical",
|
|
872
871
|
"children": [
|
|
873
872
|
{
|
|
873
|
+
"type": "stack",
|
|
874
|
+
"direction": "horizontal",
|
|
875
|
+
"align": "center",
|
|
874
876
|
"children": [
|
|
875
877
|
{
|
|
876
|
-
"
|
|
877
|
-
"
|
|
878
|
+
"name": "alert-triangle",
|
|
879
|
+
"type": "icon"
|
|
878
880
|
},
|
|
879
881
|
{
|
|
880
|
-
"content": "Token Usage",
|
|
881
882
|
"variant": "h2",
|
|
882
|
-
"type": "typography"
|
|
883
|
+
"type": "typography",
|
|
884
|
+
"content": "Token Usage"
|
|
883
885
|
},
|
|
884
886
|
{
|
|
887
|
+
"label": "Warning",
|
|
885
888
|
"type": "badge",
|
|
886
|
-
"variant": "warning"
|
|
887
|
-
"label": "Warning"
|
|
889
|
+
"variant": "warning"
|
|
888
890
|
}
|
|
889
891
|
],
|
|
890
|
-
"
|
|
891
|
-
"align": "center",
|
|
892
|
-
"gap": "sm",
|
|
893
|
-
"type": "stack"
|
|
892
|
+
"gap": "sm"
|
|
894
893
|
},
|
|
895
894
|
{
|
|
896
895
|
"type": "divider"
|
|
@@ -901,16 +900,18 @@
|
|
|
901
900
|
"variant": "warning"
|
|
902
901
|
},
|
|
903
902
|
{
|
|
904
|
-
"max": "@entity.max",
|
|
905
903
|
"value": "@entity.current",
|
|
904
|
+
"max": "@entity.max",
|
|
906
905
|
"type": "progress-bar"
|
|
907
906
|
},
|
|
908
907
|
{
|
|
908
|
+
"gap": "md",
|
|
909
|
+
"direction": "horizontal",
|
|
909
910
|
"children": [
|
|
910
911
|
{
|
|
911
912
|
"type": "stat-display",
|
|
912
|
-
"
|
|
913
|
-
"
|
|
913
|
+
"value": "@entity.current",
|
|
914
|
+
"label": "Tokens Used"
|
|
914
915
|
},
|
|
915
916
|
{
|
|
916
917
|
"label": "Max Tokens",
|
|
@@ -918,14 +919,9 @@
|
|
|
918
919
|
"type": "stat-display"
|
|
919
920
|
}
|
|
920
921
|
],
|
|
921
|
-
"type": "stack"
|
|
922
|
-
"direction": "horizontal",
|
|
923
|
-
"gap": "md"
|
|
922
|
+
"type": "stack"
|
|
924
923
|
},
|
|
925
924
|
{
|
|
926
|
-
"type": "stack",
|
|
927
|
-
"direction": "horizontal",
|
|
928
|
-
"gap": "sm",
|
|
929
925
|
"children": [
|
|
930
926
|
{
|
|
931
927
|
"type": "button",
|
|
@@ -935,15 +931,19 @@
|
|
|
935
931
|
"icon": "minimize-2"
|
|
936
932
|
},
|
|
937
933
|
{
|
|
934
|
+
"variant": "ghost",
|
|
935
|
+
"action": "RESET",
|
|
938
936
|
"label": "Reset",
|
|
939
|
-
"icon": "rotate-ccw",
|
|
940
937
|
"type": "button",
|
|
941
|
-
"
|
|
942
|
-
"variant": "ghost"
|
|
938
|
+
"icon": "rotate-ccw"
|
|
943
939
|
}
|
|
944
|
-
]
|
|
940
|
+
],
|
|
941
|
+
"direction": "horizontal",
|
|
942
|
+
"type": "stack",
|
|
943
|
+
"gap": "sm"
|
|
945
944
|
}
|
|
946
|
-
]
|
|
945
|
+
],
|
|
946
|
+
"direction": "vertical"
|
|
947
947
|
}
|
|
948
948
|
]
|
|
949
949
|
]
|
|
@@ -973,28 +973,29 @@
|
|
|
973
973
|
{
|
|
974
974
|
"type": "stack",
|
|
975
975
|
"gap": "lg",
|
|
976
|
+
"direction": "vertical",
|
|
976
977
|
"children": [
|
|
977
978
|
{
|
|
978
|
-
"
|
|
979
|
+
"type": "stack",
|
|
979
980
|
"align": "center",
|
|
980
981
|
"gap": "sm",
|
|
982
|
+
"direction": "horizontal",
|
|
981
983
|
"children": [
|
|
982
984
|
{
|
|
983
985
|
"type": "icon",
|
|
984
986
|
"name": "alert-octagon"
|
|
985
987
|
},
|
|
986
988
|
{
|
|
987
|
-
"variant": "h2",
|
|
988
989
|
"content": "Token Usage",
|
|
990
|
+
"variant": "h2",
|
|
989
991
|
"type": "typography"
|
|
990
992
|
},
|
|
991
993
|
{
|
|
992
994
|
"type": "badge",
|
|
993
|
-
"
|
|
994
|
-
"
|
|
995
|
+
"variant": "danger",
|
|
996
|
+
"label": "Critical"
|
|
995
997
|
}
|
|
996
|
-
]
|
|
997
|
-
"type": "stack"
|
|
998
|
+
]
|
|
998
999
|
},
|
|
999
1000
|
{
|
|
1000
1001
|
"type": "divider"
|
|
@@ -1005,50 +1006,49 @@
|
|
|
1005
1006
|
"type": "alert"
|
|
1006
1007
|
},
|
|
1007
1008
|
{
|
|
1008
|
-
"max": "@entity.max",
|
|
1009
1009
|
"type": "progress-bar",
|
|
1010
|
+
"max": "@entity.max",
|
|
1010
1011
|
"value": "@entity.current"
|
|
1011
1012
|
},
|
|
1012
1013
|
{
|
|
1013
|
-
"
|
|
1014
|
+
"type": "stack",
|
|
1014
1015
|
"children": [
|
|
1015
1016
|
{
|
|
1016
|
-
"label": "Tokens Used",
|
|
1017
1017
|
"type": "stat-display",
|
|
1018
|
-
"value": "@entity.current"
|
|
1018
|
+
"value": "@entity.current",
|
|
1019
|
+
"label": "Tokens Used"
|
|
1019
1020
|
},
|
|
1020
1021
|
{
|
|
1021
|
-
"
|
|
1022
|
+
"type": "stat-display",
|
|
1022
1023
|
"label": "Max Tokens",
|
|
1023
|
-
"
|
|
1024
|
+
"value": "@entity.max"
|
|
1024
1025
|
}
|
|
1025
1026
|
],
|
|
1026
1027
|
"direction": "horizontal",
|
|
1027
|
-
"
|
|
1028
|
+
"gap": "md"
|
|
1028
1029
|
},
|
|
1029
1030
|
{
|
|
1031
|
+
"type": "stack",
|
|
1032
|
+
"gap": "sm",
|
|
1030
1033
|
"children": [
|
|
1031
1034
|
{
|
|
1032
|
-
"variant": "primary",
|
|
1033
1035
|
"type": "button",
|
|
1036
|
+
"icon": "minimize-2",
|
|
1034
1037
|
"action": "COMPACT",
|
|
1035
|
-
"
|
|
1036
|
-
"
|
|
1038
|
+
"variant": "primary",
|
|
1039
|
+
"label": "Compact Now"
|
|
1037
1040
|
},
|
|
1038
1041
|
{
|
|
1039
|
-
"type": "button",
|
|
1040
|
-
"action": "RESET",
|
|
1041
|
-
"label": "Reset",
|
|
1042
1042
|
"icon": "rotate-ccw",
|
|
1043
|
-
"
|
|
1043
|
+
"label": "Reset",
|
|
1044
|
+
"action": "RESET",
|
|
1045
|
+
"variant": "ghost",
|
|
1046
|
+
"type": "button"
|
|
1044
1047
|
}
|
|
1045
1048
|
],
|
|
1046
|
-
"direction": "horizontal"
|
|
1047
|
-
"type": "stack",
|
|
1048
|
-
"gap": "sm"
|
|
1049
|
+
"direction": "horizontal"
|
|
1049
1050
|
}
|
|
1050
|
-
]
|
|
1051
|
-
"direction": "vertical"
|
|
1051
|
+
]
|
|
1052
1052
|
}
|
|
1053
1053
|
]
|
|
1054
1054
|
]
|
|
@@ -1076,65 +1076,65 @@
|
|
|
1076
1076
|
"render-ui",
|
|
1077
1077
|
"main",
|
|
1078
1078
|
{
|
|
1079
|
-
"
|
|
1079
|
+
"direction": "vertical",
|
|
1080
1080
|
"children": [
|
|
1081
1081
|
{
|
|
1082
|
-
"direction": "horizontal",
|
|
1083
|
-
"gap": "sm",
|
|
1084
|
-
"type": "stack",
|
|
1085
1082
|
"align": "center",
|
|
1083
|
+
"direction": "horizontal",
|
|
1086
1084
|
"children": [
|
|
1087
1085
|
{
|
|
1088
|
-
"
|
|
1089
|
-
"
|
|
1086
|
+
"type": "icon",
|
|
1087
|
+
"name": "gauge"
|
|
1090
1088
|
},
|
|
1091
1089
|
{
|
|
1092
|
-
"variant": "h2",
|
|
1093
1090
|
"content": "Token Usage",
|
|
1094
|
-
"type": "typography"
|
|
1091
|
+
"type": "typography",
|
|
1092
|
+
"variant": "h2"
|
|
1095
1093
|
},
|
|
1096
1094
|
{
|
|
1097
|
-
"
|
|
1095
|
+
"variant": "default",
|
|
1098
1096
|
"label": "Normal",
|
|
1099
|
-
"
|
|
1097
|
+
"type": "badge"
|
|
1100
1098
|
}
|
|
1101
|
-
]
|
|
1099
|
+
],
|
|
1100
|
+
"gap": "sm",
|
|
1101
|
+
"type": "stack"
|
|
1102
1102
|
},
|
|
1103
1103
|
{
|
|
1104
1104
|
"type": "divider"
|
|
1105
1105
|
},
|
|
1106
1106
|
{
|
|
1107
|
+
"value": "@entity.current",
|
|
1107
1108
|
"type": "progress-bar",
|
|
1108
|
-
"max": "@entity.max"
|
|
1109
|
-
"value": "@entity.current"
|
|
1109
|
+
"max": "@entity.max"
|
|
1110
1110
|
},
|
|
1111
1111
|
{
|
|
1112
|
-
"
|
|
1112
|
+
"gap": "md",
|
|
1113
|
+
"type": "stack",
|
|
1113
1114
|
"children": [
|
|
1114
1115
|
{
|
|
1115
|
-
"type": "stat-display",
|
|
1116
1116
|
"value": "@entity.current",
|
|
1117
|
-
"label": "Tokens Used"
|
|
1117
|
+
"label": "Tokens Used",
|
|
1118
|
+
"type": "stat-display"
|
|
1118
1119
|
},
|
|
1119
1120
|
{
|
|
1120
1121
|
"value": "@entity.max",
|
|
1121
|
-
"
|
|
1122
|
-
"
|
|
1122
|
+
"type": "stat-display",
|
|
1123
|
+
"label": "Max Tokens"
|
|
1123
1124
|
}
|
|
1124
1125
|
],
|
|
1125
|
-
"
|
|
1126
|
-
"gap": "md"
|
|
1126
|
+
"direction": "horizontal"
|
|
1127
1127
|
},
|
|
1128
1128
|
{
|
|
1129
|
-
"
|
|
1129
|
+
"type": "button",
|
|
1130
1130
|
"icon": "rotate-ccw",
|
|
1131
1131
|
"variant": "ghost",
|
|
1132
|
-
"
|
|
1132
|
+
"label": "Reset",
|
|
1133
1133
|
"action": "RESET"
|
|
1134
1134
|
}
|
|
1135
1135
|
],
|
|
1136
|
-
"
|
|
1137
|
-
"
|
|
1136
|
+
"type": "stack",
|
|
1137
|
+
"gap": "lg"
|
|
1138
1138
|
}
|
|
1139
1139
|
]
|
|
1140
1140
|
]
|
|
@@ -1159,17 +1159,16 @@
|
|
|
1159
1159
|
"render-ui",
|
|
1160
1160
|
"main",
|
|
1161
1161
|
{
|
|
1162
|
-
"type": "stack",
|
|
1163
|
-
"direction": "vertical",
|
|
1164
1162
|
"gap": "lg",
|
|
1163
|
+
"direction": "vertical",
|
|
1164
|
+
"type": "stack",
|
|
1165
1165
|
"children": [
|
|
1166
1166
|
{
|
|
1167
1167
|
"direction": "horizontal",
|
|
1168
|
-
"align": "center",
|
|
1169
1168
|
"children": [
|
|
1170
1169
|
{
|
|
1171
|
-
"
|
|
1172
|
-
"
|
|
1170
|
+
"type": "icon",
|
|
1171
|
+
"name": "gauge"
|
|
1173
1172
|
},
|
|
1174
1173
|
{
|
|
1175
1174
|
"content": "Token Usage",
|
|
@@ -1177,13 +1176,14 @@
|
|
|
1177
1176
|
"type": "typography"
|
|
1178
1177
|
},
|
|
1179
1178
|
{
|
|
1180
|
-
"
|
|
1179
|
+
"label": "Normal",
|
|
1181
1180
|
"variant": "default",
|
|
1182
|
-
"
|
|
1181
|
+
"type": "badge"
|
|
1183
1182
|
}
|
|
1184
1183
|
],
|
|
1184
|
+
"gap": "sm",
|
|
1185
1185
|
"type": "stack",
|
|
1186
|
-
"
|
|
1186
|
+
"align": "center"
|
|
1187
1187
|
},
|
|
1188
1188
|
{
|
|
1189
1189
|
"type": "divider"
|
|
@@ -1194,28 +1194,28 @@
|
|
|
1194
1194
|
"type": "progress-bar"
|
|
1195
1195
|
},
|
|
1196
1196
|
{
|
|
1197
|
-
"type": "stack",
|
|
1198
1197
|
"children": [
|
|
1199
1198
|
{
|
|
1200
|
-
"
|
|
1199
|
+
"value": "@entity.current",
|
|
1201
1200
|
"label": "Tokens Used",
|
|
1202
|
-
"
|
|
1201
|
+
"type": "stat-display"
|
|
1203
1202
|
},
|
|
1204
1203
|
{
|
|
1205
|
-
"label": "Max Tokens",
|
|
1206
1204
|
"value": "@entity.max",
|
|
1207
|
-
"type": "stat-display"
|
|
1205
|
+
"type": "stat-display",
|
|
1206
|
+
"label": "Max Tokens"
|
|
1208
1207
|
}
|
|
1209
1208
|
],
|
|
1209
|
+
"type": "stack",
|
|
1210
1210
|
"gap": "md",
|
|
1211
1211
|
"direction": "horizontal"
|
|
1212
1212
|
},
|
|
1213
1213
|
{
|
|
1214
|
-
"variant": "ghost",
|
|
1215
|
-
"icon": "rotate-ccw",
|
|
1216
|
-
"label": "Reset",
|
|
1217
1214
|
"type": "button",
|
|
1218
|
-
"
|
|
1215
|
+
"label": "Reset",
|
|
1216
|
+
"action": "RESET",
|
|
1217
|
+
"icon": "rotate-ccw",
|
|
1218
|
+
"variant": "ghost"
|
|
1219
1219
|
}
|
|
1220
1220
|
]
|
|
1221
1221
|
}
|
|
@@ -1236,65 +1236,65 @@
|
|
|
1236
1236
|
"render-ui",
|
|
1237
1237
|
"main",
|
|
1238
1238
|
{
|
|
1239
|
-
"gap": "lg",
|
|
1240
|
-
"type": "stack",
|
|
1241
|
-
"direction": "vertical",
|
|
1242
1239
|
"children": [
|
|
1243
1240
|
{
|
|
1241
|
+
"align": "center",
|
|
1244
1242
|
"direction": "horizontal",
|
|
1243
|
+
"type": "stack",
|
|
1244
|
+
"gap": "sm",
|
|
1245
1245
|
"children": [
|
|
1246
1246
|
{
|
|
1247
1247
|
"type": "icon",
|
|
1248
1248
|
"name": "gauge"
|
|
1249
1249
|
},
|
|
1250
1250
|
{
|
|
1251
|
-
"content": "Token Usage",
|
|
1252
1251
|
"type": "typography",
|
|
1252
|
+
"content": "Token Usage",
|
|
1253
1253
|
"variant": "h2"
|
|
1254
1254
|
},
|
|
1255
1255
|
{
|
|
1256
|
-
"label": "Normal",
|
|
1257
1256
|
"variant": "default",
|
|
1257
|
+
"label": "Normal",
|
|
1258
1258
|
"type": "badge"
|
|
1259
1259
|
}
|
|
1260
|
-
]
|
|
1261
|
-
"type": "stack",
|
|
1262
|
-
"align": "center",
|
|
1263
|
-
"gap": "sm"
|
|
1260
|
+
]
|
|
1264
1261
|
},
|
|
1265
1262
|
{
|
|
1266
1263
|
"type": "divider"
|
|
1267
1264
|
},
|
|
1268
1265
|
{
|
|
1269
|
-
"max": "@entity.max",
|
|
1270
1266
|
"value": "@entity.current",
|
|
1271
|
-
"type": "progress-bar"
|
|
1267
|
+
"type": "progress-bar",
|
|
1268
|
+
"max": "@entity.max"
|
|
1272
1269
|
},
|
|
1273
1270
|
{
|
|
1274
1271
|
"gap": "md",
|
|
1272
|
+
"direction": "horizontal",
|
|
1273
|
+
"type": "stack",
|
|
1275
1274
|
"children": [
|
|
1276
1275
|
{
|
|
1277
|
-
"label": "Tokens Used",
|
|
1278
1276
|
"type": "stat-display",
|
|
1279
|
-
"value": "@entity.current"
|
|
1277
|
+
"value": "@entity.current",
|
|
1278
|
+
"label": "Tokens Used"
|
|
1280
1279
|
},
|
|
1281
1280
|
{
|
|
1282
1281
|
"value": "@entity.max",
|
|
1283
1282
|
"type": "stat-display",
|
|
1284
1283
|
"label": "Max Tokens"
|
|
1285
1284
|
}
|
|
1286
|
-
]
|
|
1287
|
-
"type": "stack",
|
|
1288
|
-
"direction": "horizontal"
|
|
1285
|
+
]
|
|
1289
1286
|
},
|
|
1290
1287
|
{
|
|
1291
|
-
"label": "Reset",
|
|
1292
|
-
"type": "button",
|
|
1293
|
-
"action": "RESET",
|
|
1294
1288
|
"variant": "ghost",
|
|
1295
|
-
"icon": "rotate-ccw"
|
|
1289
|
+
"icon": "rotate-ccw",
|
|
1290
|
+
"action": "RESET",
|
|
1291
|
+
"type": "button",
|
|
1292
|
+
"label": "Reset"
|
|
1296
1293
|
}
|
|
1297
|
-
]
|
|
1294
|
+
],
|
|
1295
|
+
"gap": "lg",
|
|
1296
|
+
"type": "stack",
|
|
1297
|
+
"direction": "vertical"
|
|
1298
1298
|
}
|
|
1299
1299
|
]
|
|
1300
1300
|
]
|
|
@@ -1322,83 +1322,83 @@
|
|
|
1322
1322
|
"render-ui",
|
|
1323
1323
|
"main",
|
|
1324
1324
|
{
|
|
1325
|
-
"direction": "vertical",
|
|
1326
1325
|
"children": [
|
|
1327
1326
|
{
|
|
1328
|
-
"direction": "horizontal",
|
|
1329
1327
|
"align": "center",
|
|
1330
|
-
"
|
|
1328
|
+
"type": "stack",
|
|
1331
1329
|
"children": [
|
|
1332
1330
|
{
|
|
1333
1331
|
"name": "alert-octagon",
|
|
1334
1332
|
"type": "icon"
|
|
1335
1333
|
},
|
|
1336
1334
|
{
|
|
1337
|
-
"variant": "h2",
|
|
1338
1335
|
"type": "typography",
|
|
1339
|
-
"content": "Token Usage"
|
|
1336
|
+
"content": "Token Usage",
|
|
1337
|
+
"variant": "h2"
|
|
1340
1338
|
},
|
|
1341
1339
|
{
|
|
1342
1340
|
"type": "badge",
|
|
1343
|
-
"
|
|
1344
|
-
"
|
|
1341
|
+
"label": "Critical",
|
|
1342
|
+
"variant": "danger"
|
|
1345
1343
|
}
|
|
1346
1344
|
],
|
|
1347
|
-
"
|
|
1345
|
+
"gap": "sm",
|
|
1346
|
+
"direction": "horizontal"
|
|
1348
1347
|
},
|
|
1349
1348
|
{
|
|
1350
1349
|
"type": "divider"
|
|
1351
1350
|
},
|
|
1352
1351
|
{
|
|
1353
|
-
"type": "alert",
|
|
1354
1352
|
"message": "Token usage critical. Compact immediately to avoid truncation.",
|
|
1353
|
+
"type": "alert",
|
|
1355
1354
|
"variant": "error"
|
|
1356
1355
|
},
|
|
1357
1356
|
{
|
|
1358
|
-
"
|
|
1357
|
+
"value": "@entity.current",
|
|
1359
1358
|
"max": "@entity.max",
|
|
1360
|
-
"
|
|
1359
|
+
"type": "progress-bar"
|
|
1361
1360
|
},
|
|
1362
1361
|
{
|
|
1363
|
-
"direction": "horizontal",
|
|
1364
1362
|
"type": "stack",
|
|
1365
|
-
"gap": "md",
|
|
1366
1363
|
"children": [
|
|
1367
1364
|
{
|
|
1368
|
-
"value": "@entity.current",
|
|
1369
1365
|
"label": "Tokens Used",
|
|
1366
|
+
"value": "@entity.current",
|
|
1370
1367
|
"type": "stat-display"
|
|
1371
1368
|
},
|
|
1372
1369
|
{
|
|
1373
|
-
"
|
|
1370
|
+
"label": "Max Tokens",
|
|
1374
1371
|
"type": "stat-display",
|
|
1375
|
-
"
|
|
1372
|
+
"value": "@entity.max"
|
|
1376
1373
|
}
|
|
1377
|
-
]
|
|
1374
|
+
],
|
|
1375
|
+
"direction": "horizontal",
|
|
1376
|
+
"gap": "md"
|
|
1378
1377
|
},
|
|
1379
1378
|
{
|
|
1380
|
-
"
|
|
1381
|
-
"direction": "horizontal",
|
|
1379
|
+
"gap": "sm",
|
|
1382
1380
|
"children": [
|
|
1383
1381
|
{
|
|
1384
|
-
"
|
|
1382
|
+
"label": "Compact Now",
|
|
1385
1383
|
"icon": "minimize-2",
|
|
1386
|
-
"action": "COMPACT",
|
|
1387
1384
|
"type": "button",
|
|
1388
|
-
"
|
|
1385
|
+
"action": "COMPACT",
|
|
1386
|
+
"variant": "primary"
|
|
1389
1387
|
},
|
|
1390
1388
|
{
|
|
1391
|
-
"
|
|
1392
|
-
"action": "RESET",
|
|
1393
|
-
"icon": "rotate-ccw",
|
|
1389
|
+
"label": "Reset",
|
|
1394
1390
|
"type": "button",
|
|
1395
|
-
"
|
|
1391
|
+
"action": "RESET",
|
|
1392
|
+
"variant": "ghost",
|
|
1393
|
+
"icon": "rotate-ccw"
|
|
1396
1394
|
}
|
|
1397
1395
|
],
|
|
1398
|
-
"
|
|
1396
|
+
"type": "stack",
|
|
1397
|
+
"direction": "horizontal"
|
|
1399
1398
|
}
|
|
1400
1399
|
],
|
|
1401
1400
|
"gap": "lg",
|
|
1401
|
+
"direction": "vertical",
|
|
1402
1402
|
"type": "stack"
|
|
1403
1403
|
}
|
|
1404
1404
|
]
|
|
@@ -1439,51 +1439,50 @@
|
|
|
1439
1439
|
"render-ui",
|
|
1440
1440
|
"main",
|
|
1441
1441
|
{
|
|
1442
|
+
"type": "stack",
|
|
1442
1443
|
"direction": "vertical",
|
|
1443
1444
|
"gap": "lg",
|
|
1444
|
-
"type": "stack",
|
|
1445
1445
|
"children": [
|
|
1446
1446
|
{
|
|
1447
|
-
"gap": "sm",
|
|
1448
|
-
"direction": "horizontal",
|
|
1449
|
-
"type": "stack",
|
|
1450
|
-
"align": "center",
|
|
1451
1447
|
"children": [
|
|
1452
1448
|
{
|
|
1453
|
-
"
|
|
1454
|
-
"
|
|
1449
|
+
"type": "icon",
|
|
1450
|
+
"name": "alert-triangle"
|
|
1455
1451
|
},
|
|
1456
1452
|
{
|
|
1457
|
-
"
|
|
1453
|
+
"type": "typography",
|
|
1458
1454
|
"variant": "h2",
|
|
1459
|
-
"
|
|
1455
|
+
"content": "Token Usage"
|
|
1460
1456
|
},
|
|
1461
1457
|
{
|
|
1462
1458
|
"type": "badge",
|
|
1463
1459
|
"label": "Warning",
|
|
1464
1460
|
"variant": "warning"
|
|
1465
1461
|
}
|
|
1466
|
-
]
|
|
1462
|
+
],
|
|
1463
|
+
"direction": "horizontal",
|
|
1464
|
+
"gap": "sm",
|
|
1465
|
+
"type": "stack",
|
|
1466
|
+
"align": "center"
|
|
1467
1467
|
},
|
|
1468
1468
|
{
|
|
1469
1469
|
"type": "divider"
|
|
1470
1470
|
},
|
|
1471
1471
|
{
|
|
1472
|
-
"variant": "warning",
|
|
1473
1472
|
"type": "alert",
|
|
1473
|
+
"variant": "warning",
|
|
1474
1474
|
"message": "Token usage approaching limit. Consider compacting."
|
|
1475
1475
|
},
|
|
1476
1476
|
{
|
|
1477
|
-
"
|
|
1477
|
+
"max": "@entity.max",
|
|
1478
1478
|
"value": "@entity.current",
|
|
1479
|
-
"
|
|
1479
|
+
"type": "progress-bar"
|
|
1480
1480
|
},
|
|
1481
1481
|
{
|
|
1482
|
-
"type": "stack",
|
|
1483
1482
|
"children": [
|
|
1484
1483
|
{
|
|
1485
|
-
"value": "@entity.current",
|
|
1486
1484
|
"type": "stat-display",
|
|
1485
|
+
"value": "@entity.current",
|
|
1487
1486
|
"label": "Tokens Used"
|
|
1488
1487
|
},
|
|
1489
1488
|
{
|
|
@@ -1493,28 +1492,29 @@
|
|
|
1493
1492
|
}
|
|
1494
1493
|
],
|
|
1495
1494
|
"direction": "horizontal",
|
|
1495
|
+
"type": "stack",
|
|
1496
1496
|
"gap": "md"
|
|
1497
1497
|
},
|
|
1498
1498
|
{
|
|
1499
|
+
"gap": "sm",
|
|
1499
1500
|
"type": "stack",
|
|
1500
1501
|
"direction": "horizontal",
|
|
1501
1502
|
"children": [
|
|
1502
1503
|
{
|
|
1503
1504
|
"type": "button",
|
|
1504
|
-
"label": "Compact",
|
|
1505
1505
|
"icon": "minimize-2",
|
|
1506
|
+
"action": "COMPACT",
|
|
1506
1507
|
"variant": "primary",
|
|
1507
|
-
"
|
|
1508
|
+
"label": "Compact"
|
|
1508
1509
|
},
|
|
1509
1510
|
{
|
|
1510
|
-
"type": "button",
|
|
1511
|
-
"action": "RESET",
|
|
1512
|
-
"variant": "ghost",
|
|
1513
1511
|
"icon": "rotate-ccw",
|
|
1514
|
-
"
|
|
1512
|
+
"action": "RESET",
|
|
1513
|
+
"type": "button",
|
|
1514
|
+
"label": "Reset",
|
|
1515
|
+
"variant": "ghost"
|
|
1515
1516
|
}
|
|
1516
|
-
]
|
|
1517
|
-
"gap": "sm"
|
|
1517
|
+
]
|
|
1518
1518
|
}
|
|
1519
1519
|
]
|
|
1520
1520
|
}
|
|
@@ -1545,30 +1545,28 @@
|
|
|
1545
1545
|
"main",
|
|
1546
1546
|
{
|
|
1547
1547
|
"direction": "vertical",
|
|
1548
|
-
"gap": "lg",
|
|
1549
|
-
"type": "stack",
|
|
1550
1548
|
"children": [
|
|
1551
1549
|
{
|
|
1550
|
+
"type": "stack",
|
|
1552
1551
|
"align": "center",
|
|
1552
|
+
"gap": "sm",
|
|
1553
|
+
"direction": "horizontal",
|
|
1553
1554
|
"children": [
|
|
1554
1555
|
{
|
|
1555
|
-
"
|
|
1556
|
-
"
|
|
1556
|
+
"name": "gauge",
|
|
1557
|
+
"type": "icon"
|
|
1557
1558
|
},
|
|
1558
1559
|
{
|
|
1560
|
+
"variant": "h2",
|
|
1559
1561
|
"type": "typography",
|
|
1560
|
-
"content": "Token Usage"
|
|
1561
|
-
"variant": "h2"
|
|
1562
|
+
"content": "Token Usage"
|
|
1562
1563
|
},
|
|
1563
1564
|
{
|
|
1564
|
-
"type": "badge",
|
|
1565
1565
|
"variant": "default",
|
|
1566
|
+
"type": "badge",
|
|
1566
1567
|
"label": "Normal"
|
|
1567
1568
|
}
|
|
1568
|
-
]
|
|
1569
|
-
"gap": "sm",
|
|
1570
|
-
"type": "stack",
|
|
1571
|
-
"direction": "horizontal"
|
|
1569
|
+
]
|
|
1572
1570
|
},
|
|
1573
1571
|
{
|
|
1574
1572
|
"type": "divider"
|
|
@@ -1579,30 +1577,32 @@
|
|
|
1579
1577
|
"type": "progress-bar"
|
|
1580
1578
|
},
|
|
1581
1579
|
{
|
|
1582
|
-
"
|
|
1580
|
+
"gap": "md",
|
|
1583
1581
|
"children": [
|
|
1584
1582
|
{
|
|
1585
|
-
"
|
|
1583
|
+
"value": "@entity.current",
|
|
1586
1584
|
"type": "stat-display",
|
|
1587
|
-
"
|
|
1585
|
+
"label": "Tokens Used"
|
|
1588
1586
|
},
|
|
1589
1587
|
{
|
|
1590
1588
|
"type": "stat-display",
|
|
1591
|
-
"
|
|
1592
|
-
"
|
|
1589
|
+
"label": "Max Tokens",
|
|
1590
|
+
"value": "@entity.max"
|
|
1593
1591
|
}
|
|
1594
1592
|
],
|
|
1595
|
-
"
|
|
1596
|
-
"
|
|
1593
|
+
"type": "stack",
|
|
1594
|
+
"direction": "horizontal"
|
|
1597
1595
|
},
|
|
1598
1596
|
{
|
|
1599
|
-
"variant": "ghost",
|
|
1600
|
-
"icon": "rotate-ccw",
|
|
1601
1597
|
"type": "button",
|
|
1602
|
-
"
|
|
1603
|
-
"action": "RESET"
|
|
1598
|
+
"icon": "rotate-ccw",
|
|
1599
|
+
"action": "RESET",
|
|
1600
|
+
"variant": "ghost",
|
|
1601
|
+
"label": "Reset"
|
|
1604
1602
|
}
|
|
1605
|
-
]
|
|
1603
|
+
],
|
|
1604
|
+
"type": "stack",
|
|
1605
|
+
"gap": "lg"
|
|
1606
1606
|
}
|
|
1607
1607
|
]
|
|
1608
1608
|
]
|
|
@@ -1627,39 +1627,42 @@
|
|
|
1627
1627
|
"render-ui",
|
|
1628
1628
|
"main",
|
|
1629
1629
|
{
|
|
1630
|
+
"direction": "vertical",
|
|
1630
1631
|
"gap": "lg",
|
|
1632
|
+
"type": "stack",
|
|
1631
1633
|
"children": [
|
|
1632
1634
|
{
|
|
1633
1635
|
"gap": "sm",
|
|
1634
|
-
"type": "stack",
|
|
1635
|
-
"align": "center",
|
|
1636
1636
|
"children": [
|
|
1637
1637
|
{
|
|
1638
1638
|
"name": "gauge",
|
|
1639
1639
|
"type": "icon"
|
|
1640
1640
|
},
|
|
1641
1641
|
{
|
|
1642
|
-
"variant": "h2",
|
|
1643
1642
|
"type": "typography",
|
|
1643
|
+
"variant": "h2",
|
|
1644
1644
|
"content": "Token Usage"
|
|
1645
1645
|
},
|
|
1646
1646
|
{
|
|
1647
|
+
"variant": "default",
|
|
1647
1648
|
"label": "Normal",
|
|
1648
|
-
"type": "badge"
|
|
1649
|
-
"variant": "default"
|
|
1649
|
+
"type": "badge"
|
|
1650
1650
|
}
|
|
1651
1651
|
],
|
|
1652
|
-
"direction": "horizontal"
|
|
1652
|
+
"direction": "horizontal",
|
|
1653
|
+
"type": "stack",
|
|
1654
|
+
"align": "center"
|
|
1653
1655
|
},
|
|
1654
1656
|
{
|
|
1655
1657
|
"type": "divider"
|
|
1656
1658
|
},
|
|
1657
1659
|
{
|
|
1660
|
+
"type": "progress-bar",
|
|
1658
1661
|
"value": "@entity.current",
|
|
1659
|
-
"max": "@entity.max"
|
|
1660
|
-
"type": "progress-bar"
|
|
1662
|
+
"max": "@entity.max"
|
|
1661
1663
|
},
|
|
1662
1664
|
{
|
|
1665
|
+
"gap": "md",
|
|
1663
1666
|
"type": "stack",
|
|
1664
1667
|
"children": [
|
|
1665
1668
|
{
|
|
@@ -1669,23 +1672,20 @@
|
|
|
1669
1672
|
},
|
|
1670
1673
|
{
|
|
1671
1674
|
"label": "Max Tokens",
|
|
1672
|
-
"
|
|
1673
|
-
"
|
|
1675
|
+
"type": "stat-display",
|
|
1676
|
+
"value": "@entity.max"
|
|
1674
1677
|
}
|
|
1675
1678
|
],
|
|
1676
|
-
"gap": "md",
|
|
1677
1679
|
"direction": "horizontal"
|
|
1678
1680
|
},
|
|
1679
1681
|
{
|
|
1680
|
-
"type": "button",
|
|
1681
1682
|
"variant": "ghost",
|
|
1682
1683
|
"label": "Reset",
|
|
1683
|
-
"
|
|
1684
|
-
"
|
|
1684
|
+
"action": "RESET",
|
|
1685
|
+
"type": "button",
|
|
1686
|
+
"icon": "rotate-ccw"
|
|
1685
1687
|
}
|
|
1686
|
-
]
|
|
1687
|
-
"direction": "vertical",
|
|
1688
|
-
"type": "stack"
|
|
1688
|
+
]
|
|
1689
1689
|
}
|
|
1690
1690
|
]
|
|
1691
1691
|
]
|
|
@@ -1704,11 +1704,11 @@
|
|
|
1704
1704
|
"render-ui",
|
|
1705
1705
|
"main",
|
|
1706
1706
|
{
|
|
1707
|
+
"gap": "lg",
|
|
1708
|
+
"type": "stack",
|
|
1707
1709
|
"children": [
|
|
1708
1710
|
{
|
|
1709
|
-
"direction": "horizontal",
|
|
1710
1711
|
"gap": "sm",
|
|
1711
|
-
"align": "center",
|
|
1712
1712
|
"children": [
|
|
1713
1713
|
{
|
|
1714
1714
|
"type": "icon",
|
|
@@ -1720,49 +1720,49 @@
|
|
|
1720
1720
|
"variant": "h2"
|
|
1721
1721
|
},
|
|
1722
1722
|
{
|
|
1723
|
-
"type": "badge",
|
|
1724
1723
|
"label": "Normal",
|
|
1725
|
-
"variant": "default"
|
|
1724
|
+
"variant": "default",
|
|
1725
|
+
"type": "badge"
|
|
1726
1726
|
}
|
|
1727
1727
|
],
|
|
1728
|
-
"type": "stack"
|
|
1728
|
+
"type": "stack",
|
|
1729
|
+
"direction": "horizontal",
|
|
1730
|
+
"align": "center"
|
|
1729
1731
|
},
|
|
1730
1732
|
{
|
|
1731
1733
|
"type": "divider"
|
|
1732
1734
|
},
|
|
1733
1735
|
{
|
|
1734
|
-
"max": "@entity.max",
|
|
1735
1736
|
"value": "@entity.current",
|
|
1736
|
-
"type": "progress-bar"
|
|
1737
|
+
"type": "progress-bar",
|
|
1738
|
+
"max": "@entity.max"
|
|
1737
1739
|
},
|
|
1738
1740
|
{
|
|
1739
|
-
"direction": "horizontal",
|
|
1740
|
-
"gap": "md",
|
|
1741
1741
|
"type": "stack",
|
|
1742
|
+
"gap": "md",
|
|
1742
1743
|
"children": [
|
|
1743
1744
|
{
|
|
1744
|
-
"type": "stat-display",
|
|
1745
1745
|
"label": "Tokens Used",
|
|
1746
|
-
"value": "@entity.current"
|
|
1746
|
+
"value": "@entity.current",
|
|
1747
|
+
"type": "stat-display"
|
|
1747
1748
|
},
|
|
1748
1749
|
{
|
|
1749
1750
|
"value": "@entity.max",
|
|
1750
|
-
"
|
|
1751
|
-
"
|
|
1751
|
+
"type": "stat-display",
|
|
1752
|
+
"label": "Max Tokens"
|
|
1752
1753
|
}
|
|
1753
|
-
]
|
|
1754
|
+
],
|
|
1755
|
+
"direction": "horizontal"
|
|
1754
1756
|
},
|
|
1755
1757
|
{
|
|
1756
|
-
"label": "Reset",
|
|
1757
|
-
"type": "button",
|
|
1758
1758
|
"variant": "ghost",
|
|
1759
|
-
"
|
|
1760
|
-
"
|
|
1759
|
+
"icon": "rotate-ccw",
|
|
1760
|
+
"type": "button",
|
|
1761
|
+
"label": "Reset",
|
|
1762
|
+
"action": "RESET"
|
|
1761
1763
|
}
|
|
1762
1764
|
],
|
|
1763
|
-
"
|
|
1764
|
-
"direction": "vertical",
|
|
1765
|
-
"gap": "lg"
|
|
1765
|
+
"direction": "vertical"
|
|
1766
1766
|
}
|
|
1767
1767
|
]
|
|
1768
1768
|
]
|
|
@@ -1969,8 +1969,8 @@
|
|
|
1969
1969
|
"AgentContextWindow",
|
|
1970
1970
|
{
|
|
1971
1971
|
"emit": {
|
|
1972
|
-
"
|
|
1973
|
-
"
|
|
1972
|
+
"success": "AgentContextWindowLoaded",
|
|
1973
|
+
"failure": "AgentContextWindowLoadFailed"
|
|
1974
1974
|
}
|
|
1975
1975
|
}
|
|
1976
1976
|
]
|
|
@@ -1995,60 +1995,60 @@
|
|
|
1995
1995
|
"render-ui",
|
|
1996
1996
|
"main",
|
|
1997
1997
|
{
|
|
1998
|
-
"type": "stack",
|
|
1999
|
-
"direction": "vertical",
|
|
2000
|
-
"gap": "lg",
|
|
2001
1998
|
"children": [
|
|
2002
1999
|
{
|
|
2000
|
+
"type": "stack",
|
|
2003
2001
|
"justify": "between",
|
|
2002
|
+
"gap": "md",
|
|
2004
2003
|
"children": [
|
|
2005
2004
|
{
|
|
2006
|
-
"type": "stack",
|
|
2007
2005
|
"direction": "horizontal",
|
|
2008
|
-
"align": "center",
|
|
2009
|
-
"gap": "md",
|
|
2010
2006
|
"children": [
|
|
2011
2007
|
{
|
|
2012
|
-
"
|
|
2013
|
-
"
|
|
2008
|
+
"name": "layers",
|
|
2009
|
+
"type": "icon"
|
|
2014
2010
|
},
|
|
2015
2011
|
{
|
|
2016
|
-
"
|
|
2012
|
+
"type": "typography",
|
|
2017
2013
|
"variant": "h2",
|
|
2018
|
-
"
|
|
2014
|
+
"content": "Context Window Alert"
|
|
2019
2015
|
}
|
|
2020
|
-
]
|
|
2016
|
+
],
|
|
2017
|
+
"align": "center",
|
|
2018
|
+
"type": "stack",
|
|
2019
|
+
"gap": "md"
|
|
2021
2020
|
},
|
|
2022
2021
|
{
|
|
2023
2022
|
"label": "Dismiss",
|
|
2023
|
+
"type": "button",
|
|
2024
2024
|
"variant": "ghost",
|
|
2025
2025
|
"icon": "x",
|
|
2026
|
-
"type": "button",
|
|
2027
2026
|
"action": "HIDE"
|
|
2028
2027
|
}
|
|
2029
2028
|
],
|
|
2030
|
-
"type": "stack",
|
|
2031
2029
|
"align": "center",
|
|
2032
|
-
"gap": "md",
|
|
2033
2030
|
"direction": "horizontal"
|
|
2034
2031
|
},
|
|
2035
2032
|
{
|
|
2036
2033
|
"type": "divider"
|
|
2037
2034
|
},
|
|
2038
2035
|
{
|
|
2039
|
-
"type": "alert",
|
|
2040
2036
|
"message": "@entity.message",
|
|
2037
|
+
"type": "alert",
|
|
2041
2038
|
"variant": "@entity.notificationType"
|
|
2042
2039
|
},
|
|
2043
2040
|
{
|
|
2044
2041
|
"type": "toast-slot"
|
|
2045
2042
|
},
|
|
2046
2043
|
{
|
|
2047
|
-
"type": "alert",
|
|
2048
2044
|
"variant": "warning",
|
|
2045
|
+
"type": "alert",
|
|
2049
2046
|
"message": "@entity.message"
|
|
2050
2047
|
}
|
|
2051
|
-
]
|
|
2048
|
+
],
|
|
2049
|
+
"gap": "lg",
|
|
2050
|
+
"direction": "vertical",
|
|
2051
|
+
"type": "stack"
|
|
2052
2052
|
}
|
|
2053
2053
|
]
|
|
2054
2054
|
]
|
|
@@ -2072,60 +2072,60 @@
|
|
|
2072
2072
|
"render-ui",
|
|
2073
2073
|
"main",
|
|
2074
2074
|
{
|
|
2075
|
-
"type": "stack",
|
|
2076
|
-
"direction": "vertical",
|
|
2077
2075
|
"children": [
|
|
2078
2076
|
{
|
|
2077
|
+
"gap": "md",
|
|
2079
2078
|
"justify": "between",
|
|
2079
|
+
"align": "center",
|
|
2080
2080
|
"children": [
|
|
2081
2081
|
{
|
|
2082
2082
|
"direction": "horizontal",
|
|
2083
|
-
"type": "stack",
|
|
2084
|
-
"align": "center",
|
|
2085
|
-
"gap": "md",
|
|
2086
2083
|
"children": [
|
|
2087
2084
|
{
|
|
2088
2085
|
"name": "layers",
|
|
2089
2086
|
"type": "icon"
|
|
2090
2087
|
},
|
|
2091
2088
|
{
|
|
2092
|
-
"type": "typography",
|
|
2093
2089
|
"content": "Context Window Alert",
|
|
2094
|
-
"variant": "h2"
|
|
2090
|
+
"variant": "h2",
|
|
2091
|
+
"type": "typography"
|
|
2095
2092
|
}
|
|
2096
|
-
]
|
|
2093
|
+
],
|
|
2094
|
+
"type": "stack",
|
|
2095
|
+
"align": "center",
|
|
2096
|
+
"gap": "md"
|
|
2097
2097
|
},
|
|
2098
2098
|
{
|
|
2099
|
-
"label": "Dismiss",
|
|
2100
|
-
"type": "button",
|
|
2101
2099
|
"action": "HIDE",
|
|
2102
|
-
"
|
|
2103
|
-
"
|
|
2100
|
+
"type": "button",
|
|
2101
|
+
"label": "Dismiss",
|
|
2102
|
+
"variant": "ghost",
|
|
2103
|
+
"icon": "x"
|
|
2104
2104
|
}
|
|
2105
2105
|
],
|
|
2106
2106
|
"direction": "horizontal",
|
|
2107
|
-
"gap": "md",
|
|
2108
|
-
"align": "center",
|
|
2109
2107
|
"type": "stack"
|
|
2110
2108
|
},
|
|
2111
2109
|
{
|
|
2112
2110
|
"type": "divider"
|
|
2113
2111
|
},
|
|
2114
2112
|
{
|
|
2113
|
+
"message": "@entity.message",
|
|
2115
2114
|
"type": "alert",
|
|
2116
|
-
"variant": "@entity.notificationType"
|
|
2117
|
-
"message": "@entity.message"
|
|
2115
|
+
"variant": "@entity.notificationType"
|
|
2118
2116
|
},
|
|
2119
2117
|
{
|
|
2120
2118
|
"type": "toast-slot"
|
|
2121
2119
|
},
|
|
2122
2120
|
{
|
|
2121
|
+
"message": "@entity.message",
|
|
2123
2122
|
"variant": "warning",
|
|
2124
|
-
"type": "alert"
|
|
2125
|
-
"message": "@entity.message"
|
|
2123
|
+
"type": "alert"
|
|
2126
2124
|
}
|
|
2127
2125
|
],
|
|
2128
|
-
"
|
|
2126
|
+
"type": "stack",
|
|
2127
|
+
"gap": "lg",
|
|
2128
|
+
"direction": "vertical"
|
|
2129
2129
|
}
|
|
2130
2130
|
]
|
|
2131
2131
|
]
|
|
@@ -2388,10 +2388,10 @@
|
|
|
2388
2388
|
"render-ui",
|
|
2389
2389
|
"main",
|
|
2390
2390
|
{
|
|
2391
|
-
"
|
|
2391
|
+
"type": "empty-state",
|
|
2392
2392
|
"title": "Context Window",
|
|
2393
|
-
"
|
|
2394
|
-
"
|
|
2393
|
+
"icon": "layers",
|
|
2394
|
+
"description": "Context Window is ready"
|
|
2395
2395
|
}
|
|
2396
2396
|
]
|
|
2397
2397
|
]
|
|
@@ -2436,7 +2436,11 @@
|
|
|
2436
2436
|
],
|
|
2437
2437
|
[
|
|
2438
2438
|
"emit",
|
|
2439
|
-
"UPDATE"
|
|
2439
|
+
"UPDATE",
|
|
2440
|
+
{
|
|
2441
|
+
"max": "@entity.maxTokens",
|
|
2442
|
+
"current": "@entity.tokenCount"
|
|
2443
|
+
}
|
|
2440
2444
|
]
|
|
2441
2445
|
]
|
|
2442
2446
|
},
|
|
@@ -2492,14 +2496,18 @@
|
|
|
2492
2496
|
],
|
|
2493
2497
|
[
|
|
2494
2498
|
"emit",
|
|
2495
|
-
"UPDATE"
|
|
2499
|
+
"UPDATE",
|
|
2500
|
+
{
|
|
2501
|
+
"current": "@entity.tokenCount",
|
|
2502
|
+
"max": "@entity.maxTokens"
|
|
2503
|
+
}
|
|
2496
2504
|
],
|
|
2497
2505
|
[
|
|
2498
2506
|
"emit",
|
|
2499
2507
|
"SHOW",
|
|
2500
2508
|
{
|
|
2501
|
-
"
|
|
2502
|
-
"
|
|
2509
|
+
"notificationType": "warning",
|
|
2510
|
+
"message": "Token usage approaching limit"
|
|
2503
2511
|
}
|
|
2504
2512
|
]
|
|
2505
2513
|
]
|
|
@@ -2536,14 +2544,18 @@
|
|
|
2536
2544
|
],
|
|
2537
2545
|
[
|
|
2538
2546
|
"emit",
|
|
2539
|
-
"UPDATE"
|
|
2547
|
+
"UPDATE",
|
|
2548
|
+
{
|
|
2549
|
+
"max": "@entity.maxTokens",
|
|
2550
|
+
"current": "@entity.tokenCount"
|
|
2551
|
+
}
|
|
2540
2552
|
],
|
|
2541
2553
|
[
|
|
2542
2554
|
"emit",
|
|
2543
2555
|
"SHOW",
|
|
2544
2556
|
{
|
|
2545
|
-
"
|
|
2546
|
-
"
|
|
2557
|
+
"message": "Token usage at limit. Compact required.",
|
|
2558
|
+
"notificationType": "error"
|
|
2547
2559
|
}
|
|
2548
2560
|
]
|
|
2549
2561
|
]
|
|
@@ -2587,7 +2599,11 @@
|
|
|
2587
2599
|
],
|
|
2588
2600
|
[
|
|
2589
2601
|
"emit",
|
|
2590
|
-
"UPDATE"
|
|
2602
|
+
"UPDATE",
|
|
2603
|
+
{
|
|
2604
|
+
"max": "@entity.maxTokens",
|
|
2605
|
+
"current": "@entity.tokenCount"
|
|
2606
|
+
}
|
|
2591
2607
|
]
|
|
2592
2608
|
]
|
|
2593
2609
|
},
|
|
@@ -2643,7 +2659,11 @@
|
|
|
2643
2659
|
],
|
|
2644
2660
|
[
|
|
2645
2661
|
"emit",
|
|
2646
|
-
"UPDATE"
|
|
2662
|
+
"UPDATE",
|
|
2663
|
+
{
|
|
2664
|
+
"max": "@entity.maxTokens",
|
|
2665
|
+
"current": "@entity.tokenCount"
|
|
2666
|
+
}
|
|
2647
2667
|
]
|
|
2648
2668
|
]
|
|
2649
2669
|
},
|
|
@@ -2686,7 +2706,11 @@
|
|
|
2686
2706
|
],
|
|
2687
2707
|
[
|
|
2688
2708
|
"emit",
|
|
2689
|
-
"UPDATE"
|
|
2709
|
+
"UPDATE",
|
|
2710
|
+
{
|
|
2711
|
+
"current": "@entity.tokenCount",
|
|
2712
|
+
"max": "@entity.maxTokens"
|
|
2713
|
+
}
|
|
2690
2714
|
]
|
|
2691
2715
|
]
|
|
2692
2716
|
}
|