@scalar/agent-chat 0.12.42 → 0.12.44

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 (39) hide show
  1. package/dist/components/ApprovalSection.vue.js +1 -1
  2. package/dist/components/ApprovalSection.vue.js.map +1 -1
  3. package/dist/components/ApprovalSection.vue.script.js +2 -2
  4. package/dist/components/ApprovalSection.vue.script.js.map +1 -1
  5. package/dist/components/RequestPreview.vue.d.ts.map +1 -1
  6. package/dist/components/RequestPreview.vue.js +1 -1
  7. package/dist/components/RequestPreview.vue.js.map +1 -1
  8. package/dist/components/RequestPreview.vue.script.js.map +1 -1
  9. package/dist/entities/registry/document.d.ts.map +1 -1
  10. package/dist/entities/registry/document.js.map +1 -1
  11. package/dist/entities/tools/ask-for-authentication.d.ts.map +1 -1
  12. package/dist/entities/tools/ask-for-authentication.js.map +1 -1
  13. package/dist/entities/tools/execute-request.d.ts +1 -1
  14. package/dist/entities/tools/execute-request.d.ts.map +1 -1
  15. package/dist/entities/tools/execute-request.js.map +1 -1
  16. package/dist/entities/tools/search-openapi-operations.d.ts.map +1 -1
  17. package/dist/entities/tools/search-openapi-operations.js.map +1 -1
  18. package/dist/helpers.d.ts +1 -0
  19. package/dist/helpers.d.ts.map +1 -1
  20. package/dist/hooks/use-chat-approvals.d.ts +3 -18
  21. package/dist/hooks/use-chat-approvals.d.ts.map +1 -1
  22. package/dist/hooks/use-chat-approvals.js +1 -0
  23. package/dist/hooks/use-chat-approvals.js.map +1 -1
  24. package/dist/hooks/use-chat-error.d.ts.map +1 -1
  25. package/dist/hooks/use-chat-error.js.map +1 -1
  26. package/dist/hooks/use-chat-pending-client-tool-parts.d.ts +8 -16
  27. package/dist/hooks/use-chat-pending-client-tool-parts.d.ts.map +1 -1
  28. package/dist/hooks/use-chat-pending-client-tool-parts.js +1 -0
  29. package/dist/hooks/use-chat-pending-client-tool-parts.js.map +1 -1
  30. package/dist/hooks/use-chat-scroll.d.ts.map +1 -1
  31. package/dist/hooks/use-chat-scroll.js.map +1 -1
  32. package/dist/hooks/use-search.js.map +1 -1
  33. package/dist/package.json +1 -1
  34. package/dist/style.css +143 -128
  35. package/dist/views/PromptForm.vue.js +1 -1
  36. package/dist/views/PromptForm.vue.js.map +1 -1
  37. package/dist/views/PromptForm.vue.script.js.map +1 -1
  38. package/dist/vue-styles.css +65 -65
  39. package/package.json +15 -15
