@turquoisehealth/pit-viper 2.253.0 → 2.255.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 (135) hide show
  1. package/_site/assets/css/pit-viper-a11y.css +968 -61
  2. package/_site/assets/css/pit-viper-consumer.css +959 -53
  3. package/_site/assets/css/pit-viper-v2-scoped.css +787 -30
  4. package/_site/assets/css/pit-viper-v2.css +968 -61
  5. package/_site/assets/css/pit-viper.css +958 -52
  6. package/package.json +1 -1
  7. package/pv-components/dist/stats/vue/ai/stats.html +1 -1
  8. package/pv-components/dist/stats/vue/base/stats.html +1 -1
  9. package/pv-components/dist/stats/vue/visualizations/stats.html +1 -1
  10. package/pv-components/dist/stats/web/pv-accordion-stats.html +1 -1
  11. package/pv-components/dist/stats/web/pv-box-plot-stats.html +4950 -0
  12. package/pv-components/dist/stats/web/pv-button-stats.html +1 -1
  13. package/pv-components/dist/stats/web/pv-confirmation-stats.html +1 -1
  14. package/pv-components/dist/stats/web/pv-counter-badge-stats.html +1 -1
  15. package/pv-components/dist/stats/web/pv-date-time-stats.html +1 -1
  16. package/pv-components/dist/stats/web/pv-drawer-stats.html +1 -1
  17. package/pv-components/dist/stats/web/pv-empty-state-stats.html +1 -1
  18. package/pv-components/dist/stats/web/pv-expandable-content-stats.html +1 -1
  19. package/pv-components/dist/stats/web/pv-file-input-stats.html +1 -1
  20. package/pv-components/dist/stats/web/pv-filter-modal-stats.html +1 -1
  21. package/pv-components/dist/stats/web/pv-filter-panel-stats.html +1 -1
  22. package/pv-components/dist/stats/web/pv-ghost-input-stats.html +1 -1
  23. package/pv-components/dist/stats/web/pv-horizontal-scroller-stats.html +1 -1
  24. package/pv-components/dist/stats/web/pv-hover-action-menu-stats.html +1 -1
  25. package/pv-components/dist/stats/web/pv-input-stats.html +1 -1
  26. package/pv-components/dist/stats/web/pv-insight-card-stats.html +1 -1
  27. package/pv-components/dist/stats/web/pv-menu-stats.html +1 -1
  28. package/pv-components/dist/stats/web/pv-multi-select-button-stats.html +1 -1
  29. package/pv-components/dist/stats/web/pv-pagination-stats.html +1 -1
  30. package/pv-components/dist/stats/web/pv-prompt-input-stats.html +1 -1
  31. package/pv-components/dist/stats/web/pv-query-builder-input-stats.html +1 -1
  32. package/pv-components/dist/stats/web/pv-question-stats.html +1 -1
  33. package/pv-components/dist/stats/web/pv-range-stats.html +1 -1
  34. package/pv-components/dist/stats/web/pv-reasoning-stats.html +1 -1
  35. package/pv-components/dist/stats/web/pv-segmented-control-stats.html +1 -1
  36. package/pv-components/dist/stats/web/pv-select-button-stats.html +1 -1
  37. package/pv-components/dist/stats/web/pv-sidebar-stats.html +1 -1
  38. package/pv-components/dist/stats/web/pv-sidebar-v2-stats.html +1 -1
  39. package/pv-components/dist/stats/web/pv-sortable-list-stats.html +1 -1
  40. package/pv-components/dist/stats/web/pv-split-button-stats.html +1 -1
  41. package/pv-components/dist/stats/web/pv-step-list-stats.html +1 -1
  42. package/pv-components/dist/stats/web/pv-stepper-stats.html +1 -1
  43. package/pv-components/dist/stats/web/pv-switch-stats.html +1 -1
  44. package/pv-components/dist/stats/web/pv-tab-list-stats.html +1 -1
  45. package/pv-components/dist/stats/web/pv-tabs-stats.html +1 -1
  46. package/pv-components/dist/stats/web/pv-toast-stats.html +1 -1
  47. package/pv-components/dist/stats/web/pv-toggle-button-stats.html +1 -1
  48. package/pv-components/dist/stats/web/pv-tool-stats.html +1 -1
  49. package/pv-components/dist/stats/web/pv-tree-stats.html +1 -1
  50. package/pv-components/dist/vue/ai/components/base/PvBoxPlot/PvBoxPlot.vue.d.ts +15 -0
  51. package/pv-components/dist/vue/ai/components/base/PvBoxPlot/helpers.d.ts +7 -0
  52. package/pv-components/dist/vue/ai/components/base/PvBoxPlot/types.d.ts +33 -0
  53. package/pv-components/dist/vue/ai/components/base/PvFilterPanel/types.d.ts +5 -0
  54. package/pv-components/dist/vue/ai/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts +51 -1
  55. package/pv-components/dist/vue/ai/components/base/PvMultiSelectButton/types.d.ts +3 -0
  56. package/pv-components/dist/vue/ai/components/base/PvSidebar/PvSidebar.vue.d.ts +15 -10
  57. package/pv-components/dist/vue/ai/components/base/PvSidebar/PvSidebarNavFlyout.vue.d.ts +9 -0
  58. package/pv-components/dist/vue/ai/components/base/PvSidebar/helpers.d.ts +3 -0
  59. package/pv-components/dist/vue/ai/components/base/PvSidebar/types.d.ts +44 -0
  60. package/pv-components/dist/vue/ai/components/base/PvSidebarV2/types.d.ts +2 -0
  61. package/pv-components/dist/vue/ai/components/base/index.d.ts +2 -0
  62. package/pv-components/dist/vue/ai/pv-components-ai.mjs +47 -45
  63. package/pv-components/dist/vue/ai/pv-components-ai.mjs.map +1 -1
  64. package/pv-components/dist/vue/base/components/base/PvBoxPlot/PvBoxPlot.vue.d.ts +15 -0
  65. package/pv-components/dist/vue/base/components/base/PvBoxPlot/helpers.d.ts +7 -0
  66. package/pv-components/dist/vue/base/components/base/PvBoxPlot/types.d.ts +33 -0
  67. package/pv-components/dist/vue/base/components/base/PvFilterPanel/types.d.ts +5 -0
  68. package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts +51 -1
  69. package/pv-components/dist/vue/base/components/base/PvMultiSelectButton/types.d.ts +3 -0
  70. package/pv-components/dist/vue/base/components/base/PvSidebar/PvSidebar.vue.d.ts +15 -10
  71. package/pv-components/dist/vue/base/components/base/PvSidebar/PvSidebarNavFlyout.vue.d.ts +9 -0
  72. package/pv-components/dist/vue/base/components/base/PvSidebar/helpers.d.ts +3 -0
  73. package/pv-components/dist/vue/base/components/base/PvSidebar/types.d.ts +44 -0
  74. package/pv-components/dist/vue/base/components/base/PvSidebarV2/types.d.ts +2 -0
  75. package/pv-components/dist/vue/base/components/base/index.d.ts +2 -0
  76. package/pv-components/dist/vue/base/pv-components-base.mjs +2390 -1481
  77. package/pv-components/dist/vue/base/pv-components-base.mjs.map +1 -1
  78. package/pv-components/dist/vue/visualizations/components/base/PvBoxPlot/PvBoxPlot.vue.d.ts +15 -0
  79. package/pv-components/dist/vue/visualizations/components/base/PvBoxPlot/helpers.d.ts +7 -0
  80. package/pv-components/dist/vue/visualizations/components/base/PvBoxPlot/types.d.ts +33 -0
  81. package/pv-components/dist/vue/visualizations/components/base/PvFilterPanel/types.d.ts +5 -0
  82. package/pv-components/dist/vue/visualizations/components/base/PvMultiSelectButton/PvMultiSelectButton.vue.d.ts +51 -1
  83. package/pv-components/dist/vue/visualizations/components/base/PvMultiSelectButton/types.d.ts +3 -0
  84. package/pv-components/dist/vue/visualizations/components/base/PvSidebar/PvSidebar.vue.d.ts +15 -10
  85. package/pv-components/dist/vue/visualizations/components/base/PvSidebar/PvSidebarNavFlyout.vue.d.ts +9 -0
  86. package/pv-components/dist/vue/visualizations/components/base/PvSidebar/helpers.d.ts +3 -0
  87. package/pv-components/dist/vue/visualizations/components/base/PvSidebar/types.d.ts +44 -0
  88. package/pv-components/dist/vue/visualizations/components/base/PvSidebarV2/types.d.ts +2 -0
  89. package/pv-components/dist/vue/visualizations/components/base/index.d.ts +2 -0
  90. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/types.d.ts +4 -1
  91. package/pv-components/dist/vue/visualizations/components/tables/PvDataTable/useSetFilter.d.ts +2 -0
  92. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs +1561 -1540
  93. package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs.map +1 -1
  94. package/pv-components/dist/web/components/pv-accordion/pv-accordion.js +3 -3
  95. package/pv-components/dist/web/components/pv-box-plot/pv-box-plot.js +6621 -0
  96. package/pv-components/dist/web/components/pv-button/pv-button.js +2 -2
  97. package/pv-components/dist/web/components/pv-confirmation/pv-confirmation.js +376 -373
  98. package/pv-components/dist/web/components/pv-counter-badge/pv-counter-badge.js +2 -2
  99. package/pv-components/dist/web/components/pv-date-time/pv-date-time.js +2 -6
  100. package/pv-components/dist/web/components/pv-drawer/pv-drawer.js +2 -2
  101. package/pv-components/dist/web/components/pv-empty-state/pv-empty-state.js +2 -2
  102. package/pv-components/dist/web/components/pv-expandable-content/pv-expandable-content.js +3 -3
  103. package/pv-components/dist/web/components/pv-file-input/pv-file-input.js +2 -2
  104. package/pv-components/dist/web/components/pv-filter-modal/pv-filter-modal.js +1038 -1030
  105. package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js +16 -10
  106. package/pv-components/dist/web/components/pv-ghost-input/pv-ghost-input.js +2 -2
  107. package/pv-components/dist/web/components/pv-horizontal-scroller/pv-horizontal-scroller.js +2 -2
  108. package/pv-components/dist/web/components/pv-hover-action-menu/pv-hover-action-menu.js +3 -3
  109. package/pv-components/dist/web/components/pv-input/pv-input.js +0 -1
  110. package/pv-components/dist/web/components/pv-insight-card/pv-insight-card.js +3 -3
  111. package/pv-components/dist/web/components/pv-menu/pv-menu.js +121 -121
  112. package/pv-components/dist/web/components/pv-multi-select-button/pv-multi-select-button.js +764 -756
  113. package/pv-components/dist/web/components/pv-pagination/pv-pagination.js +5 -5
  114. package/pv-components/dist/web/components/pv-prompt-input/pv-prompt-input.js +380 -380
  115. package/pv-components/dist/web/components/pv-query-builder-input/pv-query-builder-input.js +11 -11
  116. package/pv-components/dist/web/components/pv-question/pv-question.js +254 -255
  117. package/pv-components/dist/web/components/pv-range/pv-range.js +2 -2
  118. package/pv-components/dist/web/components/pv-reasoning/pv-reasoning.js +252 -252
  119. package/pv-components/dist/web/components/pv-segmented-control/pv-segmented-control.js +2 -2
  120. package/pv-components/dist/web/components/pv-select-button/pv-select-button.js +6 -6
  121. package/pv-components/dist/web/components/pv-sidebar/pv-sidebar.js +2739 -618
  122. package/pv-components/dist/web/components/pv-sidebar-v2/pv-sidebar-v2.js +460 -456
  123. package/pv-components/dist/web/components/pv-sortable-list/pv-sortable-list.js +811 -806
  124. package/pv-components/dist/web/components/pv-split-button/pv-split-button.js +880 -877
  125. package/pv-components/dist/web/components/pv-step-list/pv-step-list.js +2 -6
  126. package/pv-components/dist/web/components/pv-stepper/pv-stepper.js +2 -2
  127. package/pv-components/dist/web/components/pv-switch/pv-switch.js +2 -6
  128. package/pv-components/dist/web/components/pv-tab-list/pv-tab-list.js +3 -7
  129. package/pv-components/dist/web/components/pv-tabs/pv-tabs.js +2 -2
  130. package/pv-components/dist/web/components/pv-toast/pv-toast.js +2 -2
  131. package/pv-components/dist/web/components/pv-toggle-button/pv-toggle-button.js +2 -2
  132. package/pv-components/dist/web/components/pv-tool/pv-tool.js +7 -7
  133. package/pv-components/dist/web/components/pv-tree/pv-tree.js +18 -18
  134. package/pv-components/dist/web/pv-components.iife.js +14 -14
  135. package/pv-components/dist/web/pv-components.iife.js.map +1 -1
