@puckeditor/plugin-ai 0.7.1-canary.de512376 → 0.8.0-canary.62b8dc69
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.
- package/dist/index.css +157 -113
- package/dist/index.d.mts +42 -1
- package/dist/index.d.ts +42 -1
- package/dist/index.js +557 -57
- package/dist/index.mjs +599 -89
- package/package.json +5 -4
package/dist/index.css
CHANGED
|
@@ -1531,7 +1531,7 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1531
1531
|
}
|
|
1532
1532
|
|
|
1533
1533
|
/* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/ChatBody/styles.module.css/#css-module-data */
|
|
1534
|
-
.
|
|
1534
|
+
._Chat_s0sv0_1 {
|
|
1535
1535
|
--fade-size: 32px;
|
|
1536
1536
|
--chat-background-color: white;
|
|
1537
1537
|
display: flex;
|
|
@@ -1541,46 +1541,50 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1541
1541
|
overflow: hidden;
|
|
1542
1542
|
}
|
|
1543
1543
|
@media (min-width: 638px) {
|
|
1544
|
-
.
|
|
1544
|
+
._Chat_s0sv0_1 {
|
|
1545
1545
|
max-height: none;
|
|
1546
1546
|
}
|
|
1547
1547
|
}
|
|
1548
|
-
._Chat-
|
|
1548
|
+
._Chat-inner_s0sv0_17 {
|
|
1549
1549
|
background-color: var(--chat-background-color);
|
|
1550
1550
|
display: flex;
|
|
1551
1551
|
flex-direction: column;
|
|
1552
1552
|
max-height: 100%;
|
|
1553
1553
|
position: relative;
|
|
1554
1554
|
}
|
|
1555
|
-
._Chat--
|
|
1555
|
+
._Chat--hasMessages_s0sv0_25 ._Chat-inner_s0sv0_17 {
|
|
1556
1556
|
padding-top: 0;
|
|
1557
1557
|
}
|
|
1558
|
-
.
|
|
1558
|
+
._Chat_s0sv0_1:not(._Chat--hasChildren_s0sv0_29) ._Chat-inner_s0sv0_17 {
|
|
1559
1559
|
height: 100%;
|
|
1560
1560
|
padding-top: 0;
|
|
1561
1561
|
}
|
|
1562
|
-
._Chat
|
|
1562
|
+
._Chat-body_s0sv0_34 {
|
|
1563
|
+
padding: 16px;
|
|
1564
|
+
overflow: auto;
|
|
1565
|
+
}
|
|
1566
|
+
._Chat--hasMessages_s0sv0_25 ._Chat-messages_s0sv0_39 {
|
|
1563
1567
|
display: flex;
|
|
1564
1568
|
flex-direction: column-reverse;
|
|
1565
|
-
|
|
1569
|
+
gap: 16px;
|
|
1566
1570
|
overflow: auto;
|
|
1567
1571
|
}
|
|
1568
|
-
._Chat-
|
|
1572
|
+
._Chat-form_s0sv0_46 {
|
|
1569
1573
|
background-color: white;
|
|
1570
1574
|
padding: 16px;
|
|
1571
1575
|
}
|
|
1572
|
-
._Chat--
|
|
1576
|
+
._Chat--hideInput_s0sv0_51 ._Chat-form_s0sv0_46 {
|
|
1573
1577
|
display: none;
|
|
1574
1578
|
}
|
|
1575
|
-
._Chat--
|
|
1579
|
+
._Chat--hasMessages_s0sv0_25 ._Chat-form_s0sv0_46 {
|
|
1576
1580
|
border-top: 1px solid var(--puck-color-grey-09);
|
|
1577
1581
|
}
|
|
1578
1582
|
@media (min-width: 638px) {
|
|
1579
|
-
._Chat-
|
|
1583
|
+
._Chat-form_s0sv0_46 {
|
|
1580
1584
|
border-top: 1px solid var(--puck-color-grey-09);
|
|
1581
1585
|
}
|
|
1582
1586
|
}
|
|
1583
|
-
._Chat-
|
|
1587
|
+
._Chat-formHelper_s0sv0_65 {
|
|
1584
1588
|
align-items: center;
|
|
1585
1589
|
display: flex;
|
|
1586
1590
|
color: var(--puck-color-grey-04);
|
|
@@ -1589,11 +1593,11 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1589
1593
|
gap: 8px;
|
|
1590
1594
|
padding-bottom: 12px;
|
|
1591
1595
|
}
|
|
1592
|
-
._Chat--
|
|
1596
|
+
._Chat--hasMessages_s0sv0_25 ._Chat-formHelper_s0sv0_65 {
|
|
1593
1597
|
opacity: 0;
|
|
1594
1598
|
transition: opacity 250ms ease-in;
|
|
1595
1599
|
}
|
|
1596
|
-
._Chat-
|
|
1600
|
+
._Chat-examplePrompts_s0sv0_80 {
|
|
1597
1601
|
align-items: center;
|
|
1598
1602
|
display: flex;
|
|
1599
1603
|
flex-wrap: nowrap;
|
|
@@ -1602,7 +1606,7 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1602
1606
|
width: 100%;
|
|
1603
1607
|
overflow-x: auto;
|
|
1604
1608
|
}
|
|
1605
|
-
._Chat-
|
|
1609
|
+
._Chat-examplePrompt_s0sv0_80 {
|
|
1606
1610
|
align-items: center;
|
|
1607
1611
|
background: white;
|
|
1608
1612
|
border: 1px solid var(--puck-color-grey-09);
|
|
@@ -1615,35 +1619,38 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1615
1619
|
padding: 6px 12px;
|
|
1616
1620
|
text-wrap: nowrap;
|
|
1617
1621
|
}
|
|
1618
|
-
._Chat-
|
|
1622
|
+
._Chat-examplePrompt_s0sv0_80:hover {
|
|
1619
1623
|
background: var(--puck-color-azure-11);
|
|
1620
1624
|
border-color: var(--puck-color-azure-08);
|
|
1621
1625
|
color: var(--puck-color-azure-04);
|
|
1622
1626
|
}
|
|
1623
|
-
._Chat-
|
|
1627
|
+
._Chat-examplePromptArrow_s0sv0_110 {
|
|
1624
1628
|
display: flex;
|
|
1625
1629
|
margin-left: auto;
|
|
1626
1630
|
}
|
|
1627
|
-
._Chat-
|
|
1631
|
+
._Chat-default_s0sv0_115 {
|
|
1628
1632
|
overflow-y: auto;
|
|
1629
1633
|
flex-grow: 1;
|
|
1630
1634
|
}
|
|
1631
|
-
._Chat--
|
|
1635
|
+
._Chat--hasMessages_s0sv0_25 ._Chat-default_s0sv0_115 {
|
|
1632
1636
|
opacity: 0;
|
|
1633
1637
|
padding: 0;
|
|
1634
1638
|
pointer-events: none;
|
|
1635
1639
|
transition: opacity 250ms ease-in;
|
|
1636
1640
|
}
|
|
1637
|
-
._Chat--
|
|
1641
|
+
._Chat--hasMessages_s0sv0_25 {
|
|
1638
1642
|
background-color: white;
|
|
1639
1643
|
transition: background-color 250ms ease-in;
|
|
1640
1644
|
}
|
|
1641
|
-
.
|
|
1642
|
-
|
|
1645
|
+
._ChatMessage_s0sv0_132 {
|
|
1646
|
+
display: flex;
|
|
1647
|
+
flex-direction: column;
|
|
1648
|
+
gap: 16px;
|
|
1649
|
+
font-size: var(--puck-font-size-xxs);
|
|
1643
1650
|
line-height: var(--line-height-s);
|
|
1644
1651
|
overflow-wrap: break-word;
|
|
1645
1652
|
}
|
|
1646
|
-
._ChatMessage--
|
|
1653
|
+
._ChatMessage--userRole_s0sv0_141 ._ChatMessage-userBubble_s0sv0_141 {
|
|
1647
1654
|
background: var(--puck-color-azure-10);
|
|
1648
1655
|
border-radius: 16px;
|
|
1649
1656
|
color: var(--puck-color-grey-03);
|
|
@@ -1651,16 +1658,14 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1651
1658
|
flex-direction: column;
|
|
1652
1659
|
gap: 8px;
|
|
1653
1660
|
margin-left: 24px;
|
|
1654
|
-
margin-bottom: 8px;
|
|
1655
|
-
margin-top: 8px;
|
|
1656
1661
|
padding: 12px 16px;
|
|
1657
1662
|
}
|
|
1658
|
-
._ChatMessage-
|
|
1663
|
+
._ChatMessage-userAttachments_s0sv0_152 {
|
|
1659
1664
|
display: flex;
|
|
1660
1665
|
flex-wrap: wrap;
|
|
1661
1666
|
gap: 6px;
|
|
1662
1667
|
}
|
|
1663
|
-
._ChatMessage-
|
|
1668
|
+
._ChatMessage-thumbnail_s0sv0_158 {
|
|
1664
1669
|
align-items: center;
|
|
1665
1670
|
background: var(--puck-color-grey-12);
|
|
1666
1671
|
border: 1px solid var(--puck-color-grey-09);
|
|
@@ -1676,18 +1681,18 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1676
1681
|
text-decoration: none;
|
|
1677
1682
|
width: 92px;
|
|
1678
1683
|
}
|
|
1679
|
-
._ChatMessage-
|
|
1684
|
+
._ChatMessage-thumbnail_s0sv0_158:hover {
|
|
1680
1685
|
border-color: var(--puck-color-azure-08);
|
|
1681
1686
|
color: var(--puck-color-azure-04);
|
|
1682
1687
|
opacity: 0.6;
|
|
1683
1688
|
}
|
|
1684
|
-
._ChatMessage-
|
|
1689
|
+
._ChatMessage-thumbnail_s0sv0_158 img {
|
|
1685
1690
|
display: block;
|
|
1686
1691
|
height: 100%;
|
|
1687
1692
|
object-fit: cover;
|
|
1688
1693
|
width: 100%;
|
|
1689
1694
|
}
|
|
1690
|
-
._ChatMessage-
|
|
1695
|
+
._ChatMessage-thumbnailLabel_s0sv0_188 {
|
|
1691
1696
|
background: var(--puck-color-grey-12);
|
|
1692
1697
|
border-top: 1px solid var(--puck-color-grey-09);
|
|
1693
1698
|
bottom: 0;
|
|
@@ -1706,70 +1711,70 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1706
1711
|
text-overflow: ellipsis;
|
|
1707
1712
|
white-space: nowrap;
|
|
1708
1713
|
}
|
|
1709
|
-
.
|
|
1710
|
-
.
|
|
1714
|
+
._ChatMessage_s0sv0_132 ul,
|
|
1715
|
+
._ChatMessage_s0sv0_132 ol {
|
|
1711
1716
|
list-style: decimal;
|
|
1712
1717
|
margin: 0;
|
|
1713
1718
|
margin-bottom: 12px;
|
|
1714
1719
|
margin-top: 12px;
|
|
1715
1720
|
padding-left: 32px;
|
|
1716
1721
|
}
|
|
1717
|
-
.
|
|
1722
|
+
._ChatMessage_s0sv0_132 li {
|
|
1718
1723
|
margin-bottom: 8px;
|
|
1719
1724
|
margin-top: 8px;
|
|
1720
1725
|
padding-left: 8px;
|
|
1721
1726
|
}
|
|
1722
|
-
.
|
|
1723
|
-
.
|
|
1724
|
-
.
|
|
1725
|
-
.
|
|
1726
|
-
.
|
|
1727
|
-
.
|
|
1727
|
+
._ChatMessage_s0sv0_132 h1,
|
|
1728
|
+
._ChatMessage_s0sv0_132 h2,
|
|
1729
|
+
._ChatMessage_s0sv0_132 h3,
|
|
1730
|
+
._ChatMessage_s0sv0_132 h4,
|
|
1731
|
+
._ChatMessage_s0sv0_132 h5,
|
|
1732
|
+
._ChatMessage_s0sv0_132 h6 {
|
|
1728
1733
|
font-weight: 600;
|
|
1729
1734
|
}
|
|
1730
|
-
.
|
|
1735
|
+
._ChatMessage_s0sv0_132 h1 {
|
|
1731
1736
|
font-size: var(--puck-font-l);
|
|
1732
1737
|
}
|
|
1733
|
-
.
|
|
1738
|
+
._ChatMessage_s0sv0_132 h2 {
|
|
1734
1739
|
font-size: var(--puck-font-m);
|
|
1735
1740
|
}
|
|
1736
|
-
.
|
|
1741
|
+
._ChatMessage_s0sv0_132 h3 {
|
|
1737
1742
|
font-size: var(--puck-font-m);
|
|
1738
1743
|
}
|
|
1739
|
-
.
|
|
1744
|
+
._ChatMessage_s0sv0_132 h4 {
|
|
1740
1745
|
font-size: var(--puck-font-s);
|
|
1741
1746
|
}
|
|
1742
|
-
.
|
|
1747
|
+
._ChatMessage_s0sv0_132 h5 {
|
|
1743
1748
|
font-size: var(--puck-font-xs);
|
|
1744
1749
|
}
|
|
1745
|
-
.
|
|
1750
|
+
._ChatMessage_s0sv0_132 h6 {
|
|
1746
1751
|
font-size: var(--puck-font-xm);
|
|
1747
1752
|
}
|
|
1748
|
-
.
|
|
1753
|
+
._ChatMessage_s0sv0_132 p {
|
|
1749
1754
|
margin-bottom: 8px;
|
|
1750
1755
|
margin-top: 8px;
|
|
1751
1756
|
}
|
|
1752
|
-
._ChatMessage
|
|
1757
|
+
._ChatMessage-text_s0sv0_261 > *:first-of-type {
|
|
1753
1758
|
margin-top: 0px;
|
|
1754
1759
|
}
|
|
1755
|
-
._ChatMessage
|
|
1760
|
+
._ChatMessage-text_s0sv0_261 > *:last-of-type {
|
|
1756
1761
|
margin-bottom: 0px;
|
|
1757
1762
|
}
|
|
1758
|
-
.
|
|
1763
|
+
._ChatMessage_s0sv0_132 a {
|
|
1759
1764
|
color: var(--puck-color-azure-04);
|
|
1760
1765
|
font-weight: 600;
|
|
1761
1766
|
text-decoration: none;
|
|
1762
1767
|
}
|
|
1763
|
-
.
|
|
1768
|
+
._ChatMessage_s0sv0_132 a:hover {
|
|
1764
1769
|
color: var(--puck-color-azure-05);
|
|
1765
1770
|
}
|
|
1766
|
-
.
|
|
1771
|
+
._ChatMessage_s0sv0_132 hr {
|
|
1767
1772
|
border-top: none;
|
|
1768
1773
|
border-bottom-color: var(--puck-color-grey-09);
|
|
1769
1774
|
margin-bottom: 16px;
|
|
1770
1775
|
margin-top: 16px;
|
|
1771
1776
|
}
|
|
1772
|
-
.
|
|
1777
|
+
._ChatMessage-text_s0sv0_261 blockquote {
|
|
1773
1778
|
margin-bottom: 8px;
|
|
1774
1779
|
margin-top: 8px;
|
|
1775
1780
|
margin-left: 0;
|
|
@@ -1778,44 +1783,73 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1778
1783
|
padding-bottom: 2px;
|
|
1779
1784
|
padding-top: 2px;
|
|
1780
1785
|
}
|
|
1781
|
-
._ChatMessage-
|
|
1782
|
-
background: var(--puck-color-grey-12);
|
|
1783
|
-
border: 1px solid var(--puck-color-grey-08);
|
|
1784
|
-
border-radius: 16px;
|
|
1786
|
+
._ChatMessage-event_s0sv0_296 {
|
|
1785
1787
|
color: var(--puck-color-grey-05);
|
|
1786
|
-
margin-right: 24px;
|
|
1787
|
-
margin-bottom: 12px;
|
|
1788
|
-
margin-top: 12px;
|
|
1789
|
-
padding: 12px 16px;
|
|
1790
1788
|
}
|
|
1791
|
-
._ChatMessage-
|
|
1789
|
+
._ChatMessage-eventBody_s0sv0_300 > ._ChatMessage-event_s0sv0_296:first-child {
|
|
1790
|
+
padding-top: 8px;
|
|
1791
|
+
}
|
|
1792
|
+
._ChatMessage-eventBody_s0sv0_300 > ._ChatMessage-event_s0sv0_296:last-child {
|
|
1793
|
+
padding-bottom: 8px;
|
|
1794
|
+
margin-bottom: 0;
|
|
1795
|
+
}
|
|
1796
|
+
._ChatMessage-eventCollapse_s0sv0_309 {
|
|
1797
|
+
display: none;
|
|
1798
|
+
}
|
|
1799
|
+
._ChatMessage-event_s0sv0_296[open] > ._ChatMessage-eventHeader_s0sv0_313 > ._ChatMessage-eventExpand_s0sv0_313 {
|
|
1800
|
+
display: none;
|
|
1801
|
+
}
|
|
1802
|
+
._ChatMessage-event_s0sv0_296[open] > ._ChatMessage-eventHeader_s0sv0_313 > ._ChatMessage-eventCollapse_s0sv0_309 {
|
|
1803
|
+
display: block;
|
|
1804
|
+
}
|
|
1805
|
+
._ChatMessage-eventHeader_s0sv0_313 {
|
|
1792
1806
|
align-items: center;
|
|
1793
1807
|
display: flex;
|
|
1794
1808
|
gap: 8px;
|
|
1809
|
+
cursor: pointer;
|
|
1810
|
+
list-style: none;
|
|
1811
|
+
}
|
|
1812
|
+
._ChatMessage-eventHeader_s0sv0_313::-webkit-details-marker {
|
|
1813
|
+
display: none;
|
|
1814
|
+
}
|
|
1815
|
+
._ChatMessage-eventHeader_s0sv0_313:hover {
|
|
1816
|
+
color: var(--puck-color-grey-03);
|
|
1795
1817
|
}
|
|
1796
|
-
._ChatMessage-
|
|
1818
|
+
._ChatMessage-eventIcon_s0sv0_339 {
|
|
1797
1819
|
display: flex;
|
|
1798
1820
|
}
|
|
1799
|
-
._ChatMessage-
|
|
1821
|
+
._ChatMessage-eventLabel_s0sv0_343 {
|
|
1822
|
+
text-overflow: ellipsis;
|
|
1823
|
+
overflow: hidden;
|
|
1824
|
+
white-space: nowrap;
|
|
1825
|
+
}
|
|
1826
|
+
._ChatMessage-eventBody_s0sv0_300 {
|
|
1827
|
+
border-left: 2px solid var(--puck-color-grey-09);
|
|
1828
|
+
color: var(--puck-color-grey-05);
|
|
1829
|
+
font-size: var(--puck-font-size-xxs);
|
|
1830
|
+
margin-top: 8px;
|
|
1831
|
+
padding-left: 12px;
|
|
1832
|
+
}
|
|
1833
|
+
._ChatMessage-attachmentImage_s0sv0_357 {
|
|
1800
1834
|
margin-bottom: 12px;
|
|
1801
1835
|
margin-top: 12px;
|
|
1802
1836
|
margin-right: 24px;
|
|
1803
1837
|
}
|
|
1804
|
-
._ChatMessage-
|
|
1838
|
+
._ChatMessage-attachmentImage_s0sv0_357 a {
|
|
1805
1839
|
display: inline-block;
|
|
1806
1840
|
}
|
|
1807
|
-
._ChatMessage-
|
|
1841
|
+
._ChatMessage-attachmentImage_s0sv0_357 img {
|
|
1808
1842
|
border: 1px solid var(--puck-color-grey-09);
|
|
1809
1843
|
border-radius: 16px;
|
|
1810
1844
|
display: block;
|
|
1811
1845
|
max-width: min(100%, 280px);
|
|
1812
1846
|
}
|
|
1813
|
-
._ChatMessage-
|
|
1847
|
+
._ChatMessage-attachmentFile_s0sv0_374 {
|
|
1814
1848
|
margin-bottom: 12px;
|
|
1815
1849
|
margin-top: 12px;
|
|
1816
1850
|
margin-right: 24px;
|
|
1817
1851
|
}
|
|
1818
|
-
._ChatMessage-
|
|
1852
|
+
._ChatMessage-attachmentFile_s0sv0_374 a {
|
|
1819
1853
|
align-items: center;
|
|
1820
1854
|
background: var(--puck-color-grey-12);
|
|
1821
1855
|
border: 1px solid var(--puck-color-grey-08);
|
|
@@ -1826,15 +1860,23 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1826
1860
|
padding: 8px 12px;
|
|
1827
1861
|
text-decoration: none;
|
|
1828
1862
|
}
|
|
1829
|
-
._ChatMessage-
|
|
1863
|
+
._ChatMessage-attachmentFile_s0sv0_374 a:hover {
|
|
1830
1864
|
border-color: var(--puck-color-azure-08);
|
|
1831
1865
|
color: var(--puck-color-azure-04);
|
|
1832
1866
|
}
|
|
1833
|
-
._Chat-
|
|
1834
|
-
|
|
1835
|
-
|
|
1867
|
+
._Chat-loader_s0sv0_397 {
|
|
1868
|
+
align-items: center;
|
|
1869
|
+
color: var(--puck-color-grey-05);
|
|
1870
|
+
display: flex;
|
|
1871
|
+
font-size: var(--puck-font-size-xxs);
|
|
1872
|
+
gap: 8px;
|
|
1873
|
+
line-height: var(--line-height-s);
|
|
1874
|
+
margin-top: 16px;
|
|
1875
|
+
}
|
|
1876
|
+
._Chat-loaderIcon_s0sv0_407 {
|
|
1877
|
+
height: 16px;
|
|
1836
1878
|
}
|
|
1837
|
-
._Chat-
|
|
1879
|
+
._Chat-error_s0sv0_411 {
|
|
1838
1880
|
align-items: center;
|
|
1839
1881
|
display: flex;
|
|
1840
1882
|
gap: 8px;
|
|
@@ -1842,13 +1884,13 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1842
1884
|
margin: 16px;
|
|
1843
1885
|
margin-top: 0;
|
|
1844
1886
|
}
|
|
1845
|
-
._Chat-
|
|
1887
|
+
._Chat-errorLabel_s0sv0_420 {
|
|
1846
1888
|
color: var(--puck-color-red-04);
|
|
1847
1889
|
}
|
|
1848
|
-
._Chat-
|
|
1890
|
+
._Chat-errorAction_s0sv0_424 {
|
|
1849
1891
|
margin-left: auto;
|
|
1850
1892
|
}
|
|
1851
|
-
._Chat-
|
|
1893
|
+
._Chat-userError_s0sv0_428 {
|
|
1852
1894
|
align-items: center;
|
|
1853
1895
|
color: var(--puck-color-red-04);
|
|
1854
1896
|
display: flex;
|
|
@@ -1857,31 +1899,31 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1857
1899
|
padding: 0 16px;
|
|
1858
1900
|
padding-bottom: 8px;
|
|
1859
1901
|
}
|
|
1860
|
-
._Chat-
|
|
1902
|
+
._Chat-userErrorDismiss_s0sv0_438 {
|
|
1861
1903
|
all: unset;
|
|
1862
1904
|
cursor: pointer;
|
|
1863
1905
|
display: flex;
|
|
1864
1906
|
flex-shrink: 0;
|
|
1865
1907
|
opacity: 0.6;
|
|
1866
1908
|
}
|
|
1867
|
-
._Chat-
|
|
1909
|
+
._Chat-userErrorDismiss_s0sv0_438:hover {
|
|
1868
1910
|
opacity: 1;
|
|
1869
1911
|
}
|
|
1870
|
-
._Chat-
|
|
1912
|
+
._Chat-userErrorDismiss_s0sv0_438:focus-visible {
|
|
1871
1913
|
border-radius: 4px;
|
|
1872
1914
|
outline: 2px solid var(--puck-color-azure-04);
|
|
1873
1915
|
opacity: 1;
|
|
1874
1916
|
}
|
|
1875
1917
|
|
|
1876
1918
|
/* css-module:/home/runner/work/platform/platform/packages/plugin-ai/src/components/PromptForm/styles.module.css/#css-module-data */
|
|
1877
|
-
.
|
|
1919
|
+
._PromptForm_1iqhg_1 {
|
|
1878
1920
|
--radius: 9px;
|
|
1879
1921
|
background-color: var(--puck-color-grey-09);
|
|
1880
1922
|
border-radius: var(--radius);
|
|
1881
1923
|
position: relative;
|
|
1882
1924
|
width: 100%;
|
|
1883
1925
|
}
|
|
1884
|
-
._PromptForm-
|
|
1926
|
+
._PromptForm-dropOverlay_1iqhg_9 {
|
|
1885
1927
|
align-items: center;
|
|
1886
1928
|
background: var(--puck-color-azure-12);
|
|
1887
1929
|
border: 2px dashed var(--puck-color-azure-04);
|
|
@@ -1898,16 +1940,16 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1898
1940
|
position: absolute;
|
|
1899
1941
|
z-index: 10;
|
|
1900
1942
|
}
|
|
1901
|
-
._PromptForm-
|
|
1943
|
+
._PromptForm-inner_1iqhg_27 {
|
|
1902
1944
|
border-radius: var(--radius);
|
|
1903
1945
|
padding: 1px;
|
|
1904
1946
|
position: relative;
|
|
1905
1947
|
}
|
|
1906
|
-
._PromptForm--
|
|
1948
|
+
._PromptForm--dark_1iqhg_33 {
|
|
1907
1949
|
background-color: var(--puck-color-grey-02);
|
|
1908
1950
|
box-shadow: none;
|
|
1909
1951
|
}
|
|
1910
|
-
._PromptForm--
|
|
1952
|
+
._PromptForm--glow_1iqhg_38 ._PromptForm-glow_1iqhg_38 {
|
|
1911
1953
|
border: 2px solid transparent;
|
|
1912
1954
|
border-radius: var(--radius);
|
|
1913
1955
|
mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
|
|
@@ -1917,7 +1959,7 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1917
1959
|
pointer-events: none;
|
|
1918
1960
|
inset: 0;
|
|
1919
1961
|
}
|
|
1920
|
-
._PromptForm--
|
|
1962
|
+
._PromptForm--glow_1iqhg_38 ._PromptForm-glow_1iqhg_38::after {
|
|
1921
1963
|
background:
|
|
1922
1964
|
radial-gradient(
|
|
1923
1965
|
circle at center,
|
|
@@ -1926,30 +1968,30 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1926
1968
|
content: "";
|
|
1927
1969
|
offset-path: rect(0 100% 100% 0 round 200px);
|
|
1928
1970
|
offset-anchor: calc(var(--anchor) * 1%) 50%;
|
|
1929
|
-
animation:
|
|
1971
|
+
animation: _loop_1iqhg_1 9s infinite linear;
|
|
1930
1972
|
position: absolute;
|
|
1931
1973
|
height: 312px;
|
|
1932
1974
|
aspect-ratio: 1 / 1;
|
|
1933
1975
|
display: inline-block;
|
|
1934
1976
|
}
|
|
1935
|
-
._PromptForm--
|
|
1977
|
+
._PromptForm--dark_1iqhg_33._PromptForm--glow_1iqhg_38 ._PromptForm-glow_1iqhg_38::after {
|
|
1936
1978
|
background:
|
|
1937
1979
|
radial-gradient(
|
|
1938
1980
|
circle at center,
|
|
1939
1981
|
var(--puck-color-azure-08),
|
|
1940
1982
|
transparent 50%);
|
|
1941
1983
|
}
|
|
1942
|
-
@keyframes
|
|
1984
|
+
@keyframes _loop_1iqhg_1 {
|
|
1943
1985
|
to {
|
|
1944
1986
|
offset-distance: 100%;
|
|
1945
1987
|
}
|
|
1946
1988
|
}
|
|
1947
|
-
._PromptForm-
|
|
1989
|
+
._PromptForm-formInner_1iqhg_79 {
|
|
1948
1990
|
background-color: white;
|
|
1949
1991
|
border-radius: 8px;
|
|
1950
1992
|
position: relative;
|
|
1951
1993
|
}
|
|
1952
|
-
._PromptForm-
|
|
1994
|
+
._PromptForm-input_1iqhg_85 {
|
|
1953
1995
|
background-color: transparent;
|
|
1954
1996
|
border: none;
|
|
1955
1997
|
display: block;
|
|
@@ -1966,21 +2008,21 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1966
2008
|
width: 100%;
|
|
1967
2009
|
box-sizing: border-box;
|
|
1968
2010
|
}
|
|
1969
|
-
._PromptForm-
|
|
2011
|
+
._PromptForm-input_1iqhg_85:focus {
|
|
1970
2012
|
outline: none;
|
|
1971
2013
|
}
|
|
1972
|
-
._PromptForm-
|
|
2014
|
+
._PromptForm-formInner_1iqhg_79:has(._PromptForm-input_1iqhg_85:focus) {
|
|
1973
2015
|
outline: 2px solid var(--puck-color-azure-04);
|
|
1974
2016
|
}
|
|
1975
|
-
._PromptForm--
|
|
2017
|
+
._PromptForm--dark_1iqhg_33 ._PromptForm-input_1iqhg_85 {
|
|
1976
2018
|
background-color: var(--puck-color-grey-01);
|
|
1977
2019
|
color: var(--puck-color-grey-08);
|
|
1978
2020
|
}
|
|
1979
|
-
._PromptForm--
|
|
2021
|
+
._PromptForm--disabled_1iqhg_116 ._PromptForm-input_1iqhg_85 {
|
|
1980
2022
|
background-color: var(--puck-color-grey-12);
|
|
1981
2023
|
cursor: not-allowed;
|
|
1982
2024
|
}
|
|
1983
|
-
._PromptForm-
|
|
2025
|
+
._PromptForm-helper_1iqhg_121 {
|
|
1984
2026
|
align-items: center;
|
|
1985
2027
|
color: var(--puck-color-grey-04);
|
|
1986
2028
|
display: flex;
|
|
@@ -1989,7 +2031,7 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1989
2031
|
font-weight: 500;
|
|
1990
2032
|
padding: 6px 12px;
|
|
1991
2033
|
}
|
|
1992
|
-
._PromptForm-
|
|
2034
|
+
._PromptForm-actions_1iqhg_131 {
|
|
1993
2035
|
align-items: flex-end;
|
|
1994
2036
|
cursor: text;
|
|
1995
2037
|
display: flex;
|
|
@@ -1999,7 +2041,7 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1999
2041
|
right: 0;
|
|
2000
2042
|
padding: 6px;
|
|
2001
2043
|
}
|
|
2002
|
-
._PromptForm-
|
|
2044
|
+
._PromptForm-actionsLeft_1iqhg_142 {
|
|
2003
2045
|
align-items: center;
|
|
2004
2046
|
cursor: auto;
|
|
2005
2047
|
display: flex;
|
|
@@ -2007,11 +2049,11 @@ button._Menu-item_1tu16_55:hover {
|
|
|
2007
2049
|
gap: 6px;
|
|
2008
2050
|
padding-left: 4px;
|
|
2009
2051
|
}
|
|
2010
|
-
._PromptForm-
|
|
2052
|
+
._PromptForm-actionsRight_1iqhg_151 {
|
|
2011
2053
|
cursor: auto;
|
|
2012
2054
|
margin-left: auto;
|
|
2013
2055
|
}
|
|
2014
|
-
._PromptForm-
|
|
2056
|
+
._PromptForm-actionSubmit_1iqhg_156 {
|
|
2015
2057
|
background: var(--puck-color-azure-04);
|
|
2016
2058
|
border-radius: 48px;
|
|
2017
2059
|
color: white;
|
|
@@ -2023,33 +2065,35 @@ button._Menu-item_1tu16_55:hover {
|
|
|
2023
2065
|
border: 0;
|
|
2024
2066
|
pointer-events: auto;
|
|
2025
2067
|
cursor: pointer;
|
|
2068
|
+
height: 32px;
|
|
2069
|
+
width: 32px;
|
|
2026
2070
|
}
|
|
2027
|
-
._PromptForm--
|
|
2071
|
+
._PromptForm--userCta_1iqhg_172 ._PromptForm-actionSubmit_1iqhg_156 {
|
|
2028
2072
|
padding: 8px 12px;
|
|
2029
2073
|
}
|
|
2030
|
-
._PromptForm-
|
|
2074
|
+
._PromptForm-actionSubmit_1iqhg_156:hover {
|
|
2031
2075
|
background: var(--puck-color-azure-05);
|
|
2032
2076
|
}
|
|
2033
|
-
._PromptForm-
|
|
2077
|
+
._PromptForm-actionSubmit_1iqhg_156:focus {
|
|
2034
2078
|
outline: 2px solid var(--puck-color-azure-04);
|
|
2035
2079
|
outline-offset: 2px;
|
|
2036
2080
|
}
|
|
2037
|
-
._PromptForm--
|
|
2081
|
+
._PromptForm--isDisabled_1iqhg_185 ._PromptForm-actionSubmit_1iqhg_156 {
|
|
2038
2082
|
background-color: var(--puck-color-grey-06);
|
|
2039
2083
|
cursor: not-allowed;
|
|
2040
2084
|
}
|
|
2041
|
-
._PromptForm--
|
|
2085
|
+
._PromptForm--isLoading_1iqhg_190 ._PromptForm-actionSubmit_1iqhg_156 {
|
|
2042
2086
|
background-color: var(--puck-color-azure-06);
|
|
2043
2087
|
cursor: not-allowed;
|
|
2044
2088
|
}
|
|
2045
|
-
._PromptForm-
|
|
2089
|
+
._PromptForm-attachments_1iqhg_195 {
|
|
2046
2090
|
display: flex;
|
|
2047
2091
|
flex-wrap: wrap;
|
|
2048
2092
|
gap: 8px;
|
|
2049
2093
|
padding: 8px 12px;
|
|
2050
2094
|
padding-bottom: 0px;
|
|
2051
2095
|
}
|
|
2052
|
-
._PromptForm-
|
|
2096
|
+
._PromptForm-attachmentChip_1iqhg_203 {
|
|
2053
2097
|
align-items: center;
|
|
2054
2098
|
background: var(--puck-color-grey-12);
|
|
2055
2099
|
border: 1px solid var(--puck-color-grey-09);
|
|
@@ -2063,21 +2107,21 @@ button._Menu-item_1tu16_55:hover {
|
|
|
2063
2107
|
padding: 4px 8px;
|
|
2064
2108
|
text-overflow: ellipsis;
|
|
2065
2109
|
}
|
|
2066
|
-
._PromptForm-
|
|
2110
|
+
._PromptForm-attachmentChipUploading_1iqhg_218 {
|
|
2067
2111
|
color: var(--puck-color-grey-05);
|
|
2068
2112
|
}
|
|
2069
|
-
._PromptForm-
|
|
2113
|
+
._PromptForm-attachmentChipFailed_1iqhg_222 {
|
|
2070
2114
|
border-color: var(--puck-color-red-08);
|
|
2071
2115
|
color: var(--puck-color-red-04);
|
|
2072
2116
|
}
|
|
2073
|
-
._PromptForm-
|
|
2117
|
+
._PromptForm-attachmentError_1iqhg_227 {
|
|
2074
2118
|
color: var(--puck-color-red-04);
|
|
2075
2119
|
font-size: var(--puck-font-size-xxxs);
|
|
2076
2120
|
}
|
|
2077
|
-
._PromptForm-
|
|
2078
|
-
animation: _PromptForm-
|
|
2121
|
+
._PromptForm-attachmentSpinner_1iqhg_232 {
|
|
2122
|
+
animation: _PromptForm-attachmentSpin_1iqhg_232 1s linear infinite;
|
|
2079
2123
|
}
|
|
2080
|
-
._PromptForm-
|
|
2124
|
+
._PromptForm-attachmentRemove_1iqhg_236 {
|
|
2081
2125
|
align-items: center;
|
|
2082
2126
|
background: transparent;
|
|
2083
2127
|
border: 0;
|
|
@@ -2087,11 +2131,11 @@ button._Menu-item_1tu16_55:hover {
|
|
|
2087
2131
|
margin-left: 2px;
|
|
2088
2132
|
padding: 0;
|
|
2089
2133
|
}
|
|
2090
|
-
._PromptForm-
|
|
2134
|
+
._PromptForm-attachmentRemove_1iqhg_236:focus-visible {
|
|
2091
2135
|
border-radius: 4px;
|
|
2092
2136
|
outline: 2px solid var(--puck-color-azure-04);
|
|
2093
2137
|
}
|
|
2094
|
-
@keyframes _PromptForm-
|
|
2138
|
+
@keyframes _PromptForm-attachmentSpin_1iqhg_232 {
|
|
2095
2139
|
to {
|
|
2096
2140
|
transform: rotate(360deg);
|
|
2097
2141
|
}
|