package/dist/style.css CHANGED
@@ -11,7 +11,6 @@
11
11
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
12
12
  *, :before, :after, ::backdrop {
13
13
  --tw-font-weight: initial;
14
- --tw-border-style: solid;
15
14
  --tw-shadow: 0 0 #0000;
16
15
  --tw-shadow-color: initial;
17
16
  --tw-shadow-alpha: 100%;
@@ -47,6 +46,7 @@
47
46
  --tw-skew-x: initial;
48
47
  --tw-skew-y: initial;
49
48
  --tw-divide-y-reverse: 0;
49
+ --tw-border-style: solid;
50
50
  --tw-mask-linear: linear-gradient(#fff, #fff);
51
51
  --tw-mask-radial: linear-gradient(#fff, #fff);
52
52
  --tw-mask-conic: linear-gradient(#fff, #fff);
@@ -1024,7 +1024,7 @@
1024
1024
  display: contents;
1025
1025
  }
1026
1026
 
1027
- .scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
1027
+ .scalar-app .markdown.markdown-summary.markdown-summary [data-markdown-block], .scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
1028
1028
  display: none;
1029
1029
  }
1030
1030
 
@@ -1196,10 +1196,9 @@
1196
1196
 
1197
1197
  :where(body, dialog) > .scalar-tooltip:before {
1198
1198
  content: "";
1199
+ border: var(--scalar-border-width) solid var(--scalar-border-color);
1199
1200
  z-index: calc(1 * -1);
1200
1201
  border-radius: var(--scalar-radius-lg);
1201
- border-style: var(--tw-border-style);
1202
- border-width: var(--scalar-border-width);
1203
1202
  background-color: var(--scalar-tooltip-background);
1204
1203
  --tw-shadow: var(--scalar-shadow-1);
1205
1204
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1231,12 +1230,6 @@
1231
1230
  inherits: false
1232
1231
  }
1233
1232
 
1234
- @property --tw-border-style {
1235
- syntax: "*";
1236
- inherits: false;
1237
- initial-value: solid;
1238
- }
1239
-
1240
1233
  @property --tw-shadow {
1241
1234
  syntax: "*";
1242
1235
  inherits: false;
@@ -1412,12 +1405,12 @@
1412
1405
  background: linear-gradient(#00000026, #ffffff09);
1413
1406
  }
1414
1407
 
1415
- .ascii-art-animate .ascii-art-line[data-v-9a695e58] {
1408
+ .ascii-art-animate .ascii-art-line[data-v-4f827089] {
1416
1409
  border-right: 1ch solid #0000;
1417
- animation: 4s step-end 1s both typewriter-9a695e58, .5s step-end infinite blinkTextCursor-9a695e58;
1410
+ animation: 4s step-end 1s both typewriter-4f827089, .5s step-end infinite blinkTextCursor-4f827089;
1418
1411
  }
1419
1412
 
1420
- @keyframes typewriter-9a695e58 {
1413
+ @keyframes typewriter-4f827089 {
1421
1414
  from {
1422
1415
  width: 0;
1423
1416
  }
@@ -1427,7 +1420,7 @@
1427
1420
  }
1428
1421
  }
1429
1422
 
1430
- @keyframes blinkTextCursor-9a695e58 {
1423
+ @keyframes blinkTextCursor-4f827089 {
1431
1424
  0% {
1432
1425
  border-right-color: currentColor;
1433
1426
  }
@@ -1560,24 +1553,24 @@
1560
1553
  display: none;
1561
1554
  }
1562
1555
 
1563
- [data-v-3e378c54] .cm-editor {
1556
+ [data-v-fce866d6] .cm-editor {
1564
1557
  background: none;
1565
1558
  outline: none;
1566
1559
  height: 100%;
1567
1560
  padding: 0;
1568
1561
  }
1569
1562
 
1570
- [data-v-3e378c54] .cm-placeholder {
1563
+ [data-v-fce866d6] .cm-placeholder {
1571
1564
  color: var(--scalar-color-3);
1572
1565
  }
1573
1566
 
1574
- [data-v-3e378c54] .cm-content {
1567
+ [data-v-fce866d6] .cm-content {
1575
1568
  font-family: var(--scalar-font-code);
1576
1569
  font-size: var(--scalar-small);
1577
1570
  padding: 8px 0;
1578
1571
  }
1579
1572
 
1580
- [data-v-3e378c54] .cm-tooltip {
1573
+ [data-v-fce866d6] .cm-tooltip {
1581
1574
  border-radius: var(--scalar-radius);
1582
1575
  box-shadow: var(--scalar-shadow-2);
1583
1576
  background: var(--scalar-background-1) !important;
@@ -1586,47 +1579,47 @@
1586
1579
  overflow: hidden !important;
1587
1580
  }
1588
1581
 
1589
- [data-v-3e378c54] .cm-tooltip-autocomplete ul li {
1582
+ [data-v-fce866d6] .cm-tooltip-autocomplete ul li {
1590
1583
  padding: 3px 6px !important;
1591
1584
  }
1592
1585
 
1593
- [data-v-3e378c54] .cm-completionIcon-type:after {
1586
+ [data-v-fce866d6] .cm-completionIcon-type:after {
1594
1587
  color: var(--scalar-color-3) !important;
1595
1588
  }
1596
1589
 
1597
- [data-v-3e378c54] .cm-tooltip-autocomplete ul li[aria-selected] {
1590
+ [data-v-fce866d6] .cm-tooltip-autocomplete ul li[aria-selected] {
1598
1591
  background: var(--scalar-background-2) !important;
1599
1592
  color: var(--scalar-color-1) !important;
1600
1593
  }
1601
1594
 
1602
- [data-v-3e378c54] .cm-tooltip-autocomplete ul {
1595
+ [data-v-fce866d6] .cm-tooltip-autocomplete ul {
1603
1596
  position: relative;
1604
1597
  padding: 6px !important;
1605
1598
  }
1606
1599
 
1607
- [data-v-3e378c54] .cm-tooltip-autocomplete ul li:hover {
1600
+ [data-v-fce866d6] .cm-tooltip-autocomplete ul li:hover {
1608
1601
  border-radius: 3px;
1609
1602
  color: var(--scalar-color-1) !important;
1610
1603
  background: var(--scalar-background-3) !important;
1611
1604
  }
1612
1605
 
1613
- [data-v-3e378c54] .cm-activeLine, [data-v-3e378c54] .cm-activeLineGutter {
1606
+ [data-v-fce866d6] .cm-activeLine, [data-v-fce866d6] .cm-activeLineGutter {
1614
1607
  background-color: #0000;
1615
1608
  }
1616
1609
 
1617
- [data-v-3e378c54] .cm-selectionMatch, [data-v-3e378c54] .cm-matchingBracket {
1610
+ [data-v-fce866d6] .cm-selectionMatch, [data-v-fce866d6] .cm-matchingBracket {
1618
1611
  border-radius: var(--scalar-radius);
1619
1612
  background: var(--scalar-background-4) !important;
1620
1613
  }
1621
1614
 
1622
- [data-v-3e378c54] .cm-css-color-picker-wrapper {
1615
+ [data-v-fce866d6] .cm-css-color-picker-wrapper {
1623
1616
  outline: 1px solid var(--scalar-background-3);
1624
1617
  border-radius: 3px;
1625
1618
  display: inline-flex;
1626
1619
  overflow: hidden;
1627
1620
  }
1628
1621
 
1629
- [data-v-3e378c54] .cm-gutters {
1622
+ [data-v-fce866d6] .cm-gutters {
1630
1623
  color: var(--scalar-color-3);
1631
1624
  font-size: var(--scalar-small);
1632
1625
  background-color: #0000;
@@ -1635,7 +1628,7 @@
1635
1628
  line-height: 22px;
1636
1629
  }
1637
1630
 
1638
- [data-v-3e378c54] .cm-gutters:before {
1631
+ [data-v-fce866d6] .cm-gutters:before {
1639
1632
  content: "";
1640
1633
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
1641
1634
  background-color: var(--scalar-background-1);
@@ -1646,7 +1639,7 @@
1646
1639
  left: 2px;
1647
1640
  }
1648
1641
 
1649
- [data-v-3e378c54] .cm-gutterElement {
1642
+ [data-v-fce866d6] .cm-gutterElement {
1650
1643
  justify-content: flex-end;
1651
1644
  align-items: center;
1652
1645
  display: flex;
@@ -1656,27 +1649,27 @@
1656
1649
  padding-right: 6px !important;
1657
1650
  }
1658
1651
 
1659
- [data-v-3e378c54] .cm-lineNumbers .cm-gutterElement {
1652
+ [data-v-fce866d6] .cm-lineNumbers .cm-gutterElement {
1660
1653
  min-width: fit-content;
1661
1654
  }
1662
1655
 
1663
- [data-v-3e378c54] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
1656
+ [data-v-fce866d6] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
1664
1657
  padding-left: 0 !important;
1665
1658
  }
1666
1659
 
1667
- [data-v-3e378c54] .cm-scroller {
1660
+ [data-v-fce866d6] .cm-scroller {
1668
1661
  overflow: auto;
1669
1662
  }
1670
1663
 
1671
- [data-v-3e378c54] .cm-lineWrapping .cm-line {
1664
+ [data-v-fce866d6] .cm-lineWrapping .cm-line {
1672
1665
  word-break: break-all;
1673
1666
  }
1674
1667
 
1675
- [data-v-3e378c54] .cm-content.cm-lineWrapping {
1668
+ [data-v-fce866d6] .cm-content.cm-lineWrapping {
1676
1669
  white-space: pre-wrap;
1677
1670
  }
1678
1671
 
1679
- .line-wrapping[data-v-3e378c54]:focus-within .cm-content {
1672
+ .line-wrapping[data-v-fce866d6]:focus-within .cm-content {
1680
1673
  white-space: break-spaces;
1681
1674
  word-break: break-all;
1682
1675
  min-height: fit-content;
@@ -1772,12 +1765,12 @@
1772
1765
  color: var(--scalar-color-1);
1773
1766
  }
1774
1767
 
1775
- .code-input-lite[data-v-f06520bd] {
1768
+ .code-input-lite[data-v-5e6007a2] {
1776
1769
  align-items: center;
1777
1770
  display: flex;
1778
1771
  }
1779
1772
 
1780
- .code-input-lite__editor[data-v-f06520bd] {
1773
+ .code-input-lite__editor[data-v-5e6007a2] {
1781
1774
  font: inherit;
1782
1775
  letter-spacing: inherit;
1783
1776
  min-width: 0;
@@ -1795,11 +1788,11 @@
1795
1788
  overflow: auto hidden;
1796
1789
  }
1797
1790
 
1798
- .code-input-lite__editor[data-v-f06520bd]::-webkit-scrollbar {
1791
+ .code-input-lite__editor[data-v-5e6007a2]::-webkit-scrollbar {
1799
1792
  display: none;
1800
1793
  }
1801
1794
 
1802
- .code-input-lite--empty .code-input-lite__editor[data-v-f06520bd]:not(:focus):before {
1795
+ .code-input-lite--empty .code-input-lite__editor[data-v-5e6007a2]:not(:focus):before {
1803
1796
  content: attr(data-placeholder);
1804
1797
  color: var(--scalar-color-3);
1805
1798
  pointer-events: none;
@@ -1811,7 +1804,7 @@
1811
1804
  left: .5em;
1812
1805
  }
1813
1806
 
1814
- .code-input-lite--error .code-input-lite__editor[data-v-f06520bd] {
1807
+ .code-input-lite--error .code-input-lite__editor[data-v-5e6007a2] {
1815
1808
  outline: 1px solid var(--scalar-color-red);
1816
1809
  }
1817
1810
 
@@ -1875,45 +1868,45 @@
1875
1868
  }
1876
1869
  }
1877
1870
 
1878
- [data-v-e29008b7] .code-input-lite__editor {
1871
+ [data-v-09f26d90] .code-input-lite__editor {
1879
1872
  font-family: var(--scalar-font);
1880
1873
  font-size: var(--scalar-small);
1881
1874
  background-color: #0000;
1882
1875
  padding: 5px 8px;
1883
1876
  }
1884
1877
 
1885
- [data-v-e29008b7] .scalar-pill:not(:last-of-type) {
1878
+ [data-v-09f26d90] .scalar-pill:not(:last-of-type) {
1886
1879
  margin-right: .15em;
1887
1880
  }
1888
1881
 
1889
- [data-v-e29008b7] .scalar-pill:not(:first-of-type) {
1882
+ [data-v-09f26d90] .scalar-pill:not(:first-of-type) {
1890
1883
  margin-left: .5px;
1891
1884
  }
1892
1885
 
1893
- [data-v-65cf6606] .cm-content {
1886
+ [data-v-ec7e5b86] .cm-content {
1894
1887
  font-size: var(--scalar-small);
1895
1888
  }
1896
1889
 
1897
- [data-v-ce270af2] .code-input-lite__editor {
1890
+ [data-v-029a43f5] .code-input-lite__editor {
1898
1891
  font-family: var(--scalar-font);
1899
1892
  font-size: var(--scalar-small);
1900
1893
  background-color: #0000;
1901
1894
  padding: 5px 8px;
1902
1895
  }
1903
1896
 
1904
- [data-v-ce270af2] .scalar-pill:not(:last-of-type) {
1897
+ [data-v-029a43f5] .scalar-pill:not(:last-of-type) {
1905
1898
  margin-right: .15em;
1906
1899
  }
1907
1900
 
1908
- [data-v-ce270af2] .scalar-pill:not(:first-of-type) {
1901
+ [data-v-029a43f5] .scalar-pill:not(:first-of-type) {
1909
1902
  margin-left: .5px;
1910
1903
  }
1911
1904
 
1912
- input[data-v-ce270af2]::placeholder {
1905
+ input[data-v-029a43f5]::placeholder {
1913
1906
  color: var(--scalar-color-3);
1914
1907
  }
1915
1908
 
1916
- .scalar-password-input[data-v-ce270af2] {
1909
+ .scalar-password-input[data-v-029a43f5] {
1917
1910
  text-security: disc;
1918
1911
  -webkit-text-security: disc;
1919
1912
  -moz-text-security: disc;
@@ -1950,59 +1943,59 @@ input[data-v-ce270af2]::placeholder {
1950
1943
  scrollbar-width: none;
1951
1944
  }
1952
1945
 
1953
- .request-section-content[data-v-5bf07c90] {
1946
+ .request-section-content[data-v-f9196c85] {
1954
1947
  --scalar-border-width: .5px;
1955
1948
  }
1956
1949
 
1957
- .request-section-content-filter[data-v-5bf07c90] {
1950
+ .request-section-content-filter[data-v-f9196c85] {
1958
1951
  box-shadow: 0 -10px 0 10px var(--scalar-background-1);
1959
1952
  }
1960
1953
 
1961
- .request-item:focus-within .request-meta-buttons[data-v-5bf07c90] {
1954
+ .request-item:focus-within .request-meta-buttons[data-v-f9196c85] {
1962
1955
  opacity: 1;
1963
1956
  }
1964
1957
 
1965
- .group-hover-input[data-v-5bf07c90] {
1958
+ .group-hover-input[data-v-f9196c85] {
1966
1959
  border-width: var(--scalar-border-width);
1967
1960
  border-color: #0000;
1968
1961
  }
1969
1962
 
1970
- .group:hover .group-hover-input[data-v-5bf07c90] {
1963
+ .group:hover .group-hover-input[data-v-f9196c85] {
1971
1964
  background: var(--scalar-background-1);
1972
1965
  }
1973
1966
 
1974
1967
  @supports (color: color-mix(in lab, red, red)) {
1975
- .group:hover .group-hover-input[data-v-5bf07c90] {
1968
+ .group:hover .group-hover-input[data-v-f9196c85] {
1976
1969
  background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
1977
1970
  }
1978
1971
  }
1979
1972
 
1980
- .group:hover .group-hover-input[data-v-5bf07c90] {
1973
+ .group:hover .group-hover-input[data-v-f9196c85] {
1981
1974
  border-color: var(--scalar-border-color);
1982
1975
  }
1983
1976
 
1984
- .group-hover-input[data-v-5bf07c90]:focus {
1977
+ .group-hover-input[data-v-f9196c85]:focus {
1985
1978
  border-color: var(--scalar-border-color) !important;
1986
1979
  background: none !important;
1987
1980
  }
1988
1981
 
1989
- [data-v-6e055eb2] .cm-editor {
1982
+ [data-v-973d48ca] .cm-editor {
1990
1983
  font-size: var(--scalar-small);
1991
1984
  background-color: #0000;
1992
1985
  outline: none;
1993
1986
  }
1994
1987
 
1995
- [data-v-6e055eb2] .cm-gutters {
1988
+ [data-v-973d48ca] .cm-gutters {
1996
1989
  background-color: var(--scalar-background-1);
1997
1990
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
1998
1991
  }
1999
1992
 
2000
- [data-v-6e055eb2] .cm-scroller {
1993
+ [data-v-973d48ca] .cm-scroller {
2001
1994
  min-width: 100%;
2002
1995
  overflow: auto;
2003
1996
  }
2004
1997
 
2005
- [data-v-6e055eb2] .cm-lineWrapping .cm-line {
1998
+ [data-v-973d48ca] .cm-lineWrapping .cm-line {
2006
1999
  word-break: break-all;
2007
2000
  }
2008
2001
 
@@ -2208,12 +2201,12 @@ input[data-v-ce270af2]::placeholder {
2208
2201
  --scalar-address-bar-bg: var(--scalar-background-1);
2209
2202
  }
2210
2203
 
2211
- .app-exit-button[data-v-6e1ebfa0] {
2204
+ .app-exit-button[data-v-3a29d7a0] {
2212
2205
  color: #fff;
2213
2206
  background: #0000001a;
2214
2207
  }
2215
2208
 
2216
- .app-exit-button[data-v-6e1ebfa0]:hover {
2209
+ .app-exit-button[data-v-3a29d7a0]:hover {
2217
2210
  background: #ffffff1a;
2218
2211
  }
2219
2212
 
@@ -2882,6 +2875,10 @@ input[data-v-ce270af2]::placeholder {
2882
2875
  width: fit-content !important;
2883
2876
  }
2884
2877
 
2878
+ .scalar-app .w-2\/3 {
2879
+ width: 66.6667%;
2880
+ }
2881
+
2885
2882
  .scalar-app .w-\[38px\] {
2886
2883
  width: 38px;
2887
2884
  }
@@ -3658,6 +3655,10 @@ input[data-v-ce270af2]::placeholder {
3658
3655
  color: var(--scalar-button-1-color);
3659
3656
  }
3660
3657
 
3658
+ .scalar-app .text-current {
3659
+ color: currentColor;
3660
+ }
3661
+
3661
3662
  .scalar-app .text-transparent {
3662
3663
  color: #0000;
3663
3664
  }
@@ -4099,6 +4100,10 @@ input[data-v-ce270af2]::placeholder {
4099
4100
  content: var(--tw-content);
4100
4101
  }
4101
4102
 
4103
+ .scalar-app .first\:ml-auto:first-child {
4104
+ margin-left: auto;
4105
+ }
4106
+
4102
4107
  .scalar-app .first\:rounded-t-\[inherit\]:first-child {
4103
4108
  border-top-left-radius: inherit;
4104
4109
  border-top-right-radius: inherit;
@@ -4124,6 +4129,10 @@ input[data-v-ce270af2]::placeholder {
4124
4129
  border-bottom-width: 0;
4125
4130
  }
4126
4131
 
4132
+ .scalar-app .empty\:hidden:empty {
4133
+ display: none;
4134
+ }
4135
+
4127
4136
  .scalar-app .focus-within\:opacity-100:focus-within {
4128
4137
  opacity: 1;
4129
4138
  }
@@ -4452,6 +4461,12 @@ input[data-v-ce270af2]::placeholder {
4452
4461
  initial-value: 0;
4453
4462
  }
4454
4463
 
4464
+ @property --tw-border-style {
4465
+ syntax: "*";
4466
+ inherits: false;
4467
+ initial-value: solid;
4468
+ }
4469
+
4455
4470
  @property --tw-mask-linear {
4456
4471
  syntax: "*";
4457
4472
  inherits: false;
@@ -4916,37 +4931,37 @@ input[data-v-ce270af2]::placeholder {
4916
4931
  }
4917
4932
  }
4918
4933
 
4919
- .requestHeaderContainer[data-v-1e1f4549] {
4934
+ .requestHeaderContainer[data-v-e049f4c9] {
4920
4935
  display: flex;
4921
4936
  align-items: center;
4922
4937
  justify-content: space-between;
4923
4938
  padding: 0 5px;
4924
4939
  }
4925
- .requestPreview[data-v-1e1f4549] {
4940
+ .requestPreview[data-v-e049f4c9] {
4926
4941
  border-radius: var(--scalar-radius-2xl);
4927
4942
  display: flex;
4928
4943
  flex-direction: column;
4929
4944
  width: 100%;
4930
4945
  position: relative;
4931
4946
  }
4932
- .requestContent[data-v-1e1f4549] {
4947
+ .requestContent[data-v-e049f4c9] {
4933
4948
  display: grid;
4934
4949
  grid-template-rows: 0fr;
4935
4950
  min-height: 0;
4936
4951
  overflow: hidden;
4937
4952
  transition: grid-template-rows 0.2s ease-out;
4938
4953
  }
4939
- .requestPreview.open .requestContent[data-v-1e1f4549] {
4954
+ .requestPreview.open .requestContent[data-v-e049f4c9] {
4940
4955
  grid-template-rows: 1fr;
4941
4956
  }
4942
- .requestPreview.succeeded[data-v-1e1f4549] {
4957
+ .requestPreview.succeeded[data-v-e049f4c9] {
4943
4958
  padding: 0;
4944
4959
  }
4945
- .requestContentInner[data-v-1e1f4549] {
4960
+ .requestContentInner[data-v-e049f4c9] {
4946
4961
  min-height: 0;
4947
4962
  overflow: hidden;
4948
4963
  }
4949
- .code[data-v-1e1f4549] {
4964
+ .code[data-v-e049f4c9] {
4950
4965
  display: flex;
4951
4966
  flex-direction: column;
4952
4967
  font-size: var(--scalar-font-size-4);
@@ -4959,34 +4974,34 @@ input[data-v-ce270af2]::placeholder {
4959
4974
  overflow: hidden;
4960
4975
  margin-bottom: 12px;
4961
4976
  }
4962
- .dark-mode .code[data-v-1e1f4549] {
4977
+ .dark-mode .code[data-v-e049f4c9] {
4963
4978
  background: var(--scalar-background-2);
4964
4979
  }
4965
- .code h1[data-v-1e1f4549] {
4980
+ .code h1[data-v-e049f4c9] {
4966
4981
  font-size: var(--scalar-font-size-3);
4967
4982
  color: var(--scalar-color-3);
4968
4983
  padding: 8px;
4969
4984
  }
4970
- .code[data-v-1e1f4549] .codeBlock {
4985
+ .code[data-v-e049f4c9] .codeBlock {
4971
4986
  max-height: calc(50vh - 100px);
4972
4987
  padding-top: 0;
4973
4988
  }
4974
- .autosendContainer[data-v-1e1f4549] {
4989
+ .autosendContainer[data-v-e049f4c9] {
4975
4990
  display: flex;
4976
4991
  justify-content: space-between;
4977
4992
  }
4978
- .sendButton[data-v-1e1f4549] {
4993
+ .sendButton[data-v-e049f4c9] {
4979
4994
  background: var(--scalar-color-blue);
4980
4995
  color: white;
4981
4996
  font-weight: var(--scalar-semibold);
4982
4997
  padding: 5px 10px;
4983
4998
  }
4984
- .sendButton[data-v-1e1f4549]:hover,
4985
- .sendButton[data-v-1e1f4549]:active {
4999
+ .sendButton[data-v-e049f4c9]:hover,
5000
+ .sendButton[data-v-e049f4c9]:active {
4986
5001
  background: color-mix(in srgb, var(--scalar-color-blue), black 10%);
4987
5002
  color: white !important;
4988
5003
  }
4989
- .toggleButton[data-v-1e1f4549] {
5004
+ .toggleButton[data-v-e049f4c9] {
4990
5005
  background: none;
4991
5006
  border: none;
4992
5007
  cursor: pointer;
@@ -4998,7 +5013,7 @@ input[data-v-ce270af2]::placeholder {
4998
5013
  justify-content: space-between;
4999
5014
  border-radius: var(--scalar-radius-lg);
5000
5015
  }
5001
- .toggleButton[data-v-1e1f4549]:hover {
5016
+ .toggleButton[data-v-e049f4c9]:hover {
5002
5017
  text-decoration: underline;
5003
5018
  }
5004
5019
 
@@ -5253,7 +5268,7 @@ input[data-v-ce270af2]::placeholder {
5253
5268
  gap: 10px;
5254
5269
  }
5255
5270
 
5256
- .approvalSection[data-v-fb5102df] {
5271
+ .approvalSection[data-v-f493d089] {
5257
5272
  width: 100%;
5258
5273
  margin-bottom: -16px;
5259
5274
  padding: 8px 8px 24px 12px;
@@ -5272,15 +5287,15 @@ input[data-v-ce270af2]::placeholder {
5272
5287
  top: 0;
5273
5288
  transform: translate3d(0, calc(-100% + 16px), 0);
5274
5289
  }
5275
- .approvalText[data-v-fb5102df] {
5290
+ .approvalText[data-v-f493d089] {
5276
5291
  font-weight: var(--scalar-semibold);
5277
5292
  font-size: var(--scalar-font-size-3);
5278
5293
  }
5279
- .approveContainer[data-v-fb5102df] {
5294
+ .approveContainer[data-v-f493d089] {
5280
5295
  display: flex;
5281
5296
  gap: 5px;
5282
5297
  }
5283
- .actionButton[data-v-fb5102df] {
5298
+ .actionButton[data-v-f493d089] {
5284
5299
  display: flex;
5285
5300
  align-items: center;
5286
5301
  font-weight: var(--scalar-semibold);
@@ -5288,12 +5303,12 @@ input[data-v-ce270af2]::placeholder {
5288
5303
  padding: 6px 12px;
5289
5304
  font-size: var(--scalar-font-size-3);
5290
5305
  }
5291
- .rejectButton[data-v-fb5102df] {
5306
+ .rejectButton[data-v-f493d089] {
5292
5307
  color: white;
5293
5308
  background: var(--scalar-color-red);
5294
5309
  }
5295
- .rejectButton[data-v-fb5102df]:hover,
5296
- .rejectButton[data-v-fb5102df]:active {
5310
+ .rejectButton[data-v-f493d089]:hover,
5311
+ .rejectButton[data-v-f493d089]:active {
5297
5312
  background: color-mix(
5298
5313
  in srgb,
5299
5314
  var(--scalar-color-red),
@@ -5301,12 +5316,12 @@ input[data-v-ce270af2]::placeholder {
5301
5316
  );
5302
5317
  color: white !important;
5303
5318
  }
5304
- .approveButton[data-v-fb5102df] {
5319
+ .approveButton[data-v-f493d089] {
5305
5320
  color: white;
5306
5321
  background: var(--scalar-color-blue);
5307
5322
  }
5308
- .approveButton[data-v-fb5102df]:hover,
5309
- .approveButton[data-v-fb5102df]:active {
5323
+ .approveButton[data-v-f493d089]:hover,
5324
+ .approveButton[data-v-f493d089]:active {
5310
5325
  background: color-mix(
5311
5326
  in srgb,
5312
5327
  var(--scalar-color-blue),
@@ -5571,7 +5586,7 @@ input[data-v-ce270af2]::placeholder {
5571
5586
  width: 20px;
5572
5587
  }
5573
5588
 
5574
- .actionContainer[data-v-ba1161a7] {
5589
+ .actionContainer[data-v-3a0f1d21] {
5575
5590
  background: color-mix(
5576
5591
  in srgb,
5577
5592
  var(--scalar-background-2),
@@ -5584,7 +5599,7 @@ input[data-v-ce270af2]::placeholder {
5584
5599
  /* visually hides overflowing text below */
5585
5600
  box-shadow: 0 24px 0 2px var(--scalar-background-1);
5586
5601
  }
5587
- .promptForm[data-v-ba1161a7] {
5602
+ .promptForm[data-v-3a0f1d21] {
5588
5603
  width: 100%;
5589
5604
  position: relative;
5590
5605
  display: flex;
@@ -5595,23 +5610,23 @@ input[data-v-ce270af2]::placeholder {
5595
5610
  0 0 0 var(--scalar-border-width) var(--scalar-border-color);
5596
5611
  border-radius: var(--scalar-radius-3xl);
5597
5612
  }
5598
- .inputActionsContainer[data-v-ba1161a7] {
5613
+ .inputActionsContainer[data-v-3a0f1d21] {
5599
5614
  display: flex;
5600
5615
  justify-content: space-between;
5601
5616
  padding: 0 8px 8px 8px;
5602
5617
  }
5603
- .inputActionsLeft[data-v-ba1161a7] {
5618
+ .inputActionsLeft[data-v-3a0f1d21] {
5604
5619
  display: flex;
5605
5620
  flex-wrap: wrap; /* key: allows pills to go to next line */
5606
5621
  align-items: center;
5607
5622
  gap: 5px; /* spacing between pills */
5608
5623
  }
5609
- .inputActionsRight[data-v-ba1161a7] {
5624
+ .inputActionsRight[data-v-3a0f1d21] {
5610
5625
  display: flex;
5611
5626
  gap: 5px;
5612
5627
  position: relative;
5613
5628
  }
5614
- .apiPill[data-v-ba1161a7] {
5629
+ .apiPill[data-v-3a0f1d21] {
5615
5630
  font-size: var(--scalar-font-size-3);
5616
5631
  border: var(--scalar-border-width) solid var(--scalar-border-color);
5617
5632
  color: var(--scalar-color-2);
@@ -5626,10 +5641,10 @@ input[data-v-ce270af2]::placeholder {
5626
5641
  gap: 4px;
5627
5642
  user-select: none;
5628
5643
  }
5629
- .apiPillLogo[data-v-ba1161a7] {
5644
+ .apiPillLogo[data-v-3a0f1d21] {
5630
5645
  width: 15px;
5631
5646
  }
5632
- .apiPillRemove[data-v-ba1161a7] {
5647
+ .apiPillRemove[data-v-3a0f1d21] {
5633
5648
  width: 24px;
5634
5649
  height: 24px;
5635
5650
  margin-right: -6px;
@@ -5638,16 +5653,16 @@ input[data-v-ce270af2]::placeholder {
5638
5653
  align-items: center;
5639
5654
  justify-content: center;
5640
5655
  }
5641
- .apiPill:hover .apiPillRemove[data-v-ba1161a7] {
5656
+ .apiPill:hover .apiPillRemove[data-v-3a0f1d21] {
5642
5657
  background: var(--scalar-background-2);
5643
5658
  }
5644
- .dark-mode .apiPill:hover .apiPillRemove[data-v-ba1161a7] {
5659
+ .dark-mode .apiPill:hover .apiPillRemove[data-v-3a0f1d21] {
5645
5660
  background: var(--scalar-background-3);
5646
5661
  }
5647
- .apiPillRemove[data-v-ba1161a7]:hover {
5662
+ .apiPillRemove[data-v-3a0f1d21]:hover {
5648
5663
  color: var(--scalar-color-1);
5649
5664
  }
5650
- .prompt[data-v-ba1161a7] {
5665
+ .prompt[data-v-3a0f1d21] {
5651
5666
  width: 100%;
5652
5667
  outline: none;
5653
5668
  border: none;
@@ -5664,13 +5679,13 @@ input[data-v-ce270af2]::placeholder {
5664
5679
  font-size: 16px;
5665
5680
  padding: 12px 12px 14px 12px;
5666
5681
  }
5667
- .dark-mode .promptForm[data-v-ba1161a7] {
5682
+ .dark-mode .promptForm[data-v-3a0f1d21] {
5668
5683
  background: var(--scalar-background-2);
5669
5684
  }
5670
- .prompt[data-v-ba1161a7]:disabled {
5685
+ .prompt[data-v-3a0f1d21]:disabled {
5671
5686
  color: var(--scalar-color-3);
5672
5687
  }
5673
- .addAPIButton[data-v-ba1161a7] {
5688
+ .addAPIButton[data-v-3a0f1d21] {
5674
5689
  display: flex;
5675
5690
  align-items: center;
5676
5691
  justify-content: center;
@@ -5687,7 +5702,7 @@ input[data-v-ce270af2]::placeholder {
5687
5702
  z-index: 1;
5688
5703
  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
5689
5704
  }
5690
- .addAPIButton[data-v-ba1161a7]:hover {
5705
+ .addAPIButton[data-v-3a0f1d21]:hover {
5691
5706
  background: color-mix(
5692
5707
  in srgb,
5693
5708
  var(--scalar-background-2),
@@ -5695,47 +5710,47 @@ input[data-v-ce270af2]::placeholder {
5695
5710
  );
5696
5711
  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
5697
5712
  }
5698
- .dark-mode .addAPIButton[data-v-ba1161a7]:hover {
5713
+ .dark-mode .addAPIButton[data-v-3a0f1d21]:hover {
5699
5714
  background: var(--scalar-background-3);
5700
5715
  }
5701
- .settingsButton[data-v-ba1161a7] {
5716
+ .settingsButton[data-v-3a0f1d21] {
5702
5717
  color: var(--scalar-color-3) !important;
5703
5718
  border-radius: var(--scalar-radius-full) !important;
5704
5719
  margin: 0 !important;
5705
5720
  z-index: 1;
5706
5721
  }
5707
- .settingsButton[aria-disabled='true'][data-v-ba1161a7] {
5722
+ .settingsButton[aria-disabled='true'][data-v-3a0f1d21] {
5708
5723
  background: var(--scalar-background-2);
5709
5724
  }
5710
- .dark-mode .settingsButton[data-v-ba1161a7]:hover {
5725
+ .dark-mode .settingsButton[data-v-3a0f1d21]:hover {
5711
5726
  background: var(--scalar-background-3);
5712
5727
  }
5713
- .sendButton[data-v-ba1161a7] {
5728
+ .sendButton[data-v-3a0f1d21] {
5714
5729
  background: var(--scalar-color-blue) !important;
5715
5730
  border-radius: var(--scalar-radius-full) !important;
5716
5731
  margin: 0 !important;
5717
5732
  z-index: 1;
5718
5733
  border: var(--scalar-border-width) solid var(--scalar-color-blue);
5719
5734
  }
5720
- .sendButton[data-v-ba1161a7]:not([aria-disabled='true']) {
5735
+ .sendButton[data-v-3a0f1d21]:not([aria-disabled='true']) {
5721
5736
  color: white !important;
5722
5737
  }
5723
- .sendButton[data-v-ba1161a7]:not([aria-disabled='true']):hover {
5738
+ .sendButton[data-v-3a0f1d21]:not([aria-disabled='true']):hover {
5724
5739
  background: color-mix(
5725
5740
  in srgb,
5726
5741
  var(--scalar-color-blue),
5727
5742
  transparent 10%
5728
5743
  ) !important;
5729
5744
  }
5730
- .sendButton[aria-disabled='true'][data-v-ba1161a7] {
5745
+ .sendButton[aria-disabled='true'][data-v-3a0f1d21] {
5731
5746
  background: var(--scalar-background-2) !important;
5732
5747
  color: var(--scalar-color-3) !important;
5733
5748
  border: var(--scalar-border-width) solid var(--scalar-border-color);
5734
5749
  }
5735
- .dark-mode .sendButton[aria-disabled='true'][data-v-ba1161a7] {
5750
+ .dark-mode .sendButton[aria-disabled='true'][data-v-3a0f1d21] {
5736
5751
  background: var(--scalar-background-3) !important;
5737
5752
  }
5738
- .contextContainer[data-v-ba1161a7] {
5753
+ .contextContainer[data-v-3a0f1d21] {
5739
5754
  display: flex;
5740
5755
  width: 100%;
5741
5756
  padding: 10px 12px 12px 12px;
@@ -5744,25 +5759,25 @@ input[data-v-ce270af2]::placeholder {
5744
5759
  user-select: none;
5745
5760
  justify-content: space-between;
5746
5761
  }
5747
- .settingsButton[data-v-ba1161a7] {
5762
+ .settingsButton[data-v-3a0f1d21] {
5748
5763
  font-weight: var(--scalar-semibold);
5749
5764
  border-radius: var(--scalar-radius-lg);
5750
5765
  padding: 4px 6px;
5751
5766
  margin: -4px -6px;
5752
5767
  }
5753
- .settingsButton[data-v-ba1161a7]:hover {
5768
+ .settingsButton[data-v-3a0f1d21]:hover {
5754
5769
  background: var(--scalar-background-2);
5755
5770
  box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);
5756
5771
  cursor: pointer;
5757
5772
  }
5758
- .agentLabel[data-v-ba1161a7] {
5773
+ .agentLabel[data-v-3a0f1d21] {
5759
5774
  font-size: 0px;
5760
5775
  position: absolute;
5761
5776
  width: 100%;
5762
5777
  height: 100%;
5763
5778
  cursor: text;
5764
5779
  }
5765
- .sendCheckboxContinue[data-v-ba1161a7]:has(input) {
5780
+ .sendCheckboxContinue[data-v-3a0f1d21]:has(input) {
5766
5781
  display: flex;
5767
5782
  align-items: center;
5768
5783
  border-radius: var(--scalar-radius-3xl);
@@ -5774,11 +5789,11 @@ input[data-v-ce270af2]::placeholder {
5774
5789
  user-select: none;
5775
5790
  height: 28px;
5776
5791
  }
5777
- .dark-mode .sendCheckboxContinue[data-v-ba1161a7]:has(input) {
5792
+ .dark-mode .sendCheckboxContinue[data-v-3a0f1d21]:has(input) {
5778
5793
  background: var(--scalar-background-3);
5779
5794
  box-shadow: 0 0 0 1.5px var(--scalar-background-3);
5780
5795
  }
5781
- .addMoreContext[data-v-ba1161a7] {
5796
+ .addMoreContext[data-v-3a0f1d21] {
5782
5797
  height: 40px;
5783
5798
  display: flex;
5784
5799
  position: relative;
@@ -5787,7 +5802,7 @@ input[data-v-ce270af2]::placeholder {
5787
5802
  padding: 0 8px 0 12px;
5788
5803
  align-items: center;
5789
5804
  }
5790
- .addMoreContext[data-v-ba1161a7]:before {
5805
+ .addMoreContext[data-v-3a0f1d21]:before {
5791
5806
  content: '';
5792
5807
  width: 8px;
5793
5808
  height: 8px;
@@ -5804,10 +5819,10 @@ input[data-v-ce270af2]::placeholder {
5804
5819
  -0.5px -0.5px 0 var(--scalar-border-color),
5805
5820
  inset 0.5px 0.5px 1px var(--scalar-border-color);
5806
5821
  }
5807
- .dark-mode .addMoreContext[data-v-ba1161a7]:before {
5822
+ .dark-mode .addMoreContext[data-v-3a0f1d21]:before {
5808
5823
  box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);
5809
5824
  }
5810
- .addAPIContext[data-v-ba1161a7] {
5825
+ .addAPIContext[data-v-3a0f1d21] {
5811
5826
  width: 28px;
5812
5827
  height: 28px;
5813
5828
  border-radius: var(--scalar-radius-full);
@@ -5816,7 +5831,7 @@ input[data-v-ce270af2]::placeholder {
5816
5831
  justify-content: center;
5817
5832
  border: var(--scalar-border-width) solid var(--scalar-border-color);
5818
5833
  }
5819
- .termsAgree[data-v-ba1161a7] {
5834
+ .termsAgree[data-v-3a0f1d21] {
5820
5835
  display: flex;
5821
5836
  cursor: pointer;
5822
5837
  height: inherit;
@@ -5825,14 +5840,14 @@ input[data-v-ce270af2]::placeholder {
5825
5840
  gap: 5px;
5826
5841
  margin: 0px 5px;
5827
5842
  }
5828
- .termsAgree[data-v-ba1161a7]:hover {
5843
+ .termsAgree[data-v-3a0f1d21]:hover {
5829
5844
  color: var(--scalar-color-1);
5830
5845
  }
5831
- .termsAgree:hover .termsAgreeIcon[data-v-ba1161a7] {
5846
+ .termsAgree:hover .termsAgreeIcon[data-v-3a0f1d21] {
5832
5847
  background: var(--scalar-color-1);
5833
5848
  color: var(--scalar-background-1);
5834
5849
  }
5835
- .termsAgreeIcon[data-v-ba1161a7] {
5850
+ .termsAgreeIcon[data-v-3a0f1d21] {
5836
5851
  width: inherit;
5837
5852
  height: inherit;
5838
5853
  padding: 2px;