@@ -26,6 +26,25 @@
26
26
  background-color: var(--color-background-body, #FFFFFF);
27
27
  -webkit-font-smoothing: antialiased;
28
28
  /* Remove all animations and transitions for people that prefer not to see them */
29
+ /* Tooltips mount on body, outside .pv-data-table. Skip AG Grid's 1s fade-out so a hidden tooltip disappears at once. */
30
+ /*
31
+ * Reasoning is an aside in a transcript, not a card, so it paints no surface of
32
+ * its own: the transcript behind it shows through at rest, and a consumer that
33
+ * wants a card puts one there with a surface utility. Hover and pressed are a
34
+ * different question from the resting surface - they are the trigger telling you
35
+ * it is a control, which it is whatever it is sitting on - so they are left to
36
+ * the accordion's own states rather than pinned flat. Each value is still a
37
+ * token a consumer can retheme without reaching into the accordion.
38
+ */
39
+ /* `pv-shimmer` declares its own `--shimmer-rgb`, so the sweep colour has to be set
40
+ at higher specificity than the utility to reach it. It has to match the surface
41
+ the transcript paints, which only the consumer knows. */
42
+ /* Matches the summary the disclosure would draw, down to the box the chevron
43
+ occupies, so the label does not shift sideways the moment there is finally
44
+ something to disclose. The chevron is a 1rem icon laid out by `pv-flex`, and
45
+ the padding is the one `.pv-reasoning` hands its summary. */
46
+ /* ...but structured markup a consumer slots in should not inherit that, or its
47
+ own indentation renders. Zero specificity, so consumers can still override. */
29
48
  }
30
49
  .pv-v2 :where(*) {
31
50
  box-sizing: border-box;
@@ -966,6 +985,36 @@
966
985
  padding: 0.125rem 0.5rem;
967
986
  }
968
987
  }
988
+ .pv-v2 .pv-split-button {
989
+ --flex-gap: 0;
990
+ }
991
+ .pv-v2 .pv-split-button-action {
992
+ border-top-right-radius: 0;
993
+ border-bottom-right-radius: 0;
994
+ border-right: none;
995
+ }
996
+ .pv-v2 .pv-split-button-menu-trigger {
997
+ position: relative;
998
+ border-top-left-radius: 0;
999
+ border-bottom-left-radius: 0;
1000
+ border-left: none;
1001
+ }
1002
+ .pv-v2 .pv-split-button-menu-trigger::before {
1003
+ content: "";
1004
+ position: absolute;
1005
+ left: 0;
1006
+ top: 50%;
1007
+ transform: translateY(-50%) translateX(-150%);
1008
+ width: 1px;
1009
+ height: 50%;
1010
+ min-height: 0.75rem;
1011
+ background-color: var(--color-border, #E3E7EA);
1012
+ pointer-events: none;
1013
+ }
1014
+ .pv-v2 .pv-split-button-menu-content > * {
1015
+ width: 100%;
1016
+ justify-content: flex-start;
1017
+ }
969
1018
  .pv-v2 .pv-input-text,
970
1019
  .pv-v2 .pv-input-search,
971
1020
  .pv-v2 .pv-input-date,
@@ -1367,6 +1416,13 @@
1367
1416
  .pv-v2 .pv-switch.pv-input-xsmall input[type=checkbox]:checked:after {
1368
1417
  right: 2px;
1369
1418
  }
1419
+ .pv-v2 .pv-switch-hide-check input[type=checkbox]:checked:after,
1420
+ .pv-v2 .pv-switch-hide-check input[type=checkbox]:checked:not(:disabled):hover:after,
1421
+ .pv-v2 .pv-switch-hide-check input[type=checkbox]:checked:not(:disabled):focus-visible:after,
1422
+ .pv-v2 .pv-switch-hide-check input[type=checkbox]:checked:not(:disabled):active:after,
1423
+ .pv-v2 .pv-switch-hide-check input[type=checkbox]:checked:disabled:after {
1424
+ background-image: unset;
1425
+ }
1370
1426
  .pv-v2 [class*=pv-label-selectable] {
1371
1427
  cursor: pointer;
1372
1428
  background-color: var(--selectable-label-background-color, #FFFFFF);
@@ -1523,10 +1579,10 @@
1523
1579
  line-height: 1.09090909;
1524
1580
  }
1525
1581
  .pv-v2 .pv-range {
1526
- --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
1582
+ --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
1527
1583
  --range-thumb-border-width: 3px;
1528
1584
  --range-thumb-size: 20px;
1529
- --range-track-color: var(--color-border, #e3e7ea);
1585
+ --range-track-color: var(--color-border, #E3E7EA);
1530
1586
  --range-track-height: 6px;
1531
1587
  --value: 0%;
1532
1588
  -webkit-appearance: none;
@@ -1556,11 +1612,11 @@
1556
1612
  outline: none;
1557
1613
  }
1558
1614
  .pv-v2 .pv-range:focus-visible::-webkit-slider-thumb {
1559
- outline: 2px solid var(--color-border-brand, #36c5ba);
1615
+ outline: 2px solid var(--color-border-brand, #36C5BA);
1560
1616
  outline-offset: 2px;
1561
1617
  }
1562
1618
  .pv-v2 .pv-range:focus-visible::-moz-range-thumb {
1563
- outline: 2px solid var(--color-border-brand, #36c5ba);
1619
+ outline: 2px solid var(--color-border-brand, #36C5BA);
1564
1620
  outline-offset: 2px;
1565
1621
  }
1566
1622
  .pv-v2 .pv-range-sm {
@@ -1586,8 +1642,8 @@
1586
1642
  --range-dual-thumb-border-width: 0.1875rem;
1587
1643
  --range-dual-thumb-size: 1.25rem;
1588
1644
  --range-dual-track-height: 0.375rem;
1589
- --range-fill-color: var(--color-background-brand-inverse, #36c5ba);
1590
- --range-track-color: var(--color-border, #e3e7ea);
1645
+ --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
1646
+ --range-track-color: var(--color-border, #E3E7EA);
1591
1647
  align-items: center;
1592
1648
  cursor: pointer;
1593
1649
  display: flex;
@@ -1657,7 +1713,7 @@
1657
1713
  .pv-v2 .pv-range-dual-native::-webkit-slider-thumb {
1658
1714
  -webkit-appearance: none;
1659
1715
  appearance: none;
1660
- background-color: #ffffff;
1716
+ background-color: #FFFFFF;
1661
1717
  border: var(--range-dual-thumb-border-width) solid var(--range-fill-color);
1662
1718
  border-radius: 50%;
1663
1719
  box-shadow: var(--elevation-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
@@ -1667,7 +1723,7 @@
1667
1723
  width: var(--range-dual-thumb-size);
1668
1724
  }
1669
1725
  .pv-v2 .pv-range-dual-native::-moz-range-thumb {
1670
- background-color: #ffffff;
1726
+ background-color: #FFFFFF;
1671
1727
  border: var(--range-dual-thumb-border-width) solid var(--range-fill-color);
1672
1728
  border-radius: 50%;
1673
1729
  box-shadow: var(--elevation-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
@@ -1680,11 +1736,11 @@
1680
1736
  outline: none;
1681
1737
  }
1682
1738
  .pv-v2 .pv-range-dual-native:focus-visible::-webkit-slider-thumb {
1683
- outline: 2px solid var(--color-border-brand, #36c5ba);
1739
+ outline: 2px solid var(--color-border-brand, #36C5BA);
1684
1740
  outline-offset: 2px;
1685
1741
  }
1686
1742
  .pv-v2 .pv-range-dual-native:focus-visible::-moz-range-thumb {
1687
- outline: 2px solid var(--color-border-brand, #36c5ba);
1743
+ outline: 2px solid var(--color-border-brand, #36C5BA);
1688
1744
  outline-offset: 2px;
1689
1745
  }
1690
1746
  .pv-v2 .pv-range-dual-native-min {
@@ -1721,7 +1777,7 @@
1721
1777
  .pv-v2 .pv-range-dual-tooltip {
1722
1778
  background: var(--color-background-inverse, #242626);
1723
1779
  border-radius: 0.25rem;
1724
- color: var(--color-text-inverse, #ffffff);
1780
+ color: var(--color-text-inverse, #FFFFFF);
1725
1781
  font-size: 0.75rem;
1726
1782
  line-height: 1;
1727
1783
  padding: 0.5rem;
@@ -1732,6 +1788,77 @@
1732
1788
  white-space: nowrap;
1733
1789
  z-index: 4;
1734
1790
  }
1791
+ .pv-v2 .pv-prompt-input {
1792
+ --flex-align: stretch;
1793
+ cursor: text;
1794
+ transition-duration: 0.125s;
1795
+ transition-property: border-color, box-shadow;
1796
+ }
1797
+ .pv-v2 .pv-prompt-input:hover {
1798
+ border-color: var(--text-input-hover-border-color, #D2D8DC);
1799
+ box-shadow: 0px 0.25px 3px 0px rgba(0, 0, 0, 0.2);
1800
+ }
1801
+ .pv-v2 .pv-prompt-input:focus-within {
1802
+ border-color: var(--text-input-focus-border-color, #36C5BA);
1803
+ }
1804
+ .pv-v2 .pv-prompt-input-textarea {
1805
+ --flex-align: stretch;
1806
+ width: 100%;
1807
+ }
1808
+ .pv-v2 .pv-prompt-input-textarea textarea {
1809
+ field-sizing: content;
1810
+ max-height: var(--prompt-input-max-height);
1811
+ width: 100%;
1812
+ min-width: 0;
1813
+ border: 0;
1814
+ padding: 0;
1815
+ resize: none;
1816
+ overflow-y: auto;
1817
+ background-color: transparent;
1818
+ }
1819
+ .pv-v2 .pv-prompt-input-textarea textarea:focus, .pv-v2 .pv-prompt-input-textarea textarea:focus-visible {
1820
+ outline: none;
1821
+ }
1822
+ .pv-v2 .pv-prompt-input-footer {
1823
+ --flex-justify: space-between;
1824
+ }
1825
+ .pv-v2 .pv-prompt-input-actions {
1826
+ min-width: 0;
1827
+ }
1828
+ .pv-v2 .pv-query-builder-input-wrapper {
1829
+ display: flex;
1830
+ align-items: center;
1831
+ position: relative;
1832
+ width: 100%;
1833
+ background: var(--color-background-accent, #F7F8F8);
1834
+ padding: 0.1875rem 0.25rem;
1835
+ border-radius: var(--query-builder-input-radius, 4px);
1836
+ border: 1px solid var(--color-border, #E3E7EA);
1837
+ font-size: 0.75rem;
1838
+ min-height: 2rem;
1839
+ cursor: text;
1840
+ --button-small-icon-only-padding: 0.1875rem;
1841
+ }
1842
+ .pv-v2 .pv-query-builder-input-small {
1843
+ min-height: 1.5rem;
1844
+ padding-block: 0.0625rem;
1845
+ --button-small-icon-only-padding: 0.0625rem;
1846
+ }
1847
+ .pv-v2 .pv-query-builder-input {
1848
+ justify-content: start;
1849
+ overflow-x: hidden;
1850
+ }
1851
+ .pv-v2 .pv-query-builder-input-wrapper input {
1852
+ border: none;
1853
+ background: transparent;
1854
+ outline: none;
1855
+ font-size: 0.75rem;
1856
+ flex: 1 1 1rem;
1857
+ min-width: 1rem;
1858
+ }
1859
+ .pv-v2 .pv-query-builder-input-wrapper:focus-within {
1860
+ border-color: var(--text-input-focus-border-color, #36C5BA);
1861
+ }
1735
1862
  .pv-v2 .pv-nav-container {
1736
1863
  padding: 20px 9px 20px 20px;
1737
1864
  overflow-y: auto;
@@ -2229,7 +2356,7 @@
2229
2356
  }
2230
2357
  }
2231
2358
  .pv-v2 .pv-notification {
2232
- --bg-color: var(--color-background-body, white);
2359
+ --bg-color: var(--color-background-body, #FFFFFF);
2233
2360
  position: relative;
2234
2361
  }
2235
2362
  .pv-v2 .pv-notification:after {
@@ -2280,7 +2407,7 @@
2280
2407
  background-color: var(--toast-warning-background-color, #FAEBC6);
2281
2408
  }
2282
2409
  .pv-v2 .pv-toast-warning svg:not([class*=pv-button] svg) {
2283
- fill: #A97909;
2410
+ fill: var(--toast-warning-icon-color, #A97909);
2284
2411
  }
2285
2412
  .pv-v2 .pv-toast-dark {
2286
2413
  background-color: var(--toast-dark-background-color, #242626);
@@ -3132,6 +3259,20 @@
3132
3259
  border-radius: var(--tab-list-indicator-radius, 2px);
3133
3260
  background-color: var(--tab-list-indicator-color, #16696D);
3134
3261
  }
3262
+ .pv-v2 .pv-tab-list-underline {
3263
+ border: none;
3264
+ }
3265
+ .pv-v2 .pv-tab-list-underline :where(li)[data-active]:after {
3266
+ content: "";
3267
+ display: block;
3268
+ height: 2px;
3269
+ width: 100%;
3270
+ position: absolute;
3271
+ bottom: 0;
3272
+ left: 0;
3273
+ right: 0;
3274
+ background-color: var(--tab-list-indicator-color, #16696D);
3275
+ }
3135
3276
  .pv-v2 .pv-tab-overflow .pv-popover-list a[aria-disabled=true] {
3136
3277
  color: var(--tab-list-disabled-text-color, #7D898D);
3137
3278
  background-color: transparent;
@@ -3184,6 +3325,7 @@
3184
3325
  --top: 2rem;
3185
3326
  border: none;
3186
3327
  border-radius: 4px;
3328
+ background-color: var(--color-modal-background, var(--color-background-body, #FFFFFF));
3187
3329
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 12px 20px rgba(0, 0, 0, 0.25), 0px 16px 28px -8px rgba(0, 0, 0, 0.25);
3188
3330
  color: var(--color-text-body, #121313);
3189
3331
  max-width: min(100% - 2rem, var(--max-width));
@@ -3331,6 +3473,172 @@
3331
3473
  .pv-v2 pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
3332
3474
  background-image: none;
3333
3475
  }
3476
+ .pv-v2 .pv-menu-item-disabled {
3477
+ pointer-events: none;
3478
+ border-radius: 0.25rem;
3479
+ color: var(--color-text-subdued, #4B595C);
3480
+ }
3481
+ .pv-v2 .pv-menu-item-disabled .pv-menu-item-action {
3482
+ display: inline-flex;
3483
+ pointer-events: auto;
3484
+ }
3485
+ .pv-v2 .pv-menu-item {
3486
+ cursor: pointer;
3487
+ transition-duration: 150ms;
3488
+ transition-property: background-color;
3489
+ border-radius: var(--popover-list-item-radius, 4px);
3490
+ }
3491
+ .pv-v2 .pv-menu-item:hover, .pv-v2 .pv-menu-item:focus-visible {
3492
+ background-color: var(--popover-list-item-hover-background-color, #E8F2F4);
3493
+ }
3494
+ .pv-v2 .pv-menu-item:active {
3495
+ background-color: var(--popover-list-item-pressed-background-color, #C7D8DB);
3496
+ }
3497
+ .pv-v2 .pv-menu-item-expand-chevron {
3498
+ padding: 0.25rem;
3499
+ margin-left: auto;
3500
+ flex-shrink: 0;
3501
+ }
3502
+ .pv-v2 .pv-menu-item-disabled .pv-menu-item-expand-chevron {
3503
+ pointer-events: auto;
3504
+ color: inherit;
3505
+ }
3506
+ .pv-v2 .pv-sortable-list-button-placeholder {
3507
+ height: 1.5rem;
3508
+ width: 1.5rem;
3509
+ }
3510
+ .pv-v2 .pv-sortable-list-option {
3511
+ --flex-gap: 0.25rem;
3512
+ cursor: grab;
3513
+ min-height: 1.5rem;
3514
+ }
3515
+ .pv-v2 .pv-sortable-list-option-disabled {
3516
+ pointer-events: none;
3517
+ color: var(--text-input-disabled-text-color, #7D898D);
3518
+ }
3519
+ .pv-v2 .pv-sortable-list-placeholder-zone {
3520
+ transition: background-color 0.2s ease;
3521
+ }
3522
+ .pv-v2 .pv-sortable-list-placeholder-dropzone {
3523
+ padding: 0.5rem 0.25rem;
3524
+ border-style: dashed !important;
3525
+ border-color: var(--color-border, #E3E7EA) !important;
3526
+ justify-content: center;
3527
+ align-items: center;
3528
+ transition: all 0.2s ease;
3529
+ }
3530
+ .pv-v2 .pv-sortable-list-placeholder-zone.pv-sortable-list-placeholder-drag-over .pv-sortable-list-placeholder-dropzone {
3531
+ border-color: var(--color-border-brand, #16696D) !important;
3532
+ background: var(--color-background-highlight, #E4F8F6);
3533
+ }
3534
+ .pv-v2 .pv-sortable-list-divider-container {
3535
+ display: flex;
3536
+ }
3537
+ .pv-v2 .pv-sortable-list-divider {
3538
+ position: relative;
3539
+ border-top: 1px solid var(--color-border, #E3E7EA);
3540
+ margin: 1rem 0;
3541
+ flex: 1;
3542
+ }
3543
+ .pv-v2 .pv-sortable-list-divider::after {
3544
+ content: attr(data-label);
3545
+ display: inline-block;
3546
+ position: absolute;
3547
+ left: 50%;
3548
+ top: 50%;
3549
+ transform: translate(-50%, -50%);
3550
+ background: var(--color-background-body, #FFFFFF);
3551
+ padding: 0 0.5em;
3552
+ font-size: inherit;
3553
+ white-space: nowrap;
3554
+ }
3555
+ .pv-v2 .pv-tree-item {
3556
+ padding: 0.1875rem 0.25rem;
3557
+ cursor: pointer;
3558
+ background-color: transparent;
3559
+ border: 1px solid transparent;
3560
+ }
3561
+ .pv-v2 .pv-tree-item-disabled {
3562
+ cursor: default !important;
3563
+ }
3564
+ .pv-v2 .pv-tree-item.pv-drop-indicator-top {
3565
+ border-top: 1px solid var(--color-border, #E3E7EA);
3566
+ }
3567
+ .pv-v2 .pv-tree-item.pv-drop-indicator-bottom {
3568
+ border-bottom: 1px solid var(--color-border, #E3E7EA);
3569
+ }
3570
+ .pv-v2 .pv-drop-indicator-parent {
3571
+ border: 1px solid var(--color-border, #E3E7EA);
3572
+ }
3573
+ .pv-v2 .pv-tree-item-selected {
3574
+ background-color: var(--color-background-highlight, #E4F8F6);
3575
+ }
3576
+ .pv-v2 .pv-tree:not(.pv-tree-disable-selection) .pv-tree-item-selected:hover,
3577
+ .pv-v2 .pv-tree:not(.pv-tree-disable-selection) .pv-tree-item:hover {
3578
+ border-radius: 0.25rem;
3579
+ background-color: var(--card-hover-background-color, #E8F2F4);
3580
+ }
3581
+ .pv-v2 .pv-tree:not(.pv-tree-disable-selection) .pv-tree-item-selected:active,
3582
+ .pv-v2 .pv-tree:not(.pv-tree-disable-selection) .pv-tree-item:active {
3583
+ border-radius: 0.25rem;
3584
+ background-color: var(--card-pressed-background-color, #C7D8DB);
3585
+ }
3586
+ .pv-v2 .pv-tree-connector-middle,
3587
+ .pv-v2 .pv-tree-connector-end {
3588
+ position: relative;
3589
+ width: 1rem;
3590
+ min-width: 1rem;
3591
+ height: 1rem;
3592
+ }
3593
+ .pv-v2 .pv-tree-connector-middle::after,
3594
+ .pv-v2 .pv-tree-connector-end::after {
3595
+ content: "";
3596
+ position: absolute;
3597
+ left: 50%;
3598
+ top: 50%;
3599
+ width: 0.5rem;
3600
+ height: 1px;
3601
+ background: var(--tree-connector-color, #E3E7EA);
3602
+ transform: translateY(-50%);
3603
+ }
3604
+ .pv-v2 .pv-tree-connector-end::before {
3605
+ content: "";
3606
+ position: absolute;
3607
+ left: 50%;
3608
+ top: -0.375rem;
3609
+ width: 1px;
3610
+ height: 0.875rem;
3611
+ background: var(--tree-connector-color, #E3E7EA);
3612
+ transform: translateX(-50%);
3613
+ }
3614
+ .pv-v2 .pv-tree-connector-line {
3615
+ position: relative;
3616
+ }
3617
+ .pv-v2 .pv-tree-connector-line::before {
3618
+ content: "";
3619
+ position: absolute;
3620
+ left: calc(var(--tree-connector-left, 0.5rem) + 1px);
3621
+ top: 0;
3622
+ bottom: 0;
3623
+ width: 1px;
3624
+ background: var(--tree-connector-color, #E3E7EA);
3625
+ transform: translateX(-50%);
3626
+ z-index: 1;
3627
+ pointer-events: none;
3628
+ }
3629
+ .pv-v2 .pv-tree-drop-zone {
3630
+ min-height: 0;
3631
+ }
3632
+ .pv-v2 .pv-tree-reorder-icon {
3633
+ position: absolute;
3634
+ left: 0;
3635
+ top: 0;
3636
+ transform: translateY(25%);
3637
+ width: 1rem;
3638
+ height: 1rem;
3639
+ min-width: 1rem;
3640
+ min-height: 1rem;
3641
+ }
3334
3642
  .pv-v2 .pv-pagination {
3335
3643
  border-radius: var(--pagination-radius, 0);
3336
3644
  border: var(--pagination-border, 0);
@@ -3448,10 +3756,10 @@
3448
3756
  right: 0;
3449
3757
  }
3450
3758
  .pv-v2 .pv-horizontal-scroller-control-left-fade {
3451
- background: linear-gradient(90deg, var(--pv-horizontal-scroller-fade-background, #fff) 0%, transparent 100%);
3759
+ background: linear-gradient(90deg, var(--pv-horizontal-scroller-fade-background, #FFFFFF) 0%, transparent 100%);
3452
3760
  }
3453
3761
  .pv-v2 .pv-horizontal-scroller-control-right-fade {
3454
- background: linear-gradient(270deg, var(--pv-horizontal-scroller-fade-background, #fff) 0%, transparent 100%);
3762
+ background: linear-gradient(270deg, var(--pv-horizontal-scroller-fade-background, #FFFFFF) 0%, transparent 100%);
3455
3763
  }
3456
3764
  .pv-v2 .pv-resizable {
3457
3765
  position: relative;
@@ -3633,7 +3941,7 @@
3633
3941
  --progress: 20%;
3634
3942
  --width: 100%;
3635
3943
  --bar-height: .5rem;
3636
- background: linear-gradient(90deg, #16696D var(--progress), #E3E7EA var(--progress));
3944
+ background: linear-gradient(90deg, #16696D var(--progress), var(--color-border, #E3E7EA) var(--progress));
3637
3945
  width: var(--width);
3638
3946
  height: var(--bar-height);
3639
3947
  border-radius: 1rem;
@@ -3653,13 +3961,13 @@
3653
3961
  display: none;
3654
3962
  }
3655
3963
  .pv-v2 .pv-progress-bar[data-disabled] {
3656
- background: linear-gradient(90deg, #C1CAC9 var(--progress), #E3E7EA var(--progress));
3964
+ background: linear-gradient(90deg, #C1CAC9 var(--progress), var(--color-border, #E3E7EA) var(--progress));
3657
3965
  }
3658
3966
  .pv-v2 .pv-progress-bar--secondary {
3659
- background: linear-gradient(90deg, #36C5BA var(--progress), #E3E7EA var(--progress));
3967
+ background: linear-gradient(90deg, #36C5BA var(--progress), var(--color-border, #E3E7EA) var(--progress));
3660
3968
  }
3661
3969
  .pv-v2 .pv-progress-bar--secondary[data-disabled] {
3662
- background: linear-gradient(90deg, #6E6962 var(--progress), #E3E7EA var(--progress));
3970
+ background: linear-gradient(90deg, #6E6962 var(--progress), var(--color-border, #E3E7EA) var(--progress));
3663
3971
  }
3664
3972
  .pv-v2 .pv-progress-bar__label--secondary {
3665
3973
  color: #6E6962;
@@ -4247,6 +4555,134 @@
4247
4555
  position: absolute;
4248
4556
  inset: 0;
4249
4557
  }
4558
+ .pv-v2 .pv-filter-panel {
4559
+ max-height: 100vh;
4560
+ max-height: 100dvh;
4561
+ min-height: 0;
4562
+ overflow: hidden;
4563
+ }
4564
+ .pv-v2 .pv-filter-panel-actions,
4565
+ .pv-v2 .pv-filter-panel-header,
4566
+ .pv-v2 .pv-filter-panel-suggestion-tags {
4567
+ --flex-gap: 0.5rem;
4568
+ }
4569
+ .pv-v2 .pv-filter-panel-body,
4570
+ .pv-v2 .pv-filter-panel-filters-view {
4571
+ --flex-align: stretch;
4572
+ --flex-gap: 0;
4573
+ }
4574
+ .pv-v2 .pv-filter-panel-body {
4575
+ flex: 1 1 auto;
4576
+ min-height: 0;
4577
+ overflow-y: auto;
4578
+ scrollbar-color: var(--color-border, #E3E7EA) transparent;
4579
+ scrollbar-gutter: stable;
4580
+ scrollbar-width: thin;
4581
+ }
4582
+ .pv-v2 .pv-filter-panel-body::-webkit-scrollbar {
4583
+ width: 0.5rem;
4584
+ }
4585
+ .pv-v2 .pv-filter-panel-body::-webkit-scrollbar-track {
4586
+ background: transparent;
4587
+ }
4588
+ .pv-v2 .pv-filter-panel-body::-webkit-scrollbar-thumb {
4589
+ background: var(--color-border, #E3E7EA);
4590
+ border-radius: 0.5rem;
4591
+ }
4592
+ .pv-v2 .pv-filter-panel-body::-webkit-scrollbar-thumb:hover {
4593
+ background: var(--color-text-subdued, #4B595C);
4594
+ }
4595
+ .pv-v2 .pv-filter-panel-empty,
4596
+ .pv-v2 .pv-filter-panel-footer,
4597
+ .pv-v2 .pv-filter-panel-suggestions {
4598
+ padding: 0.75rem;
4599
+ }
4600
+ .pv-v2 .pv-filter-panel-filter-list {
4601
+ --flex-align: stretch;
4602
+ --flex-gap: 0.5rem;
4603
+ padding-block: 0.5rem;
4604
+ }
4605
+ .pv-v2 .pv-filter-panel-collapsed-filters-toggle {
4606
+ align-self: flex-start;
4607
+ }
4608
+ .pv-v2 .pv-filter-panel-footer {
4609
+ --flex-justify: flex-end;
4610
+ background: var(--color-background-body, #FFFFFF);
4611
+ bottom: 0;
4612
+ flex: 0 0 auto;
4613
+ margin-top: auto;
4614
+ position: sticky;
4615
+ z-index: 1;
4616
+ }
4617
+ .pv-v2 .pv-filter-panel-header {
4618
+ --flex-align: center;
4619
+ padding: 0.75rem;
4620
+ }
4621
+ .pv-v2 .pv-filter-panel-mode-control {
4622
+ flex: 1 1 auto;
4623
+ min-width: 0;
4624
+ }
4625
+ .pv-v2 .pv-filter-panel-modal-footer {
4626
+ --flex-justify: flex-end;
4627
+ }
4628
+ .pv-v2 .pv-filter-panel-search {
4629
+ padding: 0.5rem 0.75rem;
4630
+ }
4631
+ .pv-v2 .pv-filter-panel-section-title {
4632
+ margin: 0;
4633
+ }
4634
+ .pv-v2 .pv-filter-panel-suggestions {
4635
+ --flex-align: stretch;
4636
+ }
4637
+ .pv-v2 .pv-filter-panel-suggestion-tags {
4638
+ --flex-wrap: wrap;
4639
+ }
4640
+ .pv-v2 .pv-question {
4641
+ --card-radius: 0.75rem;
4642
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
4643
+ }
4644
+ .pv-v2 .pv-question-listbox:focus-visible {
4645
+ border-radius: 0.5rem;
4646
+ outline: 2px solid var(--color-border-accent, #36C5BA);
4647
+ outline-offset: 2px;
4648
+ }
4649
+ .pv-v2 .pv-question-option,
4650
+ .pv-v2 .pv-question-chat {
4651
+ cursor: pointer;
4652
+ min-width: 0;
4653
+ }
4654
+ .pv-v2 .pv-question-option[data-active],
4655
+ .pv-v2 .pv-question-chat[data-active] {
4656
+ background-color: var(--card-hover-background-color, #E8F2F4);
4657
+ }
4658
+ .pv-v2 .pv-question-option:active,
4659
+ .pv-v2 .pv-question-chat:active {
4660
+ background-color: var(--card-pressed-background-color, #C7D8DB);
4661
+ }
4662
+ .pv-v2 .pv-question-chevron {
4663
+ margin-inline-start: auto;
4664
+ visibility: hidden;
4665
+ }
4666
+ .pv-v2 .pv-question-option[data-active] .pv-question-chevron,
4667
+ .pv-v2 .pv-question-chat[data-active] .pv-question-chevron {
4668
+ visibility: visible;
4669
+ }
4670
+ .pv-v2 .pv-question-check {
4671
+ margin-inline-start: auto;
4672
+ }
4673
+ .pv-v2 .pv-question-option[aria-selected=true] .pv-question-chevron {
4674
+ display: none;
4675
+ }
4676
+ .pv-v2 .pv-question-chat-badge {
4677
+ --flex-gap: 0;
4678
+ background-color: var(--badge-tertiary-background-color, #E0E5E4);
4679
+ flex: 0 0 1rem;
4680
+ height: 1rem;
4681
+ justify-content: center;
4682
+ }
4683
+ .pv-v2 .pv-question-chat-input .pv-input-text {
4684
+ min-width: 0;
4685
+ }
4250
4686
  .pv-v2 pv-figure-details {
4251
4687
  display: grid;
4252
4688
  gap: 1rem;
@@ -4499,7 +4935,7 @@
4499
4935
  }
4500
4936
  .pv-v2 .pv-circle-meter:after {
4501
4937
  z-index: 10;
4502
- background-color: #ffffff;
4938
+ background-color: #FFFFFF;
4503
4939
  width: 70%;
4504
4940
  }
4505
4941
  .pv-v2 .pv-circle-meter label {
@@ -4562,7 +4998,7 @@
4562
4998
  border: 2px solid var(--color-border, #DCDFE4);
4563
4999
  border-radius: 2px;
4564
5000
  appearance: none;
4565
- background-color: var(--color-background-body, #fff);
5001
+ background-color: var(--color-background-body, #FFFFFF);
4566
5002
  width: 100%;
4567
5003
  min-width: fit-content;
4568
5004
  }
@@ -4787,7 +5223,7 @@
4787
5223
  border-radius: 2px;
4788
5224
  }
4789
5225
  .pv-v2 .ag-select-list-item:hover {
4790
- background-color: #f8f8fa;
5226
+ background-color: #F8F8FA;
4791
5227
  }
4792
5228
  .pv-v2 .ag-list-item {
4793
5229
  height: 36px;
@@ -4815,6 +5251,269 @@
4815
5251
  .pv-v2 .ag-theme-pv .data-grid-cell-bottom-border {
4816
5252
  border-bottom: 1px solid var(--color-border, #E3E7EA);
4817
5253
  }
5254
+ .pv-v2 .ag-header-group-cell.pv-pivot-group {
5255
+ border-radius: 6px 6px 0 0;
5256
+ overflow: hidden;
5257
+ --ag-header-cell-hover-background-color: transparent;
5258
+ --ag-header-cell-moving-background-color: transparent;
5259
+ }
5260
+ .pv-v2 .ag-header-group-cell.pv-pivot-group::before {
5261
+ content: "";
5262
+ position: absolute;
5263
+ top: 0;
5264
+ left: 0;
5265
+ right: 0;
5266
+ height: 4px;
5267
+ background-color: var(--pv-pivot-group-color, transparent);
5268
+ }
5269
+ .pv-v2 .pv-data-table--pivot .ag-root-wrapper {
5270
+ border-top-color: transparent;
5271
+ border-left-color: transparent;
5272
+ border-top-left-radius: 0;
5273
+ }
5274
+ .pv-v2 .pv-data-table--pivot .ag-header-group-cell-no-group,
5275
+ .pv-v2 .pv-data-table--pivot .ag-header-group-cell-no-group:hover {
5276
+ background-color: transparent;
5277
+ }
5278
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-header {
5279
+ border-right-color: transparent;
5280
+ }
5281
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell {
5282
+ border-top: var(--ag-wrapper-border);
5283
+ border-top-left-radius: var(--ag-wrapper-border-radius, 8px);
5284
+ }
5285
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row-last {
5286
+ border-bottom-left-radius: var(--ag-wrapper-border-radius, 8px);
5287
+ }
5288
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-cell-last-left-pinned {
5289
+ border-right-color: transparent !important;
5290
+ }
5291
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-header .ag-header-cell,
5292
+ .pv-v2 .pv-data-table--pivot .ag-pinned-left-cols-container .ag-row {
5293
+ border-left: var(--ag-wrapper-border);
5294
+ }
5295
+ .pv-v2 .ag-header-group-cell.pv-pivot-group--highlight {
5296
+ background-color: var(--color-background-accent, #F7F8F8);
5297
+ }
5298
+ .pv-v2 .ag-header-cell.pv-pivot-column-header {
5299
+ background-color: var(--color-background-accent, #F7F8F8);
5300
+ }
5301
+ .pv-v2 .ag-header-cell.pv-pivot-column-header + .ag-header-cell.pv-pivot-column-header {
5302
+ border-left: 1px solid var(--color-border, #E3E7EA);
5303
+ }
5304
+ .pv-v2 .ag-header-group-cell.pv-pivot-group,
5305
+ .pv-v2 .ag-header-cell.pv-pivot-group-start,
5306
+ .pv-v2 .ag-cell.pv-pivot-group-start {
5307
+ border-left: 1px solid var(--color-border, #E3E7EA);
5308
+ }
5309
+ .pv-v2 .pv-table-overlay {
5310
+ position: absolute;
5311
+ z-index: 2;
5312
+ background: var(--color-background-body, #FFFFFF);
5313
+ width: 100%;
5314
+ height: calc(100% - 40px);
5315
+ top: 80px;
5316
+ pointer-events: none;
5317
+ }
5318
+ .pv-v2 .pv-data-table .ag-header-cell-resize {
5319
+ border: none !important;
5320
+ }
5321
+ .pv-v2 .pv-data-table .ag-cell-inline-editing .ag-cell-editor {
5322
+ height: 100% !important;
5323
+ }
5324
+ .pv-v2 .pv-data-table .ag-rich-select-value {
5325
+ min-height: 100% !important;
5326
+ }
5327
+ .pv-v2 .pv-data-table .pv-data-table-cell-clickable {
5328
+ cursor: pointer;
5329
+ }
5330
+ .pv-v2 .pv-data-table .pv-data-table-cell-clickable:hover {
5331
+ background-color: var(--button-ghost-hover-background-color, #E8F2F4);
5332
+ }
5333
+ .pv-v2 .ag-tooltip-custom.ag-tooltip-animate {
5334
+ transition: none;
5335
+ }
5336
+ .pv-v2 .ag-tooltip-custom.ag-tooltip-hiding {
5337
+ display: none;
5338
+ }
5339
+ .pv-v2 .pv-data-table .ag-row.pv-data-table-row-clickable {
5340
+ cursor: pointer;
5341
+ }
5342
+ .pv-v2 .pv-data-table .ag-row.pv-data-table-row-clickable:hover {
5343
+ background-color: var(--button-ghost-hover-background-color, #E8F2F4);
5344
+ }
5345
+ .pv-v2 .pv-data-table .ag-row.pv-data-table-row-clickable.ag-row-focus {
5346
+ box-shadow: inset 0 0 0 1px var(--text-input-focus-border-color, #36C5BA);
5347
+ }
5348
+ .pv-v2 .pv-data-table .ag-row.pv-data-table-row-clickable .ag-cell-focus {
5349
+ border-color: transparent;
5350
+ }
5351
+ .pv-v2 .pv-data-table .ag-row-group-leaf-indent {
5352
+ padding-left: 7px;
5353
+ margin-left: 0;
5354
+ }
5355
+ .pv-v2 .pv-data-table .ag-custom-loading-cell {
5356
+ width: 100%;
5357
+ height: 40%;
5358
+ margin: 15px;
5359
+ background-color: var(--p-skeleton-background, #F0F2F2);
5360
+ border-radius: 4px;
5361
+ }
5362
+ .pv-v2 .pv-data-table .ag-group-value {
5363
+ width: 100%;
5364
+ height: 100%;
5365
+ }
5366
+ .pv-v2 .pv-data-table .ag-row:not(.ag-row-group) .ag-cell-wrapper {
5367
+ height: 100%;
5368
+ align-items: stretch;
5369
+ }
5370
+ .pv-v2 .pv-data-table .ag-menu-option:hover {
5371
+ background-color: var(--popover-list-item-hover-background-color, #E8F2F4);
5372
+ }
5373
+ .pv-v2 .pv-data-table .ag-menu-option-shortcut {
5374
+ color: var(--color-text-quaternary, #89989B);
5375
+ }
5376
+ .pv-v2 .pv-data-table .ag-menu-option:active {
5377
+ background-color: var(--popover-list-item-pressed-background-color, #C7D8DB);
5378
+ }
5379
+ .pv-v2 .pv-data-table .ag-menu-option-text {
5380
+ font-family: "Inter", sans-serif;
5381
+ }
5382
+ .pv-v2 .pv-data-table .ag-header-cell-menu-button:hover {
5383
+ box-shadow: unset !important;
5384
+ }
5385
+ .pv-v2 .pv-data-table .ag-button {
5386
+ border-radius: 4px !important;
5387
+ font-size: 12px !important;
5388
+ padding: 3px 8px !important;
5389
+ }
5390
+ .pv-v2 .pv-data-table-grouped-card .ag-body-horizontal-scroll {
5391
+ display: none !important;
5392
+ }
5393
+ .pv-v2 .pv-data-table-grouped-card .ag-header-cell-resize {
5394
+ opacity: 0;
5395
+ transition: opacity 0.2s ease;
5396
+ }
5397
+ .pv-v2 .pv-data-table-grouped-card .ag-header-cell:hover .ag-header-cell-resize {
5398
+ opacity: 1;
5399
+ }
5400
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-contracted {
5401
+ background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-accent, #F7F8F8) 5px, var(--color-background-accent, #F7F8F8) calc(100% - 5px), var(--color-background-body, #FFFFFF) calc(100% - 5px)) !important;
5402
+ }
5403
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded {
5404
+ background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-accent, #F7F8F8) 5px) !important;
5405
+ }
5406
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-contracted .ag-cell,
5407
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded .ag-cell {
5408
+ border: none !important;
5409
+ align-items: center !important;
5410
+ padding-top: 5px !important;
5411
+ padding-bottom: 5px !important;
5412
+ }
5413
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-wrapper,
5414
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-wrapper {
5415
+ align-items: center !important;
5416
+ height: 100% !important;
5417
+ }
5418
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-value,
5419
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-value {
5420
+ height: 100% !important;
5421
+ }
5422
+ .pv-v2 .pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded) {
5423
+ border-bottom: 1px solid var(--color-border, #E3E7EA) !important;
5424
+ border-left: 1px solid var(--color-border, #E3E7EA) !important;
5425
+ border-right: 1px solid var(--color-border, #E3E7EA) !important;
5426
+ }
5427
+ .pv-v2 .pv-data-table-grouped-card .ag-row-loading {
5428
+ border-top: 1px solid var(--color-border, #E3E7EA) !important;
5429
+ box-sizing: border-box;
5430
+ }
5431
+ .pv-v2 .pv-data-table-grouped-card .ag-row.pv-data-table-group-last-child,
5432
+ .pv-v2 .pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded).ag-row-last {
5433
+ border-radius: 0 0 4px 4px;
5434
+ }
5435
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-contracted::after {
5436
+ content: "";
5437
+ position: absolute;
5438
+ top: 5px;
5439
+ left: 0;
5440
+ right: 0;
5441
+ bottom: 5px;
5442
+ border: 1px solid var(--color-border, #E3E7EA);
5443
+ border-radius: 4px;
5444
+ pointer-events: none;
5445
+ }
5446
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded::after {
5447
+ content: "";
5448
+ position: absolute;
5449
+ top: 5px;
5450
+ left: 0;
5451
+ right: 0;
5452
+ bottom: 0;
5453
+ border: 1px solid var(--color-border, #E3E7EA);
5454
+ border-radius: 4px 4px 0 0;
5455
+ pointer-events: none;
5456
+ }
5457
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-contracted:hover,
5458
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded:hover {
5459
+ background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-brand-accent, #E8F2F4) 5px, var(--color-background-brand-accent, #E8F2F4) calc(100% - 5px), var(--color-background-body, #FFFFFF) calc(100% - 5px)) !important;
5460
+ }
5461
+ .pv-v2 .pv-data-table-grouped-card .ag-row-group-expanded:hover {
5462
+ background: linear-gradient(to bottom, var(--color-background-body, #FFFFFF) 5px, var(--color-background-brand-accent, #E8F2F4) 5px) !important;
5463
+ }
5464
+ .pv-v2 .pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded):hover {
5465
+ background-color: var(--color-background-accent, #F7F8F8) !important;
5466
+ }
5467
+ .pv-v2 .pv-data-table-grouped-card .ag-group-value {
5468
+ height: 100%;
5469
+ }
5470
+ .pv-v2 .pv-data-table-classic .ag-row-last {
5471
+ border-bottom: none !important;
5472
+ }
5473
+ .pv-v2 .pv-data-table-classic .ag-header-cell-resize {
5474
+ opacity: 0;
5475
+ transition: opacity 0.2s ease;
5476
+ }
5477
+ .pv-v2 .pv-data-table-classic .ag-header-cell:hover .ag-header-cell-resize {
5478
+ opacity: 1;
5479
+ }
5480
+ .pv-v2 .ag-custom-header-cell {
5481
+ height: 100%;
5482
+ align-items: center;
5483
+ }
5484
+ .pv-v2 .ag-header-actions .ag-header-cell-menu-button {
5485
+ opacity: 0;
5486
+ transition: opacity 0.2s ease-in-out;
5487
+ }
5488
+ .pv-v2 .ag-header-cell-menu-button:hover .ag-header-actions .ag-header-cell-menu-button {
5489
+ opacity: 1;
5490
+ }
5491
+ .pv-v2 .ag-header-cell-menu-button:focus .ag-header-actions .ag-header-cell-menu-button {
5492
+ opacity: 1;
5493
+ }
5494
+ .pv-v2 .ag-custom-header-cell.ag-custom-header-cell-with-agg-selector {
5495
+ position: relative;
5496
+ height: 100%;
5497
+ margin-inline: calc(var(--ag-cell-horizontal-padding) * -1);
5498
+ width: calc(100% + var(--ag-cell-horizontal-padding) * 2);
5499
+ }
5500
+ .pv-v2 .ag-header-agg-func-selector {
5501
+ position: absolute;
5502
+ inset: 0;
5503
+ --button-ghost-hover-background-color: var(
5504
+ --ag-header-cell-hover-background-color,
5505
+ var(--color-background-accent, #F7F8F8)
5506
+ );
5507
+ }
5508
+ .pv-v2 .ag-header-agg-func-selector > div,
5509
+ .pv-v2 .ag-header-agg-func-selector .pv-select-button-trigger.pv-select-button-trigger {
5510
+ height: 100%;
5511
+ }
5512
+ .pv-v2 .ag-header-agg-func-selector .pv-select-button-trigger.pv-select-button-trigger {
5513
+ justify-content: flex-end;
5514
+ padding-inline: var(--ag-cell-horizontal-padding);
5515
+ border-radius: 0;
5516
+ }
4818
5517
  .pv-v2 [class*=pv-banner] {
4819
5518
  padding: var(--banner-padding, 0.75rem 1rem);
4820
5519
  border-radius: var(--banner-radius, 4px);
@@ -5111,6 +5810,64 @@
5111
5810
  .pv-v2 .pv-step .pv-shimmer {
5112
5811
  --shimmer-rgb: var(--step-list-shimmer-rgb, 247, 248, 248);
5113
5812
  }
5813
+ .pv-v2 .pv-step-aside {
5814
+ white-space: pre-line;
5815
+ }
5816
+ .pv-v2 .pv-step-enter-active {
5817
+ transition-property: opacity, transform;
5818
+ transition-duration: 0.32s;
5819
+ transition-timing-function: ease;
5820
+ }
5821
+ .pv-v2 .pv-step-enter-from {
5822
+ opacity: 0;
5823
+ transform: translateY(6px);
5824
+ }
5825
+ .pv-v2 .pv-reasoning {
5826
+ --accordion-background-color: var(--reasoning-background-color, transparent);
5827
+ --accordion-summary-background-color: var(--reasoning-trigger-background-color, transparent);
5828
+ /* The accordion's own summary padding is palette-dependent; this one cannot be,
5829
+ because the standalone label below has to sit in the same box and has no SCSS
5830
+ token to read. Declaring it here means one value drives both. The right side is
5831
+ literal because PvAccordion overrides it with a literal `padding-right: 2px`,
5832
+ which `.125rem` only equals at a 16px root. */
5833
+ --accordion-arrow-right-summary-padding: var(--reasoning-trigger-padding, 0.25rem 2px 0.25rem 0.125rem);
5834
+ --accordion-content-padding: 0;
5835
+ }
5836
+ .pv-v2 .pv-reasoning-trigger .pv-shimmer {
5837
+ --shimmer-rgb: var(--reasoning-shimmer-rgb, 247, 248, 248);
5838
+ }
5839
+ .pv-v2 .pv-reasoning-standalone {
5840
+ padding: var(--reasoning-trigger-padding, 0.25rem 2px 0.25rem 0.125rem);
5841
+ margin-inline-start: calc(1rem + var(--flex-gap, 0.5rem));
5842
+ }
5843
+ .pv-v2 .pv-reasoning-content {
5844
+ /* The rail hangs off the trigger's label: the summary's inline padding, the
5845
+ chevron and the brain, and the gap on either side of the brain, less half a
5846
+ marker so that the dot rather than the box around it lands on that edge. */
5847
+ padding-block: var(--reasoning-content-gap, 1rem) 0.5rem;
5848
+ padding-inline-start: var(--reasoning-content-indent, calc(3.125rem - var(--step-list-marker-size, 9px) / 2));
5849
+ /* Model reasoning arrives as plain text whose line breaks are meaningful. */
5850
+ white-space: pre-wrap;
5851
+ }
5852
+ .pv-v2 .pv-reasoning-content :where(ol, ul, dl, table, figure) {
5853
+ white-space: normal;
5854
+ }
5855
+ .pv-v2 .pv-tool-disclosure-content {
5856
+ padding: 0 0.75rem 0.75rem;
5857
+ }
5858
+ .pv-v2 .pv-tool-heading {
5859
+ min-width: 0;
5860
+ }
5861
+ .pv-v2 .pv-tool-content {
5862
+ padding-top: 0.75rem;
5863
+ }
5864
+ .pv-v2 .pv-tool pre {
5865
+ max-width: 100%;
5866
+ margin: 0;
5867
+ overflow-x: auto;
5868
+ white-space: pre-wrap;
5869
+ word-break: break-word;
5870
+ }
5114
5871
  .pv-v2 .pv-layout-primary,
5115
5872
  .pv-v2 .pv-layout-primary[data-collapsed] {
5116
5873
  font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -5884,7 +6641,7 @@
5884
6641
  }
5885
6642
  }
5886
6643
  .pv-v2 .pv-scrollbar-visible {
5887
- scrollbar-color: var(--color-border, #c1c1c1) transparent;
6644
+ scrollbar-color: var(--color-border, #C1C1C1) transparent;
5888
6645
  scrollbar-gutter: stable;
5889
6646
  scrollbar-width: thin;
5890
6647
  }
@@ -5901,10 +6658,10 @@
5901
6658
  }
5902
6659
  .pv-v2 .pv-scrollbar-visible::-webkit-scrollbar-thumb {
5903
6660
  border-radius: 8px;
5904
- background-color: var(--color-border, #c1c1c1);
6661
+ background-color: var(--color-border, #C1C1C1);
5905
6662
  }
5906
6663
  .pv-v2 .pv-scrollbar-visible::-webkit-scrollbar-thumb:hover {
5907
- background-color: var(--color-text-subdued, #7c7c7c);
6664
+ background-color: var(--color-text-subdued, #7C7C7C);
5908
6665
  }
5909
6666
  .pv-v2 .pv-scrollbar-visible::-webkit-scrollbar-track {
5910
6667
  background-color: transparent;
@@ -6099,7 +6856,7 @@
6099
6856
  -webkit-user-select: none;
6100
6857
  }
6101
6858
  .pv-v2 .select2-selection {
6102
- background-color: var(--color-background-body, #fff);
6859
+ background-color: var(--color-background-body, #FFFFFF);
6103
6860
  border: var(--select2-border, 1px solid #E3E7EA);
6104
6861
  border-radius: 4px;
6105
6862
  padding-inline-end: 2rem;
@@ -6193,7 +6950,7 @@
6193
6950
  transform: translateY(1px);
6194
6951
  }
6195
6952
  .pv-v2 .select2-dropdown--above .select2-search__field {
6196
- background-color: var(--color-background-body, #fff);
6953
+ background-color: var(--color-background-body, #FFFFFF);
6197
6954
  }
6198
6955
  .pv-v2 .select2-container--open .select2-selection__placeholder,
6199
6956
  .pv-v2 .select2-container--open .select2-selection--single .select2-selection__rendered {
@@ -6273,7 +7030,7 @@
6273
7030
  width: auto;
6274
7031
  opacity: 0;
6275
7032
  z-index: 99;
6276
- background-color: #fff;
7033
+ background-color: #FFFFFF;
6277
7034
  filter: alpha(opacity=0);
6278
7035
  }
6279
7036
  .pv-v2 .select2-hidden-accessible {
@@ -6287,7 +7044,7 @@
6287
7044
  width: 1px !important;
6288
7045
  }
6289
7046
  .pv-v2 .select2-container--default.select2-container--disabled .select2-selection--single {
6290
- background-color: #eee;
7047
+ background-color: #EEEEEE;
6291
7048
  cursor: default;
6292
7049
  }
6293
7050
  .pv-v2 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
@@ -6332,7 +7089,7 @@
6332
7089
  color: var(--select2-menu-item-tag-remove-icon-color, #4B595C);
6333
7090
  }
6334
7091
  .pv-v2 .select2-container--default.select2-container--disabled .select2-selection--multiple {
6335
- background-color: #eee;
7092
+ background-color: #EEEEEE;
6336
7093
  cursor: default;
6337
7094
  }
6338
7095
  .pv-v2 .select2-container--default.select2-container--disabled .select2-selection__choice__remove {